/* roboto-300 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-v32-latin-300.woff2') format('woff2');
}
/* roboto-300italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/roboto-v32-latin-300italic.woff2') format('woff2');
}
/* roboto-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2');
}
/* roboto-italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-v32-latin-italic.woff2') format('woff2');
}
/* roboto-700 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v32-latin-700.woff2') format('woff2');
}
/* roboto-700italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/roboto-v32-latin-700italic.woff2') format('woff2');
}

/* roboto-condensed-300 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-condensed-v27-latin-300.woff2') format('woff2');
}
/* roboto-condensed-300italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/roboto-condensed-v27-latin-300italic.woff2') format('woff2');
}
/* roboto-condensed-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2');
}
/* roboto-condensed-italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2');
}
/* roboto-condensed-700 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-condensed-v27-latin-700.woff2') format('woff2');
}
/* roboto-condensed-700italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/roboto-condensed-v27-latin-700italic.woff2') format('woff2');
}

:root {
	--lin-old-background: rgb(19,64,148);
	--lin-ff-background: -moz-linear-gradient(left,  rgba(19,64,148,1) 0%, rgba(24,117,202,1) 100%);
	--lin-cs-background: -webkit-linear-gradient(left,  rgba(19,64,148,1) 0%,rgba(24,117,202,1) 100%);
	--lin-mix-background: linear-gradient(to right,  rgba(19,64,148,1) 0%,rgba(24,117,202,1) 100%);

	--dia-old-background: rgb(19,64,148);
	--dia-ff-background: -moz-linear-gradient(65deg, rgba(19,64,148,1) 0%, rgba(24,117,202,1) 100%);
	--dia-cs-background: -webkit-linear-gradient(65deg, rgba(19,64,148,1) 0%,rgba(24,117,202,1) 100%);
	--dia-mix-background: linear-gradient(65deg, rgba(19,64,148,1) 0%,rgba(24,117,202,1) 100%);

	--accessiblegradientdark: rgba(37,123,65,1);
	--accessiblegradientlight: rgba(154,196,65,1);
	--accessiblegradientltr: linear-gradient(to right, var(--accessiblegradientdark) 55%, var(--accessiblegradientlight) 100%);
	--accessiblegradientrtl: linear-gradient(96deg, var(--accessiblegradientlight) 5%, var(--accessiblegradientdark) 80%);
	--accessiblegradientrtldunkler: linear-gradient(80deg, var(--accessiblegradientlight) 0%, var(--accessiblegradientdark) 50%);
	--accessibleshadow: rgba(11,43,21,0.5);

	--bggruen: #85a327;
	--gruen: #96b82c; 
	--helleresgruen: #b6cd6c;
	--dunkelgruen: #8eaf2a;
	--stoerergruen: #75b843;
	--gruenunderline: #d5e79c;
	--bgblau: #134094;
	--dunkelblau: #113c84;
	--ganzdunkelblau: #0e366f;
	--graublau: #5c8fca;
	--hellblau: #8fa7d3;
	--grau: #f1f4fa;
	--mittelgrau: #dde3eb;

	--taubengrau: #717e97;
	--taubengraudunkel: #576070;

	--bgrot: #9f183d;
	--tuerkis: #1ca9ff;

	--blase: rgba(248,250,238,1);
	/* --helleblase: rgba(242, 250, 215, 0.5); */
	--helleblase: rgba(220, 250, 215, 0.5);

	--mark: rgba(28,169,255,0.3);
	--weiss: #FFFFFF; 
	--schwarz: #000000;
	--weisstrans01: rgba(255,255,255,0.1);
	--weisstrans025: rgba(255,255,255,0.25);
    --weisstrans03: rgba(255,255,255,0.3);
    --weisstrans04: rgba(255,255,255,0.4);
    --weisstrans05: rgba(255,255,255,0.5);
	--weisstrans06: rgba(255,255,255,0.6);
	--weisstrans08: rgba(255,255,255,0.8);
    --schwarztrans005: rgba(0,0,0,0.05);
    --schwarztrans01: rgba(0,0,0,0.1);
	--schwarztrans015: rgba(0,0,0,0.15);
	--schwarztrans02: rgba(0,0,0,0.2);
	--schwarztrans03: rgba(0,0,0,0.3);
	--schwarztrans04: rgba(0,0,0,0.4);
	--blautrans005: rgba(19,64,148,0.05);
	--blautrans05: rgba(19,64,148,0.5);
	
	--grautrans01: rgba(181,192,201,0.1);
	--grautrans02: rgba(181,192,201,0.2);
	--grautrans04: rgba(181,192,201,0.4);

	--dunkelgrautrans09: rgba(30,30,30,0.9);

	--hellgrau: #AAAAAA;
	--anthrazit: #222222;
	--fastweiss: #e9eff8;
	--fastweisshover: #e1e6ee;
	--fastweisshoverdunkler: #d6dbe2;

	--navidunkelblau: rgba(15,53,120,0.3);
	--navidunkelblauverlauf: linear-gradient(to right, rgba(15,53,120,0.5) 0%,rgba(19,64,148,0.2) 100%);
	--blautrans075: rgba(19,64,148,0.75);
	--blautrans: rgba(19,64,148,0.9);
	--blautrans01: rgba(19,64,148,0.1);
	--blautrans05: rgba(19,64,148,0.5);
	--standardtransition: all 0.3s ease;

	--verlaufgrau_moz: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	--verlaufgrau_web: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	--verlaufgrau: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	--fontnormal: 'Roboto', 'Calibri', 'Helvetica', arial, sans-serif;
	--fontcondensed: 'Roboto Condensed', 'Calibri', 'Helvetica', arial, sans-serif;
    --text-shadow: 0px 0px 5px rgba(0,0,0,0.3), 2px 0px 0px rgba(0,0,0,0.1), -2px 0px 0px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.1), 0px -2px 0px rgba(0,0,0,0.1);
}

section, aside, header, nav, article, footer, time, figure {
	display: block;
	margin: 0;
	padding: 0;
}

* {
	outline: none;
}

:focus-visible,
.login:has(:focus-visible) {
	outline: var(--schwarz) solid 2px;
}

.login .frame-default :focus-visible {
	outline: none;
}

.image > a:focus-visible {
	display: block;
	outline-offset: -2px;
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: var(--fontnormal);
	font-style: normal;
	font-weight: 300;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	color: var(--bgblau);
	margin: 0;
	padding: 0;
	/* letter-spacing: 0.02em; */
	letter-spacing: -0.01em;
	float: left;
    clear: both;
    width: 100%;
}

#hsagChatbot.open {
	z-index: 9999999999;
}

/*
body::before {
	content: '';
	width: 20px;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background: rgba(255,0,0,0.3);
}
*/
mark {
	background-color: var(--mark);
}

.frame-nurmobile {
	display: none;
}

hr.ce-div {
	border: 0;
	box-shadow: 0px 15px 15px -15px var(--schwarztrans04);
	height: 40px;
	margin-top: 50px;
}

.frame-type-div.frame-layout-1 hr.ce-div {
	border: 0;
    border-bottom: 1px solid var(--grau);
	box-shadow: none;
	height: 0;
    margin: 40px 0;
    display: block;
    width: 100%;
}

.cn_multicontent_teaser hr {
    border: 0;
    border-top: 1px solid var(--bgblau);
    margin: 40px 0;
}

.ce-bodytext hr {
    border: 0;
    border-bottom: 1px solid var(--bgblau);
    margin: -8px 0 15px 0;
}

#inhaltsbereich.sub .ce-bodytext img[style="float:left"] {
	margin: 0 30px 20px 0;
}

#inhaltsbereich .ce-bodytext span[style="font-size:12px"] {
	font-size: 13px !important;
}

.ce-textpic {
    clear: both;
}

iframe {
	border: 0;
}

strong {
	font-weight: 700;
}

em {
	font-family: var(--fontnormal);
}

p, p.bodytext {
	margin: 0 0 0.6em 0;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

a {
	color: var(--bgblau);
	text-decoration: underline;
    text-decoration-color: var(--gruen);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.infofragen a {
	color: var(--weiss);
}

#inhaltsbereich a {
	font-weight: 400;
}

#inhaltsbereich strong a {
	font-weight: 700;
}

a:hover {
    text-decoration-color: var(--gruen);
    text-decoration-thickness: 2px;
}

a u {
	color: transparent;
	width: 0;
	display: inline-block;
}

a sup, a sub {
	line-height: 0;
}

p > sup, p > sub, 
h2 > sup, h2 > sub, 
h1 > sup, h1 > sub, 
p > strong > sup, p > strong > sub, 
li > sup, li > sub, 
u sup,
.headerslider .image-caption sup {
	vertical-align: baseline;
	position: relative;
	top: -0.6em;
	font-size: 0.7em;
}

p > sub, 
h2 > sub, 
h1 > sub, 
p > strong > sub, 
li > sub {
	top: 0.4em;
}

h1 > sup, h1 > sub, 
h2 > sup, h2 > sub {
	font-size: 0.5em;
	font-weight: 400;
	top: -0.8em;
}

h1 > sub, h2 > sub {
	top: 7px;
}

/* ---------------------- Überschriften ---------------------- */
h1, 
.page188 h4, 
.umzug .frame-multicontentboxen .cn_multicontent_teaser h3 {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 300;
	font-size: 38px;
	line-height: 1.2em;
	padding-bottom: 22px;
	border-bottom: 3px solid var(--bgblau);
	margin: 0 0 30px 0;
	display: inline-block;
	float: none;
	clear: both;
	/* letter-spacing: 0.01em; */
}

.cn_multicontent_teaser > h3 {
	margin-top: 0;
}

h1 strong, 
h2 strong {
	font-weight: 700;
	font-size: 40px;
	letter-spacing: 0;
}

h2,
#inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
	font-family: var(--fontcondensed);
	font-style: normal;
	line-height: 1.2em;
	margin: 0 0 30px 0;
	display: block;
	float: left;
	clear: both;
	font-weight: 700;
	font-size: 40px;
	/* letter-spacing: 0.01em; */
	letter-spacing: 0;
}

.ce-bodytext h2:has(strong),
.cn_multicontent_teaser h2:has(strong),
#inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed:has(strong) {
	font-weight: 300;
}

h2.zweizeilig, h2.kursiv, h1.kursiv {
	font-weight: 300;
	font-size: 38px;
	padding-bottom: 0;
}

h2.zweizeilig strong, h2.kursiv strong, h1.kursiv strong {
	font-weight: 700;
	font-size: 40px;
}

h2.kursiv, h1.kursiv {
	font-style: italic;
	font-family: var(--fontnormal);
	/* letter-spacing: -1px; */
}

#inhaltsbereich > .frame-zentrierterinhalt h1, 
#inhaltsbereich > .frame-zentrierterinhalt h2,
#inhaltsbereich > .frame-maxwidth h1.text-center,
#inhaltsbereich > .frame-maxwidth h2.text-center {
	display: table;
	float: none;
	margin: 0 auto 30px auto;
}

#inhaltsbereich > .frame-zentrierterinhalt h2, 
#inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2 {
    font-weight: 300;
    font-size: 38px;
    line-height: 1.2em;
    padding-bottom: 22px;
    border-bottom: 3px solid var(--dunkelblau);
    margin: 0 0 30px 0;
    display: inline-block;
    float: none;
    clear: both;
}

#inhaltsbereich > .frame-zentrierterinhalt h2.noborder, 
#inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2.noborder {
	border-bottom: 0;
	padding-bottom: 0;
}

h3,
.frame-auszeichnungen header > strong,
p.wieh3 {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 300;
	font-size: 38px;
	line-height: 1.2em;
	display: block;
	clear: both;
	/* letter-spacing: 0.01em; */
	letter-spacing: 0;
}

.frame-auszeichnungen header > strong,
p.wieh3 {
	margin: 1em 0;
}

.zweizeilig * {
	float: left;
}

h2 + h3 {
	margin: -30px 0 22px 0;
	float: left;
	clear: both;
}

h4, p.condensed,
.frame-geheimtippslider header > strong,
.frame-flipbox header > strong,
.frame-blauerbalken header > strong,
header > strong {
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    display: block;
    clear: both;
	letter-spacing: 0;
}

p.condensed:has(strong),
header > strong:has(strong) {	
    font-weight: 300;
}

p.condensed:has(em) {	
    font-family: var(--fontnormal);
}

h3 em {
    font-size: 0.95em;
    /* letter-spacing: -0.01em; */
}

.ui-accordion-content .frame-type-cn_multicontent h5 {
    display: block;
    margin: 15px 0 0 0;
    float: left;
    clear: both;
    width: 100%;
    font-weight: 700;
    font-size: 0.8em;
	line-height: 1.4em;
}

.ce-headline-center {
	width: 100%;
}

.newsdetailcontent h4 {
	clear: none;
}

header.zweizeilig {
	float: left;
	border-bottom: 3px solid var(--bgblau);
	margin: 0 0 30px 0;
}

.umzug > .lightbox h2 {
    font-weight: 300;
}

.page210 h2.text-center {
    float: none;
}

.page210 .cn_multicontent_teaser h2.text-center {
    font-weight: 300;
}

/* -- Tabelle -- */
.frame-default.frame-layout-0 .ce-bodytext .contenttable tr:hover {
    background: var(--fastweiss);
}

.frame-blauerbalken .ce-bodytext .contenttable tr:hover {
    background: none;
}

.frame-blauerbalken .ce-bodytext .contenttable th, 
.frame-blauerbalken .ce-bodytext .contenttable td {
    padding: 0px;
}


/* -- RTE-Stile -- */
em.pfeil-oben, 
em.pfeil-unten {
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	width: 1em;
	height: 1em;
	line-height: 1em;
	position: relative;
}

em.pfeil-oben::before, 
em.pfeil-unten::before {
	content: '\1F845';
	text-indent: 0;
	position: absolute;
	left: 0;
	top: 2px;
}

em.pfeil-unten::before {
	content: '\1F847';
}

#inhaltsbereich.sub .ce-bodytext li {
	margin-bottom: 10px;
}

.blatt-ul {
	list-style: none;
	margin: 20px 0;
	padding: 0 0 0 20px;
}

.blatt-ul li {
	padding: 0 0 0 40px;
	position: relative;
}

.blatt-ul li::before {
	content: '';
	display: block;
	width: 25px;
	height: 22px;
	background: url(../images/naviblatt.svg) left center no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

.kurztext .blatt-ul li, 
.frame-produkte > .rahmen > .frame .blatt-ul li {
    padding-left: 30px;
}

.frame-produkte > .rahmen > .frame a {
	background: var(--accessiblegradientltr);
}

.ce-bodytext ul.pfeil-bg {
	display: block;
	background: var(--fastweiss);
	padding: 20px 20px 10px 20px;
	list-style-type: '\2192';
}

.ce-bodytext ul.pfeil-bg li {
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
}

.ce-bodytext ul.pfeil-bg li::marker {
	font-weight: 700;
}

.haken-ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

.ce-intext.ce-left ul.haken-ul {
	padding-left: 0;
}

.haken-ul li {
	margin: 0 0 5px 0 !important;
	padding: 0 0 0 25px;
	background: url(../images/aufzaehlung.svg) 0px 4px no-repeat;
	background-size: 18px auto;
	position: relative;
}

.haken-ul li a.more_ge {
	margin-top: 5px;
	margin-bottom: 10px;
}

.ce-bodytext ul.ohne-symbol-ul {
	padding: 0;
	list-style: none;
}

.ce-bodytext ul.ohne-symbol-ul li {
	margin: 0 0 5px 0;
}

/* -- ULs nebeneinander -- */
.ce-bodytext ul.ohne-symbol-ul + *,
.ce-bodytext .haken-ul + *,
.ce-bodytext .blatt-ul + *,
.ce-bodytext .floating-ul + * {
	clear: both;
}

ul.ohne-symbol-ul,
ul.haken-ul,
ul.blatt-ul,
ul.floating-ul {
	float: left;
}

ul.floating-ul {
	margin: 0 !important;
	padding: 0 !important;
}

.frame-layout-1 ul.floating-ul {
	max-width: 1020px;
}

ul.floating-ul li {
	display: inline-block;
	float: none;
	margin: 0 15px 10px 0 !important;
	padding: 0 !important;
}

.ce-bodytext ul.ohne-symbol-ul + ul.ohne-symbol-ul,
.ce-bodytext ul.haken-ul + ul.haken-ul,
.ce-bodytext ul.blatt-ul + ul.blatt-ul,
.ce-bodytext ul.floating-ul + ul.floating-ul {
	margin-left: 60px;
	float: left;
	clear: none;
}

#header.sub .headerslider .ce-bodytext ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header.sub .headerslider .ce-bodytext ul li {
	padding: 0 0 0 30px;
	margin: 0.2em 0;
	background: url(../images/right-arrow_weiss.svg) 12px 2px no-repeat;
	background-size: 0.5em 1em;
}

#inhaltsbereich .ce-bodytext ol > li > ul {
	list-style-type: disc;
	margin-top: 10px;
}

/* -------------------- Buttons und Links -------------------- */
a.default {
	text-decoration: none;
}

a.default strong,
a.default:hover {
	text-decoration: underline;
	text-decoration-color: var(--bggruen);
}

a.default,
#inhaltsbereich .link-mail {
    color: inherit;
}

a.extern {
    display: inline-block;
    vertical-align: top;
    background: url(../images/ext-link_tuerkis.svg) right 2px no-repeat;
    background-size: 16px auto;
    padding: 0 20px 0 0;
}

a.buttonlink {
	display: inline-block;
    text-align: center;
    padding: 10px 15px 9px;
	margin: 10px 0 0 0;
	background: var(--bgblau);
    color: var(--weiss);
    text-decoration: none;
    font-family: var(--fontcondensed);
	letter-spacing: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
    transition: var(--standardtransition);
}

a.buttonlink:hover {
    background-color: var(--ganzdunkelblau);
}

.frame-blauerbalken a.buttonlink {
	background: transparent;
}

a.buttonlink:hover {
    background-color: none;
	box-shadow: inset 0 0 0 1px var(--weiss);
}

a.more_ge,
#inhaltsbereich .link-internal,
a.buttonlink.ankerlink,
#inhaltsbereich a.more_ge[href^="tel:"],
.tx-gewinnspieldaten .fluxxinhalt fieldset .fieldwrap.submit .formfield {
	background: var(--accessiblegradientltr);
	color: var(--weiss);
	text-decoration: none;
	font-weight: 400;
	text-shadow: 1px 1px 2px var(--accessibleshadow);
	padding: 10px 55px 10px 25px;
	position: relative;
	display: inline-block;
	transition: 'background' 0.2s linear 0s;
	box-shadow: none;
}

.tx-gewinnspieldaten .fluxxinhalt fieldset .fieldwrap.submit .formfield {
    padding: 0;
	margin: 0;
}

.ce-bodytext > p > a.more_ge {
	margin: 0 10px 10px 0;
}

#inhaltsbereich .link-internal {
    font-family: var(--fontcondensed);
    font-style: normal;	
	font-size: 18px;
    line-height: 1.2em;
	font-weight: 700;
	letter-spacing: 0;
}

/* #inhaltsbereich a.more_ge[href^="tel:"] {
	background-color: var(--gruen) !important;
} */

a.more_ge:active,
#inhaltsbereich .link-internal:active,
a.buttonlink.ankerlink:active {
	background-color: var(--bggruen);
}

a.more_ge::after,
#inhaltsbereich .link-internal::after,
a.buttonlink.ankerlink::after,
#inhaltsbereich a.more_ge[href^="tel:"]::after,
.tarifrechner_container .feld_submit::after,
.powermail_fieldwrap_type_submit .powermail_field::after,
.tx-gewinnspieldaten .fluxxinhalt fieldset .fieldwrap.submit .formfield::after,
.frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext h3::after,
.page265 .frame-bildkacheln .row > div > .frame .ce-gallery a::after,
.tx-cn-rewag-rueckrufwunsch .formrow.row_submit .rueckrufwunsch_field::after {
	content: '\203A\203A\203A';
	font-size: 28px;
	font-weight: 300;
	letter-spacing: -3px;
	text-shadow: 1px 1px 2px var(--accessibleshadow);
	position: absolute;
	/* background: url(../images/more-pfeile_weiss.svg) left center no-repeat;
	background-size: 22px 20px; */
	background: none;
	display: block;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
	width: 20px;
	height: 1em !important;
	overflow: hidden;
	text-align: left;
}

h3 > a.more_ge::after {
	height: 48px !important;
}

.tx-gewinnspieldaten .fluxxinhalt fieldset .fieldwrap.submit .formfield::after {
	right: 20px;
}

.powermail_fieldwrap_type_submit .powermail_field::after {
	color: var(--weiss);
	/* top: 9px; */
	right: 28px;
}

.frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext h3::after {
	color: var(--weiss);
	top: 12px;
	right: -28px;
}

.page265 .frame-bildkacheln .row > div > .frame .ce-gallery a::after {
	color: var(--weiss);
	top: auto;
	bottom: 14px;
	transform: none;
	right: 22px;
	height: auto !important;
	z-index: 2;
}

/* a.more_ge::before,
#inhaltsbereich .link-internal::before,
a.buttonlink.ankerlink::before,
#inhaltsbereich a.more_ge[href^="tel:"]::before {
	content: '';
	position: absolute;
	background: url(../images/more-pfeile_blink.svg) left center no-repeat;
	background-size: 22px 20px;
	height: 100% !important;
	right: 40px;
	left: auto;
	top: 0;
	opacity: 1;
	width: 20px;
	overflow: hidden;
	text-align: left;
	z-index: 2;
} */

.tarifrechner_container .feld_submit::after {	
	right: 28px;
	/* top: 13px; */
	background: none;
}

.feld_submit .ctapfeile::after {
	display: none;
}

a.more_ge:hover::before,
#inhaltsbereich .link-internal:hover::before,
a.buttonlink.ankerlink:hover::before {
	animation: blink_more_ge 2s cubic-bezier(0.87, 0, 0.13, 1) infinite;
}

a.more_ge:hover::after,
a.more_ge:focus-visible::after,
#inhaltsbereich .link-internal:hover::after,
#inhaltsbereich .link-internal:focus-visible::after,
a.buttonlink.ankerlink:hover::after,
a.buttonlink.ankerlink:focus-visible::after,
.tarifrechner_container .feld_submit:hover::after,
.tarifrechner_container .feld_submit:has(.tr_submit:focus-visible)::after,
.frame-contentslider .slidercontainer .frame:hover .ce-bodytext h3::after,
.powermail_fieldwrap_type_submit .powermail_field:hover::after,
.tx-gewinnspieldaten .fluxxinhalt fieldset .fieldwrap.submit .formfield:hover::after,
.frame-themensliderfoerderung .frame:hover .ce-textpic .ce-bodytext h3::after,
.page265 .frame-bildkacheln .row > div > .frame:hover .ce-gallery a::after{
	animation: blinkepfeil 1.8s cubic-bezier(0.87, 0, 0.13, 1) infinite;
}

@keyframes blinkepfeil {
	0% {
		content: '';
	}
	33% {
		content: '\203A';
	}
	66% {
		content: '\203A\203A';
	}
	100% {
		content: '\203A\203A\203A';
	}
}

@keyframes blink {
	0% {
		right: -22px;
	}
	25% {
		right: -25px;
	}
	50% {
		right: -29px;
	}
	75% {
		right: -33px;
	}
	100% {
		right: -37px;
	}
}

@keyframes blink_more_ge {
	0% {
		right: 39px;
	}
	25% {
		right: 35px;
	}
	50% {
		right: 31px;
	}
	75% {
		right: 27px;
	}
	100% {
		right: 23px;
	}
}

a.buttonlink.ankerlink.scroll {
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
    background: url(../images/down-arrow_weiss.svg) 10px center no-repeat var(--bgblau);
    background-size: 24px auto;
    padding: 8px 20px 7px 40px;
    margin: 10px 5px 0;
    text-align: center;
    color: var(--weiss);
    text-decoration: none;
    transition: all 0.3s ease;
}

a.buttonlink.ankerlink.scroll::before, 
a.buttonlink.ankerlink.scroll::after {
	display: none;
}

a.buttonlink.ankerlink.scroll:hover {
	background-color: var(--ganzdunkelblau);
}

a.link-download,
a.link-download[title*="Klicken"] {
	display: inline-block;
	padding: 8px 20px 7px 38px;
    margin: 0.4em 0 0.2em;
	color: var(--weiss);
    text-decoration: none;
	font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
    background: url(../images/download_weiss.svg) 0.6em center no-repeat var(--accessiblegradientdark);
    background-size: auto 1em;
}

a.link-download:hover,
a.link-download[title*="Klicken"]:hover {
	text-decoration: underline;
	background-color: var(--accessiblegradientdark);
}

.frame-nahwaermekarte a.link-download,
.frame-nahwaermekarte a.link-download:hover {	
	background-color: var(--bgblau);
}

a.more_wenig, 
.news-backlink-wrap a, 
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li a {
	color: var(--bgblau);
	display: inline-block;
	text-align: center;
	padding: 10px 15px 9px 25px;
	text-decoration: none;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
	transition: var(--standardtransition);
	background: url(../images/pfeil_blau.svg) 10px center no-repeat var(--fastweiss);
	background-size: auto;
	background-size: 12px 14px;
}

a.more_wenig:hover, 
.news-backlink-wrap a:hover, 
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li:not(.tx-indexedsearch-browselist-currentPage):hover a, 
span.more_wenig.closebutton {
	background-color: var(--fastweisshover) !important;
}

a.unformatiert, 
#inhaltsbereich a.unformatiert[href^="tel:"] {
	color: var(--bgblau);
	text-decoration: underline;
	text-decoration-color: var(--gruen);
	text-decoration-thickness: 1px;
	background: url(../images/pfeil_blau.svg) left 3px no-repeat;
	background-size: 10px 12px;
	padding: 0 0 0 11px;
}

a.unformatiert:hover, 
#inhaltsbereich a.unformatiert[href^="tel:"]:hover {
	text-decoration-thickness: 2px;
}

#inhaltsbereich a:not(.more_ge)[href^="tel:"], 
#inhaltsbereich .ui-widget-content a[href^="tel:"] {
	background: none !important;
	font-weight: 300;
	box-shadow: none;
	font-family: var(--fontnormal);
	font-style: normal;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	transform: unset;
	display: inline;
	color: var(--bgblau);
	white-space: nowrap;
	position: relative;
	padding-left: 15px;
}

#inhaltsbereich .frame-blau a[href^="tel:"], 
#inhaltsbereich .frame-blau .ui-widget-content a[href^="tel:"] {
	color: var(--weiss);
}

#inhaltsbereich a:not(.more_ge)[href^="tel:"]::before, 
#inhaltsbereich .ui-widget-content a[href^="tel:"]::before {
	content: 'T';
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	line-height: 1.2em;
}

#inhaltsbereich a.unformatiert[href^="tel:"] {
    position: relative;
    margin-left: 18px;
	padding: 0;
}

#inhaltsbereich a.unformatiert[href^="tel:"]::before {
    top: 0;
    left: -18px;
    width: 18px;
}

#inhaltsbereich a.unformatiert.mobilnummer[href^="tel:"]::before {
    content: 'M';
}

.frame-heizstromlink a.unformatiert {
	padding: 0 0 0 11px;
}

a.link-mit-pfeil {
	color: var(--bgblau);
	text-decoration: underline;
    text-decoration-color: var(--gruen);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
	position: relative;
	display: inline-block;
	padding-left: 36px;
	min-height: 30px;
}

a.link-mit-pfeil:hover {
    text-decoration-thickness: 2px;
}

a.link-mit-pfeil::before {
	content: '';
	background: url(../images/bullet-pfeil.svg) left top no-repeat;
	background-size: 30px 30px;
	padding: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0;
	position: absolute;
	left: 0;
	top: -4px;
}

a.link-mit-pfeil:hover::before {
	background: url(../images/bullet-pfeil-gruen.svg) left top no-repeat;
	background-size: 30px 30px;
}

#inhaltsbereich .link-external-blank {
	display: inline-block;
	padding: 8px 20px 7px 38px;
	margin: 0.4em 0 0.2em;
	background: url(../images/redirect.svg) 0.6em center no-repeat var(--bgblau);
	background-size: 1em 1em;
	text-decoration: none;
  	color: var(--weiss);
	text-decoration: none;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
	transition: var(--standardtransition);
}

#inhaltsbereich .ce-bodytext > p > a.link-external-blank {
	margin-right: 10px;
}

#inhaltsbereich .link-external-blank:hover {
	background-color: var(--dunkelblau);
	text-decoration: underline;
}

.frame-type-cn_multicontent .ui-accordion-content .ce-gallery figcaption.image-caption {
	text-align: left;
	margin: 3px 0 20px 0;
}

.frame-type-cn_multicontent .ui-accordion-content .ce-gallery figcaption.image-caption a {
	color: var(--bgblau);
	font-weight: 700;
	font-size: 0.85em;
	text-decoration: none;
}

#inhaltsbereich a.buttonlink[href^="tel:"],
.frame-blauerbalken.frame-type-shortcut a.link-mail,
.frame-blauerbalken.frame-type-shortcut a.extern {
    background-color: var(--bgblau) !important;
	color: var(--weiss) !important;
	display: inline-block;  
	margin: 10px 0 0;
	padding: 10px 15px 9px !important;
	font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
}

#inhaltsbereich a.buttonlink[href^="tel:"] {
	font-weight: 400;
}

#inhaltsbereich .frame-blauerbalken.frame-type-shortcut a.buttonlink[href^="tel:"],
.frame-blauerbalken.frame-type-shortcut a.link-mail,
.frame-blauerbalken.frame-type-shortcut a.extern {
    background-color: transparent !important;
}

#inhaltsbereich a.buttonlink[href^="tel:"]:hover{
    background-color: var(--ganzdunkelblau) !important;
}

.frame-blauerbalken.frame-type-shortcut a.link-mail:hover,
.frame-blauerbalken.frame-type-shortcut a.extern:hover {
    background-color: transparent !important;
}

#inhaltsbereich .frame-blauerbalken.frame-type-shortcut a.buttonlink:hover[href^="tel:"] {
	text-decoration: none;
	box-shadow: inset 0 0 0 1px var(--weiss);
}

#inhaltsbereich a.buttonlink[href^="tel:"]::before,
#inhaltsbereich .frame-blauebox a[href^="tel:"]::before,
#inhaltsbereich a.buttonlink[href^="tel:"]::after,
#inhaltsbereich .frame-blauebox a[href^="tel:"]::after {
	display: none !important;
}

.frame-blauerbalken.frame-type-shortcut a[href^="tel:"],
#inhaltsbereich .frame-blauerbalken.frame-type-shortcut a[href^="tel:"],
#inhaltsbereich .frame-blauerbalken.frame-type-menu_categorized_content a[href^="tel:"] {
    color: var(--weiss) !important;
	text-decoration-color: var(--weiss);
}

.frame-blauerbalken.frame-type-shortcut a[href^="tel:"]:hover,
#inhaltsbereich .frame-blauerbalken.frame-type-shortcut a[href^="tel:"]:hover,
#inhaltsbereich .frame-blauerbalken.frame-type-menu_categorized_content a[href^="tel:"]:hover {
    text-decoration: underline;
	text-decoration-thickness: 2px;
}

#inhaltsbereich .frame-blauerbalken.frame-type-shortcut a.buttonlink,
#inhaltsbereich .frame-blauerbalken.frame-type-shortcut a.buttonlink[href^="tel:"], 
.frame-blauerbalken.frame-type-menu_categorized_content a.buttonlink, 
.frame-blauerbalken.frame-type-shortcut a.link-mail,
.frame-blauerbalken.frame-type-shortcut a.extern {
    border: 1px solid var(--weiss);
}

.frame-blauerbalken.frame-type-shortcut a.extern {
	background: none;
	text-decoration: none;
}

#fluxxtnb {
	width: 90%;
	padding: 20px;
}

.lightbox {
    width: 90%;
    padding: 50px 5% 80px;
}
/* -- Lightbox -- */
.lightbox {
	width: 90%;
	padding: 50px 5% 80px;
}

.lightbox img {
	max-width: 100%;
	height: auto;
}

.fancyiframe {
	float: left;
	clear: both;
	width: 100%;
}

.fancyiframe > .lightbox {
	width: 96%;
	padding: 0 2% 40px;
	float: left;
	clear: both;
}

iframe.fancybox-iframe {
	background: var(--weiss) !important;
	max-width: 1280px;
}

.fancybox-slide--iframe .fancybox-content {
	background: none !important;
}

.fancyiframe .fancybox-button--arrow_left, 
.fancyiframe .fancybox-button--arrow_right, 
.fancyiframe .fancybox-infobar, 
.fancyiframe .fancybox-button--play {
	display: none !important;
}

.lightbox .contenttable td {
	border: 1px solid var(--grautrans04);
	border-collapse: collapse;
}

.lightbox .contenttable tr:nth-child(2n+0) {
	background: var(--grautrans01);
}

.lightbox .contenttable tr:nth-child(2n+1) {
	background: var(--grautrans02);
}

.lightbox .contenttable tr:nth-child(2n+0):hover, .lightbox .contenttable tr:nth-child(2n+1):hover {
	background: var(--grautrans04);
}

.fancybox-container {
	z-index: 10000000;
  }
/* --------------------------- Oben --------------------------- */
#oben {
	float: left;
	clear: both;
	width: 96%;
	padding: 0 2%;
	background: var(--lin-old-background);
	background: var(--lin-ff-background);
	background: var(--lin-cs-background);
	background: var(--lin-mix-background);
	color: var(--weiss);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
}

#oben ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#oben ul li {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
}

#oben ul li a {
	color: var(--weiss);
	text-decoration: none;
}

#oben ul li a:hover {
	color: var(--weiss);
    text-decoration: underline;
    text-decoration-color: var(--bggruen);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.logo {
	float: right;
}

.logo .ce-gallery {
	margin: 15px 0;
}

.logo .ce-textpic, 
.logo .ce-image, 
.logo .ce-gallery, 
.logo .ce-row {
	overflow: visible;
}

.logo a {
	display: block;
}

.topnavi {
	float: left;
	font-weight: 300;
	/* font-size: 12px; */
	font-size: 13px;
	text-transform: uppercase;
	line-height: 36px;
	/* letter-spacing: 0.06em; */
}

#oben ul.qnavi {
	float: left;
	margin: 0 0 0 13px;
}

#oben ul.qnavi .geschaeftskundenlink, 
#oben ul.qnavi .suchlink {
	display: none;
}

.geschaeftskundenbutton, 
.ppbutton {
	cursor: pointer;
}

.geschaeftskundenbutton, 
.login, 
.ppbutton {
	float: left;
	padding: 0 10px;
	background: var(--schwarztrans02);
	margin: 0 7px 0 0;
}

.geschaeftskundenbutton:hover, 
.geschaeftskundenbutton.act, 
.login:hover, 
.login.act, 
.ppbutton {
	background: var(--accessiblegradientrtl);
}

.geschaeftskundenbutton p, 
.login p, 
.ppbutton p {
	margin: 0;
}

.geschaeftskundenbutton .ce-gallery {
	margin: 12px 7px 0 0;
}

.ppbutton .ce-gallery {
	margin: 9px 6px 0 0 !important;
}

.geschaeftskundenbutton.act {
	height: 105px;
}

.login {
	padding: 0;
	position: relative;
}

.login .ce-gallery {
	margin: 0 !important;
}

.login .ce-gallery a {
	display: block;
	padding: 8px 6px 7px 10px;
}

#oben .login .ce-bodytext a, 
#oben .login .ce-bodytext a:hover, 
#oben .ppbutton .ce-bodytext a, 
#oben .ppbutton .ce-bodytext a:hover {
	color: var(--weiss);
	text-decoration: none;
	display: block;
	padding: 0 10px 0 0;
}

#oben .ppbutton .ce-bodytext a, #oben .ppbutton .ce-bodytext a:hover {
	padding: 0;
}

#oben .login #c2410 .ce-bodytext a {
	text-transform: none;
	font-style: italic;
}

.frame-portalbox {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 5;
	background: var(--fastweiss);
	text-transform: none;
	color: var(--bgblau);
	font-size: 14px;
	line-height: 1.3em;
	width: 220px !important;
	overflow: hidden;
	padding: 0 20px 20px !important;
	box-shadow: 5px 5px 5px 0 var(--schwarztrans02);
}

.frame-portalbox h3 {
	font-size: 22px;
}

#oben .frame-portalbox .ce-textpic {
	overflow: visible;
}

#oben .frame-portalbox .ce-bodytext * {
	float: left;
	clear: both;
}

#oben .frame-portalbox .ce-bodytext h3 br {
	float: none;
}

#oben .ce-bodytext a.buttonlink, 
#oben .ce-bodytext a.buttonlink:hover {
	padding: 7px 20px;
	margin: 10px 0 0 0;
}

#oben .frame-portalbox ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	float: left;
	clear: both;
}

#oben .frame-portalbox ul li {
	display: list-item;
	clear: both;
	margin: 0 0 2px 0;
	padding: 0 0 0 22px;
	background: url(../images/aufzaehlung.svg) 0px 3px no-repeat;
	background-size: 16px auto;
}

.ppbutton .ce-bodytext {
	float: left;
}

.quicklinks {
	float: left;
}

.mobnavi {
	display: none;
	width: 100% !important;
}

#oben ul.mobnavi li {
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	width: 100%;
	position: relative;
}

#oben ul.mobnavi > li.ifsub::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/plus.svg) center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 2%;
	top: 50%;
	margin-top: -10px;
}

#oben ul.mobnavi li.ifsub[data-toggled="on"]::after {
	background-image: url(../images/minus.svg);
	top: 14px;
	margin-top: 0;
}

.mobnavi > li > a, 
.mobnavi > li > span {
	display: block;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0;
	background: var(--accessiblegradientltr);
	text-shadow: 1px 1px 2px var(--accessibleshadow);
	color: var(--weiss);
	padding: 10px 2%;
	width: 96%;
	float: left;
	clear: both;
	text-align: center;
}

#oben .mobnavi > li.act > a, 
#oben .mobnavi > li.act > span {
	background: var(--accessiblegradientltr);
	color: var(--weiss);
	text-decoration: underline;
	text-underline-offset: 4px;
}

#oben ul.mobnavi > li > a:hover {
	color: var(--weiss);
}

#oben .mob1 {
	width: 90%;
	margin: 5px 5% 15px;
	float: left;
	display: none;
}
#oben li[data-toggled="on"] .mob1 {
	display: block;
}

#oben .mob1 > li > a, 
.mob1 > .ifsub > span {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0;
	padding: 15px 0 5px;
	margin: 10px 0;
	border-bottom: 1px solid var(--weiss);
	display: block;
}

#oben ul.mobnavi .mob2 > li {
	width: auto;
	float: left;
	clear: none;
}

#oben .mob2 > li > a {
	display: block;
	padding: 10px 20px;
	margin: 0 10px 5px 0;
	background: var(--schwarztrans01);
	box-shadow: inset 0 0 0 1px var(--schwarztrans005);
}

#oben .mob1 li.act a {
	color: var(--gruen);
}

#oben .mob1 li.act .mob2 li a {
	color: var(--weiss);
}

#oben .mob2 > li.act > a, 
#oben .mob1 li.act .mob2 li.act a {
	color: var(--weiss);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: var(--gruen);
	text-underline-offset: 3px;
}

/* ----------- */

.mob_button {
	position: absolute;
	right: 2%;
	top: 30px;
	z-index: 5;
	margin: 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
	display: none;
}

.mob_button span {
	background-color: var(--weiss);
	height: 3px;
	left: 7px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 45px;
	transition: var(--standardtransition) 0.3s;
}

.mob_button span::after, 
.mob_button span::before {
	backface-visibility: hidden;
	background-color: var(--weiss);
	content: "";
	height: 3px;
	position: absolute;
	transform: translateZ(0px);
	transition: var(--standardtransition) 0.3s;
	width: 100%;
	display: block;
}

.mob_button span::before {
	transform: translateY(-12px);
}

.mob_button span::after {
	transform: translateY(12px);
}

.mobnavvisible.mob_button span {
	background-color: transparent;
}

.mobnavvisible.mob_button span::before {
	transform: translateY(0px) rotate(-45deg);
}

.mobnavvisible.mob_button span::after {
	transform: translateY(0px) rotate(45deg);
}

.hauptnavi {
	float: left;
	clear: left;
	margin: 13px 0 0 0;
	font-family: var(--fontcondensed);
	font-size: 20px;
	font-weight: 700;
	/* letter-spacing: 0.04em; */
	letter-spacing: 0;
}

.hauptnavi.float {
	margin: -56px 0 0 170px;
}

ul.hnavi li a, 
ul.hnavi li span {
	display: block;
	padding: 12px 10px 22px;
	cursor: pointer;
}

#oben ul.hnavi > li.act > span, #oben ul.hnavi > li.act > a,
#oben ul.hnavi li a:hover, #oben ul.hnavi li span:hover,
#oben ul.hnavi li.ifsub[data-toggled="on"] > a, 
#oben ul.hnavi li.ifsub[data-toggled="on"] > span,
#oben ul.ebene1 li.act > a, #oben ul.ebene2 li.act > a {
	color: var(--weiss);
    text-decoration: underline;
    text-decoration-color: var(--bggruen);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* #oben ul.ebene1 li.act > a, #oben ul.ebene2 li.act > a {
    text-decoration: none;
} */

ul.hnavi li .klappnavibox {
	display: none;
	position: absolute;
	z-index: 4;
	left: 0;
	top: 105px;
	background: var(--lin-old-background);
	background: var(--lin-ff-background);
	background: var(--lin-cs-background);
	background: var(--lin-mix-background);
	width: 96%;
	padding: 30px 2%;
	font-family: var(--fontnormal);
	font-style: normal;
	font-weight: 300;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
}

ul.hnavi li .klappnavibox::after {
	content: "";
	display: block;
	width: 1px;
	position: absolute;
	left: 260px;
	top: 20px;
	bottom: 20px;
	background: var(--weisstrans05);
}

#oben ul.ebene1 {
	float: left;
	clear: both;
}

#oben ul.hnavi > li.ifsub[data-toggled="on"] .klappnavibox {
	display: block;
}

#oben ul.hnavi > li.ifsub > .klappnavibox::before, 
.geschaeftskundennavi::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: var(--navidunkelblau);
	background: var(--navidunkelblauverlauf);
	z-index: 1;
}

.geschaeftskundeninhalt, 
.geschaeftskundennavi ul {
	position: relative;
	z-index: 4;
}

#oben ul.ebene1 li {
	clear: both;
}

ul.hnavi li ul.ebene1 > li > a, 
ul.hnavi li ul.ebene1 > li > span,
ul.hnavi li ul.ebene2 > li > a, 
ul.hnavi li ul.ebene2 > li > span {
	padding: 5px 10px;
	position: relative;
	z-index: 2;
}

#oben ul.ebene2 li {
	clear: none;
	float: left;
	margin: 0 10px 10px 0;
}

#oben ul.ebene2 li a {
	display: block;
	padding: 10px;
	border: 1px solid var(--weiss);
}

#oben ul.ebene2 li a:hover, 
#oben ul.ebene2 li.act a {
	border-color: var(--gruen);
	box-shadow: inset 0 0 0 1px var(--gruen);
	text-decoration: none;
}

#oben span + ul.ebene2 {
	max-width: 35%;
}

ul.hnavi li ul.ebene1 > li.ifsub {
	min-width: 210px;
}

body[data-use="tab"] ul.hnavi li ul.ebene1 > li.ifsub,
ul.hnavi li ul.ebene1 > li.ifsub:hover, 
ul.hnavi li ul.ebene1 > li.ifsub[data-toggled="on"] {
	background: url(../images/right-arrow_weiss.svg) right 6px no-repeat;
	background-size: 8px 15px;
}

ul.hnavi li[data-id="23"] {
	background: url(../images/icon_jobs.svg) right top no-repeat;
	background-size: auto 40px;
	padding-right: 42px;
}

#oben ul.hnavi li[data-id="23"] > span,
#oben ul.hnavi li[data-id="23"] > a {
	color: var(--weiss);
	text-decoration: underline;
	text-decoration-color: var(--bggruen);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

#oben ul.hnavi li[data-id="23"]:hover > span,
#oben ul.hnavi li[data-id="23"]:hover > a {
	color: var(--weiss);
	text-decoration-thickness: 3px;
}

.navclose {
	display: none;
	padding: 20px;
	cursor: pointer;
	background: var(--dunkelgruen);
	position: fixed;
	left: 50%;
	margin-left: -20px;
	top: 85px;
	z-index: 6;
}

.navclose::after, 
.navclose::before {
	backface-visibility: hidden;
	background-color: var(--weiss);
	content: "";
	height: 2px;
	position: absolute;
	transform: translateX(-17px) translateY(0px) rotate(-45deg);
	transform-origin: center;
	width: 85%;
	display: block;
}

.navclose::after {
	transform: translateX(-17px) translateY(0px) rotate(45deg);
}

#oben ul.ebene2 {
	display: none;
	position: absolute;
	padding: 30px 0;
	top: 0;
	left: 300px;
}

#oben ul.ebene1 > li.ifsub[data-toggled="on"] ul.ebene2 {
	display: block;
}

#oben ul.ebene2.right {
	left: 50%;
}

/* ----- */

#oben ul.hnavi li[data-id="18"] .klappnavibox::after {
	display: none;
}

#oben ul.hnavi li[data-id="18"] .klappnavibox ul.ebene1 {
	float: left;
	clear: both;
	width: 100%;
	max-width: 950px;
}

#oben ul.hnavi li[data-id="18"] .klappnavibox ul.ebene1 > li {
	float: left;
	clear: none;
	width: auto;
	margin: 0 4% 20px 10px;
}

#oben ul.hnavi li[data-id="18"] .klappnavibox ul:not(.rest) {
	font-family: var(--fontcondensed);
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
	letter-spacing: 0;
}

#oben ul.hnavi li[data-id="18"] .klappnavibox ul:not(.rest) li a {
	border-bottom: 2px solid var(--weiss);
	padding: 0 0 5px 0;
}

#oben ul.hnavi li[data-id="18"] .klappnavibox ul:not(.rest) li a:hover, 
#oben ul.hnavi li[data-id="18"] .klappnavibox ul:not(.rest) li.act a {
	border-color: var(--gruen);
	text-decoration: none;
}

#oben ul.hnavi li[data-id="18"] .klappnavibox ul.ebene1.rest > li {
	width: 31.3%;
	margin: 0 2% 0 0;
}

#oben ul.hnavi li[data-id="19"] .klappnavibox::after {
	left: 320px;
}

#oben ul.hnavi li[data-id="19"] ul.ebene1 > li.ifsub {
	min-width: 270px;
}

#oben ul.hnavi li[data-id="19"] ul.ebene2 {
	left: 360px;
}

/* ----- */

.geschaeftskundennavi {
	float: left;
	clear: both;
	width: 104%;
	margin: 0 -2%;
	display: none;
	position: relative;
}

ul.gknav {
	display: none;
}

.geschaeftskundeninhalt {
	float: left;
	clear: both;
	width: 96%;
	margin: 0 2%;
	padding: 30px 0 50px;
}

.geschaeftskundeninhalt h3, 
.geschaeftskundeninhalt h4 {
	font-family: var(--fontcondensed);
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px 0;
	/* letter-spacing: 0.03em; */
	letter-spacing: 0;
}

.geschaeftskundeninhalt h3 {
	font-size: 20px;
	border-bottom: 1px solid var(--weiss);
	padding-bottom: 5px;
	/* letter-spacing: 0.02em; */
}

.geschaeftskundeninhalt .row.equalize > div {
	position: relative;
}

.geschaeftskundeninhalt .row.equalize .col-60 .tx_cn-multicontent {
	width: 97% !important;
	padding: 10px 1% !important;
	margin: 0 !important;
	background: var(--schwarztrans01); 
}

.geschaeftskundeninhalt .row.equalize .col-20 .frame {
	position: absolute;
	bottom: 10px;
	left: 0;
    height: auto;
}

.geschaeftskundeninhalt .row.equalize .col-20 .ce-bodytext {
	line-height: 2.8em;
}

.geschaeftskundeninhalt .row.equalize > div .ce-bodytext {
	padding: 10px 5%;
	display: block;
	float: left;
	width: 90%;
	box-shadow: inset 0 0 0 1px var(--weiss);
	cursor: pointer;
}

.geschaeftskundeninhalt .row.equalize > div .ce-bodytext:focus-visible,
.geschaeftskundeninhalt .row.equalize > div .ce-bodytext:has(a:focus-visible),
.geschaeftskundeninhalt .row.equalize > div .ce-bodytext:hover, 
.geschaeftskundeninhalt .row.equalize > div .ce-bodytext.active,
.frame-kleinabnehmer .ce-textpic > a:hover .ce-bodytext {
	color: var(--weiss);
	box-shadow: inset 0 0 0 2px var(--gruen);
}


#oben .frame-kleinabnehmer .ce-textpic > a:hover .ce-bodytext li a, 
#oben .geschaeftskundeninhalt .row.equalize > div .ce-bodytext.active a {
	color: var(--weiss) !important;
	text-decoration: none;
}

.frame-kleinabnehmer a {
	color: var(--weiss);
	text-decoration: none;
	display: inline-block;
	min-height: 24px;
}

.page21 .frame-kleinabnehmer .ce-textpic > a:hover .ce-bodytext li a, 
.page21 .frame-kleinabnehmer .ce-textpic > a:hover .ce-bodytext li a:hover {
	color: var(--weiss) !important;
}

#oben .geschaeftskundeninhalt .row.equalize > div .ce-bodytext li {
	clear: both;
}

.frame-kleinabnehmer .ce-textpic > a {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 100%;
}

#oben ul.gknav {
	float: left;
	clear: both;
	width: 96%;
	margin: 0 2% 30px;
	position: relative;
}

#oben ul.gknav li {
	float: left;
	clear: both;
}

#oben ul.gknav span, 
#oben ul.gknav a {
	display: block;
	padding: 5px 10px;
}

#oben ul.gknav span:hover, 
#oben ul.gknav a:hover {
	text-decoration: underline;
    text-decoration-color: var(--bggruen);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

ul.gknav.gross::after {
	content: "";
	display: block;
	width: 1px;
	position: absolute;
	left: 220px;
	top: -10px;
	bottom: -10px;
	background: var(--weisstrans05);
}

#oben ul.gknav li ul.sub {
	display: none;
	position: absolute;
	padding: 0;
	top: 0;
	left: 250px;
	max-width: 30%;
}

#oben ul.gknav li.ifsub[data-toggled="on"] ul.sub {
	display: block;
}

#oben ul.gknav li ul.sub li {
	clear: none;
	float: left;
}

#oben ul.gknav > li {
	min-width: 210px;
	cursor: pointer;
}

body[data-use="tab"] #oben ul.gknav > li.ifsub,
#oben ul.gknav > li.ifsub:hover, 
#oben ul.gknav > li.ifsub[data-toggled="on"] {
	background: url(../images/right-arrow_weiss.svg) right 6px no-repeat;
	background-size: 8px 15px;
}

#oben ul.gknav li ul.sub li {
	margin: 0 10px 10px 0;
}

#oben ul.gknav li ul.sub li a {
	display: block;
	padding: 10px;
	border: 1px solid var(--weiss);
}

#oben ul.gknav li ul.sub li.act a, 
#oben ul.gknav li ul.sub li a:hover {
	border-color: var(--gruen);
	box-shadow: inset 0 0 0 1px var(--gruen);
	color: var(--weiss);
	text-decoration: none;
}

#oben ul.gknav > li.act > a, 
#oben ul.gknav > li.act > span {
	color: var(--weiss);
	text-decoration: none;
}

.gknavclose {
	display: block;
	padding: 20px;
	cursor: pointer;
	background: var(--gruen);
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -20px;
	z-index: 6;
}

.gknavclose::after, 
.gknavclose::before {
	backface-visibility: hidden;
	background-color: var(--weiss);
	content: "";
	height: 2px;
	position: absolute;
	transform: translateX(-17px) translateY(0px) rotate(-45deg);
	transform-origin: center;
	width: 85%;
	display: block;
}

.gknavclose::after {
	transform: translateX(-17px) translateY(0px) rotate(45deg);
}

/* -- Mobile Navi gknav -- */
#inhaltsbereich .gknav {
	width: 90%;
	float: left;
	clear: both;
	margin: 0;
	padding: 40px 5%;
	background: var(--dia-old-background);
	background: var(--dia-ff-background);
	background: var(--dia-cs-background);
	background: var(--dia-mix-background);
	color: var(--weiss);
	list-style: none;
	position: relative;
}

#inhaltsbereich .gknav a {
	color: var(--weiss);
	text-decoration: none;
}

#inhaltsbereich .gknav li a, 
#inhaltsbereich .gknav li span {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0;
	padding: 15px 0 5px;
	margin: 10px 0;
	border-bottom: 1px solid var(--weiss);
	display: block;
}


/* -- Geschaeftskunden-Unterseite -- */
#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 70px 0;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt > .rahmen > .tx_cn-columns > .row.equalize {
	height: auto !important;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 {
	float: left;
	clear: both;
	width: 100%;
	height: auto !important;
}


#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 > div  {
	width: 100%;
	margin-right: 0;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div > div {
	width: 94%;
	margin: 0;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div {
	margin: 0 3%;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div {
	margin: 0;
	float: right;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 h4 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	text-align: center;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .ce-bodytext ul li {
	background: url(../images/right-arrow_weiss.svg) 10px 2px no-repeat;
	  background-size: auto;
	background-size: 8px auto;
	padding: 0 0 0 25px;
	margin: 4px 0 0 0;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .ce-bodytext ul, 
#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 ul {
	background: var(--bgblau);
	margin: 0;
	padding: 5px 10px 5px 10px;
	list-style: none;
	color: var(--weiss);
	height: 100%;
	cursor: pointer;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 {
	width: 49% !important;
	min-height: 10px !important;
	margin-top: 30px;
	height: auto !important;
	cursor: pointer;
	height: auto !important;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 > div {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 + div.col-20 {
	margin-right: 2% !important;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 ul {	
	padding: 20px 0;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;	
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 ul {
    font-family: var(--fontcondensed);
	letter-spacing: 0;
    font-style: normal;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 ul li {
	margin-bottom: 0;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt h3 {
	margin-bottom: 20px;
}

#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .frame,
#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .frame > .rahmen,
#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .frame .ce-textpic,
#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .frame .ce-bodytext {
	height: 100%;
}


#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns .ce-bodytext ul:hover {
    background: var(--dunkelblau);
}
#inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div ul:hover {
	background: var(--dunkelblau);
}



#inhaltsbereich .gknav li:first-child a {
	margin-top: 0;
	padding-top: 0;
}

#inhaltsbereich ul.gknav.gross::after {
	display: none;
}

#inhaltsbereich .gknav li.ifsub ul {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
#inhaltsbereich .gknav li.ifsub ul li {
	width: auto;
	float: left;
	clear: none;
}

#inhaltsbereich .gknav li.ifsub ul li a {
	font-family: var(--fontnormal);
	font-style: normal;
	font-weight: 300;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	display: block;
	padding: 10px 20px;
	margin: 0 10px 10px 0;
	background: var(--schwarztrans01);
	box-shadow: inset 0 0 0 1px var(--schwarztrans005);
	border: 0;
}

.gkextpreisrechner {
	position: relative;
	z-index: 2;
	top: -18px;
}

.gkextpreisrechner .rahmen {
	width: 96%;
	margin: 0 2%;
	float: left;
	clear: both;
}

/* ----------------------- Headerslider ----------------------- */
#header {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 105px;
	position: relative;
	z-index: 4;
}

.headerslider, 
.page264 .frame-ausblenden {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}

.headerslider .ce-gallery, 
.headerslider .ce-column, 
.headerslider .image {
	width: 100%;
	margin: 0;
}

.headerslider .ce-gallery img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.headerslider .ce-bodytext {
	position: absolute;
    left: 4%;
	bottom: 120px;
    z-index: 3;
    background: var(--bgblau);
    color: var(--weiss);
    display: block;
    max-width: 430px;
    padding: 30px;
    font-family: var(--fontcondensed);
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 300;
    /* letter-spacing: 0.02em; */
	letter-spacing: 0;
}

.headerslider .ce-bodytext p a.more_ge {
    margin: 15px 0 0 0;
    font-size: 20px;
}

.headerslider .ce-bodytext h5 {
    font-size: 44px;
    line-height: 1em;
    font-weight: 300;
    padding: 0;
    margin: 0;
}

.headerslider .ce-bodytext h5 img {
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    margin: 25px 0 0 0;
}


.headerslider .frame-layout-2 .ce-bodytext img,
.headerslider.owl-carousel .owl-item .frame-layout-2 .ce-bodytext img {
	width: auto !important;
	height: auto !important;
	margin: 0 0 -20px 0;
	display: none !important;
}

.headerslider > .frame-layout-2 .ce-bodytext img,
.headerslider.owl-carousel  .owl-item.active .frame-layout-2 .ce-bodytext img {
	display: inline-block !important;
}

.headerslider .owl-item .ce-bodytext h5 img {
	display: none !important;
}

.headerslider .owl-item.active .ce-bodytext h5 img {
	display: inline-block !important;
}

.headerslider .ce-bodytext h5 u {
    font-size: 0;
    color: transparent;
}

.headerslider > .frame {
	position: relative;
	display: none;
}

.headerslider > .frame:first-child {
	display: block;
}

.headerslider .ce-bodytext h1, 
.headerslider .ce-bodytext h3, 
.headerslider .ce-bodytext h4 {
    font-size: 44px;
    line-height: 1em;
    font-weight: 300;
    border-bottom: 3px solid var(--weiss);
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    display: block;
}

.headerslider .ce-bodytext a {
    color: var(--weiss);
    text-decoration: none;
}

.headerslider .frame {
	width: 100%;
	float: left;
	clear: both;
    position: relative;
}

.headerslider .frame::before, 
.fluxxinhalt .header::before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 8%;
    background: url(../images/header-pfad-rechts_verlauf.svg) left bottom no-repeat;
    background-size: 100.4% auto;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
}

.headerslider .owl-stage > .owl-item:last-child {
	margin-right: 0 !important;
}

.headerslider.owl-carousel .owl-nav button.owl-prev, 
.headerslider.owl-carousel .owl-nav button.owl-next {
    /* display: block;
    width: 4%;
    height: 88%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
    transition: var(--standardtransition);
	background: rgba(0,0,0,0.15); */

	display: block;
    width: 34px;
    height: 34px;
    text-indent: -999px;
    overflow: hidden;
    background: url(../images/pfeil-links.svg) center center no-repeat;
    background-size: 18px auto;
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
	transform: translateY(-50%);
    z-index: 1;
    opacity: 0.4;
}

.headerslider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 0;
    background: url(../images/pfeil-rechts.svg) center center no-repeat;
    background-size: 18px auto;
}

.headerslider .owl-prev span,
.headerslider .owl-next span {
	display: none !important;
}

/* .headerslider .owl-prev span, 
.headerslider .owl-next span {
    display: block;
    width: 18px;
    height: 34px;
    text-indent: -999px;
    overflow: hidden;
    background: url(../images/pfeil-links.svg) center center no-repeat;
    background-size: 100% auto;
}

.headerslider .owl-next span {
    background: url(../images/pfeil-rechts.svg) center center no-repeat;
    background-size: 100% auto;
}  */

.headerslider .frame-layout-6::before {
    background: url(../images/header-pfad-links.svg) -7px bottom no-repeat;
    background-size: 101% auto;
    top: auto;
    left: 0;
    right: 0;
}

.headerslider .frame-layout-6 .ce-bodytext {
	left: auto;
	right: 5%;
}

.headerslider .frame blockquote {
	position: absolute;
	right: 7%;
	bottom: 0;
	margin: 0;
	z-index: 3;
	text-align: center;
	color: var(--weiss);
	font-size: 24px;
	line-height: 40px;
	font-family: var(--fontcondensed);
	font-style: normal;
	letter-spacing: 0;
	padding: 80px 40px 0;
	background: url(../images/stoerer_kampagne.svg) left top no-repeat;
	background-size: 100% auto;
	min-width: 160px;
	aspect-ratio: 1/1.2;
	opacity: 0;
}

.headerslider .frame-layout-1 blockquote {
	background: url(../images/stoerer_normal.svg) left top no-repeat;
	background-size: 100% auto;
	bottom: -35px;
	padding: 45px 40px 0;
	line-height: 32px;
}

.headerslider .frame-layout-1 blockquote strong {
	display: inline-block;
	margin: 20px 0 0 0;
}

@supports not (aspect-ratio: 1 / 1) {
	.headerslider .frame blockquote {
		height: 0;
		padding-bottom: 25.4% !important;
	}
}

.headerslider .frame blockquote a {
	color: var(--weiss);
	text-decoration: none;
}

.headerslider .frame blockquote strong {
	font-size: 50px;
}

.headerslider .frame-layout-6 blockquote {
	right: auto;
	left: 7%;
}

#header.sub .headerslider .ce-bodytext, 
.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext {
    font-size: 22px;
}

#header.sub .headerslider .ce-bodytext h1, 
#header.sub .headerslider .ce-bodytext h1 strong, 
#header.sub .headerslider .ce-bodytext h3, 
#header.sub .headerslider .ce-bodytext h3 strong, 
.frame-zwischenheader .ce-bodytext h3 {
    font-size: 36px;
    line-height: 1.1em;
}

.headerslider .ce-bodytext img,
.headerslider.owl-carousel .owl-item .ce-bodytext img {
    display: inline-block !important;
    width: auto !important;
}

/* ------------------------- SlideIn ------------------------- */
.slidein {
    position: fixed;
    top: 22vh;
    right: 0;
    z-index: 3;
    opacity: 0;
    transition: var(--standardtransition);
    transition-delay: 0.5s;
}

.slidein a[title="Jetzt suchen"] {
	color: var(--bgblau);
}

.rechnerimheader .slidein {
    z-index: 5;
}

.slidein.visible {
	opacity: 1;
}

.slidein > .frame {
    margin: 0 0 10px 0;
    float: right;
    clear: both;
    transition: var(--standardtransition);
}

.slidein > .frame:has(a:focus-visible) {
	outline: var(--schwarz) solid 2px;
}

.slidein .ce-intext.ce-left .ce-gallery {
    margin: 0;
}

.slidein > .frame .ce-gallery .ce-row:first-child {
    display: block;
    padding: 12px;
    background: var(--accessiblegradientrtl);
    cursor: pointer;
}

.slidein > .frame-whatsappslidein .ce-gallery .ce-row:first-child {
    padding: 10px;
}

.slidein > .frame:first-child .ce-gallery .ce-row:first-child, 
.slidein > .frame-whatsappslidein .ce-gallery .ce-row:first-child {
    background: var(--dia-old-background);
    background: var(--dia-ff-background);
    background: var(--dia-cs-background);
    background: var(--dia-mix-background);
}

.slidein > .frame .ce-gallery .ce-row:first-child img {
	width: 23px !important;
	height: 23px !important;
}

.slidein > .frame-whatsappslidein .ce-gallery .ce-row:first-child img {
	width: 27px !important;
	height: 27px !important;
}

.slidein > .frame-zaehlerstandslidein .ce-gallery .ce-row:first-child {
	padding: 5px 5px 4px 4px !important;
}

.slidein > .frame-zaehlerstandslidein .ce-gallery .ce-row:first-child img {
	width: 38px !important;
	height: 38px !important;
}

.slidein > .frame.frame-crowdfundingslidein .ce-gallery .ce-row:first-child,
.slidein > .frame.frame-kunstpreisslidein .ce-gallery .ce-row:first-child,
.slidein > .frame.frame-clickmeetslidein .ce-gallery .ce-row:first-child {
    padding: 0;
    background: var(--mittelgrau);
    width: 47px;
    overflow: hidden;
}

.slidein > .frame.frame-crowdfundingslidein .ce-gallery .ce-row:first-child,
.slidein > .frame.frame-kunstpreisslidein .ce-gallery .ce-row:first-child  {
	padding: 2px 0;
}
 
.slidein > .frame.frame-crowdfundingslidein .ce-gallery .ce-row:first-child img,
.slidein > .frame.frame-kunstpreisslidein .ce-gallery .ce-row:first-child img {
	width: 50px !important;
	height: auto !important;
}

.slidein > .frame.frame-clickmeetslidein .ce-gallery .ce-row:first-child img {
	width: 47px !important;
	height: 51px !important;
}

.slidein > .frame .ce-bodytext, 
.slidein > .frame.frame-crowdfundingslidein .ce-bodytext,
.slidein > .frame.frame-kunstpreisslidein .ce-bodytext {
    width: 0;
    height: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.slidein > .frame.active .ce-bodytext {
	width: calc(100% - 85px);
	height: auto;    
	padding: 20px 20px 10px;
}

.slidein > .frame .ce-bodytext {
	background: var(--bgblau);
	color: var(--weiss);
}

.slidein .frame-crowdfundingslidein.active .ce-bodytext, 
.slidein .frame-kunstpreisslidein.active .ce-bodytext, 
.slidein .frame-clickmeetslidein.active .ce-bodytext {
	background: var(--mittelgrau);
	color: var(--bgblau);
}

.slidein > .frame:first-child.active .ce-bodytext, 
.slidein > .frame-whatsappslidein.active .ce-bodytext,
.slidein > .frame-zaehlerstandslidein.active .ce-bodytext {
    background: var(--dia-old-background);
    background: var(--dia-ff-background);
    background: var(--dia-cs-background);
    background: var(--dia-mix-background);
    color: var(--weiss);
    float: left;
    padding: 20px 30px 0 20px !important;
    width: auto !important;
    height: auto !important;
}

.slidein > .frame:first-child.active .ce-bodytext,
.slidein > .frame-whatsappslidein.active .ce-bodytext {
    font-size: 20px;
    font-weight: 400;
    padding-top: 0 !important;
}

.slidein > .frame:first-child .ce-bodytext p, 
.slidein > .frame-whatsappslidein .ce-bodytext p {
    line-height: 47px;
    margin: 0;
}

.slidein > .frame .ce-bodytext a {
	color: var(--weiss);
}

.slidein > .frame:first-child.active .ce-bodytext a, 
.slidein > .frame-whatsappslidein.active .ce-bodytext a {
	text-decoration: none;
}

.slidein > .frame.active .ce-textpic {
	display: flex;
}

.slidein > .frame-warnung .ce-gallery .ce-row[data-toggled="on"] .image {
    background: url(../images/close.svg) center center no-repeat;
    background-size: 20px 20px;
}

.slidein > .frame-warnung .ce-gallery .ce-row[data-toggled="on"] img {
    opacity: 0;
}

.slidein .active .ce-bodytext {
	max-width: 500px;
}

.slidein .frame-warnung.active .ce-bodytext {
    max-width: 200px;
}

.slidein .frame-warnung.active .ce-bodytext a.buttonlink, 
.frame-warnung.resp .ce-bodytext a.buttonlink {
    background: var(--schwarztrans02) !important;
}

.slidein .frame-warnung.active .ce-bodytext a.buttonlink:hover, 
.frame-warnung.resp .ce-bodytext a.buttonlink:hover {
    background: var(--schwarztrans03) !important;
}
  
.slidein .frame-type-html + .frame-warnung.active .ce-bodytext {
    max-width: 460px;
}

/*-- Sonderanpassung -- */
.frame-warnung.resp {
	display: none;
}

.frame-warnung.resp a {
	color: var(--weiss);
}

.frame-warnung.resp .ce-gallery {
	display: none;
}

.page1 .frame-warnung.resp {
	display: block;
	float: left;
	clear: both;
	width: 86%;
	max-width: 100%;
	margin: 30px 5% 10px;
	padding: 30px 2%;
	background: var(--gruen);
	color: var(--weiss);
}

.slidein .frame-warnung.active .ce-bodytext {
    padding: 20px 20px 10px;
    width: 90%;
    max-width: 750px;
    transition: 'width' 0.5s ease;
}

.page1 .frame-warnung.resp.frame-zaehlerstandslidein  {
	padding-bottom: 0;
}

.page1 .frame-warnung.resp.frame-clickmeetslidein .buttonlink, 
.page1 .frame-warnung.resp.frame-crowdfundingslidein .buttonlink, 
.page1 .frame-warnung.resp.frame-zaehlerstandslidein .buttonlink {
	margin-top: 10px;
}

.page1 .frame-warnung.resp.frame-clickmeetslidein, 
.page1 .frame-warnung.resp.frame-crowdfundingslidein{
	background: var(--fastweiss);
	color: var(--bgblau);
	width: 80%;
	margin: 50px 5% 10px;
	padding: 30px 5%;
}


.slidein #c5347 {
	display: none;
}

.page1 .slidein #c5347 {
	display: block;
}

/* ---------------------- Inhaltsbereich ---------------------- */
#inhaltsbereich {
	float: left;
	clear: both;
	width: 100%;
}

#inhaltsbereich.sub {
    padding-top: 50px;
}

.page214 #inhaltsbereich.sub {
	padding-top: 30px;
}

.page1 #inhaltsbereich {
	padding-top: 70px;
}

.equalize .rahmen {
    height: 100%;
}

.equalize > div {
    overflow: hidden;
}

#inhaltsbereich > .frame {
	margin-top: 70px;
	float: left;
	clear: both;
	width: 100%;
}

#inhaltsbereich.sub > .frame {
    margin-top: 0;
}

.frame-type-shortcut > .rahmen > .frame {
	float: left;
	clear: both;
	width: 100%;
}

#inhaltsbereich > .frame > .rahmen {
    float: none;
    margin: 0 auto;
    width: 96%;
    max-width: 1332px;
}

#inhaltsbereich .ce-gallery img {
	max-width: 100%;
	height: auto;
}

.ce-border img {
    border: 0;
}

#inhaltsbereich .ce-textpic, 
#inhaltsbereich .ce-gallery {
	overflow: visible;
}

/* -- Seite Erdgas - Netznutzung -- */
.page116 h2 {
    margin: 30px 0 0 0;
}

.page116 #inhaltsbereich.sub > .frame-downloadbox, 
#inhaltsbereich.sub > .frame-downloadbox.frame-layout-1 {
    margin-bottom: 40px;
}
/* -------------------- Rahmen und Layouts -------------------- */
.frame-grauerbalken_neu {
    float: left;
    clear: both;
    width: 100%;
    padding: 60px 0;
    background: var(--fastweiss);
    position: relative;
}

.frame-grauerbalken_neu {
	float: left;
	clear: both;
	width: 100%;
	padding: 60px 0;
	background: var(--fastweiss);
	position: relative;
}

#inhaltsbereich > .frame-contentslider.frame-grauerbalken_neu {
	width: 89.4%;
	float: right;
	margin-top: 100px !important;
}

#inhaltsbereich > .frame-downloadbox + .frame-contentslider.frame-grauerbalken_neu {
	margin-top: 0 !important;
}

#inhaltsbereich > .frame-grauerbalken_neu > .rahmen .ce-bodytext h2,
#inhaltsbereich > #c4160.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
	font-weight: 300;
	display: inline-block;
	text-align: left;
	float: none;
	padding: 0 0 25px 0;
	margin: 0 0 45px 0;
	border-bottom: 3px solid var(--bgblau);
}

#inhaltsbereich .frame-grauerbalken_neu a.more_wenig, 
#inhaltsbereich .frame-grauerbalken_neu .produkt_detail .buttonlink.backlink, 
#inhaltsbereich .frame-grauerbalken_neu #container_preise .buttonlink.backlink, 
#inhaltsbereich .frame-grauerbalken_neu .news-backlink-wrap a, 
#inhaltsbereich .frame-grauerbalken_neu .tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li a {
	background-color: var(--fastweisshover);
}

#inhaltsbereich .frame-grauerbalken_neu a.more_wenig:hover, 
#inhaltsbereich .frame-grauerbalken_neu .produkt_detail .buttonlink.backlink:hover, 
#inhaltsbereich .frame-grauerbalken_neu #container_preise .buttonlink.backlink:hover, 
#inhaltsbereich .frame-grauerbalken_neu .news-backlink-wrap a:hover, 
#inhaltsbereich .frame-grauerbalken_neu .tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li a:hover {
	background-color: var(--fastweisshoverdunkler) !important;
}

#inhaltsbereich.sub > .frame-grauerbalken_neu + .frame-grauerbalken_neu.frame-space-before-1 {
    margin-top: -20px !important;
}

.frame-grauewelle + .frame-grauerbalken_neu {
	padding: 0 0 70px 0;
}

#inhaltsbereich.sub > .frame-grauerbalken_neu + .frame-grauerbalken_neu {
	padding: 0 0 70px 0;
	margin-top: -70px;
}

#inhaltsbereich.sub > .frame-grauerbalken_neu + .frame-grauerbalken_neu.frame-contentslider {
	padding: 60px 0;
}


.slidercontainer,
.frame-contentslider {
	float: left;
	clear: both;
	width: 100%;
}

.frame-contentslider {
	opacity: 0;
	margin-top: 100px !important;
}

.frame-contentslider > .rahmen .frame, 
.frame-contentslider > .rahmen {
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
}

.frame-produktdetail .frame-contentslider {
	display: block;
}

.frame-contentslider > .rahmen .frame .ce-textpic, 
.frame-contentslider > .rahmen .frame .ce-gallery, 
.frame-contentslider > .rahmen .frame .ce-row, 
.frame-contentslider > .rahmen .frame .ce-column, 
.frame-contentslider > .rahmen .frame .image {
	width: 100%;
}

.frame-contentslider > .rahmen .frame img {
	width: 100% !important;
	height: auto !important;
}

.frame-contentslider .slidercontainer .ce-bodytext {
	background: var(--lin-mix-background);
	text-shadow: 1px 1px 2px var(--schwarztrans04);
	color: var(--weiss);
	display: block;
	width: 70%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 40px;
	padding: 10px 20px 15px 20px;
	text-align: left;
	border-radius: 0 20px 20px 0;
}

.frame-contentslider .slidercontainer .ce-bodytext h3 {
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 300;
	font-weight: 400;
	display: inline-block;
	position: relative;
	margin: 0;
}

/* .frame-contentslider .slidercontainer .frame .ce-bodytext h3::before {
	content: '';
	position: absolute;
	background: url(../images/more-pfeile_blink.svg) left center no-repeat;
	background-size: 22px 20px;
	height: 100% !important;
	right: -37px;
	top: 0;
	opacity: 1;
	width: 20px;
	overflow: hidden;
	text-align: left;
	z-index: 2;
} */

.frame-contentslider .slidercontainer .frame .ce-bodytext h3::after {
	content: '\203A\203A\203A';
	font-size: 28px;
	font-weight: 300;
	letter-spacing: -3px;
	text-shadow: 1px 1px 2px var(--accessibleshadow);
	position: absolute;
	/* background: url(../images/more-pfeile_weiss.svg) left center no-repeat;
	background-size: 22px 20px; */
	height: 100% !important;
	right: -28px;
	top: -2px;
	opacity: 1;
	width: 20px;
	overflow: hidden;
	transition: all 0.2s linear 0s;
	text-align: left;
	z-index: 1;
	display: block;
}

.frame-contentslider .slidercontainer .ce-bodytext h3 strong {
	display: none;
}

.frame-contentslider .slidercontainer .ce-bodytext::before {
	content: '';
	position: absolute;
	bottom: 7px;
	left: 0;
	width: calc(100% - 50px);
	height: 1px;
	background: var(--weiss);
}

.frame-contentslider .slidercontainer .ce-bodytext::after {
	content: '';
	background: url(../images/trenner-blatt_weiss.svg) right top no-repeat;
	background-size: auto 30px;
	width: 110%;
	height: 30px;
	display: block;
	border: 0;
	max-width: none;
	position: absolute;
	bottom: 7px;
	right: -10px;
}


.frame-contentslider .slidercontainer .frame:hover .ce-bodytext h3::before {
	animation: blink 2s cubic-bezier(0.87, 0, 0.13, 1) infinite;
}

@keyframes blink {
	0% {
		right: -22px;
	}
	25% {
		right: -25px;
	}
	50% {
		right: -29px;
	}
	75% {
		right: -33px;
	}
	100% {
		right: -37px;
	}
}


.frame-contentslider .slidercontainer .owl-item {
	overflow: hidden;
}

.frame-contentslider .owl-nav {
	width: 100%;
	float: left;
	clear: both;
	margin: 30px 0;
	padding: 0;
	text-align: right;
}

.frame-contentslider .owl-carousel .owl-nav .owl-prev,
.frame-contentslider .owl-carousel .owl-nav .owl-next {
	background: url(../images/pfeil-links.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	width: 35px;
	height: 25px;
	border-radius: 10px 0 0 10px;
	display: inline-block;
	opacity: 0.8;
	transition: all 0.3s ease;
}

.frame-contentslider .owl-carousel .owl-nav .owl-next {
	background: url(../images/pfeil-rechts.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	border-radius: 0 10px 10px 0;
	margin-left: 3px;
}

.frame-contentslider .owl-carousel .owl-nav .owl-prev:hover,
.frame-contentslider .owl-carousel .owl-nav .owl-next:hover {
	opacity: 1;
}

.frame-contentslider .owl-carousel .owl-nav .owl-prev span,
.frame-contentslider .owl-carousel .owl-nav .owl-next span {
	display: none;
}

#inhaltsbereich > .frame-contentslider.frame-grauerbalken_neu {
	width: 89.4%;
	float: right;
}

#inhaltsbereich > .frame-contentslider.frame-grauerbalken_neu:last-child {
	margin-bottom: 70px;
}


#inhaltsbereich.sub > .frame-contentslider + .frame-blauerbalken.frame-type-shortcut,
#inhaltsbereich.sub > .frame-contentslider + .frame-blauerbalken.frame-type-menu_categorized_content {
	margin-top: 0;
}

#inhaltsbereich.sub > .frame-contentslider + .frame-blauerbalken.frame-type-shortcut, 
#inhaltsbereich.sub > .frame-contentslider + .frame-blauerbalken.frame-type-menu_categorized_content {
	margin-top: 70px;
}


.frame-kontaktbanner {
	width: 100%;
	float: left;
	clear: both;
	padding: 40px 0 20px 0;
	background: var(--accessiblegradientrtl);
	color: var(--weiss);
	text-shadow: 1px 1px 2px var(--accessibleshadow);
}

.frame-kontaktbanner .frame-kontaktbanner {
	background: none;
}

#inhaltsbereich > .frame-contentslider + .frame-kontaktbanner {
	margin-bottom: 0;
	margin-top: 70px;
}

/* .page1 #inhaltsbereich > .frame-contentslider + .frame-kontaktbanner {
	margin-bottom: -297px;
} */

.frame-contentslider > .rahmen > .frame + .frame, 
.frame-contentslider > .rahmen .slidercontainer > .frame {
	max-width: 400px;
	width: 30%;
	clear: none !important;
}


/* -- CONTENTSLIDER nur für PID 279 -- */
#inhaltsbereich > .frame-grauerbalken_neu.frame-contentslider .frame .ce-bodytext h2.text-center {
	margin-left:0;
	margin-right:0;
	float: none;
	display: inline-block;
	text-align: left;
}

.page282 #inhaltsbereich > .frame-kontaktbanner:last-child {
	margin-bottom: 0;
}

.lp #inhaltsbereich > .frame-kontaktbanner:last-child {
	margin-bottom: 0 !important;
}


.frame-downloadbox + .frame-contentslider {
	margin-top: 0 !important;
}

.frame-kontaktbanner .ce-gallery {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
}

.frame-kontaktbanner .ce-gallery .ce-row {
	background: var(--weiss);
	padding: 30px;
	border-radius: 100%;
}

.frame-kontaktbanner a {
	color: var(--weiss);
}

.frame-kontaktbanner .ce-bodytext a {
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: -999px;
	position: relative;
	background: url(../images/kontakt-pfeil_weiss.svg) left top no-repeat;
	background-size: 40px auto;
}

.frame-kontaktbanner h3,
.frame-kontaktbanner p.condensed {
	font-size: 24px;
}

/* -- Vorteilsbox -- */
.frame-pervorteilbox .ce-bodytext .bildlink {
	color: var(--bgblau);
	text-decoration: none;
	background: url(../images/pfeil_blau.svg) left 3px no-repeat;
	background-size: 10px 12px;
	padding: 0 0 0 11px;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
}

.frame-pervorteilbox .ce-bodytext .bildlink::before {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 12px;
	right: 5px;
	z-index: -1;
	display: block;
	height: 2px;
	background: var(--gruenunderline);
}

.frame-pervorteilbox .ce-bodytext .bildlink::after {
	content: '?';
	color: var(--gruen);
	font-weight: 700;
	font-size: 0.8em;
	position: relative;
	top: -4px;
	text-decoration: none;
	text-decoration-color: transparent;
}

.frame-pervorteilbox .frame .ce-gallery {
	width: 100%;
	position: relative;
	margin: 0 0 20px 0;
}

.frame-pervorteilbox.frame-layout-2 .frame .ce-gallery {
	margin: 0;
}

.frame-pervorteilbox.frame-layout-2 .frame .ce-bodytext {
	background: var(--fastweiss);
	padding: 20px;
}

.frame-pervorteilbox.frame-layout-2 .equalize .frame, 
.frame-pervorteilbox.frame-layout-2 .equalize .ce-textpic, 
.frame-pervorteilbox.frame-layout-2 .equalize .ce-bodytext {
	height: 100%;
}

.frame-pervorteilbox .frame .ce-gallery .ce-row {
	margin: 0;
}

.frame-pervorteilbox .frame .ce-gallery .ce-row:nth-child(2){
	position: absolute;
	top: 15px;
	background: var(--gruen);
	left: 0;
	border-radius: 0 30px 30px 0;
}

.frame-pervorteilbox.frame-layout-2 .frame .ce-gallery .ce-row:nth-child(2){
	border-radius: 0 10px 10px 0;
}

.frame-pervorteilbox .frame .ce-gallery .ce-row:nth-child(2) .ce-column {
	padding: 10px 10px 10px 20px;
}

.frame-pervorteilbox.frame-layout-2 .frame .ce-gallery .ce-row:nth-child(2) .ce-column {
	padding: 3px 20px;
}

.frame-pervorteilbox .frame .ce-gallery .ce-row:nth-child(2) .ce-column img {
	width: 40px;
	height: auto;
}

.frame-pervorteilbox.frame-layout-2 .frame .ce-gallery .ce-row:nth-child(2) .ce-column img {
	width: 55px;
}

.frame-pervorteilbox .frame  .ce-bodytext p {
	width: calc(100% - 40px);
}

.frame-pervorteilbox.frame-layout-2 .frame .ce-bodytext p {
	width: 100%;
}

.frame-pervorteilbox .frame .ce-bodytext p + hr ~ p {
	width: 100%;
}

.frame-pervorteilbox .frame .ce-bodytext u {
	/* font-size: 12px; */
	font-size: 13px;
	line-height: 1.1em;
	text-decoration: none;
}

.frame-pervorteilbox .frame  .ce-bodytext hr {
	background: url(../images/trenner-blatt.svg) right top no-repeat;
	background-size:  auto 30px;
	width: 100%;
	height: 30px;
	display: block;
	border: 0;
	max-width: none;
	margin: -25px 0 10px 0;
	position: relative;
}

.frame-pervorteilbox .tx_cn-columns[data-cols="3"] .row > div > div {
	width: calc(100% - 20px);
	margin: 0 20px 0 0;
}

.frame-pervorteilbox .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div {
	width: calc(100% - 20px);
	margin: 0 10px 0 10px;
}

.frame-pervorteilbox .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div {
	margin: 0 0 0 20px;
}

.page1 .frame-pervorteilbox .tx_cn-columns[data-cols="1"] .row > .col-100 {
	width: 31.333% !important;
	margin: 0 2% 0 0 !important;
}

/* -- Vorteilsbox mit mehr Text -- */
.frame-pervorteilbox.frame-layout-1 {
	opacity: 0;
}

.frame-pervorteilbox.frame-layout-1 .frame .ce-bodytext {
	position: relative;
	padding-bottom: 5px;
}

.frame-pervorteilbox.frame-layout-1 .frame .ce-bodytext.klicker_more {
	max-height: 155px;
	overflow: hidden;
}

.frame-pervorteilbox.frame-layout-1 .frame .ce-bodytext.klicker_more.klicker_machauf {
	max-height: none;
}

.frame-pervorteilbox.frame-layout-1 .frame .ce-bodytext.klicker_more::after {
	content: "";
	display: block;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: var(--verlaufgrau_moz);
	background: var(--verlaufgrau_web);
	background: var(--verlaufgrau);
}

.frame-pervorteilbox.frame-layout-1 .frame .ce-bodytext.klicker_more.klicker_machauf::after {
	display: none;
}

.frame-pervorteilbox .owl-item .ce-column, 
.frame-pervorteilbox .owl-item .image {
	width: 100%;
}

.frame-pervorteilbox .owl-carousel .owl-nav .owl-prev,
.frame-pervorteilbox .owl-carousel .owl-nav .owl-next  {
	background: url(../images/pfeil-links.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	width: 35px;
	height: 25px;
	border-radius: 10px 0 0 10px;
	display: inline-block;
	opacity: 0.8;
	transition: all 0.3s ease;
}

.frame-pervorteilbox .owl-carousel .owl-nav .owl-next  {
	background: url(../images/pfeil-rechts.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	border-radius: 0 10px 10px 0;
	margin-left: 3px;
}

.frame-pervorteilbox .owl-carousel .owl-nav .owl-prev:hover,
.frame-pervorteilbox .owl-carousel .owl-nav .owl-next:hover {
	opacity: 1;
}

.frame-pervorteilbox .owl-carousel .owl-nav .owl-prev span,
.frame-pervorteilbox .owl-carousel .owl-nav .owl-next span {
	display: none;
}

.page287 .frame-pervorteilbox .owl-carousel .owl-nav {
	margin-top: 5px;
}

.page349 .frame-pervorteilbox .tx_cn-columns .row + .row {
	margin: 30px 0 0 0;
}

.klicker_more_auf,
.frame-spielergebnistabellebox .showjahntable.buttonlink {
	color: var(--bgblau);
	display: inline-block;
	text-align: center;
	padding: 10px 35px 9px 15px;
	text-decoration: none;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
	transition: var(--standardtransition);
	background: url(../images/mehr.svg) calc(100% - 10px) center no-repeat var(--fastweisshover);
	background-size: 12px 14px;
	cursor: pointer;
	margin: 15px 0 0 0;
}

.klicker_more_auf:hover,
.frame-spielergebnistabellebox .showjahntable.buttonlink:hover {
	background-color: var(--fastweisshoverdunkler) !important;
}

.klicker_more_auf[data-toggled="on"],
.frame-spielergebnistabellebox .showjahntable.buttonlink[data-toggled="on"] {
	background-image: url(../images/weniger.svg);
	background-size: 12px 14px;
}

/* -- graue Box -- */
#inhaltsbereich.sub .frame-grauebox > .rahmen {
	background: var(--fastweiss);
	padding: 20px 0;
	display: flow-root;
}

#inhaltsbereich.sub .frame-grauebox .rahmen .ce-bodytext,
#inhaltsbereich.sub .frame-grauebox .rahmen .cn_multicontent_teaser,
#inhaltsbereich.sub .frame-grauebox .rahmen .tx_cn-columns,
#inhaltsbereich.sub .tx_cn-multicontent .tx_cn-columns .frame.frame-grauebox header,
#inhaltsbereich.sub .tx_cn-multicontent .tx_cn-columns .frame.frame-grauebox .ce-bodytext {
	max-width: unset;
    width: 90%;
    margin: 0 5%;
}

#inhaltsbereich.sub .tx_cn-multicontent .tx_cn-columns .frame.frame-grauebox header h4 {
	opacity: 1;
	font-size: 24px;
	line-height: 1em;
	padding-bottom: 5px;
	margin: 10px 3% 10px;
	border-bottom: 3px solid var(--bgblau);
	float: left;
	clear: both;
	text-align: left;
}

#inhaltsbereich.sub .frame-grauebox .rahmen .tx_cn-columns .frame .ce-bodytext {
    width: 100%;
    margin: 0;
}

#inhaltsbereich.sub .tx_cn-multicontent .tx_cn-columns .row.equalize .frame.frame-grauebox {
	height: 100%;
}
#inhaltsbereich.sub .tx_cn-multicontent .tx_cn-columns .row.equalize .frame.frame-grauebox > .rahmen {
	height: calc(100% - 40px);
}

.frame-grauebox header{
	text-align: center;
	margin: 0 auto;
	float: none;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header {
	text-align: left;
	border-bottom: 2px solid var(--bgblau);
	margin: 0 20px 10px 0;
	padding: 0;
	float: left;
    clear: both;
    width: 100%;
}

.page181 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header,
.page206 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header,
.page222 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header,
.page231 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header,
.page279 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header,
.page396 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
}

#inhaltsbereich.sub .frame-grauebox > .rahmen header h1,
#inhaltsbereich.sub .frame-grauebox > .rahmen header h2, 
#inhaltsbereich.sub .frame-grauebox > .rahmen header h3, 
#inhaltsbereich.sub .frame-grauebox > .rahmen header h4 {
    margin: 20px 0 15px;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header > * {
	margin: 0;
}

.frame-grauebox h3 {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 1em;
	letter-spacing: 0;
	padding-bottom: 15px;
	border-bottom: 3px solid var(--bgblau);
	margin: 22px 0;
	display: inline-block;
	float: none;
	opacity: 0;
}

.frame-grauebox .ce-bodytext {
	max-width: 220px;
	margin: 0 auto;
}

/* -- Sonderanpassung -- */
.frame-grauebox .row > div > .frame-space-after-15 {
	float: left;
}

.frame-maxwidth > .rahmen > .frame-grauebox {
	max-width: 900px;
	margin: 30px auto;
	float: none;
	display: table;
	text-align: center;
}

.frame-maxwidth > .rahmen > .frame-grauebox > .rahmen {
	float: none;
	clear: both;
	display: inline-block;
	text-align: left;
}

.frame-maxwidth > .rahmen > .frame-grauebox ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

.page178 .ce-bodytext ol {
	counter-reset: item;
	padding: 0;
	margin: 0 0 0 20px;
}

.page178 .ce-bodytext ol li { 
	display: block; 
	background: none; 
	margin: 5px 0 !important; 
	padding: 0 0 0 10px; 
}

.page178 .ce-bodytext ol li:before { 
	content: counters(item, ".") ". "; 
	counter-increment: item; 
	margin-left: -1.2em; 
	background: none;
}

.page178 .ce-bodytext ol li ol li:before { 
	margin-left: -2em; 
}

.ce-bodytext ol.ol-bold > li::marker {
    font-weight: 700;
}

#inhaltsbereich.sub .frame-maxwidth > .rahmen > .frame-grauebox > .rahmen {
	padding: 30px 0 0 0;
}

.page231 #inhaltsbereich.sub .frame-maxwidth > .rahmen > .frame-grauebox > .rahmen {
	width: 90%;
}

.page180 #inhaltsbereich.sub .frame-maxwidth > .rahmen > .frame-grauebox > .rahmen {
	padding: 30px 4% 0;
	margin: 0 auto;
}

#inhaltsbereich.sub .frame-maxwidth > .rahmen > .frame-grauebox > .rahmen .text-right .link-external-blank,
#inhaltsbereich.sub .frame-maxwidth > .rahmen > .frame-grauebox > .rahmen .text-right .link-internal,
#inhaltsbereich.sub .frame-maxwidth > .rahmen > .frame-grauebox > .rahmen .text-right .link-external {
	position: relative;
	bottom: -20px;
}

.page181 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen,
.page206 #inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen {
	width: 90%;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 > .rahmen {
	background: none;
	display: table;
	width: 100%;
	max-width: 1080px;
	padding: 0;
}


#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .rahmen .tx_cn-columns {
	width: 100%;
    float: left;
    clear: both;
	margin: 0;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div > div {
	width: 100% !important;
	margin: 0 !important;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div {
	margin-bottom: 0 !important;
}


#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div > div.frame-layout-16 > .rahmen,
#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div > div.frame-layout-17 > .rahmen,
#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div > div.frame-layout-18 > .rahmen {
	padding: 30px;
	width: calc(100% - 60px) !important;
	height: calc(100% - 60px) !important;
	float: left;
	clear: both;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 > .rahmen {
	background: none;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div[style] .frame-layout-16 {
	background: var(--accessiblegradientdark);
	color: var(--weiss);
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div[style] .frame-layout-17 {
	background: var(--bgblau);
	color: var(--weiss);
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div[style] .frame-layout-18 {
	background: var(--bgrot);
	color: var(--weiss);
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent.frame-layout-19 .tx_cn-columns .row > div[style] > div > .rahmen > header {
	border-color: var(--weiss);
}

/* -- maximale Breite 875px (Layout) -- */
#inhaltsbereich > .frame-layout-13 > .rahmen {
	max-width: 875px;
}

/* -- maximale Breite 400px (Layout) -- */
#inhaltsbereich > .frame-layout-15 > .rahmen {
	max-width: 470px;
}

/* -- zentrierter Inhalt -- */
#inhaltsbereich > .frame-zentrierterinhalt > .rahmen .ce-bodytext {
	margin: 0 auto;
	text-align: center;
}

.frame-zentrierterinhalt .cn_multicontent_teaser {
	text-align: center;
}

.frame-zentrierterinhalt.frame-type-html {
	text-align: center;
}

.lightbox .frame-zentrierterinhalt .ce-bodytext {
	text-align: center;
}

#inhaltsbereich > .frame-zentrierterinhalt img {
	max-width: 100%;
	height: auto;
}

.page247 #inhaltsbereich > .frame-zentrierterinhalt .tx_cn-columns h2 {
	border-color: var(--weiss);
	padding-bottom: 15px;
	margin: 0px 5%;
	width: 90%;
	font-size: 34px;
}

/* -- Sonderanpassung zentrierter Inhalt -- */
.partnerprogramm #inhaltsbereich > .frame-zentrierterinhalt > .rahmen .ce-bodytext {
	text-align: left;
}

/* -- Abstand Bild 40 -- */
.frame-layout-20 .ce-textpic.ce-left .ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
	display: block;
	margin: 0 40px 0 0;
	box-shadow: none;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border img,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery.ce-border img  {
	border: 0;
}

.frame-layout-20 .ce-textpic.ce-right .ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery.ce-border {
	display: block;
	margin: 0 0 0 40px;
	box-shadow: none;
}

.newsdetailcontent .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery.ce-border {
	margin: 15px 0 0 40px;
}

/* -- Datensatz einfuegen mit 100% Breite und grauer Balken ueber 100% -- */
#inhaltsbereich > .frame-type-shortcut.frame-layout-20 > .rahmen,
#inhaltsbereich > .frame-type-gridgallery_gallery.frame-layout-20 > .rahmen {
	width: 100%;
	max-width: unset;
	margin: 0;
}

#inhaltsbereich > .frame-type-shortcut.frame-layout-20 > .rahmen > .frame-grauerbalken_neu {
	margin: 0 !important;
}

#inhaltsbereich > .frame-type-shortcut.frame-layout-20 > .rahmen > .frame-grauerbalken_neu > .rahmen {
	margin: 0 auto;
    width: 96%;
    max-width: 1332px;
}

#inhaltsbereich > .frame-type-shortcut.frame-layout-20 > .rahmen > .frame-grauerbalken_neu > .rahmen h3 {
	margin-top: 0;
}

/* -- Menues -- */
#inhaltsbereich .frame-sitemapgeschaeftskunden {
    background: var(--grau);
	padding: 50px 0;
    margin: 70px 0 50px 0 !important;
}

#inhaltsbereich .frame-sitemapgeschaeftskunden.frame-type-menu_sitemap_pages ul {
    width: 48%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

#inhaltsbereich .frame-sitemapgeschaeftskunden.frame-type-menu_sitemap_pages ul li {
    margin: 3px 5% 0 5%;
    width: 90%;
    float: left;
    clear: both;
}

#inhaltsbereich .frame-sitemapgeschaeftskunden.frame-type-menu_sitemap_pages ul li a,
#inhaltsbereich .frame-type-menu_subpages ul li a {
    text-decoration: none;
    color: var(--bgblau);
}

#inhaltsbereich .frame-sitemapgeschaeftskunden.frame-type-menu_sitemap_pages ul > li > ul {
    padding: 5px 2% 10px 2%;
    float: left;
    clear: both;
    width: 96%;
    margin: 2px 0 0 0;
    border-top: 1px solid var(--schwarztrans01);
}

#inhaltsbereich .frame-type-menu_subpages ul {
    width: 96%;
    float: left;
    clear: both;
    margin: 0 2%;
    padding: 0;
    list-style: none;
}

#inhaltsbereich .frame-type-menu_subpages ul li {
    width: 100%;
    float: left;
    clear: both;
    margin: 3px 0 0 0;
}

/* -- Kontaktbalken -- */
.frame-blauerbalken {
    float: left;
    clear: both;
    width: 100%;
    background: var(--accessiblegradientrtldunkler);
	text-shadow: 1px 1px 2px var(--accessibleshadow);
    padding: 90px 0;
}

#inhaltsbereich.sub > .frame-blauerbalken.frame-type-shortcut, 
#inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content {
    color: var(--weiss);
    padding: 70px 0;
    margin: 70px 0 0 0;
    float: left;
    clear: both;
    width: 100%;
}

.frame-blauerbalken a[href^="mailto:"] {
	display: inline-block;
    padding: 8px 20px 7px;
    color: var(--weiss);
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
	border: 1px solid #fff;
}

.frame-blauerbalken a[href^="mailto:"]:hover,
.frame-blauerbalken.frame-type-shortcut a.extern:hover {
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--weiss);
}

.frame-blauerbalken.frame-type-shortcut a.link-internal {
	border: 1px solid #fff;
}

.page50 #inhaltsbereich > .frame.frame-type-html > .rahmen {
    width: 100%;
    max-width: 100%;
}

/* ------------------------- Plugins ------------------------- */


/* -- Suche -- */
.tx-indexedsearch-searchbox {
    float: left;
    clear: both;
    width: 100%;
}

.tx-indexedsearch_searchwhat,
.tx-indexedsearch_searchwhat + .tx-indexedsearch-browsebox {
	display: none;
}

.tx-indexedsearch_searchwhat + .tx-indexedsearch_searchwhat {
	display: block;
}

.tx-indexedsearch-searchbox fieldset {
    border: 0;
    background: var(--fastweiss);
    float: none;
    clear: both;
    display: table;
    width: 96%;
    max-width: 1332px;
    margin: 0 auto 30px;
    padding: 30px 2%;
}

.tx-indexedsearch-searchbox legend {
    display: none;
}

.tx-indexedsearch-form {
    float: left;
    margin: 0 5px 0 0;
}

.tx-indexedsearch-form label {
    float: left;
    margin: 3px 10px 0 0;
}

.tx-indexedsearch-searchbox-sword {
    width: 400px;
    font-family: var(--fontnormal);
    font-style: normal;
    font-weight: 300;
    /* font-size: 16px; */
	font-size: 17px;
    line-height: 1.4em;
    color: var(--bgblau);
    padding: 3px 5px;
    border: 0;
    box-shadow: inset 0 0 0 1px #ccc;
    float: left;
    -webkit-appearance: none;
    border-radius: 0;
}

.tx-indexedsearch-searchbox-button {
    display: block;
    background: var(--accessiblegradientltr);
    color: var(--weiss);
    font-family: var(--fontnormal);
    font-style: normal;
    font-weight: 300;
    /* font-size: 16px; */
	font-size: 17px;
    line-height: 1.4em;
    border: 0;
    float: left;
    padding: 4px 20px 2px;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
}

#c92 {
    min-height: 300px;
}

.tx-indexedsearch_searchwhat {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 0 0;
}

.searchtracking {
    display: inline;
}

div.tx-indexedsearch-browsebox {
    border: 0;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    border-bottom: 1px solid var(--schwarztrans01);
}

.tx-indexedsearch_searchwhat + .tx-indexedsearch-browsebox .tx-indexedsearch-browsebox {
    display: none;
}

.tx-indexedsearch-res h4 a {
    text-decoration: none;
}

.tx-indexedsearch-res {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0;
}

.tx-indexedsearch-res + div.tx-indexedsearch-browsebox {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0 0 0;
    text-align: center;
    border: 0;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
	padding: 0;
    list-style: none;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li {
    float: none;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 0;
    vertical-align: top;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
    background: var(--accessiblegradientdark);
    box-shadow: none;
    color: var(--weiss);
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li a {
	text-decoration: none;
    box-shadow: none;
    background: var(--fastweiss);
    color: var(--bgblau);
    padding: 10px 15px 9px 15px;
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
    transition: var(--standardtransition);
}

/* -- Dateilinks -- */
ul.ce-uploads {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0px;
}

ul.ce-uploads li {
	list-style: none;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	background: var(--blautrans01);
}

ul.ce-uploads li a {
	color: var(--bgblau);
	display: block;
	position: relative;
	text-decoration: none;
	padding: 10px 0 15px 35px;
	background: url(../images/download.svg) left 3px no-repeat;
	background-size: auto 25px;
	margin: 5px 10px;
}

ul.ce-uploads li a span {
	display: inline;
	vertical-align: top;
}

ul.ce-uploads .linkicon {
	/* font-size: 12px; */
	font-size: 13px;
	position: absolute;
	top: 28px;
	left: 0;
	text-decoration: none;
	font-weight: 700;
	width: 25px;
	text-align: center;
}

ul.ce-uploads li a span.ce-uploads-fileName {
	text-decoration: underline;
	text-decoration-color: var(--bggruen);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

ul.ce-uploads li a:hover span.ce-uploads-fileName {
	text-decoration-thickness: 2px;
}

ul.ce-uploads li a span.ce-uploads-filesize {
	text-decoration: none;
	margin-left: 5px;
}

ul.ce-uploads li:hover {
	font-weight: 700;
}

/* -- Login -- */
#inhaltsbereich.sub > .frame-type-login {
    margin: -180px 0 50px 0;
    position: relative;
    z-index: 4;
}

#inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 {
    background: var(--fastweiss);
    float: left;
    width: auto;
    padding: 50px;
	border-radius: 30px;

}

.eingeloggt #inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 {
    padding: 20px;
    border-radius: 20px;
}

#inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 h3 {
    font-size: 24px;
    margin: 0 0 0.5em 0;
}

#inhaltsbereich.sub > .frame-type-login fieldset {
    border: 0;
    padding: 0;
}

#inhaltsbereich.sub > .frame-type-login fieldset legend, 
.eingeloggt #inhaltsbereich.sub > .frame-type-login fieldset legend + div {
    display: none;
}

#inhaltsbereich.sub > .frame-type-login fieldset label {
    display: block;
    float: left;
    clear: left;
    width: 20%;
    margin: 10px 0 0 0;
    padding: 5px 0;
}

#inhaltsbereich.sub > .frame-type-login fieldset label + input {
    float: right;
    clear: right;
    width: 78%;
    margin: 10px 0 0 0;
    padding: 5px 2px;
	outline: none;
}

#inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 input[type="submit"] {
	background: var(--accessiblegradientltr);
	color: var(--weiss);
    font-family: var(--fontnormal);
    font-style: normal;
    font-weight: 300;
    /* font-size: 16px; */
	font-size: 17px;
    line-height: 1.4em;
    border: 0;
    float: left;
    padding: 4px 0 2px;
    width: 100%;	
    margin: 10px 0 0 0;	
    border-radius: 0;	
    -webkit-appearance: none;
    cursor: pointer;
	outline: none;
}

/* -- Login Kuechenschaetze -- */
.page277 #inhaltsbereich {
	padding-bottom: 200px;
}

.page277 #inhaltsbereich.sub > .frame-type-login {
    margin: 0;
}

.page277 #inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 {
    width: 560px;
    max-width: calc(100% - 40px);
}

.page277 #inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 fieldset legend + div {
    display: none;
}

.page277 #inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 h3 {
    display: none;
}

.blaetterpdf {
	width: 100%;
	height: 800px;
}

/* -- Menues -- */
#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages ul {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li {
    width: 48%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 20px 0;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--fontcondensed);
	letter-spacing: 0;
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li:nth-child(2n+1) {
    margin: 20px 4% 20px 0;
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li > a {
    background: var(--bgblau);
    display: block;
    width: 90%;
    padding: 10px 5%;
    color: var(--weiss);
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li > ul {
    width: 90%;
    float: left;
    clear: both;
    margin: 10px 5% 0 5%;
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li > ul > li {
    /* font-size: 16px; */
	font-size: 17px;
    font-weight: 300;
    margin: 3px 0 0 0;
    font-family: var(--fontnormal);
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages a {
    text-decoration: none;
    color: var(--bgblau);
	display: inline-block;
	min-height: 24px;
}

#inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li > ul > li > ul {
    padding: 5px 5% 10px 5%;
    float: left;
    clear: both;
    width: 90%;
    margin-top: 2px;
    border-top: 1px solid var(--schwarztrans01);
}

/* -- News -- */
.news {
	float: left;
	clear: both;
	width: 100%;
}

/* -- Listansicht -- */
.news-latest-container,
.news-list2-container {
	float: left;
	clear: both;
	width: 100%;
}

.page349 .news-latest-container {
    width: auto;
    margin: -50px 0 40px 172px;
}

.news-latest-container .article,
.news-list2-container .article {
	float: none;
	clear: none;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 31.3%;
	margin: 0 2% 40px 0;
	padding: 0;
	padding-bottom: 0px;
	position: relative;
	transition: var(--standardtransition);
	background: var(--grau);
}

#inhaltsbereich .news-latest-container .article h4 a,
#inhaltsbereich .news-list2-container .article h4 a {
	font-weight: 700;
}

#inhaltsbereich .news-latest-container .article a .news-text,
#inhaltsbereich .news-list2-container .article a .news-text {
	font-weight: 300;
}

.news-latest-container .article:nth-child(3n+2),
.news-list2-container .article:nth-child(3n+2) {
	margin: 0 1%;
}

.news-latest-container .article:nth-child(3n+0),
.news-list2-container .article:nth-child(3n+0) {
	margin: 0 0 0 2%;
}

.news-latest-container .article:nth-child(3n+1),
.news-list2-container .article:nth-child(3n+1) {
	clear: left;
}

.news .news-latest-container .article .news-img-wrap,
.news .news-list2-container .article .news-img-wrap {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	transition: var(--standardtransition);
	overflow: hidden;
}

.news .article .news-img-wrap a {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	display: block;
}

.news .news-latest-container .article .news-img-wrap a img,
.news .news-list2-container .article .news-img-wrap a img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	opacity: 1;
	transition: var(--standardtransition);
}

.news-latest-container .article:hover .news-img-wrap a img,
.news-list2-container .article:hover .news-img-wrap a img {
	transform: scale(1.1);
}

.news-latest-container .article .news-content,
.news-list2-container .article .news-content {
	display: block;
	width: 94%;
	padding: 15px 3% 25px;
	float: left;
	clear: both;
	min-height: 120px;
	transition: var(--standardtransition);
}

.news-latest-container .article .news-content .newscategory img {
	width: auto;
}

.news .news-latest-container .article,
.news .news-list2-container .article {
	opacity: 0;
}

.news .news-latest-container .article h4,
.news .news-list2-container .article h4 {
	margin: 0 20px 10px 0;
}

.news .news-latest-container .article a,
.news .news-list2-container .article a {
	color: var(--bgblau);
	text-decoration: none;
}

.linkoverlay {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: var(--standardtransition);
}

.news-latest-container .article:hover .linkoverlay,
.news-list2-container .article:hover .linkoverlay {
	background: var(--blautrans005);
}

.news-latest-container.owl-carousel .article {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 40px 0;
}

.news-latest-container.owl-carousel .owl-nav {
	display: none;
}

.newscategory {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid var(--bgblau);
	padding: 0 0 40px 0;
	margin: 10px 0 40px 0;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 0;
}

.newscategory img {
	float: left;
	margin: 0 10px 0 0;
}

.newscategory .news-list-category {
	margin: 0.2em 0 0 0;
	float: left;
	display: block;
	white-space: wrap;
	max-width: 150px;
	line-height: 1.2em;
}

.news-list2-container .article.articletype-2 {
	background: var(--dia-old-background);
	background: var(--dia-ff-background);
	background: var(--dia-cs-background);
	background: var(--dia-mix-background);
}

.news-list2-container .articletype-2,
.news .news-list2-container .articletype-2 a {
	color: var(--weiss);
}

.news .news-list2-container .articletype-2 .newscategory {
	border-color: var(--weiss);
}

.news .news-list2-container .articletype-2 .newscategory .news-list-category {
	margin: 0.8em 0 0 0;
}

.news-list-date {
	font-family: var(--fontnormal);
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.4em;
}

.news-content.no-image .news-list-date {
	margin-top: 15px;
	display: inline-block;
}

.news .news-list-container .article.articletype-0:not(.category) .news-content.no-image h4,
.news .news-list2-container .article.articletype-0:not(.category) .news-content.no-image h4 {
	padding: 0 0 18px 0;
	margin: 0 0 41px 0;
	border-bottom: 1px solid var(--bgblau);
}

/* -- News-Pagebrowser -- */
.page-navigation {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	text-align: center;
}

.page-navigation p {
	display: none;
}

.f3-widget-paginator,
.news .page-navigation ul {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

.news .page-navigation ul li {
	float: none;
	display: inline-block;
	margin: 0 5px 10px 0;
	padding: 0;
	vertical-align: top;
}

.news .page-navigation ul li a, 
.news .page-navigation ul li.current {
	display: block;
	background: var(--fastweiss);
	color: var(--bgblau);
	text-decoration: none;
	padding: 10px 15px 9px 15px;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
	transition: var(--standardtransition);
}

.news .page-navigation ul li.current {
	background: var(--bgblau);
	color: var(--weiss);
	display: inline-block;
}

.news .page-navigation ul li a:hover {
	background: var(--fastweisshover);
}

/* -- Detailansicht -- */
/* .news-single h1 {
	opacity: 0;
	font-weight: 700;
}

.news-single h1.show {
	opacity: 1;
} */

.news-single .article .news-img-wrap {
	float: right;
	width: 400px;
	margin: 0 0 25px 25px;
}

.news-single .article .news-img-wrap.owl-carousel {
	margin-top: 10px;
}

.news-single .article .news-img-wrap img {
	width: 100% !important;
	height: auto !important;
	float: left;
	clear: both;
}

.news-img-wrap .news-img-caption {
	float: left;
	clear: both;
	margin: 7px 3px 0;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: 700;
	color: var(--bgblau);
}

.news-single .owl-nav {
	text-align: right;
	position: absolute;
	right: 0;
	top: -35px;
}

.news-single .owl-carousel .owl-nav button.owl-next, 
.news-single .owl-carousel .owl-nav button.owl-prev {
	font-size: 40px;
	padding: 0 10px 7px !important;
	background: var(--fastweiss);
	display: inline-block;
	margin: 3px;
}

.news-single .teaser-text {
	color: var(--bgblau);
	/* font-size: 16px; */
	font-size: 17px;
}

.news-backlink-wrap {
	float: left;
	clear: both;
}

.news-backlink-wrap a {
	margin-top: 20px;
}

.newsdetailcontent .teaser-text img,
.newsdetailcontent .news-text-wrap img {
	max-width: 100%;
	height: auto;
}

/* -- Multicontent -- */
.cn_multicontent_teaser {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 10px;
}

.frame-type-cn_multicontent.frame-layout-1 .cn_multicontent_teaser,
.ui-accordion-content .cn_multicontent_teaser {
	margin: 0;
}

.cnmc-accordion {
	width: 100%;
	float: left;
	clear: both;
}

.ui-accordion-header,
.cnmc-accordion button {
	margin: 5px 0 0 0;
	width: 90%;
	float: left;
	clear: both;
	padding: 15px 8% 15px 2%;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 400;
	font-family: var(--fontnormal);
	position: relative;
	cursor: pointer;
	transition: 'background' 0.3s ease;
	/* letter-spacing: 0.03em; */
	border: 0;
	text-align: left;
	background: var(--fastweiss);
	color: var(--bgblau);
	box-sizing: unset;
}

.cnmc-accordion button:not(.ui-state-active) + div {
	display: none;
}

.ui-accordion-header.ui-state-default {
	background: var(--fastweiss);
}

.frame-grauerbalken_neu .ui-accordion-header.ui-state-default,
.frame-nahwaermekarte .ui-accordion-header.ui-state-default {
	background: var(--fastweisshover);
}

.ui-accordion-header.ui-state-active, .ui-accordion-header:hover,
.frame-grauerbalken_neu .ui-accordion-header.ui-state-active,
.frame-grauerbalken_neu .ui-accordion-header:hover,
.frame-nahwaermekarte .ui-accordion-header.ui-state-active,
.frame-nahwaermekarte .ui-accordion-header:hover  {
	background: var(--bgblau);
	color: var(--weiss);
}

.ui-accordion-header a {
	text-decoration: none;
	color: var(--bgblau);
}

.ui-accordion-header.ui-state-active, 
.ui-accordion-header:hover,
.frame-grauewelle .ui-accordion-header.ui-state-default,
.ui-accordion-header.ui-state-active a, 
.ui-accordion-header:hover a, 
.frame-grauewelle .ui-accordion-header.ui-state-default a {
	color: var(--weiss);
}

.frame-type-cn_multicontent .ui-accordion-header-icon {
	position: absolute;
	right: 1.5%;
	top: 50%;
	width: 20px;
	height: 20px;
	background: url(../images/plus_blau.svg) center center no-repeat;
	background-size: 20px auto;
	margin-top: -10px;
}

.frame-type-cn_multicontent .ui-accordion-header:hover .ui-accordion-header-icon {
	background: url(../images/plus.svg) center center no-repeat;
	background-size: 20px auto;
}

.frame-type-cn_multicontent .ui-accordion-header.ui-state-active .ui-accordion-header-icon, 
.frame-type-cn_multicontent .ui-accordion-header.ui-state-active:hover .ui-accordion-header-icon {
	background: url(../images/minus.svg) center center no-repeat;
	background-size: auto;
	background-size: 20px auto;
}

.frame-type-cn_multicontent .ui-accordion-content {
	width: 96%;
	float: left;
	clear: both;
	padding: 15px 2%;
	background: var(--weiss);
	font-weight: 300;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	color: var(--bgblau);
	border: none;
}

.ui-accordion-content > .frame,
.ui-accordion-content > div[itemprop="mainEntity"] > div[itemprop="acceptedAnswer"] > div[itemprop="text"] > .frame {
	float: left;
	clear: both;
	width: 100%;
}

/* -- Powermail -- */
.powermail_form h3 {
    display: none;
}

.tx-powermail,
.powermail_form {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.powermail_fieldset {
    border: 0;
    width: 48%;
    float: left;
    margin: 0;
    padding: 0;
}

.powermail_fieldset:nth-of-type(odd) {
    margin-right: 4%;
}

.powermail_fieldset.layout1 {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
}

.powermail_fieldset.layout1 .powermail_legend {
	display: none;
}

.powermail_fieldset.layout1 .powermail_captcha {
	max-width: 370px;
}

.powermail_fieldset.layout1 .powermail_captchaimage {
	display: block;
}

.powermail_fieldset.layout1 .powermail_fieldwrap_type_captcha .powermail-errors-list {
	right: auto;
	left: 5px;
	/* letter-spacing: 0.06em; */
}

.powermail_fieldwrap_type_captcha > .powermail_field::before {
    content: "Jetzt noch kurz die untenstehende Rechenaufgabe lösen und das Ergebnis eintragen.";
    margin-bottom: 10px;
    display: block;
}

.powermail_legend {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 10px 0;
    font-weight: 700;
    border-bottom: 1px solid var(--bgblau);
    padding: 0;
}

.powermail_legend.nolabel {
    display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -999px;
	white-space: nowrap;
	margin: 0;
	border: 0;
}

.tx-gewinnspieldaten .fluxxinhalt legend.nolabel {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.powermail_legend.nolabel + .powermail_fieldwrap,
.powermail_legend.nolabel + .powermail_hidden + .powermail_fieldwrap {
	margin-top: 0;
}

.powermail_fieldwrap {
    width: 100%;
    margin: 5px 0;
    float: left;
    clear: both;
}

.powermail_fieldwrap.powermail_fieldwrap_captcha {
	margin: 5px 0 20px;
}

.powermail_label {
    float: left;
    width: 40%;
}

.powermail_field {
    width: 58%;
    float: right;
}

.powermail_field input, 
.powermail_field textarea, 
.powermail_select, 
.powermail_captcha {
    width: 96%;
    padding: 5px 2%;
    background: var(--weiss);
    border: 0;
    font-family: var(--fontnormal);
    font-style: normal;
    font-weight: 300;
    /* font-size: 16px; */
	font-size: 17px;
    line-height: 1.4em;
    color: var(--bgblau);
    box-sizing: initial;
}

.powermail_field textarea {
    resize: none;
}

.powermail_captcha {
	margin: 0 0 10px 0;
}

.powermail_fieldwrap_type_check > .powermail_label, 
.powermail_fieldwrap_type_captcha > .powermail_label, 
.powermail_fieldwrap_type_radio.layout1 > .powermail_label, 
.powermail_fieldwrap_type_text .powermail_label {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 10px 0;
    font-weight: 700;
    border-bottom: 1px solid var(--bgblau);
}

.powermail_fieldwrap_type_radio.layout2 > .powermail_label {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 10px 0;
	font-weight: 700;
}

.powermail_fieldwrap_type_check .powermail_field, 
.powermail_fieldwrap_type_captcha .powermail_field,
.powermail_fieldwrap_type_radio .powermail_field {
    width: 100%;
    float: left;
    clear: both;
}

.powermail_fieldwrap_type_input .powermail_field, 
.powermail_fieldwrap_type_check .powermail_field, 
.powermail_fieldwrap_type_captcha .powermail_field, 
.powermail_fieldwrap_type_date .powermail_field, 
.powermail_fieldwrap_type_radio .powermail_field, 
.powermail_fieldwrap_type_textarea .powermail_field, 
.powermail_fieldwrap_type_select .powermail_field {
    position: relative;
}

.powermail_fieldwrap_type_check .powermail_field .checkbox .powermail_checkbox,
.powermail_fieldwrap_type_radio .radio .powermail_radio,
.tarifrechner_container input[type="radio"], 
.tarifrechner_container input[type="checkbox"] {
	display: inline-block;
    width: 24px;
	height: 24px;
    padding: 0;
}

.tarifrechner_container input[type="radio"], 
.tarifrechner_container input[type="checkbox"] {
	margin-left: -5px;
}

.messart .innerfields .infofragen a {	
	margin-left: -5px;
}

.info-andere a strong {
	color: var(--weiss);
	text-decoration: underline;
}

#inhaltsbereich .info-andere a[href^="tel:"]::before {
	color: var(--weiss);
}

.powermail_fieldwrap_type_submit {
    width: 100%;
    float: left;
    clear: both;
    position: absolute;
    left: 0;
    bottom: -20px;
    margin: 0;
    padding: 0;
}

.powermail_fieldwrap_type_submit .powermail_field {
    position: relative;
    width: auto;
    float: right;
    margin-right: 5%;
	background: var(--accessiblegradientltr);
}

.powermail_fieldwrap_type_submit .powermail_submit {
    display: inline-block;
	padding: 12px 58px 12px 40px;
	width: auto;
    color: var(--weiss);
    text-decoration: none;
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
    -webkit-appearance: none;
    border-radius: 0;	
	background-color: transparent;
	cursor: pointer;
	position: relative;
    z-index: 2;
}

/* .powermail_fieldwrap_type_submit .powermail_field::before {
    content: '';
    position: absolute;
    background: url(../images/more-pfeile_blink.svg) left center no-repeat;
    background-size: 22px 20px;
    height: 100% !important;
    right: 40px;
    top: 0;
    opacity: 1;
    width: 20px;
    overflow: hidden;
    text-align: left;
    z-index: 2;
}

.powermail_fieldwrap_type_submit .powermail_field:hover::before {
    animation: blink_more_ge 2s cubic-bezier(0.87, 0, 0.13, 1) infinite;
}

.powermail_fieldwrap_type_submit .powermail_field::after {
    content: '';
    position: absolute;
    background: url(../images/more-pfeile_weiss.svg) left center no-repeat;
    background-size: 22px 20px;
    display: block;
    right: 35px;
    top: 0;
    opacity: 1;
    width: 20px;
    height: 100% !important;
    overflow: hidden;
    text-align: left;
	z-index: 0;
} */

.powermail-errors-list {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--bgblau);
    /* letter-spacing: 0.08em; */
}

.powermail_field_error:not(.powermail_field_error_container) {
	outline: var(--gruen) solid 2px;
}

.powermail_fieldwrap_type_select .powermail-errors-list {
    position: static;
	float: right;
    margin: 0 5px 0 0;
}

/* -- Sonderanpassung Powermail -- */
.morebutton {
	display: block;
	float: left;
	clear: both;
	background: var(--gruen);
	color: var(--weiss);
	padding: 5px 15px;
	margin: 0 0 10px 0;
	cursor: pointer;
}

.powermail_form_32 .powermail_fieldwrap_type_radio .powermail_label {
	width: 100%;
}

.powermail_form_32 .powermail_fieldwrap_hinweisvertragsbedingungen,
.powermail_form_32 .powermail_fieldwrap_nameschluesseluebergabe {
	display: none;
}

.powermail_form_32 .powermail_fieldwrap_verbrauchsart2, 
.powermail_form_32 .powermail_fieldwrap_zaehlerstand2,
.powermail_form_32 .powermail_fieldwrap_verbrauchsart3, 
.powermail_form_32 .powermail_fieldwrap_zaehlerstand3,
.powermail_form_32 .powermail_fieldwrap_verbrauchsart4, 
.powermail_form_32 .powermail_fieldwrap_zaehlerstand4,
.powermail_form_32 .powermail_fieldwrap_verbrauchsart2_01, 
.powermail_form_32 .powermail_fieldwrap_zaehlerstand2_01,
.powermail_form_32 .powermail_fieldwrap_verbrauchsart3_01, 
.powermail_form_32 .powermail_fieldwrap_zaehlerstand3_01,
.powermail_form_32 .powermail_fieldwrap_verbrauchsart4_01, 
.powermail_form_32 .powermail_fieldwrap_zaehlerstand4_01,
.powermail_form_32 .powermail_fieldwrap_zaehlernummer2, 
.powermail_form_32 .powermail_fieldwrap_zaehlernummer3, 
.powermail_form_32 .powermail_fieldwrap_zaehlernummer4 {
	display: none;
}

.powermail_form_32 .powermail_fieldwrap_type_radio .radio,
.powermail_form_35 .powermail_fieldwrap_type_radio .radio,
.powermail_form_50 .powermail_fieldwrap_type_radio .radio {
	width: auto;
	float: left;
	clear: none;
	margin: 3px 20px 3px 0;
}

.powermail_form_32 .powermail_fieldset.layout1,
.powermail_form_35 .powermail_fieldset.layout1 {
	margin-top: 40px;
}

.powermail_form_35 .powermail_fieldwrap_verbrauchsart2, .powermail_form_35 .powermail_fieldwrap_zaehlerstand2,
.powermail_form_35 .powermail_fieldwrap_verbrauchsart3, .powermail_form_35 .powermail_fieldwrap_zaehlerstand3,
.powermail_form_35 .powermail_fieldwrap_verbrauchsart4, .powermail_form_35 .powermail_fieldwrap_zaehlerstand4,
.powermail_form_35 .powermail_fieldwrap_zaehlernummer2, .powermail_form_35 .powermail_fieldwrap_zaehlernummer3, .powermail_form_35 .powermail_fieldwrap_zaehlernummer4 {
	display: none;
}


/* -------------------------- Footer -------------------------- */

.totop {
	position: absolute;
	right: 4.5%;
	top: -32px;
	z-index: 1;
	background: url(../images/up-arrow_weiss.svg) center center no-repeat var(--tuerkis);
	background-size: 35px auto;
	width: 60px;
	height: 60px;
	cursor: pointer;
	display: block;
	transition: var(--standardtransition);
}

.totop:hover {
	background-color: var(--dunkelgruen);
}

#footer {
	float: left;
	clear: both;
	width: 92%;
	margin: 3px 0 0;
	padding: 70px 4% 40px;
	text-align: center;
	background: var(--dia-old-background);
	background: var(--dia-ff-background);
	background: var(--dia-cs-background);
	background: var(--dia-mix-background);
	color: var(--weiss);
	position: relative;
	/* letter-spacing: 0.04em; */
}

#footer > .frame-type-textmedia {
	float: right;
	margin: 17px 0 0 0;
}

/* #footer.sub {
	margin: 5px 0 0;
} */

#footer ul {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	list-style: none;
	float: left;
	border-top: 1px solid var(--hellblau);
}

#footer ul li {
	float: left;
	clear: none;
	margin: 0 30px 0 0;
}

#footer a {
	color: var(--weiss);
	text-decoration: none;
}

#footer .ce-column {
	margin-right: 10px;
}

.magazin {
	display: inline-block;
	float: none;
	clear: both;
	vertical-align: top;
	margin: -270px 0 0 -15%;
}

.social {
	float: left;
	text-align: left;
}

.social p {
	margin: 0;
}

.footerinhalt {
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
}

.footerinhalt .row.equalize .col-33 {
	position: relative;
}

.footerinhalt .row.equalize .col-33 > .frame {
	position: absolute;
	bottom: 4px;
	right: 0;
}

.footerinhalt .ce-gallery {
	margin: 12px 0 0 0;
}

.footerinhalt .frame-type-menu_subpages {
	float: left;
	clear: both;
	width: 100%;
}

.footerinhalt .frame-type-menu_subpages ul {
	list-style: none;
	margin: 10px 0 5px;
	margin-left: calc(4% - 12px);
	padding: 0;
	font-size: 15px;
	line-height: 1.1em;
	float: left;
	clear: both;
}

.footerinhalt .frame-type-menu_subpages ul li {
	display: block;
	float: left;
	clear: none;
	margin: 0 7px 5px 0;
	padding: 0;
}

.footerinhalt .frame-type-menu_subpages ul li a {
	display: block;
	text-decoration: none;
	color: var(--bgblau);
	padding: 10px 8px;
}

/* .footerinhalt .frame-type-menu_subpages ul > li[data-title="/kuendigen"] {
	display: none;
}

.page61 .footerinhalt .frame-type-menu_subpages ul > li[data-title="/kuendigen"],
.page68 .footerinhalt .frame-type-menu_subpages ul > li[data-title="/kuendigen"],
.page76 .footerinhalt .frame-type-menu_subpages ul > li[data-title="/kuendigen"],
.page87 .footerinhalt .frame-type-menu_subpages ul > li[data-title="/kuendigen"] {
	display: list-item;
} */

#footer > .frame-type-textmedia {
	float: right;
	margin: 17px 0 0 0;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* --------------------- Simone --------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -- Rahmen -- */
/* -- Sternchentext -- */
.frame-sternchentext {
	font-size: 14px;
	line-height: 1.4em;
}

.page233 .frame-sternchentext, 
.lp .frame-sternchentext {
	font-size: 13px;
	color: inherit;
}

/* -- Bildslider -- */
.frame-bildslider .owl-carousel {
	width: 90%;
	padding: 0 5%;
}

.frame-bildslider .owl-carousel .owl-nav button.owl-prev, 
.frame-bildslider .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 0;
	display: block;
	width: 20px;
	height: 50px;
	background: url(../images/owl-prev.png) left top no-repeat;
}

.frame-bildslider .owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 0;
	background: url(../images/owl-next.png) left top no-repeat;
}

.frame-bildslider .owl-carousel .owl-nav button.owl-prev span, 
.frame-bildslider .owl-carousel .owl-nav button.owl-next span {
	color: transparent;
}

/* -- Bildslider autoplay -- */
.frame-bildsliderautoplay .owl-carousel {
	width: 90%;
	padding: 0 5%;
}

.frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-prev, 
.frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 0;
	display: block;
	width: 20px;
	height: 50px;
	background: url(../images/owl-prev.png) left top no-repeat;
}

.frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 0;
	background: url(../images/owl-next.png) left top no-repeat;
}

.frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-prev span, 
.frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-next span {
	color: inherit;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
}

.frame-bildsliderautoplay .ce-gallery {
	opacity: 0;
}

.frame-bildsliderautoplay .owl-item .ce-gallery, 
.frame-bildsliderautoplay .owl-item .ce-column, 
.frame-bildsliderautoplay .owl-item .image {
	width: 100%;
}

.frame-bildslider .ce-column, 
.frame-bildslider .image {
    width: 100%;
}

.frame-bildslider .image a {
    display: block;
}

.frame-bildslider .ce-gallery > .ce-row {
    display: none;
    opacity: 0;
}

.frame-bildslider .ce-gallery > .ce-row:first-child {
    display: block;
}

.frame-bildslider .ce-gallery > .owl-item > .ce-row {
    opacity: 1;
}

.frame-bildsliderautoplay .ce-gallery figcaption.image-caption {
	width: 86%;
	margin: -25px 5% 0;
	background: var(--bgblau);
	color: var(--weiss);
	position: relative;
	z-index: 3;
	padding: 10px 2%;
	text-align: center;
}

/* -- Download-Box -- */
#inhaltsbereich.sub > .frame-downloadbox {
  margin: 30px 0 100px 0;
  text-align: center;
}

#inhaltsbereich.sub .frame-downloadbox > .rahmen,
.lightbox .frame-downloadbox > .rahmen {
	padding: 30px 0;
	background: var(--grau);
	display: flow-root;
}

#inhaltsbereich.sub .frame-downloadbox h3,
.lightbox .frame-downloadbox h3,
#inhaltsbereich.sub .frame-downloadbox header strong,
.lightbox .frame-downloadbox header strong {
	font-size: 28px;
	font-weight: 700;
	border-bottom: 1px solid var(--bgblau);
	margin: 0 2% 30px;
	padding: 0 0 5px 0;
	width: 96%;
}

.frame-downloadbox header strong {
	display: block;
	margin-bottom: 30px;
	font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 300;
}

#inhaltsbereich.sub .frame-downloadbox .rahmen .ce-bodytext, 
.lightbox .frame-downloadbox > .rahmen .ce-bodytext {
	width: 96%;
	margin: 0 2%;
}

#inhaltsbereich.sub .frame-downloadbox ul, 
.lightbox > .frame-downloadbox ul, 
.ui-accordion-content > .frame-downloadbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#inhaltsbereich.sub .frame-downloadbox ul li, 
.lightbox > .frame-downloadbox ul li, 
.ui-accordion-content > .frame-downloadbox ul li {
	display: inline-block;
	float: none;
	clear: none;
	vertical-align: top;
	margin: 0 10px 20px;
}

#inhaltsbereich.sub .frame-downloadbox a.link-download {
    display: inline-block;
    padding: 8px 20px 7px;
    background: var(--bgblau);
    color: var(--weiss);
    text-decoration: none;
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
    transition: all 0.3s ease;
}

#inhaltsbereich.sub .frame-downloadbox ul li a.link-download {
    background: url(../images/download_weiss.svg) 0.6em center no-repeat;
    background-color: var(--bgblau);
    background-size: 1em 1em;
    padding-left: 38px;
}

#inhaltsbereich.sub .frame-downloadbox ul li a.link-download:hover {
    background-color: var(--accessiblegradientdark);
}


#inhaltsbereich.sub > .frame-downloadbox + .frame-downloadbox {
	margin-top: 0;
}

/* -- Sonderanpassung Download-Box -- */
.frame-downloadbox + .frame-downloadbox.frame-space-before-minus20 {
	margin-top: -95px !important;
}

#inhaltsbereich.sub .frame-downloadbox + .frame-downloadbox.frame-space-before-minus20 h3 {
	font-size: 22px;
}

#inhaltsbereich.sub .frame-downloadbox + .frame-downloadbox.frame-space-before-minus20 > .rahmen {
	padding-top: 10px;
}

.frame-downloadbox + .frame-downloadbox.frame-space-before-minus20 .row > div > div > .rahmen {
	width: 96%;
	margin: 0 2%;
}

.page116 h2 {
	margin: 30px 0 0 0;
}

.page116 #inhaltsbereich.sub > .frame-downloadbox,
#inhaltsbereich.sub > .frame-downloadbox.frame-layout-1 {
	margin-bottom: 40px;
}

#inhaltsbereich.sub > .frame-downloadbox.frame-layout-1:has(+ .frame-contentslider) {
	margin-bottom: 100px;
}

.page116 #inhaltsbereich.sub > .frame-downloadbox ul li,
#inhaltsbereich.sub > .frame-downloadbox.frame-layout-1 ul li {
	width: 48%;
	margin: 0 1% 5px;
}

.ui-accordion-content > .frame-downloadbox ul li {
	width: 100%;
	margin: 0 0 5px;
}

.page116 #inhaltsbereich.sub > .frame-downloadbox ul li a,
#inhaltsbereich.sub > .frame-downloadbox.frame-layout-1 ul li a {
	display: block;
	text-align: left;
	padding: 10px 20px 9px 38px;
}

.page116 #inhaltsbereich.sub .frame-downloadbox .rahmen .ce-bodytext,
#inhaltsbereich.sub .frame-downloadbox.frame-layout-1 .rahmen .ce-bodytext {
	max-width: 90%;
	margin: 0 5%;
}

.page44 #inhaltsbereich.sub > .frame-downloadbox ul li {
	display: block;
}

.page44 #inhaltsbereich.sub > .frame-downloadbox ul li a {
	width: 90%;
	max-width: 475px;
}

.page44 #inhaltsbereich.sub .frame-downloadbox > .rahmen {
	padding: 40px 0 25px;
}

#inhaltsbereich.sub .frame-downloadbox.frame-space-before-1 > .rahmen {
	padding: 50px 0 30px;
}

#inhaltsbereich.sub > .frame-downloadbox + .frame-downloadbox ul li {
	margin: 0 1% 5px;
}

#inhaltsbereich.sub > .frame-downloadbox a {
    text-align: left;
}

.ce-bodytext > img, 
.ce-bodytext > p img {
    max-width: 100%;
    height: auto;
}

/* -- Notdienste -- */
#inhaltsbereich > .frame-notdienst > .rahmen {
	background: var(--fastweiss);
	width: 98%;
	padding: 20px 1% 10px;
	margin: 30px auto 0;
	max-width: 400px;
}

#inhaltsbereich > .frame-notdienst h3 {
	margin: 0 0 15px;
	padding: 0 0 5px 0;
	border-bottom: 2px solid var(--bgblau);
	float: left;
	clear: both;
	width: 100%;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3em;
}

.frame-notdienst > .rahmen .frame {
	float: none;
}

#inhaltsbereich .frame-notdienst a.unformatiert[href^="tel:"] {
	text-decoration: none;
}

/* -- Bildkachel -- */
.frame-bildkacheln .row > div > .frame {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
	background: var(--bgblau);
}


.frame-bildkacheln .row > div > .frame header {
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 1;
	background: var(--blautrans);
	padding: 5px 30px;
}

.frame-bildkacheln .row > div > .frame header > * {
	margin: 0;
	color: var(--weiss);
	text-align: left;
	font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 300;
}

#inhaltsbereich .frame-bildkacheln .row > div > .frame header > * a {
	color:  var(--weiss);
	text-decoration: none;
	font-weight: 300;
}

.frame-bildkacheln .col-33 h3,
.frame-bildkacheln .col-33 header strong {
	font-size: 24px;
	line-height: 1.2em;
}

.frame-bildkacheln .col-33 h3 u,
.frame-bildkacheln .col-33 h3 u {
	text-decoration: none;
	white-space: nowrap;
}

.frame-bildkacheln .row > div {
	margin-bottom: 30px;
}

.frame-bildkacheln .ce-gallery img {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	opacity: 0.7;
	transition: var(--standardtransition);
}

.frame-bildkacheln .ce-gallery {
	margin: 0;
	width: 100%;
}

.frame-bildkacheln .ce-column, .frame-bildkacheln .image {
	width: 100%;
}

.frame-bildkacheln .row > div > .frame:hover img {
	transform: scale(1.1);
	opacity: 1;
}

/* -- Sonderanpassung Bildkacheln -- */
.page23 #inhaltsbereich > .frame-bildkacheln > .rahmen {
	max-width: 1200px;
}
/**/
.page265 .frame-bildkacheln .row > div > .frame header {
	bottom: auto;
	top: 20px;
}

.page265 .frame-bildkacheln .row > div > .frame .ce-gallery a::before {
	content: 'Mehr dazu';
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
	background: var(--accessiblegradientltr);
	padding: 7px 45px 7px 20px;
	color: var(--weiss);
	font-size: 18px;
}

/* .page265 .frame-bildkacheln .row > div > .frame .ce-gallery a::after {
	content: '';
	position: absolute;
	background: url(../images/more-pfeile_weiss.svg) left center no-repeat;
	background-size: 22px 20px;
	display: block;
	right: 20px;
	top: auto;
	bottom: 13px;
	opacity: 1;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: left;
	z-index: 4;
}

.page265 .frame-bildkacheln .row > div > .frame::after {
	content: '';
	position: absolute;
	background: url(../images/more-pfeile_blink.svg) left center no-repeat;
	background-size: 22px 20px;
	height: 20px;
	right: 24px;
	top: auto;
	bottom: 13px;
	opacity: 1;
	width: 20px;
	overflow: hidden;
	text-align: left;
	z-index: 5;
}

.page265 .frame-bildkacheln .row > div > .frame:hover::after {
	animation: blinkmehrdazu 2s cubic-bezier(0.87, 0, 0.13, 1) infinite;
}

@keyframes blinkmehrdazu {
	0% {
		right: 24px;
	}
	25% {
		right: 20px;
	}
	50% {
		right: 16px;
	}
	75% {
		right: 12px;
	}
	100% {
		right: 8px;
	}
} */
/**/
.page323 .frame-bildkacheln .tx_cn-columns .row:nth-child(2),
.frame-bildkacheln.frame-layout-3 .tx_cn-columns .row:nth-child(2) {
	text-align: center;
}

.page323 .frame-bildkacheln .tx_cn-columns .row header,
.frame-bildkacheln.frame-layout-3 .tx_cn-columns .row header {
	text-align: left;
}

.page323 .frame-bildkacheln .tx_cn-columns .row:nth-child(2) .col-33,
.frame-bildkacheln.frame-layout-3 .tx_cn-columns .row:nth-child(2) .col-33 {
	float: none;
	display: inline-block;
	vertical-align: top;
}

/* -- Bildkacheln Diamant-Form 2-3-2 -- */
.frame-bildkacheln.frame-layout-22 .tx_cn-columns .row {
	display: block;
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

.frame-bildkacheln.frame-layout-22 .tx_cn-columns .row > .col-33 {
	display: inline-block;
	vertical-align: top;
	float: none;
	clear: none;
	width: calc(33.33% - 5px);
}

#inhaltsbereich.sub .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] > .row > .col-33:nth-child(5n+1),
#inhaltsbereich.sub .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] > .row > .col-33:nth-child(5n+2) {
	width: calc(33.33% - 5px);
	margin-left: calc(50% - 5px - 33.33%);
}

#inhaltsbereich.sub .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] > .row > .col-33:nth-child(5n+2) {
	margin-left: 0;
	margin-right: calc(50% - 5px - 33.33%);
}

.frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] .row > div > div {
	width: 98% !important;
	margin: 0 1% 20px !important;
}

/* -- Max-width: 930px -- */
#inhaltsbereich > .frame.frame-maxwidth > .rahmen {
	max-width: 930px;
}

.frame-maxwidth .cnmc-accordion {
	max-width: 930px;
}

#inhaltsbereich > .frame-maxwidth.frame-type-cn_multicontent > .rahmen {
	max-width: 1000px;
	display: table;
}

/* -- Sonderanpassung Max-width -- */
.page211 .frame-maxwidth, 
.page260 .frame-maxwidth {
    position: relative;
}

.page211 #inhaltsbereich > .frame-maxwidth > .rahmen, 
.page260 #inhaltsbereich > .frame-maxwidth > .rahmen {
	max-width: 790px;
	position: relative;
}

#inhaltsbereich > .frame-maxwidth.frame-type-shortcut.frame-layout-2, 
.produkt_detail .frame-maxwidth.frame-type-shortcut.frame-layout-2 {
	overflow: hidden;
}

/* -- Layout Hintergrund mit Blasen links/rechts - bodytext max-width -- */
.frame-maxwidth > .rahmen > .frame-layout-11 .ce-bodytext {
	max-width: 750px;
}

.frame-maxwidth > .rahmen > .frame-layout-11 .ce-right.ce-intext .ce-bodytext {
	float: right;
}

.frame-type-shortcut.frame-layout-1 > .rahmen > .frame-layout-11::before {
	left: auto;
	right: 0;
}

.frame-type-shortcut.frame-layout-1 > .rahmen > .frame-layout-11::after {
	left: auto;
	right: 70px;
}

.frame-type-shortcut > .rahmen > .frame-layout-11 + .frame-type-cn_multicontent.frame-space-before-minus20 {
	margin-top: -120px !important;
	position: relative;
	z-index: 1;
}

.frame-bodytextmaxwidth .ce-bodytext {
	max-width: 750px;
}

.frame-bodytextmaxwidth .ce-right .ce-bodytext {
	float: right;
}

.page314 .frame-maxwidth.frame-type-shortcut.frame-layout-2 > .rahmen {
	display: flex;
}

/* -- Hintergrund Blasen -> Hintergrundbild wohl besser -- */
.frame-layout-8, 
.frame-layout-11 {
	position: relative;
}

.frame-layout-8 > .rahmen, 
.frame-layout-11 > .rahmen {
	position: relative;
	z-index: 1;
	min-height: 350px;
}

.frame-layout-8::before, 
.frame-layout-11::before {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: calc(50% - 175px);
	left: calc(45% - 175px);
	z-index: 0;
}

.frame-layout-11::before {
	top: 0;
	left: calc(50% - 600px);
}

.frame-layout-8::after, 
.frame-layout-11::after {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: calc(45% - 175px);
	left: calc(50% - 175px);
	z-index: 0;
}

.frame-layout-11::after {
	top: 30px;
	left: calc(50% - 520px);
}

.frame-layout-11 .ce-textpic {
	min-height: 380px;
}

.frame-type-cn_multicontent.frame-style-2column.frame-layout-8 .row > div:nth-child(even) {
	float: right;
}

.frame-type-cn_multicontent.frame-layout-8 .tx_cn-columns h3,
.frame-type-cn_multicontent.frame-layout-8 .tx_cn-columns p.condensed {
    font-size: 26px;
    line-height: 1.6em;
    margin-top: 0;
	font-weight: 300;
}

.frame-type-cn_multicontent.frame-layout-8 .col-60 .ce-bodytext {
    position: relative;
    top: -91px;
}

/* -- Aktuelle Marktlage "Aktuelles auf einen Blick - Auf Lenas Wunsch Abstand oben entfernt -- */
#c4598 h3 {
	margin-top: 0;
}

/* -- Textbox mit Bild -- */
/* -- Rahmen Box mit Bilder nach oben rechts versetzt -- */
.frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen {
	width: 80%;
	padding: 10px 5% 30px 5%;
	background: var(--fastweiss);
	/*box-shadow: 5px 5px 5px 0 var(--schwarztrans02);*/
	position: relative;
}

.frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen .ce-gallery {
	position: absolute;
	top: -20px;
	right: -30px;
	border: 1px solid var(--schwarztrans01);
	background: var(--weiss);
}

.frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen h3 {
	margin-bottom: 0;
	width: calc(100% - 150px);
	font-size: 30px;
}

.frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(1),
.frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(2),
.frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(3) {
	width: calc(100% - 150px);
}

/* -- Multicontent-Tabelle - */
.frame-multicontenttabelle {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

#inhaltsbereich > .frame-multicontenttabelle > .rahmen {
	display: inline-block;
	float: none;
	background: var(--fastweiss);
	text-align: left;
	width: 96%;
	padding: 20px 2%;
	max-width: 600px;
}

#inhaltsbereich > .frame-multicontenttabelle > .rahmen > header > h4 {
	border-bottom: 2px solid var(--bgblau);
	margin: 0;
	padding: 0 0 5px 0;
}

#inhaltsbereich > .frame-multicontenttabelle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#inhaltsbereich > .frame-multicontenttabelle ul li {
	float: left;
	clear: both;
	width: 94%;
	background: var(--weisstrans025);
	padding: 2px 3%;
}

#inhaltsbereich > .frame-multicontenttabelle ul li:nth-child(odd) {
	background: var(--weisstrans06)
}

#inhaltsbereich > .frame-multicontenttabelle ul li em {
	float: right;
	font-style: normal;
}

/* -- Themenslider Förderung -- */
.frame-themensliderfoerderung {
	opacity: 0;
}

.frame-themensliderfoerderung .tx_cn-columns .row {
	width: 102%;
	margin: 0 -1%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.frame-themensliderfoerderung .tx_cn-columns .row .col-100 {
	width: 31.333%;
	margin: 0 1% 20px;
}

.frame-themensliderfoerderung .frame {
	float: left;
	clear: both;
	width: 100%;
}

.frame-themensliderfoerderung .frame .ce-textpic {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}


.frame-themensliderfoerderung .frame .ce-textpic .ce-gallery,
.frame-themensliderfoerderung .frame .ce-textpic .ce-gallery .ce-row,
.frame-themensliderfoerderung .frame .ce-textpic .ce-gallery .ce-column,
.frame-themensliderfoerderung .frame .ce-textpic .ce-gallery .image {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext {
	background: var(--bgblau);
	color: var(--weiss);
	display: block;
	width: auto;
	margin: 0!important;
	position: absolute;
	left: 0;
	bottom: 40px;
	padding: 10px 65px 15px 20px !important;
	text-align: left;
	border-radius: 0 20px 20px 0;
}

.frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext h3 {
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 300;
	display: inline-block;
	position: relative;
	margin: 0;
}

/* .frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext h3::before {
	content: '';
	position: absolute;
	background: url(../images/more-pfeile_blink.svg) left center no-repeat;
	background-size: 22px 20px;
	height: 100% !important;
	right: -37px;
	top: 0;
	opacity: 1;
	width: 20px;
	overflow: hidden;
	text-align: left;
	z-index: 2;
} */

/* .frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext h3::after {
	content: '';
	position: absolute;
	background: url(../images/more-pfeile_weiss.svg) left center no-repeat;
	background-size: 22px 20px;
	height: 100% !important;
	right: -25px;
	top: 0;
	opacity: 1;
	width: 20px;
	overflow: hidden;
	transition: all 0.2s linear 0s;
	text-align: left;
	z-index: 1;
} */

.frame-themensliderfoerderung .frame .ce-textpic .ce-bodytext::after {
	content: '';
	background: url(../images/trenner-blatt-weiss.png) right top no-repeat;
	background-size: auto 30px;
	width: 100%;
	height: 30px;
	display: block;
	border: 0;
	max-width: none;
	position: absolute;
	bottom: 7px;
	right: -10px;
}

/* .frame-themensliderfoerderung .frame:hover .ce-bodytext h3::before {
	animation: blink 2s cubic-bezier(0.87, 0, 0.13, 1) infinite;
} */

/* -- Flipbox -- */
.frame-flipbox {
	float: left;
	clear: both;
	width: 100%;
}

.frame-flipbox > .rahmen > .frame .ce-bodytext {
	display: block;
	background: var(--fastweiss);
	color: var(--bgblau);
	width: 90%;
	padding: 20px 5%;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	text-align: center;
	overflow-y: auto;
}

.frame-flipbox > .rahmen > .frame .ce-bodytext ul {
	text-align: left;
	margin: 0;
}

#inhaltsbereich.sub .frame-flipbox > .rahmen > .frame .ce-bodytext ul li {
	margin: 0;
}

.frame-flipbox > .rahmen > .frame .ce-bodytext:hover {
	background: var(--fastweisshover);
}

.frame-flipbox > .rahmen > .frame .ce-bodytext .scrollbox {
	height: 100%;
	overflow: auto;
}

.frame-flipbox > .rahmen > .frame {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	float: left;
	clear: none;
	margin: 0 0 10px 0;
	overflow: visible !important;
	opacity: 0;
	cursor: pointer;
}

.frame-flipbox > .rahmen > .frame:nth-child(3n+1) {
	clear: left;
}

.umzug .frame-flipbox > .rahmen > .frame,
.frame-flipbox.frame-layout-1 > .rahmen > .frame {
	width: 48%;
	float: none;
}

.frame-flipbox > .rahmen > .frame .ce-gallery {
	margin-bottom: 0;
}

.frame-flipbox > .rahmen > .frame header {
	float: left;
	clear: both;
	width: 72%;
	padding: 10px 10%;
	margin: -20px 4% 0;
	background: var(--bgblau);
	position: relative;
	z-index: 3;
}

.frame-flipbox > .rahmen > .frame header::after {
	content: '';
	display: block;
	width: 34px;
	height: 52px;
	background: url(../images/info.png) left top no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: -7px;
	top: 9px;
}

.frame-flipbox.frame-layout-1 > .rahmen > .frame header::after,
.frame-flipbox.frame-layout-2 > .rahmen > .frame header::after {
	display: none;
}

.frame-flipbox > .rahmen > .frame header * {
	color: var(--weiss);
	margin: 0;
}

.frame-flipbox > .rahmen > .frame:nth-child(3n+2) {
	margin: 0 1.5% 10px;
}

.umzug .frame-flipbox > .rahmen > .frame, .umzug .frame-flipbox > .rahmen > .frame:nth-child(3n+2), .umzug .frame-flipbox > .rahmen > .frame:nth-child(even) {
	margin: 0 1% 40px !important;
}

.frame-flipbox.frame-layout-1 > .rahmen > .frame,
.frame-flipbox.frame-layout-2 > .rahmen > .frame {
	margin: 0 1% 10px !important;
}

.frame-flipbox > .rahmen > .frame img {
	width: 100% !important;
	height: auto !important;
	transition: all .5s ease-in-out;
}

.frame-flipbox > .rahmen > .frame .image {
	overflow: hidden;
	position: relative;
}

.frame-flipbox > .rahmen > .frame:hover .image img {
	transform: scale(1.1);
}

.frame-flipbox > .rahmen > .frame .image::before {
	content: '';
	background: var(--schwarz);
	transition: all 0.3s ease;
}

.frame-flipbox > .rahmen > .frame:hover .image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: var(--schwarztrans005);
	z-index: 2;
}

/* -- flipper -- */
/* entire container, keeps perspective */
.flipcontainer {
	perspective: 1000px;
}

/* flip the pane when hovered */
.flipcontainer.hover .flipper {
	transform: rotateY(180deg);
	min-height: 410px;
	overflow: hidden;
}

.page343 .flipcontainer.hover .flipper,
.page398 .flipcontainer.hover .flipper {
	min-height: 300px;
}

.page399 .flipcontainer.hover .flipper {
	min-height: 380px;
}

.flipcontainer, .front, .back {
	width: 100%;
	height: 100%;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	transition: all 0.5s ease;
	opacity: 0;
}

.back.showback {
	z-index: 3;
	backface-visibility: visible;
	-moz-backface-visibility: visible;
	-webkit-backface-visibility: visible;
	opacity: 1;
	top: -1px;
}

.front.hidefront {
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	opacity: 0;
}

.flipper .ce-gallery, 
.flipper .ce-column, 
.flipper .image {
	width: 100%;
}

/* -- Sonderanpassung Flipbox -- */
/* -- 2-spaltig -- */
#inhaltsbereich > .frame-flipbox.frame-layout-1 > .rahmen {
	max-width: 1040px;
}

/* -- 3-spaltig -- */
#inhaltsbereich > .frame-flipbox.frame-layout-2 > .rahmen {
	max-width: 1360px;
}

.frame-flipbox.frame-layout-2 > .rahmen > .frame {
	width: 31.333%;
}

/* -- Flipboxen Jahnstrom -- */
.jahnstromdetail .frame-flipbox {
	margin-top: -40px !important;
}

.page210 #inhaltsbereich > .frame-flipbox > .rahmen {
	max-width: 700px;
	margin: 0 auto;
}

.page210 .frame-flipbox > .rahmen > .frame {
	width: 44%;
	margin: 0 3% 10px;
}

.jahnstromdetail .frame-flipbox > .rahmen {
	max-width: 700px;
	margin: 0 auto;
}

.jahnstromdetail .frame-flipbox > .rahmen > .frame {
	width: 44%;
	margin: 0 3% 10px;
}

.jahnstromdetail .frame-flipbox > .rahmen > .frame:nth-child(3) {
	clear: left;
}

.jahnstromdetail .frame-flipbox > .rahmen > .frame:nth-child(4) {
	clear: none;
}

.page210 .frame-flipbox > .rahmen > .frame > .rahmen, .jahnstromdetail .frame-flipbox > .rahmen > .frame > .rahmen {
	float: left;
	clear: both;
	width: 100%;
}

.page210 .back, .jahnstromdetail .back {
	max-height: 282px;
}
/* -- Flipboxen Jahnstrom -- */
/**/
.page247 .frame-flipbox > .rahmen > .frame header * {
	min-height: 2.5em;
}
/**/
.frame-flipbox > .rahmen > .frame-layout-16 header {
	background: var(--accessiblegradientdark);
}

.frame-flipbox > .rahmen > .frame-layout-17 header {
	background: var(--bgblau);
}

.frame-flipbox > .rahmen > .frame-layout-18 header {
	background: var(--bgrot);
}

.frame-flipbox > .rahmen > .frame-layout-16 header::after,
.frame-flipbox > .rahmen > .frame-layout-17 header::after,
.frame-flipbox > .rahmen > .frame-layout-18 header::after {
	filter: grayscale(1) brightness(1.3);
}

/* -- Jahnstrom-Logo -- */
.page287 .headerslider .ce-bodytext h1 strong,
.page612 .headerslider .ce-bodytext h1 strong,
.page613 .headerslider .ce-bodytext h1 strong,
.page614 .headerslider .ce-bodytext h1 strong {
	display: block;
	width: 100%;
	text-indent: -9999px;
	overflow: hidden;
	/* height: 85px; */
	height: 70px;
	background: url(../images/jahn-strom-logo.png) center top no-repeat;
	background-size: auto 70px;
	margin: 30px 0 5px;
}

.page287 #header.sub .headerslider .ce-bodytext h1 em,
.page612 #header.sub .headerslider .ce-bodytext h1 em,
.page613 #header.sub .headerslider .ce-bodytext h1 em,
.page614 #header.sub .headerslider .ce-bodytext h1 em {
    font-weight: 700;
}

.page287 .headerslider .ce-bodytext h1,
.page612 .headerslider .ce-bodytext h1,
.page613 .headerslider .ce-bodytext h1,
.page614 .headerslider .ce-bodytext h1 {
    border-bottom: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.page612 .tx_cn-columns .ce-bodytext .contenttable td img,
.page613 .tx_cn-columns .ce-bodytext .contenttable td img,
.page614 .tx_cn-columns .ce-bodytext .contenttable td img {
	max-width: 90px;
}

.page612 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul + ul.floating-ul,
.page613 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul + ul.floating-ul,
.page614 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul + ul.floating-ul {
	margin-left: 20px;
}

.page287 .auswahl_tariftyp,
.page287 .rechner-heizstromlink,
.page287 .tarife_container,
.lp .auswahl_tariftyp,
.lp .rechner-heizstromlink,
.lp .tarife_container {
	display: none !important;
}


/* -- Captionbox -- */
figcaption.image-caption {
	margin: 5px 0 10px 0;
	color: var(--bgblau);
	text-decoration: none;
}

figcaption.image-caption a {
	color: var(--bgblau);
	text-decoration: none;
}
.frame-captionbox .ce-gallery {
	width: 100%;
	float: left;
	clear: both;
}

.frame-captionbox .ce-gallery figure {
	display: block;
	text-align: center;
}

.ce-textpic.ce-center .hascaption {
	text-align: center;
}

.ce-textpic.ce-center .hascaption img {
	display: inline-block;
}

.frame-captionbox .ce-gallery figcaption.image-caption {
	margin: -20px 0 0 0;
	display: block;
}

.frame-captionbox .ce-gallery figcaption.image-caption a {
	display: inline-block;
	vertical-align: top;
	background: var(--bgblau);
	color: var(--weiss);
	text-decoration: none;
	padding: 5px 20px;
}

figcaption.image-caption .small {
	display: inline-block;
	font-size: 13px;
	line-height: 1.4em;
}

/* -- Servicebild -- */
#inhaltsbereich > .frame-servicebild .rahmen {
	width: 100%;
	max-width: 100%;
	float: left;
	clear: both;
	margin: 0;
}

.frame-servicebild .ce-gallery {
	position: relative;
	z-index: 1;
	width: 45%;
	margin: 0 2% -100px 0;
	max-height: 360px;
	overflow: hidden !important;
}

/* -- Stoerer gruen normal -- */
.frame-stoerer a, 
.frame-erdgasdirektstoerer a, 
.frame-erdgasdirektstoerer u, 
.stoerereinfuegen a, 
.stoerereinfuegen u, 
.frame-ebikestoerer a, 
.frame-ebikestoerer u {
    display: inline-block;
    width: 150px;
    height: 120px;
    padding-top: 30px;
    background: var(--gruen);
    border: 3px solid var(--weiss);
    border-radius: 100%;
    text-align: center;
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2em;
	letter-spacing: 0;
    color: var(--weiss);
    text-decoration: none;
}

.frame-erdgasdirektstoerer u {
    width: 180px;
    height: 135px;
    padding-top: 45px;
}

/* -- Stoerer Aktionsseite -- */
.frame-stoereraktionsseite u {
	display: inline-block;
	padding: 20px;
	background: var(--gruen);
	border: 3px solid var(--weiss);
	border-radius: 100%;
	text-align: center;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0;
	color: var(--weiss);
	text-decoration: none;
}

.frame-stoereraktionsseite u a {
	color: var(--weiss);
}

/* -- Sonderanpassung Stoerer Aktionsseite -- */
.page211 .frame-stoereraktionsseite, .page260 .frame-stoereraktionsseite {
	width: auto !important;
	position: absolute;
	left: 50%;
	top: -50px;
	margin-left: 360px;
}

.headerslider .image-caption {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 180px;
	height: 170px;
	padding: 30px 10px 0;
	background: var(--accessiblegradientrtldunkler);
	border: 3px solid var(--weiss);
	color: var(--weiss);
	text-align: center;
	z-index: 2;
	border-radius: 100%;
}

.page211 .headerslider .image-caption, .page260 .headerslider .image-caption {
	font-size: 18px;
	right: 55px;
	width: 160px;
	height: 150px;
}

.page210 .headerslider .image-caption {
	right: 60px;
	width: 140px;
	height: 130px;
}

.page210 .headerslider .image-caption {
	right: 60px;
	width: 140px;
	height: 130px;
}

figcaption.image-caption.frame-wallbox-stoerer {
	display: block;
	width: 160px;
	height: 150px;
	padding: 30px 10px 0;
	background: var(--gruen);
	border: 3px solid var(--weiss);
	box-shadow: 0 0 10px 0 var(--schwarztrans03);
	color: var(--weiss);
	text-align: center;
	z-index: 2;
	border-radius: 100%;
	font-size: 18px;
	margin: -20px auto 40px;
}

.frame-wallbox-stoerer a {
	color: var(--weiss);
	text-decoration: none;
}

.page210 .frame-wallbox-stoerer {
	width: 150px;
	height: 140px;
}

.page247 .frame-wallbox-stoerer {
	width: 150px;
	height: 125px;
	padding-top: 45px;
	margin-top: 30px;
}

/* -- Musterrechnung -- */
.frame-musterrechnung {
	display: block;
	float: left;
	clear: both;
	background: var(--fastweiss);
	text-align: left;
	width: 96% !important;
	padding: 20px 2%;
	max-width: 600px;
	margin: 0 30px 0 0 !important;
}

.frame-musterrechnung h3 {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0;
	margin: 10px 0 30px 0;
	display: block;
	clear: both;
	border-bottom: 2px solid var(--bgblau);
	padding: 0 0 5px 0;
}

.frame-musterrechnung ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.frame-musterrechnung ul li {
	float: left;
	clear: both;
	width: 94%;
	background: var(--weisstrans08);
	padding: 5px 3%;
	margin: 0 !important;
}

.frame-musterrechnung ul li:nth-child(odd) {
	background: var(--weisstrans04);
}

.frame-type-shortcut > .rahmen > .frame-musterrechnung + .frame {
	clear: none;
	width: auto;
}

/* -- Zeitstrahl -- */
.frame-zeitstrahl > .rahmen {
	overflow: hidden;
	height: 350px;
	opacity: 0;
}

.frame-zeitstrahl > .rahmen.owl-carousel, .frame-zeitstrahl > .rahmen.resp {
	height: auto;
	opacity: 1;
}

.frame-zeitstrahl .frame-default > .rahmen {
	width: 100%;
	padding: 0;
}

.frame-zeitstrahl .frame-default header {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

.frame-zeitstrahl .frame-default header h4 {
	background: var(--bgblau);
	color: var(--weiss);
	text-align: center;
	width: 70%;
	float: none;
	display: inline-block;
	margin: 0 auto;
	padding: 10px 10% 10px 10%;
	line-height: 20px;
	position: relative;
}

.frame-zeitstrahl .frame-default header h4::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent var(--weiss);
}

.frame-zeitstrahl .frame-default header h4::after {
	content: '';
	position: absolute;
	right: -15px;
	top: 0;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent var(--bgblau);
}

.frame-zeitstrahl .frame-default .ce-bodytext {
	width: 90%;
	padding: 0 5%;
	max-width: 400px;
	margin: 0 auto;
}

.frame-zeitstrahl .owl-item .frame-default header h4 {
	opacity: 0.6;
}

.frame-zeitstrahl .owl-item.active .frame-default header h4 {
	opacity: 1;
}

.frame-zeitstrahl .owl-item.active + .owl-item.active .frame-default header h4 {
	opacity: 0.5;
}

.frame-zeitstrahl .owl-dots {
	text-align: center;
}

.frame-zeitstrahl .owl-dot {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: var(--bgblau) !important;
	border-radius: 100%;
	margin: 0 4px;
}
.frame-zeitstrahl .owl-dot.active {
	background: var(--gruen) !important;
}


.frame-zeitstrahl > .rahmen.resp > .frame-default {
	width: 100%;
	height: auto;
	margin: 0 0 40px 0;
	float: left;
	clear: both;
}

#inhaltsbereich > .frame-zeitstrahl > .rahmen.resp {
	width: 95%;
	margin: 0 5% 0 0;
}

#inhaltsbereich > .frame-zeitstrahl .ce-gallery {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
}

/* -- Geheimtippslider -- */
.frame-geheimtippslider {
	float: left;
	clear: both;
	width: 100%;
}

.frame-geheimtippslider > .rahmen .frame {
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
}

.frame-geheimtippslider > .rahmen > .frame {
	display: none;
}

.frame-geheimtippslider > .rahmen.owl-carousel > .frame {
	display: block;
}


.frame-geheimtippslider > .rahmen .frame .ce-textpic, 
.frame-geheimtippslider > .rahmen .frame .ce-gallery, 
.frame-geheimtippslider > .rahmen .frame .ce-row, 
.frame-geheimtippslider > .rahmen .frame .ce-column, 
.frame-geheimtippslider > .rahmen .frame .image {
	width: 100%;
}

.frame-geheimtippslider .owl-nav {
	width: 100%;
	float: left;
	clear: both;
	margin: 30px 0;
	padding: 0;
	text-align: center;
}

.frame-geheimtippslider .owl-carousel .owl-nav .owl-prev, 
.frame-geheimtippslider .owl-carousel .owl-nav .owl-next {
	background: url(../images/pfeil-links.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	width: 35px;
	height: 25px;
	border-radius: 10px 0 0 10px;
	display: inline-block;
	opacity: 0.8;
	transition: all 0.3s ease;
}

.frame-geheimtippslider .owl-carousel .owl-nav .owl-next {
	background: url(../images/pfeil-rechts.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	border-radius: 0 10px 10px 0;
	margin-left: 3px;
}

.frame-geheimtippslider .owl-carousel .owl-nav .owl-prev:hover,
.frame-geheimtippslider .owl-carousel .owl-nav .owl-next:hover {
	opacity: 1;
}

.frame-geheimtippslider .owl-carousel .owl-nav .owl-prev span, 
.frame-geheimtippslider .owl-carousel .owl-nav .owl-next span {
	display: none
}


.frame-geheimtippslider > .rahmen .frame img {
	width: 100% !important;
	height: auto !important;
}

.frame-geheimtippslider .frame .ce-bodytext {
	background: var(--bgblau);
	color: var(--weiss);
	display: block;
	width: 70% !important;
	margin: -45px 10% 0 !important;
	padding: 20px 5% !important;
	text-align: center;
	float: left;
}

.frame-geheimtippslider .frame .ce-bodytext {
	margin-top: -30px !important;
}

/* -- Multicontent-Kontaktspalte -- */
.frame-multicontent-kontaktspalte .col-33 {
	width: 30% !important;
	float: right !important;
}

#inhaltsbereich.sub .tx_cn-multicontent.frame-multicontent-kontaktspalte .col-33 .frame-grauebox .rahmen .ce-bodytext {
	max-width: 90%;
	width: 90%;
	margin: 0 5%;
}

#inhaltsbereich.sub .tx_cn-multicontent.frame-multicontent-kontaktspalte .col-33 .frame-grauebox header {
	text-align: left;
	max-width: 90%;
	width: 90%;
	margin: 0 5% 1em;
	border-bottom: 1px solid var(--schwarztrans02);
}

#inhaltsbereich.sub .tx_cn-multicontent.frame-multicontent-kontaktspalte .col-33 .frame.frame-grauebox header h4 {
	float: none;
	border: 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	clear: both;
}

.frame-multicontent-kontaktspalte p u {
	text-decoration: none;
	font-size: 11px;
	line-height: 0.7;
}

/* -- Ausblenden -- */
#inhaltsbereich.sub > .frame-ausblenden {
	display: none;
}

/* -- iFrame-Seite Kundenmagazin fuer Stadtwerk -- */
.page264 .lightbox {
	width: 100%;
	padding: 0 0 20px;
}

.page264 .lightbox > * {
	display: none;
}

.page264 .lightbox > .frame-ausblenden {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	overflow: visible;
}

.page264 .lightbox > #c2257, 
.page264 .lightbox > #c386, 
.page264 .lightbox > #c1970 {
	display: block;
	text-align: center;
	float: left;
	clear: both;
	width: 100%;
}

.page264 .lightbox > #c1641, 
.page264 .lightbox > #c1426 {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

.page264 .lightbox > #c2257 > .rahmen, 
.page264 .lightbox > #c386 > .rahmen, 
.page264 .lightbox > #c1641 > .rahmen,
.page264 .lightbox > #c1426 > .rahmen, 
.page264 .lightbox > #c1970 > .rahmen {
	float: none;
	margin: 0 auto;
	width: 96%;
	max-width: 1332px;
}

.page264 .lightbox > .frame-ausblenden > .rahmen > .frame {
	margin-bottom: 20px;
	position: relative;
}

.page264 .lightbox > .frame-ausblenden > .rahmen > .frame-type-html {
	margin-bottom: 60px;
}

.page264 .lightbox > .frame-ausblenden > .rahmen > .frame-type-textmedia + .frame-type-html {
	margin-bottom: 0px;
}

.page264 .lightbox > .frame-ausblenden > .rahmen > .frame-type-textmedia::before {
	content: '';
	display: block;
	width: auto;
	height: 0;
	padding-bottom: 8%;
	background: url(../images/header-pfad-rechts_verlauf.svg) left bottom no-repeat;
	background-size: 100.4% auto;
	top: auto;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 3;
	position: absolute;
}

.page264 .frame-ausblenden .ce-bodytext {
	bottom: 180px;
}

.page264 .frame-ausblenden .ce-bodytext a {
	color: var(--weiss);
	text-decoration: none;
}

.page264 .frame-ausblenden .ce-bodytext h3 {
	margin-top: 0;
	border-bottom: 3px solid var(--weiss);
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	display: block;
}

.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-gallery,
.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-column,
.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .image {
	width: 100%;
}

.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-gallery img {
	width: 100% !important;
	height: auto !important;
}

.page264 .frame-ausblenden .ce-bodytext {
	position: absolute;
	left: 4%;
	bottom: 55px;
	z-index: 2;
	background: var(--bgblau);
	color: var(--weiss);
	display: block;
	padding: 30px;
	font-family: var(--fontcondensed);
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 300;
	/* letter-spacing: 0.02em; */
	letter-spacing: 0;
	max-width: 430px;
}

.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext {
	font-size: 22px;
}

.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext em {
	/* letter-spacing: 0; */
	font-size: 0.9em;
}

.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext p {
	margin: 0;
}

/* -- Nahwärme -- */
#inhaltsbereich > .frame-nahwaermekarte {
	padding: 50px 0 50px 0;
	position: relative;
	margin-top: 70px;
	background: url(../images/welle_oben_fastweiss.svg) left top no-repeat var(--fastweiss);
}

#inhaltsbereich > .frame-nahwaermekarte + .frame-nahwaermekarte {
	background: var(--fastweiss);
	margin-top: 0;
	margin-bottom: 60px;
	padding: 0 0 50px 0;
}

#inhaltsbereich > .frame-nahwaermekarte h3,
.ui-accordion-content .frame-nahwaermekarte h3 {
	margin-bottom: 0;
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable,
.ui-accordion-content .frame-nahwaermekarte .contenttable {
	width: 100%;
	border: 1px solid var(--grautrans04);
	margin-bottom: 10px;
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable a.buttonlink, 
.ui-accordion-content .frame-nahwaermekarte .contenttable a.buttonlink {
	color: var(--weiss);
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable tr:nth-child(2n+0), 
#inhaltsbereich > .frame-nahwaermekarte .contenttable tr:nth-child(2n+0):hover,
.ui-accordion-content .frame-nahwaermekarte .contenttable tr:nth-child(2n+0), 
.ui-accordion-content .frame-nahwaermekarte .contenttable tr:nth-child(2n+0):hover {
	background: var(--grautrans01);
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable tr:nth-child(2n+1), 
#inhaltsbereich > .frame-nahwaermekarte .contenttable tr:nth-child(2n+1):hover,
.ui-accordion-content .frame-nahwaermekarte .contenttable tr:nth-child(2n+1), 
.ui-accordion-content .frame-nahwaermekarte .contenttable tr:nth-child(2n+1):hover {
	background: var(--grautrans02);
}

.ce-bodytext .contenttable caption + thead th {
	background: var(--bgblau);
	color: var(--weiss);
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable tr,
.ui-accordion-content .frame-nahwaermekarte .contenttable tr {
	counter-increment: chartnum;
}

#inhaltsbereich > .frame-nahwaermekarte .ce-bodytext .contenttable td,
.ui-accordion-content .frame-nahwaermekarte .ce-bodytext .contenttable td {
	padding: 7px;
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable td:first-child,
.ui-accordion-content .frame-nahwaermekarte .contenttable td:first-child {
	padding-left: 45px;
	position: relative;
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable tr td:first-child::before,
.ui-accordion-content .frame-nahwaermekarte .contenttable tr td:first-child::before {
	content: counter(chartnum);
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-weight: 700;
	background: var(--accessiblegradientrtl);
	color: var(--weiss);
	border-radius: 100%;
	margin: 0 5px 0 0;
	position: absolute;
	left: 5px;
	top: 10px;
	z-index: 0;
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable a,
.ui-accordion-content .frame-nahwaermekarte .contenttable a {
	color: var(--bgblau);
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable .link-download,
.ui-accordion-content .frame-nahwaermekarte .contenttable .link-download {
	color: var(--weiss);
	padding: 6px 10px 4px 32px;
	background-position: 5px 5px;
	font-family: var(--fontnormal);
    font-style: normal;
    font-weight: 300;
    /* font-size: 16px; */
	font-size: 17px;
    line-height: 1.4em;
	background-size: auto 1.3em;
}

#inhaltsbereich > .frame-nahwaermekarte .contenttable td:last-child {
	text-align: left;
	width: 305px;
}

.ui-accordion-content .frame-nahwaermekarte .contenttable td:last-child {
	text-align: left;
	/* -- NEU: 2024-07-17 -- */
	/*width: 455px;*/

}

#inhaltsbereich > .frame-nahwaermekarte + .frame-grauerbalken_neu.frame-style-accordion {
	margin-top: 0;
	padding-top: 0;
}

/* -- Sonderanpassung Nahwärme -- */
#inhaltsbereich > .frame-nahwaermekarte.frame-layout-1 > .rahmen {
	max-width: 100%;
	width: 92%;
}

#inhaltsbereich > .frame-nahwaermekarte.frame-layout-1 > .rahmen h3 {
	margin-top: 0;
}

#inhaltsbereich > .frame-nahwaermekarte.frame-layout-1 > .rahmen hr {
	max-width: 650px;
	border-width: 3px;
	margin: 40px 0 0 0;
}

/* -- Graue Welle -- */
#inhaltsbereich > .frame-grauewelle {
	padding: 50px 0 50px 0;
	position: relative;
	margin-top: 70px;
	background: url(../images/welle_oben_fastweiss.svg) left top no-repeat var(--fastweiss);
}

.frame-grauewelle .tx_cn-columns .ce-column {
	margin-right: 20px;
}

.frame-grauewelle .tx_cn-columns .ce-left.ce-intext .ce-column {
	margin-right: 5px;
}

.frame-grauewelle .frame-multicontentboxen.frame-layout-1 .row > div > div > .rahmen .ce-column {
	margin-right: 0;
}

.frame-grauewelle .tx-powermail {
	margin: 70px 0 40px 0;
}

.frame-grauewelle .powermail_fieldwrap_type_submit {
	position: static;
	margin: 20px 0 0 0;
}

.frame-grauewelle.frame-type-cn_multicontent .row > div .ce-bodytext {
	margin: 0 20px 20px 0;
	max-width: 600px;
}

.frame-grauewelle .cnmc-accordion {
	margin-bottom: 40px;
}

.frame-grauewelle .ui-accordion-header.ui-state-default {
	background: var(--bgblau);
}

.frame-grauewelle .ui-accordion-header.ui-state-default a {
	color: var(--weiss);
}

.frame-grauewelle .ui-accordion-header.ui-state-default .ui-accordion-header-icon {
	background: url(../images/plus.svg) center center no-repeat;
	background-size: 20px auto;
}

/* -- Sonderanpassung Graue Welle -- */
#inhaltsbereich > .frame-grauewelle.frame-layout-1 > .rahmen {
	max-width: 100%;
	width: 92%;
}

#inhaltsbereich > .frame-grauewelle.frame-layout-1 > .rahmen h3 {
	margin-top: 0;
}

#inhaltsbereich > .frame-grauewelle.frame-layout-1 > .rahmen hr {
	max-width: 650px;
	border-width: 3px;
	margin: 40px 0 0 0;
}
/**/
.page1 #inhaltsbereich > .frame-bildaussen + .frame-grauewelle {
	margin-top: 40px;
}
/**/
.page349 #c4006.frame-grauewelle .tx_cn-columns .ce-left.ce-above .ce-gallery {
	border-bottom: 1px solid var(--schwarztrans01);
	width: 96%;
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
}

/* -- Zentrierte Kachel -- */
#inhaltsbereich > .frame-zentriertekacheln > .rahmen {
	max-width: 800px;
}

#inhaltsbereich.sub .frame-zentriertekacheln .frame-blau > .rahmen {
	padding-top: 0;
}

#inhaltsbereich > .frame-zentriertekacheln .frame-blau .ce-above .ce-gallery {
	margin-bottom: 20px;
}

#inhaltsbereich.sub .frame-blau .rahmen .ce-bodytext {
    max-width: 96%;
    width: 96%;
    margin: 0 2%;
}

/* -- Kündigungsvorauswahl -- */
.frame-kuendigungsvorauswahl {
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0 80px;
	background: var(--fastweiss);
	position: relative;
}

.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div > .rahmen {
	float: left;
	clear: both;
	width: 100%;
	max-width: unset;
}

.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div .ce-bodytext a,
.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div .ce-bodytext u {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	background: var(--bgblau);
	color: var(--weiss);
	text-decoration: none;
	font-size: 20px;
	line-height: 1.3em;
	padding: 20px 0;
	cursor: pointer;
	position: relative;
}

.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div .ce-bodytext a:hover,
.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div .ce-bodytext u:hover {
	background: var(--gruen);
}

.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div .ce-bodytext a em,
.frame-kuendigungsvorauswahl .tx_cn-columns .row > div > div .ce-bodytext u em {
	display: none;
	position: absolute;
	top: 90%;
	left: 5%;
	right: 5%;
	background: var(--bgblau);
	color: var(--weiss);
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.3em;
	padding: 10px;
}

/* -- Sonderanpassung Kündigungsvorauswahl -- */
.page339 .frame-kuendigungsvorauswahl + #c3916 {
	display: none;
}

/* -- Antwortseiten-Schritte -- */
.frame-antwortseitenschritte .ce-gallery .ce-row {
	display: none;
}

.frame-antwortseitenschritte .ce-gallery .ce-row:first-child {
	display: block;
}

/* -- Headerslide mit Bild in blauer Box -- */
.headerslider .frame-headerslideboxbild .ce-bodytext img {
	width: auto !important;
	height: auto !important;
	display: inline-block;
	margin: 10px 0 -10px 0;
}

/* -- Kündigungsformular -- */
.frame-kuendigungsformular {
	margin-bottom: -20px;
	padding-bottom: 20px;
}

.frame-kuendigungsformular .powermail_fieldwrap_type_submit {
	bottom: -20px;
}

.frame-kuendigungsformular .powermail_fieldwrap_type_submit .powermail_field {
	clear: none;
	float: none;
	margin: 0 auto;
	width: 96%;
	max-width: 1332px;
	background: none;
	text-align: right
}

.frame-kuendigungsformular .powermail_fieldwrap_type_submit .powermail_field .powermail_submit {
	margin: 0;
	padding: 12px 30px;
	background-color: var(--fastweisshover);
	color: var(--bgblau);
}

.frame-kuendigungsformular .powermail_fieldwrap_type_submit .powermail_field .powermail_submit:hover {
	background-color: var(--fastweisshoverdunkler);
}

.frame-kuendigungsformular .powermail_fieldwrap_type_submit .powermail_field::before,
.frame-kuendigungsformular .powermail_fieldwrap_type_submit .powermail_field::after {
	display: none;
}

.powermail_fieldwrap_type_text.layout1 .powermail_field {
	width: 90%;
	float: left;
}

.powermail_fieldwrap_type_text.layout2 .powermail_field {
	width: 100%;
	float: left;
}

.powermail_fieldwrap_type_text.layout3 .powermail_field {
	width: 100%;
	float: left;
	font-size: 14px;
}

.frame-type-shortcut > .rahmen > .frame-kuendigungsformular + .frame-default {
	float: right;
	width: auto;
	position: relative;
	bottom: -70px;
}

.frame-kuendigungsformular .powermail_confirmation h3 {
	margin-top: 0;
	font-size: 30px;
}

.frame-kuendigungsformular .powermail_confirmation table {
	border: 0;
	width: 100%;
	display: table;
	margin: 0 0 30px 0;
}

.frame-kuendigungsformular .powermail_confirmation table td {
	padding: 2px 15px 2px 0;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid var(--schwarztrans02);
}

.frame-kuendigungsformular .powermail_confirmation table tr > td:first-child {
	width: 250px;
}

.frame-kuendigungsformular .powermail_confirmation .btn-group .btn {
	float: left;
	padding: 12px 30px;
	background-color: var(--fastweisshover);
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
	color: var(--bgblau);
	border: 0;
	border-radius: 0;
	margin: 0 15px 0 0;
	outline: none;
}

.frame-kuendigungsformular .powermail_confirmation .btn-group .btn:active,
.frame-kuendigungsformular .powermail_confirmation .btn-group .btn:hover,
.frame-kuendigungsformular .powermail_confirmation .btn-group .btn:focus,
.frame-kuendigungsformular .powermail_confirmation .btn-group .btn-danger:active,
.frame-kuendigungsformular .powermail_confirmation .btn-group .btn-danger:hover,
.frame-kuendigungsformular .powermail_confirmation .btn-group .btn-danger:focus,
.frame-kuendigungsformular .powermail_confirmation input:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.frame-kuendigungsformular .powermail_confirmation .btn-group .btn:hover {
	background-color: var(--fastweisshoverdunkler);
}

.frame-kuendigungsformular .powermail_confirmation .btn-group .btn-primary {
	font-weight: 700;
	background-color: var(--fastweisshover);
}

.frame-kuendigungsformular .powermail_confirmation .btn-group .btn-primary:hover,
.frame-kuendigungsformular .powermail_confirmation .btn-group .btn-primary:active {
	background-color: var(--fastweisshoverdunkler);
	color: var(--bgblau);
}

.frame-kuendigungsformular .powermail_fieldwrap_wunschdatum_01 {
	display: none;
}

.frame-kuendigungsformular .powermail_fieldwrap_wunschdatum_01 + .powermail_fieldwrap_hinweis {
	font-size: 14px;
	margin-bottom: 10px;
}

.frame-kuendigungsformular .powermail_fieldwrap_type_textarea.layout2 .powermail_label {
	width: 100px;
}

.frame-kuendigungsformular .powermail_fieldwrap_type_textarea.layout2 .powermail_field {
	float: left;
	width: calc(100% - 100px);
}

.powermail_confirmation .nachfragen {
	display: none;
}

.frame-kuendigungsformular .powermail_confirmation .nachfragen {
	display: block;
	position: relative;
	float: left;
	clear: none;
	background: var(--gruen);
	color: var(--weiss);
	text-decoration: none;
	padding: 10px 20px;
	height: 24px;
	margin: 0 40px 0 0;
	font-family: var(--fontcondensed);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
}

.frame-kuendigungsformular .powermail_confirmation .nachfragen::after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	right: -20px;
	height: 64px;
	width: 1px;
	border-right: 1px solid var(--schwarztrans02);
	margin: 0;
}

.frame-kuendigungsformular .powermail_fieldset.powermail_fieldset_89 .powermail_fieldwrap_type_submit .powermail_field .powermail_submit {
	margin: 0;
}

.frame-kuendigungsformular .powermail_zeitstempel + .powermail_fieldwrap_type_text {
	margin-bottom: 17px;
}

.textlaenge {
    font-size: 0.8em;
    color: var(--bgblau);
    float: right;
}

.textlaenge.fastvoll {
	color: var(--bgblau);
}

#kuendigunghinweisumzug {
    position: fixed;
    top: 20vh;
    left: 50%;
    margin-left: -340px;
    width: 600px;
    padding: 40px;
    background: var(--weiss);
    z-index: 21;
    display: none;
}

.kuendigungoverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: var(--dunkelgrautrans09);
    display: none;
}

span.more_wenig.closebutton {
    padding: 10px 15.5px;
    font-weight: 700;
    position: absolute;
    top: -20px;
    right: -10px;
	background-color: var(--fastweisshover);
}

.powermail_field input.powermail_date {    
	background-color: var(--weiss) !important;
    background-image: url(../images/kalender_blau.svg) !important;
    background-position: 97% 5px !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
}

.powermail_fieldwrap_type_select .powermail-errors-list {
    right: 20px;
}

.powermail_fieldwrap_type_check .powermail_field .powermail-errors-list, 
.powermail_fieldwrap_type_radio .powermail_field .powermail-errors-list {
    position: static;
}

.powermail_field input::placeholder, 
.tx-gewinnspieldaten input::placeholder,
.powermail_field input::-webkit-input-placeholder, 
.tx-gewinnspieldaten input::-webkit-input-placeholder {
	color: var(--blautrans05);
} 

.powermail_field input[placeholder] + .powermail-errors-list, 
.tx-gewinnspieldaten input[placeholder] + .powermail-errors-list {
	position: static;
	float: right;
}

/* -- Sonderanpassung -- */
.powermail_form_88 .powermail_fieldwrap_type_radio .powermail-errors-list {
	position: static;
}

.powermail_fieldset.powermail_fieldset_89 {
	width: 90%;
}

.powermail_fieldset.powermail_fieldset_89 .powermail_fieldwrap_type_submit .powermail_field {
	margin-right: 10%;
}

.page317 .tx-powermail > .powermail_message.powermail_message_error {
	display: none;
}

#c3464 {
	display: none;
}

.powermail_create[data-powermail-form="30"] h3 {
	margin-top: 0;
}

/* -- Gasmangellage -- */
.powermail_form.powermail_form_38 {
	padding-top: 40px;
}

.powermail_create[data-powermail-form="38"] {
	padding-top: 80px;
}

.page316 .frame-space-before-minus20 a.more_ge {
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
}
/**/
.powermail_fieldset_101 .powermail_fieldwrap_ihree_mail_adresse .powermail_label {
	max-width: 180px;
}

.powermail_fieldset_101 .powermail_fieldwrap_ihree_mail_adresse .powermail_field {
	max-width: 420px;
	float: left;
}

.powermail_fieldset_102 .powermail_fieldwrap_type_submit {
	position: relative;
	bottom: -118px;
	margin: -84px 0 0 0;
}

.powermail_fieldset_102 .powermail_fieldwrap_type_submit .powermail_field {
	margin-right: 0;
}

/* ---- */

.powermail_fieldwrap_type_html.layout3 .powermail_field {
	width: 100%;
	float: left;
}

.powermail_fieldwrap_type_html.layout3 .powermail_field h4 {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 10px 0;
	font-family: var(--fontnormal);
	font-style: normal;
	/* font-size: 16px; */
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 700;
	border-bottom: 1px solid var(--bgblau);
	padding: 0;
}

.powermail_fieldwrap_type_html.layout3 .powermail_field p {
	margin-bottom: 0;
}

.powermail_fieldwrap_type_date .powermail-errors-list {
	right: 35px;
}

.powermail_fieldwrap_type_captcha .powermail_field_error_container .powermail-errors-list {
	position: static;
	margin-top: 5px;
}

.powermail_field_error {
	scroll-padding-top: 0;
	scroll-margin-top: 120px;
}

.powermail_fieldwrap_type_file .powermail-errors-list {
	position: static;
	text-align: right;
}

/* -- NEU: 2024-03-26 - auf Wunsch von Lena Gruber auch auf E-Mail -- */
.powermail_fieldwrap_telefon.layout2,
.powermail_fieldwrap_e_mail.layout2 {
	position: relative;
}

.powermail_fieldwrap_telefon.layout2 .fragezeichen, 
.powermail_fieldwrap_e_mail.layout2 .fragezeichen {	
	display: inline-block;
	background: var(--accessiblegradientrtldunkler);
	color: var(--weiss);
	/* font-size: 12px; */
	font-size: 13px;
	font-weight: 700;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 100%;
	margin: 0;
	position: relative;
	top: -4px;
	cursor: pointer;
}

.powermail_fieldwrap_e_mail.layout2 .fragezeichen {
	margin-left: 3px;
}

.labletooltip {
	display: none;
}

.powermail_fieldwrap_telefon.layout2 .fragezeichen:hover + .labletooltip,
.powermail_fieldwrap_e_mail.layout2 .fragezeichen:hover + .labletooltip {
	display: block;
	width: 275px;
	max-width: 70%;
	padding: 3px 3px 3px 7px;
	/* font-size: 12px; */
	font-size: 13px;
	line-height: 1.2em;
	background: var(--accessiblegradientdark);
	color: var(--weiss);
	position: absolute;
	left: 80px;
	top: -5px;
	z-index: 1;
}

.powermail_fieldwrap_e_mail.layout2 .fragezeichen:hover + .labletooltip {
	padding-top: 4px;
}

.powermail_form_26 .powermail_fieldwrap_vertragskonto,
.powermail_form_26 .powermail_fieldwrap_beispiel_vertrag,
.powermail_form_50 .powermail_fieldwrap_vertragskonto,
.powermail_form_50 .powermail_fieldwrap_beispiel_vertrag {
	display: none;
}

.powermail_form_26 .powermail_fieldwrap_ichbinbereitskunde .powermail_field .checkbox label {
	display: block;
}

.powermail_form_26 .powermail_fieldwrap_ichbinbereitskunde .powermail_field .checkbox {
	width: auto;
	display: block;
}

/* -- neues Umzugsformular 2025 -- */
.powermail_form_69.layout1 .powermail_fieldset,
.powermail_form_69.layout1 .powermail_fieldset:nth-of-type(even),
.powermail_form_69.layout1 .powermail_fieldset:nth-of-type(odd),
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldset,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldset:nth-of-type(even),
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldset:nth-of-type(odd) {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
}

.powermail_form_69.layout1 .powermail_label,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_label {
    width: 30%;
}

.powermail_form_69.layout1 .powermail_field,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_field {
    width: 68%;
}

.powermail_form_69.layout1 .powermail_fieldwrap_type_check > .powermail_label, 
.powermail_form_69.layout1 .powermail_fieldwrap_type_captcha > .powermail_label, 
.powermail_form_69.layout1 .powermail_fieldwrap_type_radio.layout1 > .powermail_label, 
.powermail_form_69.layout1 .powermail_fieldwrap_type_text .powermail_label,
.powermail_form_69.layout1 .powermail_fieldwrap_type_check .powermail_field, 
.powermail_form_69.layout1 .powermail_fieldwrap_type_captcha .powermail_field, 
.powermail_form_69.layout1 .powermail_fieldwrap_type_radio .powermail_field,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_check > .powermail_label, 
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_captcha > .powermail_label, 
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_radio.layout1 > .powermail_label, 
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_radio.layout2 > .powermail_label, 
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_text .powermail_label,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_check .powermail_field, 
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_captcha .powermail_field, 
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_radio .powermail_field {
	width: 100%;
}

.powermail_form_69.layout1 .powermail_fieldwrap_type_submit .powermail_field,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_submit .powermail_field {
	width: auto;
}

.powermail_form_69.layout1 .powermail_fieldwrap_type_submit,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_submit {
    position: static;
	margin-top: 20px;
}

.powermail_form_69.layout1 .powermail_fieldwrap_type_submit .powermail_field,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_submit .powermail_field {
    float: left;
    margin-right: 0;
}

.powermail_fieldwrap_weiterespartenangeben {
	position: relative;
	transition: var(--standardtransition);
}

.powermail_fieldwrap_weiterespartenangeben .powermail_field .checkbox .powermail_checkbox {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

.powermail_fieldwrap_weiterespartenangeben .powermail_field .checkbox > label {
	display: inline-block;
	background: var(--schwarztrans005);
	padding: 5px 15px;
	cursor: pointer;
	font-weight: 400;
}

.powermail_fieldwrap_weiterespartenangeben .powermail_field .checkbox > label:hover {
	background: var(--schwarztrans01);
}

.powermail_fieldwrap_weiterespartenangeben:has(.powermail_field .checkbox .powermail_checkbox:checked) {
	visibility: hidden;
	height: 0;
	margin: 0;
	overflow: hidden;
}

.powermail_form_69.layout1 .powermail_fieldwrap_hinweiszaehlerstand.layout1,
.powermail_form_69.layout1 .powermail_fieldwrap_hinweismaloid.layout1 {
	background: var(--bgblau);
	color: var(--weiss);
	width: 96%;
	padding: 10px 2%;
}

.powermail_form_69.layout1 .powermail_fieldwrap_hinweiszaehlerstand.layout1 a,
.powermail_form_69.layout1 .powermail_fieldwrap_hinweismaloid.layout1 a {
	color: var(--weiss);
	text-decoration-color: var(--weiss);
}

.powermail_form_69.layout1 .powermail_fieldwrap_hinweiszaehlerstand.layout1 .powermail_field,
.powermail_form_69.layout1 .powermail_fieldwrap_hinweismaloid.layout1 .powermail_field {
	width: 100%;
}

.powermail_form_69.layout1 .powermail_fieldwrap_type_date .powermail-errors-list,
.frame-grauerbalken_neu.frame-type-list.frame-layout-20 .powermail_form.layout1 .powermail_fieldwrap_type_date .powermail-errors-list {
	right: 50px;
}

.powermail_form > .powermail_message_error {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
}

/* -- Absendebutton nach erstem Absenden blockieren -- */
.confirmationsubmit.submitted {
	position: relative;
	float: left;
}

.powermail_progress,
.confirmationsubmit.submitted .disablesubmitbutton {
	position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
	left: 0;
    bottom: 0;
}

.powermail_progress {
	position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
	width: 100%;
	height: 46px;
}

.confirmationsubmit.submitted .disablesubmitbutton {
	position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
	left: 0;
	bottom: 0;
}

a.infoi {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: var(--accessiblegradientdark);
	color: var(--weiss);
	text-decoration: none;
	font-weight: 700;
	border-radius: 100%;
}

.mandatory + a.infoi {
	margin-left: 4px;
}

/* -- gruene Kacheln -- */
.frame-kacheln .contenttable td:first-child,
.frame-kacheln .contenttable th {
	background: var(--gruen);
	width: 130px;
	margin: 0 10px 0 0;
	text-align: center;
	border-radius: 30px;
}

.frame-kacheln .contenttable td:last-child {
	width: calc(100% - 180px);
}

.frame-kacheln .contenttable td {
	display: inline-block;
	padding: 0;
}

.frame-kacheln .contenttable tr {
	display: flex;
	align-items: center;
	margin: 20px 0 0 0;
	border-radius: 30px;
	position: relative;
}

.frame-kacheln .contenttable:has(th) tr {
	align-items: stretch;
	min-height: 140px;
}

.frame-kacheln .contenttable tr td a::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
}

.frame-kacheln .contenttable:has(th) tr td,
.frame-kacheln .contenttable:has(th) tr th {
	display: flex;
	flex-direction: column;
    justify-content: center;
}

.frame-kacheln .contenttable:has(th) tr th {
    align-items: center;
}

.frame-kacheln .contenttable > a, .frame-kacheln .contenttable tbody > a {
	border-radius: 30px;
	display: block;
}

.frame-kacheln.frame-type-shortcut > .rahmen > .frame .image {
	background: var(--gruen);
	padding: 10px 20px;
	border-radius: 30px;
}

.frame-kacheln.frame-type-shortcut > .rahmen > .frame {
	width: calc(100% - 220px);
	float: right;
	margin: 0 0 15px 0;
}

.frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-bodytext {
	background: var(--fastweiss);
	box-shadow: -50px 0 0 0 var(--fastweiss);
	border-radius: 0 30px 30px 30px;
	padding: 10px 30px 0px 5px;
	width: auto;
	display: inline-block;
	max-width: calc(100% - 220px);
	min-height: 90px;
}

.frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-gallery {
	position: relative;
	z-index: 1;
}

/* -- grüne Kacheln eingerückt -- */
.tx_cn-multicontent.frame-gruenekacheleingerueckt .tx_cn-columns {
	width: calc(100% - 240px);
	float: right;
}

/* -- Slider geförderte Projekte -- */
.frame-sliderfoerderprojekte {
	position: relative;
	opacity: 0;
}

.frame-sliderfoerderprojekte::before {
	content: '';
	display: block;
	position: absolute;
	width: 400px;
	height: 400px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -115px;
	left: 30%;
	z-index: -1;
}

.frame-sliderfoerderprojekte::after {
	content: '';
	display: block;
	position: absolute;
	width: 400px;
	height: 400px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -90px;
	left: 34%;
	z-index: -1;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen {
	max-width: 100%;
	width: 100%;
	margin: 0;
	float: left;
	clear: both;
}

.frame-sliderfoerderprojekte .owl-carousel .owl-nav {
	position: absolute;
	top: 30px;
	left: 50%;
}

.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next,
.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-prev {
	background: url(../images/pfeil-links.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	width: 35px;
	height: 25px;
	border-radius: 10px 0 0 10px;
	display: inline-block;
	opacity: 0.8;
	transition: all 0.3s ease;
}

.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next {
	background: url(../images/pfeil-rechts.svg) center center no-repeat var(--gruen);
	background-size: auto 15px;
	border-radius: 0 10px 10px 0;
	margin-left: 3px;
}

.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next:hover,
.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-prev:hover {
	opacity: 1;
}

.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next span,
.frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-prev span {
	display: none;
}

/* -- Sonderanpassung Slider geförderte Projekte -- */
.frame-sliderfoerderprojekte .frame-bildaussen {
	position: static;
}

.frame-sliderfoerderprojekte .frame-bildaussen > .rahmen::before,
.frame-sliderfoerderprojekte .frame-bildaussen > .rahmen::after {
	display: none;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen {
	max-width: 100%;
	width: 100%;
	margin: 0;
	float: left;
	clear: both;
}

#inhaltsbereich > .frame-sliderfoerderprojekte .frame-bildaussen > .rahmen {
	margin: 0;
	padding: 0;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .aussenrahmen {
	float: none;
	margin: 0 auto 0 auto;
	width: 96%;
	max-width: 1332px;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .aussenrahmen .ce-bodytext {
	margin-top: 80px;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery {
	position: static;
	margin: 0;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery .ce-row,
#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery .ce-column,
#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery .image {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	display: block;
}

#inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery img {
	width: 100%;
	max-width: none;
}

/* -- Bild aussen -- */
.frame-bildaussen {
	position: relative;
	overflow: hidden;
	margin-bottom: 70px;
}

/* .frame-bildaussen > .rahmen {
	padding: 50px 0;
} */

.frame-bildaussen > .rahmen::before {
	content: '';
	display: block;
	position: absolute;
	width: 370px;
	height: 370px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: 30px;
	left: 8%;
	z-index: -1;
}

.frame-bildaussen > .rahmen::after {
	content: '';
	display: block;
	position: absolute;
	width: 370px;
	height: 370px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: 0px;
	left: 12%;
	z-index: -1;
}

.frame-bildaussen:has(.ce-left.ce-above):not(.frame-layout-1) > .rahmen::before,
.frame-bildaussen:has(.ce-left.ce-above):not(.frame-layout-1) > .rahmen::after {
	display: none;
}

.frame-bildaussen .ce-bodytext {
	/* max-width: 600px; */
	min-height: 350px;
	float: left;
	max-width: 700px;
	width: 50%;
	padding-bottom: 50px;
}

.frame-bildaussen .ce-left .ce-bodytext {
	float: right;
	/* max-width: 700px;
	width: 50%;
	padding-bottom: 50px; */
}

.frame-bildaussen .ce-bodytext h3 {
	border-bottom: 3px solid var(--bgblau);
	margin: 0 0 30px 0;
	display: inline-block;
	padding-bottom: 22px;
}

.frame-bildaussen .ce-gallery {
	position: absolute;
	top: 0;
	border: 3px solid var(--gruen);
	border-right: 0;
	border-radius: 50px 0 0 50px;
	overflow: hidden !important;
	margin: 0;
	opacity: 0;
	max-width: 800px;
	width: 45%;
	max-height: calc(100% - 6px);
	right: 0;
	border-left: 3px solid var(--gruen);
}

.frame-bildaussen .ce-left .ce-gallery {
	border-radius: 0 50px 50px 0;
	border-right: 3px solid var(--gruen);
	border-left: 0;
	left: 0;
}

.frame-bildaussen .ce-gallery .ce-row, 
.frame-bildaussen .ce-gallery .ce-column, 
.frame-bildaussen .ce-gallery .image {
	height: 100%;
}

.frame-bildaussen .ce-gallery img {
	height: 100% !important;
	object-fit: cover;
	max-width: 120% !important;
}

.frame-bildaussen .ce-left .ce-gallery img {
	float: right;
}

.frame-bildaussen.frame-layout-2 .ce-right .ce-gallery img {
	float: right;
}

/* -- Sonderanpassung Bild aussen --*/
.page1 .frame-bildaussen {
	margin-bottom: 0px;
}
/**/
.frame-bildaussen.frame-layout-1 > .rahmen::before {
	left: 40%;
}

.frame-bildaussen.frame-layout-1 > .rahmen::after {
	left: 45%;
}

/* -- Zwischenheader Welle -- */
#inhaltsbereich > .frame-zwischenheaderwelle {
	margin-top: 0;
	max-height: 500px;
	overflow: hidden;
	position: relative;
}

.frame-zwischenheaderwelle::after {
	content: '';
	display: block;
	background: url(../images/bildwelle_unten_gruene-kontur.svg) left bottom no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	padding-bottom: 8%;
}

#inhaltsbereich > .frame-zwischenheaderwelle > .rahmen {
	width: 100%;
	max-width: none;
	margin: 0;
	float: left;
	clear: both;
}

.frame-zwischenheaderwelle .ce-gallery,
.frame-zwischenheaderwelle .ce-gallery .ce-row,
.frame-zwischenheaderwelle .ce-gallery .ce-column,
.frame-zwischenheaderwelle .ce-gallery .image {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	display: block;
}

#inhaltsbereich .frame-zwischenheaderwelle .ce-gallery img {
	width: 100%;
	height: auto;
	max-width: none;
}

#inhaltsbereich > .frame-zwischenheaderwelle + .frame {
	margin-top: -20px;
	position: relative;
	z-index: 1;
}

/* -- Sonderanpassung Zwischenheader Welle -- */
.frame-zwischenheaderwelle.frame-layout-1::after {
	transform: rotateY(180deg);
}

#inhaltsbereich > .frame-zwischenheaderwelle.frame-layout-1 + .frame {
	margin-top: 20px;
}
/**/
#inhaltsbereich > .frame-zwischenheaderwelle + .frame-zielinhalt {
	position: relative;
	top: -100px;
	margin-bottom: -100px;
}

.frame-zwischenheaderwelle + .frame-zielinhalt .ce-bodytext {
	text-align: left;
}

.frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable td:first-child {
	vertical-align: top;
}

.frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable tr td {
	padding-top: 15px;
}

.frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable tr:hover {
	background: none;
}
/**/
#inhaltsbereich > .frame-zwischenheaderwelle + .frame-space-before-minus20 > .rahmen {
	max-width: 1640px;
}

#inhaltsbereich > .frame-zwischenheaderwelle + .frame-space-before-minus20 {
	margin-top: -90px !important;
}

/* -- Hintergrundbild mit Welle -- */
#inhaltsbereich .frame-hintergrundwelle {
	background-size: cover;
}

#inhaltsbereich > .frame-hintergrundwelle > .rahmen {
	max-width: 100%;
	width: 100%;
	float: left;
	clear: both;
}

#inhaltsbereich .frame-hintergrundwelle .ce-gallery, 
#inhaltsbereich .frame-hintergrundwelle .ce-column, 
#inhaltsbereich .frame-hintergrundwelle .image, 
#inhaltsbereich .frame-hintergrundwelle .ce-gallery img {
	width: 100%;
	margin: 0;
}

#inhaltsbereich .frame-hintergrundwelle.hgbild {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

#inhaltsbereich .frame-hintergrundwelle.hgbild .ce-textpic {
	background: url(../images/zwischenheader_welle.svg) left top no-repeat;
	background-size: cover;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 93%;
	padding-top: 7%;
	z-index: 1;
	aspect-ratio: 1/0.329;
	float: left;
	clear: both;
}

#inhaltsbereich .frame-hintergrundwelle.hgbild.frame-layout-2 .ce-textpic {
	aspect-ratio: unset;
}

#inhaltsbereich .frame-hintergrundwelle.hgbild.frame-layout-1 .ce-textpic {
	aspect-ratio: 1/0.38;
	height: 96%;
	padding-top: 4%;
}

#inhaltsbereich .frame-hintergrundwelle .ce-bodytext {
	width: 30%;
	margin: 0 0 0 4%;
}

#inhaltsbereich .frame-hintergrundwelle .ce-bodytext > h4 + p {
	width: 120%;
}

#inhaltsbereich .frame-hintergrundwelle .ce-bodytext hr {
	display: none;
}

#inhaltsbereich .frame-hintergrundwelle .ce-bodytext .contenttable {
	margin: 40px 0 0 0;
	font-size: 14px;
	line-height: 1.6em;
	width: 130%;
}

#inhaltsbereich .frame-hintergrundwelle .ce-bodytext .contenttable img {
	margin: 0 10px 10px 0;
}

#inhaltsbereich .frame-hintergrundwelle .ce-bodytext .contenttable tr:hover {
	background: none;
}

/* -- Sonderanpassung Hintergrundbild mit Welle -- */
@supports not (aspect-ratio: 1 / 1) {
	#inhaltsbereich .frame-hintergrundwelle.hgbild .ce-textpic {
		height: 0;
		padding-top: 7%;
		padding-bottom: 34%;
	}
}

/* -- Fluffige Blase (Multicontent) -- */
.frame-fluffigeblase .cn_multicontent_teaser {
	position: relative;
	z-index: 1;
	margin: 0 0 40px 0;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) .frame > .rahmen,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(3) .frame > .rahmen,
.frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div .frame > .rahmen {
	display: block;
	float: left;
	clear: both;
	width: 60%;
	margin: 0 20%;
	position: relative;
	z-index: 1;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) > div,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(3) > div,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- + .col-100 > div,
.frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div > div {
	position: relative;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) >::before,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(3) > ::before,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- + .col-100 >::before,
.frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::before {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -25px;
	left: calc(45% - 175px);
	z-index: 0;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) >::after,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(3) > ::after,
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- + .col-100 >::after {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -10px;
	right: 0;
	z-index: 0;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- + .col-100 >::after  {
	right: auto;
	left: calc(45% - 100px);
}

.frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::after {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: 0px;
	right: auto;
	left: calc(45% - 100px);
	z-index: 0;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- + .col-100 .ce-gallery {
	margin-right: 50px;
}

.frame-fluffigeblase.frame-type-cn_multicontent .tx_cn-columns .row > div > div .ce-border {
	box-shadow: none;
}

.frame-fluffigeblase.frame-type-cn_multicontent .frame-type-menu_pages  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.frame-fluffigeblase.frame-type-cn_multicontent .frame-type-menu_pages  ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
}

.frame-fluffigeblase.frame-type-cn_multicontent .frame-type-menu_pages  ul li a {
	display: block;
	box-shadow: 0 0 0 1px var(--bgblau);
	padding: 8px 15px;
	text-decoration: none;
	background: var(--weisstrans06);
	transition: all 0.3s ease;
	color: var(--bgblau);
}

.frame-fluffigeblase.frame-type-cn_multicontent .frame-type-menu_pages  ul li a:hover {
	background: var(--bgblau);
	color: var(--weiss);
}

/* -- prüfen -- */
/*
.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- {
	display: none;
}

.frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > .col- + .col-100 .frame > .rahmen {
	width: 100%;
	margin: 0;
}*/

/* -- Sonderanpassung Fluffige Blase (Multicontent) -- */
.page1 .frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) >::before,
.page1 .frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(3) > ::before {
	content: '';
	display: block;
	position: absolute;
	width: 480px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -35px;
	left: -50px;
	z-index: 0;
}

.page1 .frame-fluffigeblase .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) >::before {
	content: '';
	display: block;
	position: absolute;
	width: 450px;
	height: 260px;
	top: -50px;
	left: 0;
}
/**/
.page37 .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div .frame > .rahmen,
.frame-fluffigeblase.frame-layout-2 .tx_cn-columns[data-cols="2"] .row > div .frame > .rahmen {
	width: 80%;
	margin: 0 10%;
}

.frame-fluffigeblase.frame-layout-2 .tx_cn-columns[data-cols="2"] .row > div >::before {
    left: calc(25% - 175px);
}

.frame-fluffigeblase.frame-layout-2 .tx_cn-columns[data-cols="2"] .row > div >::after {
    left: calc(25% - 100px);
}

/**/
.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="3"] .row > div:nth-child(2) >::after,
.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="3"] .row > div:nth-child(3) > ::after {
	display: none;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] {
	max-width: 80%;
	margin: 0 10%;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] > .row > div > div {
	display: block;
	float: left;
	clear: both;
	width: 80%;
	margin: 0 10%;
	position: relative;
	z-index: 1;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] > .row > div > div > div {
	position: relative;
	z-index: 1;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] .row > div >::before {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -35px;
	left: -45px;
	z-index: 0;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] .row > div >::after {
	content: '';
	display: block;
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: var(--helleblase);
	border-radius: 100%;
	top: -10px;
	right: 15px;
	z-index: 0;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] > .row > div > div a img {
	float: left;
}

.frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] > .row > div > div a + a.unformatiert {
	display: inline-block;
	line-height: 50px;
	background-position: left center;
	margin-left: 10px;
}


/* -- runde Icons -- */
.frame-rundeicons .ce-gallery .image {
	background: var(--gruen);
	border-radius: 100%;
}

.frame-rundeicons .ce-center.ce-above .ce-gallery {
	float: left;
	clear: both;
	width: 100%;
}

/* -- detach -- */
.frame-detach {
	display: none;
}

/* -- interaktive Karte -- */
#inhaltsbereich > .frame-interaktivekarte > .rahmen {
	max-width: 100% !important;
	width: 100%;
}

.frame-interaktivekarte .tx_cn-columns {
	background: var(--fastweiss);
	padding: 30px 0;
	margin: 30px 0 40px;
}

.frame-interaktivekarte h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 1em 0;
}

.frame-interaktivekarte .ce-gallery {
	position: relative;
	overflow: visible;
}

.frame-interaktivekarte .ce-textpic, 
.frame-interaktivekarte .ce-row {
	overflow: visible;
}

.frame-interaktivekarte .ce-gallery .ce-row {
	position: absolute;
	top: 0;
	left: 0;
}

.frame-interaktivekarte .ce-gallery[data-ce-images="2"] .ce-row {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -31px;
}

.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row {
	position: absolute;
	top: 10px;
	left: 50%;
}

.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(2) {
	margin-left: -52px;
	top: 30px;
}

.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(3) {
	margin-left: 21px;
}

.frame-interaktivekarte .ce-gallery[data-ce-images="2"] .ce-row:nth-child(2)::before,
.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(2)::before,
.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(3)::before {
	content: '';
	display: block;
	width: 62px;
	height: 62px;
	background: var(--gruen);
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.frame-interaktivekarte .ce-gallery[data-ce-images="2"] .ce-row:nth-child(2)::after,
.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(2)::after,
.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(3)::after {
	content: '';
	border-radius: 100%;
	height: 62px;
	width: 62px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transform: scale(0);
	box-shadow: 0 0 0px 5px var(--gruen);
	opacity: 0;
	animation-name: pulsate;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	display: block;
}

@keyframes pulsate {
	0% {transform: scale(0); opacity: 0;}
	50% {opacity: 1;}
	100% {transform: scale(1); opacity: 0;}
}

.frame-interaktivekarte .ce-gallery[data-ce-images="2"] .ce-row:nth-child(2) img,
.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(2) img,
.frame-interaktivekarte .ce-gallery[data-ce-images="3"] .ce-row:nth-child(3) img {
	position: relative;
	z-index: 1;
}

.frame-interaktivekarte .ce-gallery .ce-row:first-child {
	position: static;
	margin-left: 0;
	left: auto;
	top: auto;
}

/* -- Sonderanpassung -- */
.lp .frame-interaktivekarte .tx_cn-columns .row {
	width: 96%;
	float: none;
	max-width: 1350px;
	clear: both;
	margin: 0 auto;
}

.page287.lp .frame-interaktivekarte .tx_cn-columns .row {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	max-width: 100%;
}

#inhaltsbereich > .frame-grauewelle + .frame-interaktivekarte {
	margin-top: -30px;
}

#c4714 .tx_cn-columns > .row {
	background: var(--fastweisshover);
	width: 96%;
	padding: 0px 2%;
}

/* -- Ablauf-Icons -- */
#inhaltsbereich > .frame-ablauficons > .rahmen {
	max-width: 920px;
}

#inhaltsbereich .frame-ablauficons .ce-gallery {
	margin-bottom: 0 !important;
}

.frame-ablauficons .ce-border {
	box-shadow: none;
	display: block;
	margin: 0;
}

.frame-ablauficons .ce-left .ce-border {
	margin-right: 40px;
}


.frame-ablauficons .ce-right .ce-border {
	margin-left: 40px;
}

.frame-ablauficons .ce-border .ce-row {
	background: none;
	position: relative;
	border-radius: unset;
	overflow: visible;
}

#inhaltsbereich > .frame-ablauficons .ce-center.ce-above .ce-bodytext a {
	text-decoration: none;
	display: inline-block;
	margin: 10px 0 0 0;
}

#inhaltsbereich > .frame-ablauficons .ce-center.ce-above .ce-bodytext a[title="Video in YouTube abspielen"] {
	color: var(--bgblau);
	text-decoration: underline;
    text-decoration-color: var(--bggruen);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
	margin: 0;
}

#inhaltsbereich > .frame-ablauficons .ce-center.ce-above .ce-bodytext a[title="Video in YouTube abspielen"]:hover {
    text-decoration-thickness: 2px;
}


.frame-ablauficons .ce-border .ce-row::before {
	content: '';
	display: block;
	width: 21px;
	background: url(../images/umzugspfeil.png) left top no-repeat;
	height: 80px;
	bottom: -145px;
	background-size: auto 100%;
	position: absolute;
	left: 130px;
	z-index: 1;
}

.frame-ablauficons.frame-layout-23 .ce-border .ce-row::before {
	left: 115px;
}

.frame-ablauficons.frame-layout-0 .ce-row::before,
.frame-ablauficons.frame-layout-24 .ce-row::before {
	display: none;
}

.frame-ablauficons .ce-border .ce-row::after {
	content: '';
	display: block;
	width: 125px;
	height: 125px;
	border-radius: 100%;
	background: var(--helleblase);
	position: absolute;
	left: 50px;
	top: 0px;
	z-index: -1;
}

#inhaltsbereich .frame-ablauficons.frame-layout-24 .ce-gallery {
	margin: 0 0 20px -50px !important;
}
/* -- Sonderanpassung Ablauf-Icons -- */
.tx_cn-multicontent .frame-ablauficons {
	margin-left: -30px !important;
}

.tx_cn-multicontent .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div.frame-ablauficons {
	margin-left: 0 !important;
}

.tx_cn-multicontent .frame-ablauficons .ce-left .ce-border {
	margin-right: 0px;
}
/**/
.frame-ablauficons.frame-layout-1 .ce-border, 
.frame-ablauficons.frame-layout-3 .ce-border {
	min-height: 250px;
	position: relative;
}

.frame-ablauficons.frame-layout-1 .ce-border::after, 
.frame-ablauficons.frame-layout-3 .ce-border::after {
	content: '';
	display: block;
	width: 21px;
	height: 113px;
	background: url(../images/umzugspfeil.png) left top no-repeat;
	position: absolute;
	bottom: -5px;
	left: -30px;
}

#inhaltsbereich > .frame-ablauficons.frame-layout-2 > .rahmen {
	max-width: 1240px;
	position: relative;
	/* min-height: 120px; */
}

#inhaltsbereich > .frame-ablauficons.frame-layout-2 + .frame-ablauficons.frame-layout-2 .ce-bodytext::after {
	content: '';
	display: block;
	width: 21px;
	background: url(../images/umzugspfeil.png) left top no-repeat;
	height: 80px;
	top: -60px;
	background-size: auto 100%;
	position: absolute;
	left: -35px;
	z-index: 1;
}

#inhaltsbereich > .frame-layout-2 .frame-ablauficons > .rahmen {
	max-width: 800px;
	margin: 0 auto;
}

#inhaltsbereich > .frame-layout-2 .frame-ablauficons > .rahmen .ce-textpic {
	margin-right: -50px;
}

#inhaltsbereich > .frame-layout-2 .frame-ablauficons > .rahmen .ce-bodytext {
	padding: 15px 10px 5px 70px;
	left: -90px;
	position: relative;
	z-index: 1;
	top: 20px;
	font-size: 18px;
}

#inhaltsbereich > .frame-layout-2 .frame-ablauficons > .rahmen .ce-gallery {
	position: relative;
	z-index: 1;
	max-width: 125px;
}

#inhaltsbereich > .frame-layout-2 .frame-ablauficons.frame-layout-3 .ce-border {
	min-height: 125px;
}

#inhaltsbereich > .frame-layout-2 .frame-ablauficons {
	float: right;
	clear: both;
	width: calc(100% - 30px);
	margin-bottom: 35px;
	position: relative;
}


.page211 .frame-ablauficons.frame-layout-1 .ce-border,  
.frame-ablauficons.frame-layout-3 .ce-border {
	min-height: 210px;
}

.frame-ablauficons.frame-layout-1 .ce-border::after, 
.frame-ablauficons.frame-layout-3 .ce-border::after {
	display: none;
}

.page314 .frame-ablauficons .ce-border .ce-row::before {
	transform: rotate(270deg);
	left: 200%;
}

.tx_cn-multicontent.frame-type-cn_multicontent .ui-accordion-content .frame-type-cn_multicontent .frame-ablauficons .ce-border .ce-row::after {
	z-index: 0;
}

.tx_cn-multicontent.frame-type-cn_multicontent .ui-accordion-content .frame-type-cn_multicontent .frame-ablauficons .ce-border img,
.tx_cn-multicontent.frame-type-cn_multicontent .ui-accordion-content .frame-type-cn_multicontent .frame-ablauficons .ce-bodytext {
	position: relative;
	z-index: 1;
}

.frame-maxwidth.frame-type-shortcut.frame-layout-1 .frame-ablauficons.frame-layout-0 .ce-gallery.ce-border {
	min-width: 90px;
}

/* -- maximale Breite 1080 Pixel -- */
#inhaltsbereich > .frame-maxwidth1080 > .rahmen {
	max-width: 1080px;
}

/* -- Inhaltsverzeichnis -- */
#inhaltsbereich.sub > .frame-inhaltsverzeichnis {
	margin: 40px 0 0 0;
}

#inhaltsbereich.sub > .frame-inhaltsverzeichnis.fixedmenu {
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 3;
	max-width: 120px;
}

#inhaltsbereich.sub > .frame-inhaltsverzeichnis.fixedmenu.showmenuitems {
	max-width: 260px;
}

#inhaltsbereich.sub > .frame-inhaltsverzeichnis.fixedmenu > .rahmen {
	padding: 5px 20px;
}

#inhaltsbereich > .frame-inhaltsverzeichnis.fixedmenu > .rahmen {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	clear: both;
	width: 100%;
	transition: all 0.3s ease;
}

.frame-inhaltsverzeichnis.fixedmenu .ce-bodytext {
	display: none;
}

#inhaltsbereich > .frame-inhaltsverzeichnis.fixedmenu.showmenuitems > .rahmen {
	max-width: 250px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.frame-inhaltsverzeichnis.fixedmenu.showmenuitems .ce-bodytext {
	display: block;
	border-top: 1px solid var(--weiss);
	padding-top: 15px;
	margin-top: 10px;
}

.frame-inhaltsverzeichnis h3, 
.frame-inhaltsverzeichnis h4,
.frame-inhaltsverzeichnis header strong {
	font-size: 28px;
	font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 300;
    line-height: 1.2em;
	margin: 0 0 0.6em 0;
	border-bottom: 1px solid var(--weiss);
	width: 100%;
}

.frame-inhaltsverzeichnis a {
	color: var(--weiss);
	text-decoration: none;
	display: block;
}

.frame-inhaltsverzeichnis a:hover {
	font-weight: 700;
}

.frame-inhaltsverzeichnis a.ankerlink {
	padding-right: 40px;
	background: url(../images/down-arrow_weiss.svg) right center no-repeat;
	background-size: 24px auto;
}

.frame-inhaltsverzeichnis.fixedmenu a.ankerlink {
	background: none;
	padding-right: 0;
}

.frame-inhaltsverzeichnis.fixedmenu h3, 
.frame-inhaltsverzeichnis.fixedmenu h4, 
.frame-inhaltsverzeichnis.fixedmenu header strong {
	border-bottom: 0;
	cursor: pointer;
	margin: 0;
	background: url(../images/plus.svg) right center no-repeat;
	background-size: 20px 20px;
}

.frame-inhaltsverzeichnis.fixedmenu h3,
.frame-inhaltsverzeichnis.fixedmenu header strong:first-child {
	display: none;
}

.frame-inhaltsverzeichnis h4, 
.frame-inhaltsverzeichnis header strong:last-child {
	display: none;
}

.frame-inhaltsverzeichnis.fixedmenu h4,
.frame-inhaltsverzeichnis.fixedmenu header strong:last-child {
	display: block;
	width: 100%;
	font-weight: 300;
}

.frame-inhaltsverzeichnis header.zweizeilig {
	float: left;
	border-bottom: 0;
	margin: 0;
	width: 100%;
}

.frame-inhaltsverzeichnis.fixedmenu h3[data-toggled="on"], 
.frame-inhaltsverzeichnis.fixedmenu h4[data-toggled="on"], 
.frame-inhaltsverzeichnis.fixedmenu strong[data-toggled="on"] {
	background: url(../images/minus.svg) right center no-repeat;
	background-size: 20px 17px;
}

#inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
	background: var(--dia-old-background);
	background: var(--dia-ff-background);
	background: var(--dia-cs-background);
	background: var(--dia-mix-background);
	color: var(--weiss);
	width: 98%;
	max-width: 280px !important;
	padding: 20px 1%;
}
/* -- Sonderanpassung Inhaltsverzeichnis -- */
#inhaltsbereich.sub > .frame-layout-8 + .frame-inhaltsverzeichnis {
	margin: 0;
}

#inhaltsbereich.sub > .frame-layout-8 + .frame-inhaltsverzeichnis.fixedmenu {
	margin-top: 40px;
}
/**/
.page377 #inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
	max-width: 310px !important;
}

.page384 #inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
	max-width: 325px !important;
}

.page381 #inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
	max-width: 340px !important;
}

.page382 #inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
	max-width: 370px !important;
}
/**/
.umzug .frame-inhaltsverzeichnis.fixedmenu.showmenuitems a {
	min-width: 330px;
}

.posteeg .frame-inhaltsverzeichnis.fixedmenu.showmenuitems a {
	max-width: 260px;
}

.umzug #inhaltsbereich > .frame > .rahmen {
    max-width: 1040px;
}

/* -- Ziel-Inhalt -- */
#inhaltsbereich.sub > .frame-zielinhalt {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 0px;
}

.frame-zielinhalt .ce-textpic, 
.frame-zielinhalt .ce-bodytext {
	float: left;
	clear: both;
	width: 100%;
}

.frame-zielinhalt h3 {
	margin-bottom: 0;
}

.frame-zielinhalt .ce-bodytext h2 {
	float: none;
	display: inline-block;
	position: relative;
	font-weight: 300;
	padding-top: 130px;
}

.frame-zielinhalt .ce-bodytext h2 strong {
	font-weight: 700;
}

.frame-zielinhalt .ce-bodytext h2 strong em {
	color: var(--fastweiss);
	font-style: normal;
	font-size: 150px;
	position: absolute;
	left: 15px;
	top: 100px;
	z-index: -1;
}

.frame-zielinhalt .ce-bodytext h4,
.frame-zielinhalt .cn_multicontent_teaser h4 {
	float: none;
	display: inline-block;
	position: relative;
	font-weight: 300;
	font-size: 26px;
	margin-left: 55px;
}

.frame-zielinhalt .ce-bodytext h4 strong {
	font-weight: 700;
	font-size: 26px;
}

.frame-zielinhalt .ce-bodytext h4 strong em {
	color: var(--gruen);
	font-style: normal;
	font-size: 80px;
	position: absolute;
	left: -55px;
	top: -25px;
	z-index: -1;
}

.frame-zielinhalt .ce-bodytext h4 strong em::before {
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: var(--helleblase);
	position: absolute;
	left: 10px;
	top: -10px;
	z-index: -1;
}

/* -- Sonderanpassung Ziel-Inhalt -- */
#inhaltsbereich.sub > .frame-zielinhalt.frame-layout-1 {
	text-align: left;
}

/* --  Jahn Strom Sternchentext -- */
.frame-jahnstromsternchentext {
	font-size: 12px !important;
}

/* -- Jahn Strom-Detailseite -- */
.frame-jahnstromdetail .ce-border {
	box-shadow: none;
	display: block;
	margin: 0;
}

.frame-jahnstromdetail .ce-border[data-ce-images="2"] img {
	box-shadow: none;
}

.frame-jahnstromdetail .ce-border .ce-row {
	display: none;
}

.frame-jahnstromdetail .ce-border .ce-row:first-child {
	display: block;
}

.frame-produktdetail.jahnstromdetail .produktheader .produktheadline h1 strong {
	display: block;
	width: 100%;
	text-indent: -999px;
	overflow: hidden;
	height: 85px;
	background: url(../images/jahn-strom-logo.png) center top no-repeat;
	margin: 30px 0 5px;
}

.frame-produktdetail.jahnstromdetail .produktheader .produktheadline h1 {
	border-bottom: 0;
	padding: 0;
	margin: 0;
}

.jahnstromdetail .produktbezeichnung {
	display: none;
}

.jahnstromdetail .punktebox {
	display: inline-block;
	background: var(--fastweiss);
	padding: 30px 40px 20px;
	margin: -50px 0 0 0;
}

.jahnstromdetail .punktebox h4 {
	font-size: 32px;
	font-weight: 700;
}

.frame-produktdetail.jahnstromdetail .weitereinhaltselemente .frame-type-list .tx-powermail {
	text-align: left;
}

.frame-produktdetail.jahnstromdetail .weitereinhaltselemente .frame-grauerbalken_neu.frame-type-list {
	text-align: left;
	box-shadow: 1000px 0 0 0 var(--fastweiss), -1000px 0 0 0 var(--fastweiss);
}

.jahnstromdetail .powermail_fieldset_63, 
.powermail_fieldset_63 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
}

.jahnstromdetail .powermail_fieldset_63 .powermail_field, 
.powermail_fieldset_63 .powermail_field {
	width: 100%;
	float: left;
}

.jahnstromdetail .powermail_fieldset_49, 
.powermail_fieldset_49 {
	margin-right: 4%;
}

.jahnstromdetail .powermail_fieldset_50, 
.powermail_fieldset_50 {
	margin: -5px 0 0 0 !important;
}

.jahnstromdetail .frame-blau > .rahmen {
	width: 90%;
	padding: 40px 5% 20px;
}

/* -- Multicontent-Boxen -- */
.frame-multicontentboxen .row > div > div {
	height: 100%;
}

.frame-multicontentboxen .row.equalize > div {
	overflow: visible;
}

.umzug .frame-multicontentboxen .row.equalize > div .ce-bodytext > p:last-child {
	margin-bottom: 0;
}

.frame-multicontentboxen .row > div > div > .rahmen {
	width: 90%;
	height: calc(100% - 40px);
	margin: 0;
	padding: 25px 5% 15px;
	background: var(--fastweiss);
}

.frame-grauewelle .frame-multicontentboxen .row > div > div > .rahmen {
	background: var(--fastweisshover);
}

.frame-multicontentboxen .row > div > div.frame-layout-17 > .rahmen {
	background: var(--bgblau);
	color: var(--weiss);
}

.frame-multicontentboxen .row > div > div.frame-layout-17 a {
	color: var(--weiss);
}

.frame-multicontentboxen .row > div > div.frame-layout-17 p {
	margin: 0 0 1em 0;
}

.frame-multicontentboxen .row > div > div.frame-layout-17 .ce-bodytext > p > a.more_ge {
	margin-top: 10px;
}

.frame-multicontentboxen .ce-bodytext u {
	min-width: 215px;
	display: inline-block;
	text-decoration: none;
}

.frame-multicontentboxen .row.row.equalize {
	margin-bottom: 50px;
}

.frame-multicontentboxen .col-33 .ce-bodytext hr {
	max-width: 100%;
}

.frame-multicontentboxen .ce-above.ce-center .ce-gallery {
	float: left;
	clear: both;
	width: 100%;
}

.frame-multicontentboxen .ce-bodytext .contenttable {
	width: 100%;
}

.frame-multicontentboxen .ce-bodytext .contenttable tr:hover {
	background:var(--schwarztrans005);
}
/* -- Sonderanpassung Multicontent-Boxen -- */
.umzug .frame-multicontentboxen .cn_multicontent_teaser {
	text-align: center;
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 > .rahmen {
	max-width: 1332px;
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .equalize .frame-layout-36 .ce-textpic,
.frame-multicontentboxen.frame-layout-35 .equalize .frame-layout-17 .ce-textpic {
	height: 100%;
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .equalize .frame-layout-36 .ce-bodytext,
.frame-multicontentboxen.frame-layout-35 .equalize .frame-layout-17 .ce-bodytext {
	position: relative;
	padding-bottom: 60px;
	height: calc(100% - 60px);
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .equalize .frame-layout-36 .ce-bodytext:has(blockquote) {
	padding-bottom: 15px;
	height: calc(100% - 15px);
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .equalize .frame-layout-36 .ce-bodytext a.more_ge,
.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .equalize .frame-layout-36 .ce-bodytext a.link-mit-pfeil,
.frame-multicontentboxen.frame-layout-35 .equalize .frame-layout-17 .ce-bodytext a.more_ge,
.frame-multicontentboxen.frame-layout-35 .equalize .frame-layout-17 .ce-bodytext a.link-mit-pfeil {
	position: absolute;
	bottom: 0;
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .equalize .frame-layout-36 .ce-bodytext a.link-mit-pfeil,
.frame-multicontentboxen.frame-layout-35 .equalize .frame-layout-17 .ce-bodytext a.link-mit-pfeil {
	bottom: 0.8em;
}

.umzug #inhaltsbereich > .frame-multicontentboxen.frame-layout-2 .frame-layout-36 .ce-bodytext blockquote {
	background: var(--blautrans01);
	padding: 15px 4% 5px;
	width: 92%;
	margin: 20px 0 0 0;
}

/**/
.lp .frame-multicontentboxen .row > div > div > .rahmen, 
.frame-multicontentboxen.frame-layout-1 .row > div > div > .rahmen {
	width: 100%;
	padding: 0;
	max-width: 500px;
	height: 100%;
	float: none;
	margin: 0 auto;
}

.lp .frame-multicontentboxen.frame-layout-2 .row > div > div > .rahmen {
	max-width: unset;
}

.lp .frame-multicontentboxen .row > div > div > .rahmen > header, 
.frame-multicontentboxen.frame-layout-1 .row > div > div > .rahmen > header {
	padding-top: 25px;
}

.frame-maxwidth > .rahmen > .frame-multicontentboxen > .rahmen {
	max-width: 950px;
	margin: 0 auto;
}

.lp .frame-multicontentboxen .row > div > div > .rahmen .ce-bodytext, 
.frame-multicontentboxen.frame-layout-1 .row > div > div > .rahmen .ce-bodytext {
	width: 90%;
	padding: 25px 5% 10px;
	position: relative;
}

.lp .frame-multicontentboxen .row > div > div > .rahmen .ce-gallery + .ce-bodytext,
.frame-multicontentboxen.frame-layout-1 .row > div > div > .rahmen .ce-gallery + .ce-bodytext {
	width: 90%;
	padding: 5px 5% 35px;
	position: relative;
}

.lp .frame-multicontentboxen .row > div > div > .rahmen .ce-gallery + .ce-bodytext a.data-fancybox.inline,
.lp .frame-multicontentboxen .row > div > div > .rahmen .ce-gallery + .ce-bodytext a.buttonlink {
	display: inline-block;
	width: auto;
	min-width: 215px;
	padding: 8px 20px 7px;
	background: var(--gruen);
	color: var(--weiss);
	text-decoration: none;
	font-family: var(--fontcondensed);
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0;
	transition: all 0.3s ease;
	margin: 0;
	text-align: center;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -127px;
}

.lp .frame-multicontentboxen .row > div > div > .rahmen .ce-bodytext a.data-fancybox.inline:hover {
	background: var(--dunkelgruen);
}


/* -- 2025-07-10 -- */
.frame-multicontentboxen.frame-layout-2 .cn_multicontent_teaser {
	margin-top: 0;
}

.frame-multicontentboxen.frame-layout-2 .row.equalize {
	margin: 0;
}

.frame-multicontentboxen.frame-layout-2 .row > div > div > .rahmen .ce-gallery {
	width: 90%;
    margin: 15px 5% 10px;
	float: left;
	clear: both;
}

/* --  2025-07-10 - Rechner kompakt -- */
.frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .ce-bodytext {
	float: left;
	clear: both;
	width: 100%;
	margin: 40px 0 0 0;
}

.frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .ce-bodytext ul.haken-ul {
	column-count: 2;
}

.frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .ce-bodytext ul.haken-ul li {
    background: url(../images/aufzaehlung_weiss.svg) 0px 4px no-repeat;
    background-size: 18px auto;
}

.frame-datensatz_rechner_kompakt .tarifrechner_container {
	border-radius: 0 50px 0 50px;
    border-top: 3px solid var(--gruen);
	padding: 0 20px 70px 20px;
	width: calc(100% - 40px);
}

.frame-datensatz_rechner_kompakt .tarifrechner_container .feld_submit {
    right: 0;
}

.frame-datensatz_rechner_kompakt > .rahmen > .frame-vorteile_rechner_kompakt {
	display: none;
}

/* -- li symbole -- */
ul:has(.symbol-party, .symbol-hand) {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul:has(.symbol-party, .symbol-hand) li {
	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	position: relative;
}

li.symbol-party::before {
	content: '🎉';
	position: absolute;
	left: 0;
	top: 0;
}

li.symbol-hand::before {
	content: '👉';
	position: absolute;
	left: 0;
	top: 0;
}

/* ----- */


/* -- Blaue Box -- */
#inhaltsbereich.sub .frame-blau > .rahmen {
	background: var(--bgblau);
	color: var(--weiss);
	padding: 20px 0;
}

#inhaltsbereich.sub .frame-blau.frame-layout-1 > .rahmen {
	padding: 0 0 20px 0;
}

#inhaltsbereich.sub .frame-blau.frame-layout-1 > .rahmen .ce-gallery {
	margin: 0 0 30px 0;
}

.frame-maxwidth > .rahmen > .frame-blau.frame-layout-1 .rahmen {
    max-width: 900px;
	margin: 20px auto 0;
}

#inhaltsbereich > .frame-grauebox,
#inhaltsbereich > .frame-blau {
	margin-bottom: 30px;
}

#inhaltsbereich.sub > .frame-blau > .rahmen .ce-bodytext {
	max-width: 96%;
	width: 96%;
	margin: 0 2%;
}

.frame-blau header {
	text-align: center;
	margin: 0 auto;
	float: none;
}

#inhaltsbereich > .tx_cn-multicontent.frame-blau > .rahmen > .cn_multicontent_teaser,
#inhaltsbereich > .tx_cn-multicontent.frame-blau > .rahmen > .tx_cn-columns,
#inhaltsbereich > .tx_cn-multicontent .frame.frame-blau > .rahmen  header,
#inhaltsbereich > .tx_cn-multicontent .frame.frame-blau > .rahmen  .ce-bodytext,
#inhaltsbereich > .tx_cn-multicontent .frame.frame-grauebox > .rahmen > header,
#inhaltsbereich > .tx_cn-multicontent .frame.frame-grauebox > .rahmen >  .ce-bodytext,
#inhaltsbereich.sub > .frame.frame-gruenebox > .rahmen  header, 
#inhaltsbereich.sub > .frame.frame-gruenebox > .rahmen  .ce-bodytext,
#inhaltsbereich > .tx_cn-multicontent.frame-gruenebox > .rahmen > .cn_multicontent_teaser,
#inhaltsbereich > .tx_cn-multicontent.frame-gruenebox > .rahmen > .tx_cn-columns,
#inhaltsbereich > .tx_cn-multicontent .frame.frame-gruenebox > .rahmen > header,
#inhaltsbereich > .tx_cn-multicontent .frame.frame-gruenebox > .rahmen  .ce-bodytext {
    max-width: 96%;
    width: 96%;
    margin: 0 2%;
}

#inhaltsbereich > .tx_cn-multicontent.frame-blau .frame > .rahmen > header,
#inhaltsbereich > .tx_cn-multicontent.frame-blau .frame > .rahmen  .ce-bodytext,
#inhaltsbereich > .tx_cn-multicontent.frame-gruenebox .frame > .rahmen > header,
#inhaltsbereich > .tx_cn-multicontent.frame-gruenebox .frame > .rahmen  .ce-bodytext {
    	max-width: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
}

#inhaltsbereich.sub .frame-grauebox.frame-type-cn_multicontent > .rahmen header > h2 {
    float: none;
}

#inhaltsbereich.sub .frame-grauebox > .rahmen,
#inhaltsbereich.sub .frame-blau > .rahmen,
#inhaltsbereich.sub .frame-gruenebox > .rahmen {
	display: flow-root;
}

/* -- Grüne Box -- */

#inhaltsbereich.sub .frame-gruenebox > .rahmen {
	background: var(--gruen);
	color: var(--weiss);
	padding: 20px 0;
}

/* +++++++ */

/* -- grüner Balken -- */
.frame-blauerbalken {
    color: var(--weiss);
}

.frame-blauerbalken.frame-type-shortcut > .rahmen > .frame-type-textmedia, 
#inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content .frame-type-textmedia {
    float: left;
    clear: none;
    margin: 20px 80px 20px 0;
    width: auto;
    max-width: 500px;
}

.frame-blauerbalken.frame-type-shortcut > .rahmen > .frame-type-textmedia.frame-layout-1 {
    max-width: 550px;
}

#inhaltsbereich.sub > .frame-servicebild + .frame-blauerbalken.frame-type-shortcut {
    margin-top: 0;
}

.frame-blauerbalken.frame-type-shortcut h2, 
#inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content .rahmen > header h2 {
    border-bottom: 1px solid var(--weiss);
    margin: 0 0 1em 0;
    font-size: 34px;
}

.frame-blauerbalken.frame-type-shortcut h3, 
#inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content h3 {
    margin: 0 0 1em 0;
    font-size: 28px;
}

/* -- Hochzaehleffekt in Blog -- */
.newsdetailcontent .frame-countereffekt .tx_cn-columns .row .col-100 {
    width: 100%;
}

.newsdetailcontent .frame-countereffekt .tx_cn-columns .row {
	display: flex;
	justify-content: space-around;
}

.newsdetailcontent > .frame {
	float: left;
	clear: both;
	width: 100%;
}

.blogdetail #inhaltsbereich > .frame > .rahmen {	
	float: left;
	clear: both;
	width: 100%;
	max-width: unset;
}

.blogdetail .news-single .article .newscategory,
.blogdetail .news-single .article h1,
.blogdetail .news-single .article .news-text-wrap,
.blogdetail .news-single .article .news-backlink-wrap {
	display: block;
	float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90% !important;
    max-width: 1332px !important;
}

.blogdetail .news-single .article .news-list-date,
.blog.news-list2-container .news-list-date {
	display: none;
}

.blogdetail .news-single .article .newscategory {
	display: table;
}

.blogdetail .frame-grauewelle {
	padding: 50px 0 50px 0;
	position: relative;
	margin-top: 70px;
	background: url(../images/welle_oben_fastweiss.svg) left top no-repeat var(--fastweiss);
}

.blogdetail .newsdetailcontent > .frame > .rahmen {
    float: none;
    margin: 0 auto;
    width: 90%;
    max-width: 1332px;
	padding: 0;
}

.blogdetail .newsdetailcontent > .frame-countereffekt > .rahmen {
    max-width: 1332px !important;
    margin: 0 auto !important;
}

.blogdetail .newsdetailcontent > .frame-countereffekt {
	margin-top: 70px;
	margin-bottom: 70px;
}

.blogdetail .newsdetailcontent > .frame-countereffekt .tx_cn-columns {
	padding: 40px 0 20px;
}

.blogdetail .newsdetailcontent > .frame-bildaussen {
	margin-bottom: 0;
}

.blogdetail .newsdetailcontent > .frame-grauewelle .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
	margin: 30px 0 0 40px;
}

.blogdetail .newsdetailcontent .teaser-text {
	display: none;
}

.blogdetail .news-single .owl-nav {
	position: static;
}

.blogdetail .frame-pervorteilbox .frame .ce-bodytext h4:has(strong) {
    font-weight: 300;
}

/* -- Neu: 2023-01-15 -- */
.ce-bodytext .contenttable {
    border-collapse: collapse;
    border-color: var(--grautrans04);
}

.ce-bodytext .contenttable th,
.ce-bodytext .contenttable td {
    padding: 3px 5px;
}

.ce-bodytext .contenttable:has(tr.farbtabelle) {
	border-collapse: separate;
	border-spacing: 10px;
	border: 1px solid var(--schwarztrans01);
	margin: 0 0 10px 0;
}

.ce-bodytext .contenttable tr.farbtabelle th,
.ce-bodytext .contenttable tr.farbtabelle td {
    padding: 7px 15px;
	margin: 0;
}

.ce-bodytext .contenttable tr.farbtabelle th,
.ce-bodytext .contenttable tr.farbtabelle td[style*="#96b82c"],
.ce-bodytext .contenttable tr.farbtabelle td[style*="background-color:#134094"] {
	color: var(--weiss);
	text-decoration: none;
	text-shadow: var(--text-shadow);
	text-align: center;
	font-weight: 700;
}

.ce-bodytext .contenttable tr.farbtabelle th[style*="#96b82c"],
.ce-bodytext .contenttable tr.farbtabelle td[style*="#96b82c"] {
	background: var(--accessiblegradientltr);
}

.ce-bodytext .contenttable tr.farbtabelle th {
	text-align: left;
	color: var(--bgblau);
	background: none;
	text-shadow: none;
}

/* -- Überschrift Mediaconsent -- */
.mediaconsent.loadok h3 {
    display: block;
    margin: 0 0 30px 0;
    font-size: 34px;
}

.mapsoverlay .cookie_only-this {
    background: var(--bgblau);
}

.mapsoverlay .cookie_only-this:hover {
    background: var(--ganzdunkelblau);
}

/* -- Bild rechts neben Text -- */
.ce-left .ce-bodytext > *, .ce-right .ce-bodytext > * {
    clear: none;
}

.frame-bildaussen .ce-left .ce-bodytext > *, .frame-bildaussen .ce-right .ce-bodytext > * {
    clear: both;
}

.ce-left .ce-bodytext > p {
	clear: both;
}

.page793 .frame-style-1column .frame-layout-35 .ce-left.ce-intext .ce-bodytext > p {
	clear: none;
}

.frame-themensliderfoerderung .owl-carousel .owl-nav, 
.frame-pervorteilbox .owl-carousel .owl-nav {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0;
    padding: 0;
    text-align: right;
}

/* -- H5 mit Kreis -- */
.frame-h5kreis h5 {
	color: var(--accessiblegradientdark);
	font-style: normal;
	font-size: 80px;
	line-height: 1em;
	position: relative;
	margin: 0 15px 0 0;
	float: left;
	clear: left !important;
}

.frame-h5kreis h5::before {
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: var(--helleblase);
	position: absolute;
	left: 10px;
	top: -10px;
	z-index: -1;
}

.ui-accordion-content .frame-h5kreis h5::before {
	z-index: 0;
	mix-blend-mode: darken;
}

.frame-h5kreis h5.text-justify::after {
	content: '';
	display: block;
	width: 21px;
	height: 80px;
	position: absolute;
	left: -25px;
	top: -65px;
	z-index: 1;
	background: url(../images/umzugspfeil.png) left top no-repeat;
	background-size: auto 100%;
}

.frame-h5kreis h5 + * {
	position: relative;
	top: 30px;
	width: calc(100% - 65px);
	float: right;
}

.frame-h5kreis h5 + h4,
.frame-h5kreis p.condensed {
	font-size: 22px;
	line-height: 1.2em;
}

.frame-h5kreis p.condensed {
	margin-bottom: 1em;
}

.frame-h5kreis h5 + h3 {
	top: 10px;
	margin-top: 0;
}

.frame-h5kreis .ce-left .ce-bodytext > h5 + * {
	clear: none !important;
}

.frame-h5kreis h5 + hr {
	clear: left !important;
	float: none;
	visibility: hidden;
	margin: 0;
	top: 0;
}

.frame-h5kreis .cn_multicontent_teaser strong em {
	display: inline-block;
	padding: 12px 0 0 0;
	background: var(--blase);
	color: var(--gruen);
	border-radius: 100%;
	text-align: center;
	width: 46px;
	height: 34px;
	font-style: normal;
	font-size: 24px;
	margin: 0 5px 0 0;
}

.frame-maxwidth .frame-h5kreis > .rahmen {
	max-width: 900px;
	margin: 0 auto;
}

/* -- Berechung -- */
.frame-berechnung .contenttable {
	margin: 35px 0 60px 0;
}

.frame-berechnung .ce-bodytext .contenttable tr:hover {
	background: none;
}

.frame-berechnung .contenttable td {
	padding: 20px 30px;
	position: relative;
}

.frame-berechnung .contenttable td::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--schwarztrans01);
	border-radius: 15px;
}

.frame-berechnung .contenttable td:last-child::before {
	background:  var(--accessiblegradientrtldunkler);
}

.frame-berechnung .contenttable td:last-child {
	color: var(--weiss);
}

.frame-berechnung .contenttable td.text-center::before {
	top: 20px;
	bottom: 20px;
	left: -5px;
	right: -5px;
	z-index: 1;
	background: var(--bgblau);
	color: var(--weiss);
	border-radius: 10px;
}

.frame-berechnung .contenttable td.text-center::after {
	content: '';
	display: block;
	width: 21px;
	height: 80px;
	background: url(../images/umzugspfeil.png) left top no-repeat;
	background-size: auto 100%;
	-webkit-transform: scaleX(-1) rotate(90deg);
	transform: scaleX(-1) rotate(90deg);
	position: absolute;
	top: -50px;
	left: 10px;
	z-index: 1;
}

.frame-berechnung .contenttable td.text-center {
	color: var(--weiss);
	padding: 15px;
}

.frame-berechnung .contenttable td p {
	position: relative;
	z-index: 2;
	margin: 0;
}

/* -- Berechnung untereinander -- */
.frame-berechnunguntereinander .ce-bodytext .contenttable {
	margin: 30px 0;
	max-width: calc(100% - 40px);
}

.frame-berechnunguntereinander .ce-bodytext .contenttable tr, .frame-berechnunguntereinander .ce-bodytext .contenttable tr:hover {
	background: none;
	border-bottom: 10px solid var(--weiss);
}

.frame-berechnunguntereinander .ce-bodytext .contenttable tr td {
	background: var(--fastweiss);
	padding: 10px 20px 0;
}

.frame-berechnunguntereinander .ce-bodytext .contenttable tr td.text-center {
	background: var(--gruen);
	color: var(--weiss);
	position: relative;
	text-align: left;
}

.frame-berechnunguntereinander .ce-bodytext .contenttable tr td.text-center::after {
	content: '';
	display: block;
	width: 21px;
	height: 80px;
	background: url(../images/umzugspfeil.png) left top no-repeat;
	background-size: auto 100%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	position: absolute;
	bottom: -40px;
	right: -30px;
	z-index: 1;
}

.frame-berechnunguntereinander#c5721 .ce-bodytext .contenttable tr td.text-center {
	text-align: left;
}

.frame-berechnunguntereinander#c5721 .ce-bodytext .contenttable tr td.text-center::after {
	bottom: auto;
	top: -40px;
}

/* -- Kundendienst Bild So geht's -- */
.page263 .ce-border .ce-row {
	display: none;
}

.page263 .ce-border .ce-row:nth-child(1) {
	display: block;
}

/* -- Sonderanpassung Freunde werben -- */
#inhaltsbereich.sub .tx_cn-columns[data-cols="1"] > .row > .col-33 {
    float: none;
    margin: 0 auto;
}

.image a[title="Video in YouTube abspielen"] {
    position: relative;
}

.image a[title="Video in YouTube abspielen"]::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 40px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
    z-index: 2;
}

.image a[title="Video in YouTube abspielen"]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	background: var(--schwarztrans03);
    z-index: 1;
}

#c2404 .ce-bodytext {
    overflow: auto;
}

/* -- Icon-Accordion -- */
.frame-iconaccordion.frame-type-textmedia,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia {
	margin: 0 0 5px 0;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen {
	position: relative;
}

.frame-iconaccordion.frame-type-textmedia .ce-bodytext,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia .ce-bodytext {
	overflow: hidden;
	height: 0;
	width: calc(100% - 40px);
	padding: 0 20px;
	transition: var(--standardtransition);
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header[data-toggled="on"] + .ce-textpic .ce-bodytext,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header[data-toggled="on"] + .ce-textpic .ce-bodytext {
	height: unset;
	padding: 20px 20px 40px;
}

.frame-iconaccordion.frame-type-textmedia .ce-gallery,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia .ce-gallery {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	background: var(--helleresgruen);
	padding: 10px;
	margin: 0 !important;
	box-shadow: 1px 0 0 0 var(--helleresgruen);
	transition: all 0.3s ease;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header:hover + .ce-textpic .ce-gallery,
.frame-iconaccordion.frame-type-textmedia > .rahmen > header[data-toggled="on"] + .ce-textpic .ce-gallery,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header:hover + .ce-textpic .ce-gallery,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header[data-toggled="on"] + .ce-textpic .ce-gallery {
	background: var(--bggruen);
	box-shadow: 1px 0 0 0 var(--bggruen);
}

.frame-iconaccordion.frame-type-textmedia .ce-gallery .ce-row,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia .ce-gallery .ce-row {
	margin: 0 !important;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header,
.frame-iconaccordion.frame-type-textmedia > .rahmen > header.zweizeilig,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header.zweizeilig {
	padding: 0 0 0 90px;
	background: var(--fastweiss);
	height: 70px;
	cursor: pointer;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header.zweizeilig,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header.zweizeilig {
	float: none;
	border: 0;
	margin: 0;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header.zweizeilig > *,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header.zweizeilig > * {
	float: none;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header h3,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header h3 {
	height: 70px;
	display: flex;
	margin: 0;
	padding: 0 60px 0 0;
	align-items: center;
	font-family: var(--fontnormal);
    font-style: normal;
    font-weight: 300;
    /* font-size: 16px; */
	font-size: 17px;
    line-height: 1.4em;
    color: var(--bgblau);
    /* letter-spacing: 0.02em; */
	position: relative;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header h3::after,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header h3::after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	width: 20px;
	height: 20px;
	background: url(../images/plus_blau.svg) center center no-repeat;
	background-size: 20px auto;
	margin-top: -10px;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header:hover h3::after,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header:hover h3::after {
	background: url(../images/plus_blau.svg) center center no-repeat;
	background-size: 20px auto;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header[data-toggled="on"] h3::after,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header[data-toggled="on"] h3::after {
	background: url(../images/minus_blau.svg) center center no-repeat;
	background-size: 20px auto;
}

.frame-iconaccordion.frame-type-textmedia > .rahmen > header h4,
.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child .frame-type-textmedia > .rahmen > header h4 {
	display: none;
}

.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100 {
	display: none;
}

.frame-iconaccordion.frame-style-1column .tx_cn-columns > .row > .col-100:first-child {
	display: block;
}

.frame-iconaccordion.frame-style-1column[data-toggled="on"] .tx_cn-columns > .row > .col-100 {
	display: block;
}

.frame-iconaccordion.frame-style-1column[data-toggled="on"] .tx_cn-columns > .row > .col-100 .frame-heizstromlink {
	width: calc(100% - 140px);
	max-width: 1000px;
	margin: -50px auto 0;
    float: none;
}

/* -- privatrechnermittabs -- */
.frame-privatrechnermittabs .feld_gewerbe, 
.frame-privatrechnermittabs .tarife_ergebnis {
	display: none !important;
}

.frame-privatrechnermittabs .tx-cn-rewag-tarifrechner {
    float: none;
    clear: both;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.frame-privatrechnermittabs .formfelder > div.feld_ort {
    width: 34%;
}

.frame-privatrechnermittabs .formfelder > div.feld_privat {
    width: 38%;
}

/* -- Privatkundenrechner normal ohne Produktkacheln -- */
.frame-privatkundenrechner.frame-layout-30 .tarife_ergebnis {
	display: none !important;
}
.frame-privatkundenrechner.frame-layout-30 #formTarifrechner {
	margin-bottom: 60px;
}

.lp #inhaltsbereich.sub > .frame-privatkundenrechner.frame-layout-10 + .frame-heizstromlink {
	margin-top: -65px;
}

.lp .frame-privatkundenrechner.frame-layout-10 + .frame-heizstromlink > .rahmen {
	max-width: 830px !important;
}

/* -- Geschaeftsbericht -- */
.geschaeftsbericht .frame-grauerbalken_neu.frame-style-3column .tx_cn-columns .row {
	margin-bottom: 20px;
}

.geschaeftsbericht .frame-grauerbalken_neu.frame-style-3column .tx_cn-columns .row:last-child {
	margin-bottom: 0;
}

.geschaeftsbericht .frame-grauerbalken_neu.frame-style-3column .ce-bodytext .bildlink {
	display: inline-block;
    text-align: center;
    padding: 10px 15px 9px;
    margin: 10px 0 0 0;
    background: var(--gruen);
    color: var(--weiss);
    text-decoration: none;
    font-family: var(--fontcondensed);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
	letter-spacing: 0;
    transition: var(--standardtransition);
}

.geschaeftsbericht .frame-grauerbalken_neu.frame-style-3column .ce-bodytext .bildlink:hover {
    background-color: var(--dunkelgruen);
}

.geschaeftsbericht .frame-grauerbalken_neu.frame-style-3column .ce-bodytext .bildlink::after {
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/info_weiss.svg) center center no-repeat;
    background-size: 100% auto;
    margin: 0 -5px -3px 10px;
}

.geschaeftsbericht .frame-grauerbalken_neu.frame-style-3column .ce-bodytext .buttonlink[rel="noreferrer"]::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/ext-link_weiss.svg) center center no-repeat;
    background-size: 100% auto;
    margin: 0 -5px -3px 10px;
}

.geschaeftsbericht .ce-div {
	border: 0;
	border-bottom: 1px solid var(--fastweisshover);
	margin: 40px 0;
	display: block;
	width: 100%;
	box-shadow: none;
	height: 0;
}

.frame-geschaeftsbericht .col-100 {
    padding: 20px 0;
    margin: 0;
}

.frame-geschaeftsbericht .col-100:nth-child(odd) {
    background: var(--fastweiss);
    box-shadow: -40px 0 0 0 var(--fastweiss), 40px 0 0 0 var(--fastweiss);
    margin: 10px 0 5px 0;
}

.frame-geschaeftsbericht .col-100 .ce-gallery .ce-row .data-fancybox:hover {
    filter: brightness(0.95);
}

.geschaeftsbericht #inhaltsbereich > .frame-default > .rahmen > .ce-textpic > .ce-bodytext {
	max-width: 930px;
}

.frame-geschaeftsbericht .col-100 .ce-gallery .image-caption {
	display: block;
    text-align: center;
    padding: 3px 2%;
	margin-top: 0;
    width: 96%;
    background: var(--schwarztrans005);
    font-size: 14px;
    font-weight: 400;
}

/* -- Tarifrechner im Header -- */
.rechnerimheader {
	float: left;
    clear: both;
    width: 100%;
}

.rechnerimheader .headerslider .ce-bodytext {
	display: none;
}

.headertarifrechner .frame-privatkundenrechner {
	opacity: 0;
	transition: var(--standardtransition);
}

.headertarifrechner .frame-privatkundenrechner[rechner="ready"] {
	opacity: 1;
}

.headertarifrechner {	
	position: absolute;
	left: 2%;
	bottom: 150px;
	z-index: 4;
	font-family: var(--fontnormal);
    font-weight: 300;
    /* letter-spacing: 0; */
}

.frame-jahn_rechnervorteile {
	display: none;
}

.headertarifrechner .frame-privatkundenrechner .jahnstromvorteile {
	float: left;
    clear: both;
    width: 94%;
    margin: 30px 0 0;
    background: var(--schwarztrans01);
    padding: 20px 2% 25px 4%;
	border-radius: 0 0 0 50px;
}

.headertarifrechner .frame-privatkundenrechner .jahnstromvorteile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 550px;
}

.headertarifrechner .frame-privatkundenrechner .jahnstromvorteile ul li {
	display: block;
	float: left;
	clear: both;
	padding: 0 0 0 30px;
    margin: 0.2em 0;
    background: url(../images/right-arrow_weiss.svg) 12px 2px no-repeat;
    background-size: 0.5em 1em;
	font-size: 18px;
	line-height: 1.2em;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container {
	width: 590px;
    max-width: unset;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: var(--bgblau);
	color: var(--weiss);
	border-radius: 0 50px 0 50px;
	border-top: 3px solid var(--gruen);
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort,
.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort .gewaehlterort {
	width: 140px !important;
	margin: 0 5px 0 0;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort #autocompleteinfo {
    top: -115px;
    background: var(--fastweiss);
    color: var(--bgblau);
    line-height: 1.3em;
    font-weight: 400;
	z-index: 1;
	width: 170px;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort #autocompleteinfo::after {
    border-color: var(--gruen) transparent transparent transparent;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort #loescheplzort {
    color: var(--weiss);
	background: linear-gradient(270deg, rgba(65,101,169,1) 0%, rgba(65,101,169,1) 50%, rgba(65,101,169,0) 100%);
	padding: 13px 10px 7px 30px;
}

.headertarifrechner #keinezuweisung {
	font-size: 14px;
	line-height: 1.2em;
}

.rechnerimheader .ui-widget-content.ui-autocomplete.ui-menu {
    border: 1px solid var(--weiss);
    background: var(--tuerkis);
    color: var(--weiss);    
    min-width: 280px;
    font-family: var(--fontcondensed);
	letter-spacing: 0;
    z-index: 3;
}

.rechnerimheader .ui-widget-content.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
    padding: 5px 12px 5px 12px;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_privat {
	width: 220px !important;
	margin: 0 5px 0 0;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_privat label {
	padding-left: 18px;
	width: calc(100% - 18px);
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div {
	width: 180px !important;
	margin: 0;
}

.headertarifrechner .frame-privatkundenrechner .feld_verbrauch::after {
	color: var(--weiss);
	right: 10px;
    bottom: 5px;
}

.headertarifrechner .frame-privatkundenrechner input {
	background: var(--weisstrans01);
	font-size: 14px;
    /* letter-spacing: 0; */
	padding: 16px 15px 10px;
	border-radius: 0;
	-webkit-appearance: none;
	margin: 0;
}

.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat {
	position: relative;
	padding-left: 10px;
}

.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
    bottom: 6px;
    width: 100%;
    height: 43px;
	z-index: 0;
}

.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat .verbraucherwahl {
	position: relative;
	z-index: 1;
	margin: 6px 0 4px 6px;
	background-image: url(/fileadmin/templatefiles/images/jahn24/jahn_privathaushalt.svg);
	background-size: 28px 26px;
	width: 28px;
    opacity: 0.7;
}

.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat .verbraucherwahl.aktiv, 
.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat .verbraucherwahl:hover {
    opacity: 1;
}

.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat .verbraucherwahl.privat_2 {
	width: 56px;
}

.headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat .verbraucherwahl.privat_3 {
	width: 84px;
}

.headertarifrechner .frame-privatkundenrechner input::placeholder {
	color: var(--weisstrans07);
} 

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit {
	position: absolute;
	float: right;
    clear: both;
    width: auto;
	right: 0;
    text-align: center;
	margin: 0;
	background: none;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit::before,
.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit::after,
.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit .ctapfeile::after {
	display: none;
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit input {
    padding: 12px 30px;
    margin-left: 0;
    position: static;
	width: auto;
	font-family: var(--fontcondensed);
	font-size: 20px;
	line-height: 1.2em;
    font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	background: var(--accessiblegradientltr);
	-webkit-appearance: none;
	border-radius: 0;
    box-shadow: 2px 2px 3px -3px var(--schwarztrans05);
}

.headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit input:hover {
	background: var(--bggruen);
}

.headertarifrechner #submitinfo {
    top: -85px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--fastweiss);
    color: var(--bgblau);
    min-width: 270px;
    font-weight: 400;
}

.headertarifrechner #submitinfo::after{
    border-color: var(--gruen) transparent transparent transparent;
}

.headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte {
    text-align: center;
	margin-top: 30px;
}

.headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte p u {
	text-transform: none;
	text-decoration: none;
}

.headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte p.lpheadline {
	font-size: 28px !important;
	font-family: var(--fontcondensed);
    font-weight: 700;
	letter-spacing: 0;
	margin: 0;
}

.headertarifrechner #formTarifrechner + .tarife_ergebnis {
	margin-top: 0;
}

.headertarifrechner .loadingicon {
	display: none !important;
}
/* ---------------------------- */

.ce-bodytext p + span[style*="font-size:"] {
	line-height: 1.4em;
	display: inline-block;
	margin-top: -5px;
}

.frame-wechselhinweis-vor-produktkacheln {
	display: none;
}

.tarifrechner_container > .frame-wechselhinweis-vor-produktkacheln {
	display: block;
    position: absolute;
    top: calc(100% + 15px);
    left: 110px;
}

/* -- Zeitstrahl -- */
.frame-hausanschluss-zeitstrahl .col-100 {
    float: left;
    clear: none;
    width: auto !important;
    margin: 0 50px 0 0;
    position: relative;
}

.frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext {
    position: relative;
    left: 50%;
    margin: 30px 0 0 0;
}

.frame-hausanschluss-zeitstrahl .col-100:first-child {
    margin: 0;
}

.frame-hausanschluss-zeitstrahl .col-100:first-child .ce-bodytext {
    left: 0;
}

.frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext p {
    position: relative;
    float: left;
    clear: both;
}

.frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext p::after {
    content: '';
    display: block;
    width: 21px;
    height: 80px;
    position: absolute;
    right: -50px;
    bottom: -55px;
    z-index: 1;
    background: url(../images/umzugspfeil.png) left top no-repeat;
    background-size: auto 100%;
    transform: rotate(-90deg);
    transform-origin: center center;
}

.frame-hausanschluss-zeitstrahl .col-100:first-child .ce-bodytext p::after,
.frame-hausanschluss-zeitstrahl .col-100:last-child .ce-bodytext p::after {
    display: none;
}

.frame-hausanschluss-zeitstrahl .col-100 header {
    position: relative;
    left: -30px;
    text-align: center;
}

.frame-hausanschluss-zeitstrahl .col-100 header::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: var(--bgblau);
    border-radius: 100%;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -7px;
}

.frame-hausanschluss-zeitstrahl .col-100:first-child header::after {
    display: none;
}

.frame-hausanschluss-zeitstrahl .row {
    position: relative;
}

.frame-hausanschluss-zeitstrahl .row::before {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: var(--bgblau);
    position: absolute;
    top: 70px;
}

.frame-hausanschluss-zeitstrahl .row::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent var(--bgblau);
    position: absolute;
    right: 9.9%;
    top: 64px;
}

.frame-hausanschluss-zeitstrahl .col-100:first-child h4 {
    visibility: hidden;
}

/* -- Zahlenueberschrift -- */
.frame-zahlenueberschrift header {
    position: relative;
    font-size: 20px;
    font-weight: 700;
	border: 0;
}

.frame-zahlenueberschrift header > * {
    position: relative;
    font-size: 20px;
    font-weight: 700;
}

.frame-zahlenueberschrift header > h2  {
    color: var(--bggruen);
    font-style: normal;
    font-size: 80px;
    line-height: 1em;
    position: relative;
    margin: 0 15px 0 0;
    float: left;
    clear: left !important;
}

.frame-zahlenueberschrift header > h2 + h3 {
    padding: 0px 0 0 50px;
    margin: -45px 0 0 0;
    display: inline-block;
}

.frame-zahlenueberschrift header > h2::before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: var(--helleblase);
    position: absolute;
    left: 10px;
    top: -10px;
    z-index: -1;
}

.frame-zahlenueberschrift .rahmen {
    position: relative;
}

.frame-zahlenueberschrift + .frame-zahlenueberschrift > .rahmen::before,
.frame-zahlenueberschrift + script + .frame-zahlenueberschrift > .rahmen::before {
    content: '';
    display: block;
    width: 21px;
    height: 80px;
    position: absolute;
    left: -25px;
    top: -65px;
    z-index: 1;
    background: url(../images/umzugspfeil.png) left top no-repeat;
    background-size: auto 100%;
}

/* -- Introbereich mit hellgrauen Flaechen -- */
.frame-introbereich {
	margin: 0 0 60px 0;
}

.frame-introbereich > .rahmen {
	position: relative;
	display: table;
}

.frame-introbereich > .rahmen::before {
	content: '';
	display: block;
	width: 800px;
	height: 800px;
	position: absolute;
	left: -600px;
	top: -300px;
	z-index: -1;
	background: var(--fastweiss);
	border-radius: 100%;
}

/* -- Flipboxen fuer Multicontent -- */
.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div > div,
.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div:nth-child(odd) > div,
.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
	position: relative;
	width: 100%;
	aspect-ratio: 16/9;
	float: left;
}

.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: transform 1s;
	transform-style: preserve-3d;
}

.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"]:hover .row,
.frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"]:has(.col-100:last-child :focus-visible) .row {
	transform: rotateY(180deg);
	transition: transform 0.5s;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100 {
	backface-visibility: hidden;
	position: absolute;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child {
	transform: rotateY(180deg);
}

/* -- Vorderseite -- */
.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-gallery {
	margin: 0;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-gallery,
.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-column,
.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .image,
.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .image img {
	width: 100%;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .image img {
	height: auto;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext {
	background: var(--bgblau);
	color: var(--weiss);
	width: calc(90% - 60px);
	margin: -20px 5% 0 5%;
	float: left;
	clear: both;
	padding: 15px 30px calc(15px - 0.6em);
	position: relative;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext::after {
    content: '';
    display: block;
    width: 34px;
    height: 52px;
    background: url(../images/info.png) left top no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -7px;
    top: 9px;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext p {
	max-width: 400px;
	margin: 0 auto 0.6em;
}

/* -- Rueckseite -- */
.frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame {
	background: var(--fastweiss);
	width: 100%;	
	aspect-ratio: 16/10;
	overflow: auto;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame > .rahmen {
	width: 90%;
	margin: 30px 5%;
	float: left;
    clear: both;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child .image.hascaption {
	display: flex;
	flex-direction: column-reverse;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child figcaption.image-caption {
    margin: 0 0 5px 0;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: 700;
	text-align: right;
}

.frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child .ce-bodytext h4 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}

.row:has(.frame-flipbox_multicontent) + .row {
	margin-top: 70px;
}

.frame-style-3column .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame > .rahmen {
	margin: 20px 5% 0;
}

/* ---------------------------- */
.auswahl_tariftyp .tab_tariftyp,
.rechner-heizstromlink span.heizstrom-vorauswahl {
	background-image: none;
}

.auswahl_tariftyp .tab_tariftyp:focus-visible,
.rechner-heizstromlink span.heizstrom-vorauswahl:focus-visible, 
.tarifrechner_container .feld_submit .tr_submit:focus-visible {
	outline: none;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.auswahl_tariftyp .tab_tariftyp:focus-visible,
.auswahl_tariftyp .tab_tariftyp.aktiv,
.rechner-heizstromlink span.heizstrom-vorauswahl:focus-visible,
.rechner-heizstromlink span.heizstrom-vorauswahl.aktiv {
	background: var(--accessiblegradientrtl);
	font-weight: 400;
	text-shadow: 1px 1px 2px var(--accessibleshadow);
}

.auswahl_tariftyp .tab_tariftyp:focus-visible::before,
.auswahl_tariftyp .tab_tariftyp.aktiv::before,
.rechner-heizstromlink span.heizstrom-vorauswahl:focus-visible::before,
.rechner-heizstromlink span.heizstrom-vorauswahl.aktiv::before {
    background: var(--accessiblegradientlight);
}

.tariftyp_strom::after,
.tariftyp_gas::after,
.tariftyp_heizstrom::after,
.rechner-heizstromlink span.heizstrom-vorauswahl::after {
	content: '';
	display: block;
	width: 50px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: -5px;
    background-image: url(/fileadmin/templatefiles/images/strom.svg);
	background-position: center center;
	background-size: auto 30px;
	background-repeat: no-repeat;
}

.tariftyp_gas:after {
    background-image: url(/fileadmin/templatefiles/images/gas.svg);
	background-size: auto 36px;
}

.rechner-heizstromlink span.heizstrom-vorauswahl::after,
.tariftyp_heizstrom::after {
    background-image: url(/fileadmin/templatefiles/images/heizstrom.svg);
	background-size: auto 40px;
	width: 65px;
	height: 40px;
	top: 12px;
}

.feld_submit::before {
    background: var(--accessiblegradientdark);
}

.feld_submit {
	background: var(--accessiblegradientltr);
}

#autocompleteinfo, #submitinfo, #submitinfoHeizstrom {
	background: var(--fastweiss);
	color: var(--bgblau);
	font-weight: 700;
	box-shadow: inset 0 0 0 3px var(--gruen);
}

#submitinfo, #submitinfoHeizstrom {
	min-width: 210px;
}

#submitinfo::after, 
#submitinfoHeizstrom::after,
#autocompleteinfo::after {
	border-color: var(--gruen) transparent transparent transparent;
}

.rewagnaechte .frame-style-2column.frame-layout-1 .frame-blau {
	position: relative;
}

.rewagnaechte .frame-style-2column.frame-layout-1 .row:has(.frame-blau),
.rewagnaechte .frame-style-2column.frame-layout-1 .row:has(.frame-blau) > div {
	overflow: visible;
	margin-bottom: 40px !important;
}

.rewagnaechte .frame-style-2column.frame-layout-1 .row > div .frame-blau .ce-bodytext .more_ge {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 115px;
}

.rewagnaechte .frame-style-2column.frame-layout-1 .row .frame-blau .ce-gallery,
.rewagnaechte .frame-style-2column.frame-layout-1 .row .frame-blau .ce-bodytext {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 5px;
}

.tx_cn-multicontent.frame-layout-35 .cn_multicontent_teaser {
    max-width: 900px;
    margin-bottom: 30px;
}

.frame-type-textmedia.frame-layout-35 .ce-bodytext {
    max-width: 900px;
}

#hsagChatbot {
	right: -50px !important;
}

#hsagChatbot:not(.open) {
    right: 50px !important;
}

#hsagChatbot.open {
	right: 0 !important;
}

#hsagChatbot:has(.speechBubbles) {
	right: 50px !important;
}