body .content-custom-swiper{position:relative;padding-left:0;padding-right:0;margin-bottom:0}body .content-custom-swiper .swiper-notification{display:none}body .content-custom-swiper .content-custom-swiper-inner{position:relative;margin-bottom:0}body .content-custom-swiper .content-custom-swiper-inner .custom_swiper{overflow:hidden}body .content-custom-swiper .content-custom-swiper-inner .swiper-pagination{bottom:-33px}body .content-custom-swiper .content-custom-swiper-inner .swiper-pagination .swiper-pagination-bullet{background:#666;border:1px solid #dbdbdb;width:14px;height:14px}body .content-custom-swiper .content-custom-swiper-inner .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,.3)}body .content-custom-swiper .content-custom-swiper-inner .swiper-vertical{max-height:100vh;max-height:100svh}body .content-custom-swiper .content-custom-swiper-inner .swiper-progress{content:"";position:absolute;bottom:0;left:0;width:calc(100%*var(--swiper_progress));height:5px;background:var(--color_1, #ccc);z-index:1}body .content-custom-swiper .swiper_thumbs{margin-top:5px;position:relative;overflow:hidden}body .content-custom-swiper .swiper_thumbs figure>a{pointer-events:none}body .content-custom-swiper .swiper_thumbs .swiper-button-next,body .content-custom-swiper .swiper_thumbs .swiper-button-prev{scale:.7}body .content-custom-swiper .button_wrapper button{background-color:rgba(0,0,0,0);border:0;padding:25px;color:rgba(255,255,255,.8);text-shadow:0 0 0px rgba(0,0,0,0),0 0 2px #000}body .content-custom-swiper .button_wrapper button:hover{color:#aaa}body .content-custom-swiper .button_wrapper button.swiper-button-prev{left:0}body .content-custom-swiper .button_wrapper button.swiper-button-next{right:0}body .content-custom-swiper .button_wrapper .swiper-button-next:after,body .content-custom-swiper .button_wrapper .swiper-button-prev:after{opacity:1;transition:opacity .25s ease-in-out}
form.move_labels .widget,.move_labels form .widget{position:relative;padding-top:var(--form_gap, 10px)}form.move_labels .widget:not(.widget-checkbox) input,form.move_labels .widget:not(.widget-checkbox) textarea,form.move_labels .widget:not(.widget-checkbox) select,.move_labels form .widget:not(.widget-checkbox) input,.move_labels form .widget:not(.widget-checkbox) textarea,.move_labels form .widget:not(.widget-checkbox) select{width:100%;padding:var(--form_input_padding, 6px);line-height:1.469}form.move_labels .widget-text label,form.move_labels .widget-textarea label,form.move_labels .widget-password label,.move_labels form .widget-text label,.move_labels form .widget-textarea label,.move_labels form .widget-password label{color:var(--font_color, #444);position:absolute;top:var(--form_gap, 10px);left:0;padding:var(--form_input_padding, 6px);transform-origin:left;border:1px solid rgba(0,0,0,0);line-height:1.469;transition-property:top,left,width,background,border-radius,padding,line-height,font-size;transition-duration:.25s;transition-timing-function:ease-in-out}form.move_labels .widget-text label.select,form.move_labels .widget-textarea label.select,form.move_labels .widget-password label.select,.move_labels form .widget-text label.select,.move_labels form .widget-textarea label.select,.move_labels form .widget-password label.select{display:none}form.move_labels .widget-text.active label,form.move_labels .widget-textarea.active label,form.move_labels .widget-password.active label,.move_labels form .widget-text.active label,.move_labels form .widget-textarea.active label,.move_labels form .widget-password.active label{top:calc(var(--form_gap) - 13px);left:6px;font-size:13px;width:auto;background:#fff;border-radius:3px;padding:0 2px;line-height:1}
@media(min-width:1024px){ .nichtAufDesktopAnzeigen { display: none !important; } }
@media(max-width:1023px){ .nichtAufMobilAnzeigen { display: none !important; } }
.verstecken { display: none; }
.mobilTransparent { @media(max-width:1023px){ opacity: .1; } }
.mod_article.InhaltLäuftÜberElementHinaus, .mod_article .InhaltLäuftÜberElementHinaus { overflow: visible; }
.mod_article.InhaltBegrenzen, .mod_article .InhaltBegrenzen { overflow: hidden; }
.zweispaltig .rte { columns: 2; gap: 80px;
	@media(max-width:1023px){ columns: 1; gap: 0; }
	ul { margin-top: 0; margin-bottom: 0; }
}
.nachHinten { z-index: -1; }
#wrapper .imVordergrund { z-index: 9; }
.Tabellenlinien table {
	border: 1px solid var(--border_color, #ddd);
	border-collapse: collapse;
	th, td {
		border: 1px solid var(--border_color, #ddd);
		padding: .5rem;
	}
}
/************************************************************* TEXT *************************************************************/
.TextAusrichtungRechts { text-align: right; }
.kursivGroßbuchstaben strong, 
.fettGroßbuchstaben strong,
.ÜberschriftGroßbuchstaben :is(h1, h2, h3, h4, h5, h6),
.Großbuchstaben,
.fettGroßbuchstabenNichtFett strong { text-transform: uppercase; }
.fettGroßbuchstabenNichtFett strong { font-weight: var(--font_weight, normal); }
.fettSchriftgrößeXXS strong, .kursivSchriftgrößeXXS em, .SchriftgrößeXXS { font-size: .55em; }	
.fettSchriftgrößeXS strong, .kursivSchriftgrößeXS em, .SchriftgrößeXS { font-size: .7em; }
.fettSchriftgrößeS strong, .kursivSchriftgrößeS em, .SchriftgrößeS { font-size: .85em; }
.fettSchriftgrößeL strong, .kursivSchriftgrößeL em, .SchriftgrößeL { font-size: 1.3em; }
.fettSchriftgrößeXL strong, .kursivSchriftgrößeXL em, .SchriftgrößeXL { font-size: 1.6em; }
.fettSchriftgrößeXXL strong, .kursivSchriftgrößeXXL em, .SchriftgrößeXXL { font-size: 2em; }
.fettSchriftgrößeXXXL strong, .kursivSchriftgrößeXXXL em, .SchriftgrößeXXXL { font-size: 3em; }
.TextKlein { font-size: 14px; }
.fettKleinNichtFett strong { font-size: 14px; font-weight: var(--font_weight, normal); }
.fettKlein strong { font-size: 14px; }
.kursivKleinNichtKursiv em { font-size: 14px; font-style: normal; }
.kursivKlein em { font-size: 14px; }
.fettSehrKleinNichtFett strong { font-size: 12px; font-weight: var(--font_weight, normal); } 
.fettSehrKlein strong { font-size: 12px; } 
.kursivSehrKleinNichtKursiv em { font-size: 12px; font-style: normal; }
.kursivSehrKlein em { font-size: 12px; }
.fettGroßNichtFett strong { font-size: 18px; font-weight: var(--font_weight, normal); }
.kursivGroßNichtKursiv em { font-size: 18px; font-style: normal; }
.fettSehrGroßNichtFett strong { font-size: 20px; font-weight: var(--font_weight, normal); }
.kursivSehrGroßNichtKursiv em { font-size: 20px; font-style: normal; }
.fettBlock strong { display: block; }
.ZeilenabstandXS, .ZeilenabstandXS :is(h1,h2,h3,h4,h5,h6) { line-height: 1; }
.ZeilenabstandS, .ZeilenabstandS :is(h1,h2,h3,h4,h5,h6) { line-height: 1.2; }
.ZeilenabstandM, .ZeilenabstandM :is(h1,h2,h3,h4,h5,h6) { line-height: 1.4; }
.ZeilenabstandL, .ZeilenabstandL :is(h1,h2,h3,h4,h5,h6) { line-height: 1.6; }
.ZeilenabstandXL, .ZeilenabstandXL :is(h1,h2,h3,h4,h5,h6) { line-height: 1.8; }
.ZeilenabstandXXL, .ZeilenabstandXXL :is(h1,h2,h3,h4,h5,h6) { line-height: 2; }
.ZeilenabstandXXXL, .ZeilenabstandXXXL :is(h1,h2,h3,h4,h5,h6) { line-height: 3; }
.zentriert { text-align: center; }
.aufDesktopZentriert { text-align: center; @media(max-width:1023px){ text-align: left; } }
.aufMobilZentriert { @media(max-width:1023px){ text-align: center; } }
.aufDesktopBlocksatz { text-align: justify; @media(max-width:1023px){ text-align: left; } }
.keineWorttrennung p,
.fettKeineWorttrennung strong,
.ÜberschriftKeineWorttrennung :is(h1, h2, h3, h4, h5, h6), 
.ÜberschriftKeineWorttrennung:is(h1, h2, h3, h4, h5, h6) { hyphens: none; }
.Worttrennung p,
.ÜberschriftWorttrennung :is(h1, h2, h3, h4, h5, h6),
.ÜberschriftWorttrennung:is(h1, h2, h3, h4, h5, h6) { hyphens: auto; }

.ÜberschriftFett :is(h1, h2, h3, h4, h5, h6),
.ÜberschriftFett:is(h1, h2, h3, h4, h5, h6) { font-weight: var(--font_weight_strong); }
.TextFett p { font-weight: var(--font_weight_strong); }

.Überschrift1Farbe1 { h1 { color: var(--color_1); } }
.Überschrift1Farbe2 { h1 { color: var(--color_2); } }
.Überschrift1Farbe3 { h1 { color: var(--color_3); } }
.Überschrift1Farbe4 { h1 { color: var(--color_4); } }
.Überschrift1FarbeWeiß { h1 { color: #fff; } }

.Überschrift2Farbe1 { h2 { color: var(--color_1); } }
.Überschrift2Farbe2 { h2 { color: var(--color_2); } }
.Überschrift2Farbe3 { h2 { color: var(--color_3); } }
.Überschrift2Farbe4 { h2 { color: var(--color_4); } }
.Überschrift2FarbeWeiß { h2 { color: #fff; } }

.Überschrift3Farbe1 { h3 { color: var(--color_1); } }
.Überschrift3Farbe2 { h3 { color: var(--color_2); } }
.Überschrift3Farbe3 { h3 { color: var(--color_3); } }
.Überschrift3Farbe4 { h3 { color: var(--color_4); } }
.Überschrift3FarbeWeiß { h3 { color: #fff; } }

.Überschrift4Farbe1 { h4 { color: var(--color_1); } }
.Überschrift4Farbe2 { h4 { color: var(--color_2); } }
.Überschrift4Farbe3 { h4 { color: var(--color_3); } }
.Überschrift4Farbe4 { h4 { color: var(--color_4); } }
.Überschrift4FarbeWeiß { h4 { color: #fff; } }

.letztesElementUnten {
	display: flex;
	flex-direction: column;
	.rte {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		& > :last-child {
			margin-top: auto;
		}
	}
}

/************************************************************* BILDER *************************************************************/
.Bildrahmen img { border: 1px solid var(--border_color); }
.Bildrahmenfarbe1 img { border: 1px solid var(--color_1); }
.Bildrahmenfarbe2 img { border: 1px solid var(--color_2); }
.BildVolleHöhe {
	figure { height: 100%;
		img { min-height: 100vh; object-fit: cover; }
	}
}

.BildLinks img, .BildMittig img, .BildRechts img { display: inline-block; }
.BildLinks figure { text-align: left; }
.BildMittig figure { text-align: center; }
.BildRechts figure { text-align: right; }

.BildRund img { border-radius: var(--border_radius); }
.BildKreis img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }

.mod_article .BildAlsHintergrund,
.mod_article .BildAlsHintergrundFixiert {
	position: fixed;
	overflow: hidden;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
	margin: 0;
	padding: 0;
	img { width: 100vw; height: 100vh; object-fit: cover; }
}
.mod_article:has(.BildAlsHintergrundFixiert) { overflow: hidden; }

.mod_article .BildAlsHintergrund {
	position: absolute;
	display: grid;
	height: 100%;
	&.BildNichtVolleHöhe { height: auto; }
	&.BildHalbeBreite { width: 50vw; }
	&.BildRechts { left: auto; right: 0; }
	&.BildMitte { left: 50%; transform: translateX(-50%); }
	&.BildÜberRand {
		overflow: visible;
		figure { overflow: visible;}
	}
	img { height: 100%; }
}

#wrapper div[class^='BildNachLinksVerschieben'], #wrapper div[class*=' BildNachLinksVerschieben'] {
	&.BildNachLinksVerschieben20 { --verschieben: 20px; }
	&.BildNachLinksVerschieben50 { --verschieben: 50px; }
	&.BildNachLinksVerschieben100 { --verschieben: 100px; }
	&.BildNachLinksVerschieben150 { --verschieben: 150px; }
	&.BildNachLinksVerschieben200 { --verschieben: 200px; }
	&.BildNachLinksVerschieben250 { --verschieben: 250px; }
	margin-left: calc( var(--verschieben) * -1 );
	width: calc( 100% + var(--verschieben) );
	img { width: 100%; }
}
#wrapper div[class^='BildNachRechtsVerschieben'], #wrapper div[class*=' BildNachRechtsVerschieben'] {
	&.BildNachRechtsVerschieben20 { --verschieben: 20px; }
	&.BildNachRechtsVerschieben50 { --verschieben: 50px; }
	&.BildNachRechtsVerschieben100 { --verschieben: 100px; }
	&.BildNachRechtsVerschieben150 { --verschieben: 150px; }
	&.BildNachRechtsVerschieben200 { --verschieben: 200px; }
	&.BildNachRechtsVerschieben250 { --verschieben: 250px; }
	margin-right: calc( var(--verschieben) * -1 );
	width: calc( 100% + var(--verschieben) );
	img { width: 100%; }
}
.BildVerdunkeln img { filter: brightness(0.6); }

.Bildhintergrund1 img { background-color: var(--color_1); }
.Bildhintergrund2 img { background-color: var(--color_2); }
.Bildhintergrund3 img { background-color: var(--color_3); }
.Bildhintergrund4 img { background-color: var(--color_4); }
.BildhintergrundWeiß img { background-color: #fff; }
.BildhintergrundSchwarz img { background-color: #000; }

#wrapper .content-text.TextErscheintAufBild {
	position: relative;
	align-self: start;
	overflow: hidden;
	@media(max-width:1023px){  
		display: inline-block;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	& > figure { margin: 0; }
	.rte {
		position: absolute;
		bottom: 0;
		opacity: 0;
		transform: translateY(100%);
		background: color-mix(in srgb, var(--color_1), transparent 25%);
		color: #fff;
		padding: 10px 20px;
		line-height: 1.2;
		width: 100%;
		transition: all 0.5s ease-in-out;
		@media(max-width:1023px){
			position: relative;
			opacity: 1;
			transform: translateY(0);
			padding: 10px;
		}
	}
	&:hover .rte {
		transform: translateY(0);
		opacity: 1;
	}
}

/************************************************************* LISTEN *************************************************************/
.ListeAbstand0 ul { margin: 0; }

.ListenzeilenhöheL ul li { padding-top: .2em; padding-bottom: .2em; }
.ListenzeilenhöheXL ul li { padding-top: .3em; padding-bottom: .3em; }
.ListenzeilenhöheXXL ul li { padding-top: .4em; padding-bottom: .4em; }
.ListenzeilenhöheXXXL ul li { padding-top: .7em; padding-bottom: .7em; }

.ListensymbolPunkt li { list-style: disc; }
.ListensymbolKleinerPunkt li::marker { content: '•  '; }
.ListensymbolKreis li { list-style: circle; }
.ListensymbolBuchstaben li { list-style: lower-alpha; }
.ListensymbolGroßbuchstaben li { list-style: upper-alpha; }
.ListensymbolQuadrat li { list-style: square; }
.ListensymbolRömischeZahlen li { list-style: upper-roman; }
.ListensymbolStrich li::marker { content: '-  '; }
.ListensymbolLangerStrich li::marker { content: '—  '; }
.ListensymbolSpitzeAnführungszeichen li::marker { content: '»  '; }
.ListensymbolDoppelpunkt li::marker { content: ':  '; }

.ListensymbolHaken ul {
	padding-left: 50px;
	& li {	list-style: none;
		&::marker { content: ''; }
		&::before { 
			position: absolute;
			margin-left: -45px;
			margin-top: 3px;
			display: inline-block;
			content: "\2713";
			font-weight: 600;
			font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
			width: 1em;
			height: 1em;
			padding: 0.2em;
			border-radius: 50%;
			line-height: 1;
			text-align: center;
		}
	}
}

.ListensymbolHintergrund1 li::marker, .ListensymbolHintergrund1 li::before { background: var(--color_1); }
.ListensymbolHintergrund2 li::marker, .ListensymbolHintergrund2 li::before { background: var(--color_2); }
.ListensymbolHintergrund3 li::marker, .ListensymbolHintergrund3 li::before { background: var(--color_3); }
.ListensymbolHintergrund4 li::marker, .ListensymbolHintergrund4 li::before { background: var(--color_4); }
.ListensymbolHintergrund5 li::marker, .ListensymbolHintergrund5 li::before { background: var(--color_5); }
.ListensymbolHintergrundWeiß li::marker, .ListensymbolHintergrundWeiß li::before { background: #fff; }
.ListensymbolHintergrundSchwarz li::marker, .ListensymbolHintergrundSchwarz li::before { background: #000; }

.Listensymbolfarbe1 li::marker, .Listensymbolfarbe1 li::before { color: var(--color_1); }
.Listensymbolfarbe2 li::marker, .Listensymbolfarbe2 li::before { color: var(--color_2); }
.Listensymbolfarbe3 li::marker, .Listensymbolfarbe3 li::before { color: var(--color_3); }
.Listensymbolfarbe4 li::marker, .Listensymbolfarbe4 li::before { color: var(--color_4); }
.ListensymbolfarbeWeiß li::marker, .ListensymbolfarbeWeiß li::before { color: #fff; }
.ListensymbolfarbeSchwarz li::marker, .ListensymbolfarbeSchwarz li::before { color: #000; }
/************************************************************* LINKS *************************************************************/
#wrapper .LinkOhneUnterstrich a {
	text-decoration: none;
	&:hover { text-decoration: underline; }
	&:before { display: none; }
}
#wrapper .LinkMitUnterstrich a { text-decoration: underline; }
#wrapper .LinkunterstrichBeiBerührung a:hover { text-decoration: underline; }
#wrapper .UnterstrichBeiBerührung:hover { text-decoration: underline; }
#wrapper .LinkOhneUnterstrichBeiBerührung a:hover { text-decoration: none; }

#wrapper .LinkBeiBerührungDrehen a, a.LinkBeiBerührungDrehen {
	display: inline-block;
	line-height: 1;
	transition: all 0.25s ease-in-out;
	&:hover { transform: rotate(20deg); }
}
#wrapper .LinkBeiBerührungVergrößern a, a.LinkBeiBerührungVergrößern {
	display: inline-block;
	line-height: 1;
	transition: all 0.25s ease-in-out;
	&:hover { transform: scale(1.05); }
}

body #wrapper .LinkgrößeXXS a { font-size: .55em; }
body #wrapper .LinkgrößeXS a { font-size: .7em; }
body #wrapper .LinkgrößeS a { font-size: .85em; }
body #wrapper .LinkgrößeL a { font-size: 1.3em; }
body #wrapper .LinkgrößeXL a { font-size: 1.6em; }
body #wrapper .LinkgrößeXXL a { font-size: 2em; }

body .Linkfarbe1 a, body .Linkfarbe1 a svg, body .Linkfarbe1 a svg.icon { color: var(--color_1); fill: var(--color_1); }
body .Linkfarbe2 a, body .Linkfarbe2 a svg, body .Linkfarbe2 a svg.icon { color: var(--color_2); fill: var(--color_2); }
body .Linkfarbe3 a, body .Linkfarbe3 a svg, body .Linkfarbe3 a svg.icon { color: var(--color_3); fill: var(--color_3); }
body .Linkfarbe4 a, body .Linkfarbe4 a svg, body .Linkfarbe4 a svg.icon { color: var(--color_4); fill: var(--color_4); }
body .LinkfarbeSchwarz a, body .LinkfarbeSchwarz a svg, body .LinkfarbeSchwarz a svg.icon { color: #000; fill: #000; }
body .LinkfarbeWeiß a, body .LinkfarbeWeiß a svg, body .LinkfarbeWeiß a svg.icon { color: #fff; fill: #fff; }
body .LinkfarbeTextfarbe a, body .LinkfarbeTextfarbe a svg, body .LinkfarbeTextfarbe a svg.icon,
body .LinkfarbeSchriftfarbe a, body .LinkfarbeSchriftfarbe a svg, body .LinkfarbeSchriftfarbe a svg.icon { color: var(--font_color, #444); fill: var(--font_color, #444); }
/************************************************************* SPALTEN *************************************************************/
.ElementeOben { align-items: start; }
.vertikalMittig, .ElementeVertikalMittig { align-items: center; }
.ElementeUnten { align-items: end; }
.horizontalMittig { justify-content: center; }
.ElementhöheGleich > * { height: 100%; }
/************************************************************* FORMULARE *************************************************************/
fieldset.Spaltenanzahl2,
fieldset.Spaltenanzahl3,
fieldset.Spaltenanzahl4,
fieldset.Spaltenanzahl5 {
	padding: 0;
	border: 0;
	column-gap: var(--form_gap, 10px);
	display: grid;
	align-items: end;
	grid-template-columns: repeat(2, 1fr);
	@media(max-width:767px){ grid-template-columns: repeat(1, 1fr); }
}
fieldset.Spaltenanzahl3 { grid-template-columns: repeat(3, 1fr); }
fieldset.Spaltenanzahl4 { grid-template-columns: repeat(4, 1fr); }
fieldset.Spaltenanzahl5 { grid-template-columns: repeat(5, 1fr); }
/************************************************************* FLÄCHEN *************************************************************/
.rundeEcken { border-radius: var(--border_radius, 10px) ; }
.rundeEckeUntenLinks { border-bottom-left-radius: var(--border_radius, 10px) ; }
.rundeEckeObenLinks { border-top-left-radius: var(--border_radius, 10px) ; }
.rundeEckeUntenRechts { border-bottom-right-radius: var(--border_radius, 10px) ; }
.rundeEckeObenRechts { border-top-right-radius: var(--border_radius, 10px) ; }
.eckigeEcken { --button_border_radius: 0; --border_radius: 0; }

.Rahmen0, #wrapper .Kachel.Rahmen0 { border: 0; }
.Rahmen1 { border: 1px solid var(--color_1); }
.Rahmen2 { border: 1px solid var(--color_2); }
.Rahmen3 { border: 1px solid var(--color_3); }
.Rahmen4 { border: 1px solid var(--color_4); }

.RahmenOben { border-top: 1px solid var(--border_color, #ddd); margin-top: var(--article_space_top, 60px); }
.RahmenUnten { border-bottom: 1px solid var(--border_color, #ddd); margin-bottom: var(--article_space_top, 60px); }
.RahmenLinks { border-left: 1px solid var(--border_color, #ddd); }
.RahmenRechts { border-right: 1px solid var(--border_color, #ddd); }

.Rahmen { border: 1px solid var(--border_color, #ddd); }
#wrapper .RahmenbreiteL { border-width: 2px; }
#wrapper .RahmenbreiteXL { border-width: 3px; }
#wrapper .RahmenbreiteXXL { border-width: 5px; }
.Rahmenfarbe1 { border-color: var(--color_1); }
.Rahmenfarbe2 { border-color: var(--color_2); }
.RahmenfarbeWeiß { border-color: #fff; }
.RahmenfarbeSchwarz { border-color: #000; }
.RahmenfarbeSchriftfarbe { border-color: var(--font_color); }

/************************************************************* KACHELN *************************************************************/
#wrapper .Kacheln, 
#wrapper .KachelnGrau,
#wrapper .KachelnWeiß {
	justify-content: center;
	& > * {
		border: 1px solid var(--border_color);
		padding: 20px 20px;
		background: #f8f8f8;
		border-radius: var(--border_radius, 3px);
		height: 100%;
		overflow: hidden;
		&.content-text.media--above img { margin-bottom: .5em; }
	}
	&.KachelnWeiß > * { background: #fff; }
	&.KachelnGrau > * { background: #f8f8f8; }
}

#wrapper .Kachel {
	border: 1px solid #ddd;
	padding: 1.5em;
	background: #f8f8f8;
	border-radius: var(--border_radius, 3px);
	overflow: hidden;
	@media(max-width:1023px){ padding: .5em; }
}

.abg1 #wrapper .mod_article:nth-child(odd) .Kachel,
.abg2 #wrapper .mod_article:nth-child(even) .Kachel,
#wrapper #container #main .mod_article.HintergrundGrau .Kachel { background: #fff; }
.abg1 #wrapper .mod_article:nth-child(even) .Kachel,
.abg2 #wrapper .mod_article:nth-child(odd) .Kachel,
#wrapper #container #main .mod_article.HintergrundWeiß .Kachel { background: #f8f8f8; }

.abg1 #wrapper .mod_article:nth-child(even) .Kacheln > *,
.abg2 #wrapper .mod_article:nth-child(odd) .Kacheln > *,
#wrapper #container #main .mod_article.HintergrundWeiß .Kacheln > * { background: #f8f8f8; }
.abg1 #wrapper .mod_article:nth-child(odd) .Kacheln > *,
.abg2 #wrapper .mod_article:nth-child(even) .Kacheln > *,
#wrapper #container #main .mod_article.HintergrundGrau .Kacheln > * { background: #fff; }
/************************************************************* BREITE *************************************************************/
.mod_article .volleBreite:not(.content-table), #wrapper .volleBreite, .volleBreite, #wrapper .Breite100Prozent, .Breite100Prozent { 
	padding-left: 0; padding-right: 0; width: 100%; 
}
.mod_article .volleBreiteMitAbstand { width: 100%; }
.mod_article .volleBreite.content-table table { width: 100%; }
.mod_article .volleBreite.content-image img { width: 100%; height: auto; }
.mod_article.volleBreite, .mod_article.Breite100Prozent {
	& > * { width: 100%; padding-right: 0; padding-left: 0; 
		&.content-image img { width: 100%; }
	}
}

.mod_article .Breite100, .mod_article.Breite100 > * { max-width: 100%; width: 100px; margin-left: auto; margin-right: auto; }
.mod_article .Breite150, .mod_article.Breite150 > * { max-width: 100%; width: 150px; margin-left: auto; margin-right: auto; }
.mod_article .Breite200, .mod_article.Breite200 > * { max-width: 100%; width: 200px; margin-left: auto; margin-right: auto; }
.mod_article .Breite250, .mod_article.Breite250 > * { max-width: 100%; width: 250px; margin-left: auto; margin-right: auto; }
.mod_article .Breite300, .mod_article.Breite300 > * { max-width: 100%; width: 300px; margin-left: auto; margin-right: auto; }
.mod_article .Breite350, .mod_article.Breite350 > * { max-width: 100%; width: 350px; margin-left: auto; margin-right: auto; }
.mod_article .Breite400, .mod_article.Breite400 > * { max-width: 100%; width: 400px; margin-left: auto; margin-right: auto; }
.mod_article .Breite450, .mod_article.Breite450 > * { max-width: 100%; width: 450px; margin-left: auto; margin-right: auto; }
.mod_article .Breite500, .mod_article.Breite500 > * { max-width: 100%; width: 500px; margin-left: auto; margin-right: auto; }
.mod_article .Breite550, .mod_article.Breite550 > * { max-width: 100%; width: 550px; margin-left: auto; margin-right: auto; }
.mod_article .Breite600, .mod_article.Breite600 > * { max-width: 100%; width: 600px; margin-left: auto; margin-right: auto; }
.mod_article .Breite650, .mod_article.Breite650 > * { max-width: 100%; width: 650px; margin-left: auto; margin-right: auto; }
.mod_article .Breite700, .mod_article.Breite700 > * { max-width: 100%; width: 700px; margin-left: auto; margin-right: auto; }
.mod_article .Breite750, .mod_article.Breite750 > * { max-width: 100%; width: 750px; margin-left: auto; margin-right: auto; }
.mod_article .Breite800, .mod_article.Breite800 > * { max-width: 100%; width: 800px; margin-left: auto; margin-right: auto; }
.mod_article .Breite850, .mod_article.Breite850 > * { max-width: 100%; width: 850px; margin-left: auto; margin-right: auto; }
.mod_article .Breite900, .mod_article.Breite900 > * { max-width: 100%; width: 900px; margin-left: auto; margin-right: auto; }
.mod_article .Breite950, .mod_article.Breite950 > * { max-width: 100%; width: 950px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1000, .mod_article.Breite1000 > * { max-width: 100%; width: 1000px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1050, .mod_article.Breite1050 > * { max-width: 100%; width: 1050px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1100, .mod_article.Breite1100 > * { max-width: 100%; width: 1100px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1150, .mod_article.Breite1150 > * { max-width: 100%; width: 1150px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1200, .mod_article.Breite1200 > * { max-width: 100%; width: 1200px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1250, .mod_article.Breite1250 > * { max-width: 100%; width: 1250px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1300, .mod_article.Breite1300 > * { max-width: 100%; width: 1300px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1350, .mod_article.Breite1350 > * { max-width: 100%; width: 1350px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1400, .mod_article.Breite1400 > * { max-width: 100%; width: 1400px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1450, .mod_article.Breite1450 > * { max-width: 100%; width: 1450px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1500, .mod_article.Breite1500 > * { max-width: 100%; width: 1500px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1550, .mod_article.Breite1550 > * { max-width: 100%; width: 1550px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1600, .mod_article.Breite1600 > * { max-width: 100%; width: 1600px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1650, .mod_article.Breite1650 > * { max-width: 100%; width: 1650px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1700, .mod_article.Breite1700 > * { max-width: 100%; width: 1700px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1750, .mod_article.Breite1750 > * { max-width: 100%; width: 1750px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1800, .mod_article.Breite1800 > * { max-width: 100%; width: 1800px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1850, .mod_article.Breite1850 > * { max-width: 100%; width: 1850px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1900, .mod_article.Breite1900 > * { max-width: 100%; width: 1900px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1950, .mod_article.Breite1950 > * { max-width: 100%; width: 1950px; margin-left: auto; margin-right: auto; }

.content-text.TextLinks .rte { margin-left: 0; }
.content-text.TextRechts .rte { margin-right: 0; }

/************************************************************* HÖHE *************************************************************/
.volleHöhe { height: 100vh; overflow-y: hidden; }

.minimaleHöhe5Prozent { min-height: 5vh; min-height: 5svh; }
.minimaleHöhe10Prozent { min-height: 10vh; min-height: 10svh; }
.minimaleHöhe15Prozent { min-height: 15vh; min-height: 15svh; }
.minimaleHöhe20Prozent { min-height: 20vh; min-height: 20svh; }
.minimaleHöhe25Prozent { min-height: 25vh; min-height: 25svh; }
.minimaleHöhe30Prozent { min-height: 30vh; min-height: 30svh; }
.minimaleHöhe35Prozent { min-height: 35vh; min-height: 35svh; }
.minimaleHöhe40Prozent { min-height: 40vh; min-height: 40svh; }
.minimaleHöhe45Prozent { min-height: 45vh; min-height: 45svh; }
.minimaleHöhe50Prozent { min-height: 50vh; min-height: 50svh; }
.minimaleHöhe55Prozent { min-height: 55vh; min-height: 55svh; }
.minimaleHöhe60Prozent { min-height: 60vh; min-height: 60svh; }
.minimaleHöhe65Prozent { min-height: 65vh; min-height: 65svh; }
.minimaleHöhe70Prozent { min-height: 70vh; min-height: 70svh; }
.minimaleHöhe75Prozent { min-height: 75vh; min-height: 75svh; }
.minimaleHöhe80Prozent { min-height: 80vh; min-height: 80svh; }
.minimaleHöhe85Prozent { min-height: 85vh; min-height: 85svh; }
.minimaleHöhe90Prozent { min-height: 90vh; min-height: 90svh; }
.minimaleHöhe95Prozent { min-height: 95vh; min-height: 95svh; }
.minimaleHöhe100Prozent { min-height: 100vh; min-height: 100svh; }

.minimaleHöhe50Pixel { min-height: 50px; }
.minimaleHöhe100Pixel { min-height: 100px; }
.minimaleHöhe150Pixel { min-height: 150px; }
.minimaleHöhe200Pixel { min-height: 200px; }
.minimaleHöhe250Pixel { min-height: 250px; }
.minimaleHöhe300Pixel { min-height: 300px; }
.minimaleHöhe350Pixel { min-height: 350px; }
.minimaleHöhe400Pixel { min-height: 400px; }
.minimaleHöhe450Pixel { min-height: 450px; }
.minimaleHöhe500Pixel { min-height: 500px; }
.minimaleHöhe550Pixel { min-height: 550px; }
.minimaleHöhe600Pixel { min-height: 600px; }
.minimaleHöhe650Pixel { min-height: 650px; }
.minimaleHöhe700Pixel { min-height: 700px; }
.minimaleHöhe750Pixel { min-height: 750px; }
.minimaleHöhe800Pixel { min-height: 800px; }
.minimaleHöhe850Pixel { min-height: 850px; }
.minimaleHöhe900Pixel { min-height: 900px; }
.minimaleHöhe950Pixel { min-height: 950px; }
.minimaleHöhe1000Pixel { min-height: 1000px; }

.maximaleHöhe5Prozent { max-height: 5vh; max-height: 5svh; }
.maximaleHöhe10Prozent { max-height: 10vh; max-height: 10svh; }
.maximaleHöhe15Prozent { max-height: 15vh; max-height: 15svh; }
.maximaleHöhe20Prozent { max-height: 20vh; max-height: 20svh; }
.maximaleHöhe25Prozent { max-height: 25vh; max-height: 25svh; }
.maximaleHöhe30Prozent { max-height: 30vh; max-height: 30svh; }
.maximaleHöhe35Prozent { max-height: 35vh; max-height: 35svh; }
.maximaleHöhe40Prozent { max-height: 40vh; max-height: 40svh; }
.maximaleHöhe45Prozent { max-height: 45vh; max-height: 45svh; }
.maximaleHöhe50Prozent { max-height: 50vh; max-height: 50svh; }
.maximaleHöhe55Prozent { max-height: 55vh; max-height: 55svh; }
.maximaleHöhe60Prozent { max-height: 60vh; max-height: 60svh; }
.maximaleHöhe65Prozent { max-height: 65vh; max-height: 65svh; }
.maximaleHöhe70Prozent { max-height: 70vh; max-height: 70svh; }
.maximaleHöhe75Prozent { max-height: 75vh; max-height: 75svh; }
.maximaleHöhe80Prozent { max-height: 80vh; max-height: 80svh; }
.maximaleHöhe85Prozent { max-height: 85vh; max-height: 85svh; }
.maximaleHöhe90Prozent { max-height: 90vh; max-height: 90svh; }
.maximaleHöhe95Prozent { max-height: 95vh; max-height: 95svh; }
.maximaleHöhe100Prozent { max-height: 100vh; max-height: 100svh; }

.maximaleHöhe50Pixel { max-height: 50px; }
.maximaleHöhe100Pixel { max-height: 100px; }
.maximaleHöhe150Pixel { max-height: 150px; }
.maximaleHöhe200Pixel { max-height: 200px; }
.maximaleHöhe250Pixel { max-height: 250px; }
.maximaleHöhe300Pixel { max-height: 300px; }
.maximaleHöhe350Pixel { max-height: 350px; }
.maximaleHöhe400Pixel { max-height: 400px; }
.maximaleHöhe450Pixel { max-height: 450px; }
.maximaleHöhe500Pixel { max-height: 500px; }
.maximaleHöhe550Pixel { max-height: 550px; }
.maximaleHöhe600Pixel { max-height: 600px; }
.maximaleHöhe650Pixel { max-height: 650px; }
.maximaleHöhe700Pixel { max-height: 700px; }
.maximaleHöhe750Pixel { max-height: 750px; }
.maximaleHöhe800Pixel { max-height: 800px; }
.maximaleHöhe850Pixel { max-height: 850px; }
.maximaleHöhe900Pixel { max-height: 900px; }
.maximaleHöhe950Pixel { max-height: 950px; }
.maximaleHöhe1000Pixel { max-height: 1000px; }
/************************************************************* ABSTÄNDE *************************************************************/
:root {
	--XXXXS: 5px;
	--XXXS: 10px;
	--XXS: 20px;
	--XS: 25px;
	--S: 40px;
	--M: 60px;
	--L: 100px;
	--XL: 200px;
	--XXL: 300px;
	--XXXL: 400px;
}
.AbstandÜberschriftOben0 { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-top: 0; } 
}
.AbstandÜberschriftUnten0 { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0; } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenXXXS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XXXS); }
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenXXS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XXS); } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenXS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XS); } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--S); } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}

body #wrapper #container .Abstand0, .mod_article body #wrapper .AbstandText0 .rte { padding: 0px; }
body #wrapper #container .AbstandXXXS, #container .mod_article .AbstandTextXXXS .rte { padding: var(--XXXS); }
body #wrapper #container .AbstandXXS, #container .mod_article .AbstandTextXXS .rte { padding: var(--XXS); }
body #wrapper #container .AbstandXS, #container .mod_article .AbstandTextXS .rte { padding: var(--XS); }
body #wrapper #container .AbstandS, #container .mod_article .AbstandTextS .rte { padding: var(--S); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandM, #container .mod_article .AbstandTextM .rte { padding: var(--M); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandL, #container .mod_article .AbstandTextL .rte { padding: var(--L); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXL, #container .mod_article .AbstandTextXL .rte { padding: var(--XL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXXL, #container .mod_article .AbstandTextXXL .rte { padding: var(--XXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXXXL, #container .mod_article .AbstandTextXXXL .rte { padding: var(--XXXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXXXXL, #container .mod_article .AbstandTextXXXXL .rte { padding: 250px; @media(max-width:767px){ padding: 30px 10px; } }

body #wrapper #container .AbstandOben0, #container .mod_article .AbstandTextOben0 .rte { padding-top: 0px; }
body #wrapper #container .AbstandObenXXXS, #container .mod_article .AbstandTextObenXXXS .rte { padding-top: var(--XXXS); }
body #wrapper #container .AbstandObenXXS, #container .mod_article .AbstandTextObenXXS .rte { padding-top: var(--XXS); }
body #wrapper #container .AbstandObenXS, #container .mod_article .AbstandTextObenXS .rte { padding-top: var(--XS); }
body #wrapper #container .AbstandObenS, #container .mod_article .AbstandTextObenS .rte { padding-top: var(--S); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenM, #container .mod_article .AbstandTextObenM .rte { padding-top: var(--M); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenL, #container .mod_article .AbstandTextObenL .rte { padding-top: var(--L); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenXL, #container .mod_article .AbstandTextObenXL .rte { padding-top: var(--XL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenXXL, #container .mod_article .AbstandTextObenXXL .rte { padding-top: var(--XXL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenXXXL, #container .mod_article .AbstandTextObenXXXL .rte { padding-top: var(--XXXL); @media(max-width:767px){ padding-top: 20px; } }

body #wrapper #container .AbstandRechts0, #container .mod_article .AbstandTextRechts0 .rte { padding-right: 0px; }
body #wrapper #container .AbstandRechtsXXXS, #container .mod_article .AbstandTextRechtsXXXS .rte { padding-right: var(--XXXS); }
body #wrapper #container .AbstandRechtsXXS, #container .mod_article .AbstandTextRechtsXXS .rte { padding-right: var(--XXS); }
body #wrapper #container .AbstandRechtsXS, #container .mod_article .AbstandTextRechtsXS .rte { padding-right: var(--XS); }
body #wrapper #container .AbstandRechtsS, #container .mod_article .AbstandTextRechtsS .rte { padding-right: var(--S); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsM, #container .mod_article .AbstandTextRechtsM .rte { padding-right: var(--M); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsL, #container .mod_article .AbstandTextRechtsL .rte { padding-right: var(--L); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsXL, #container .mod_article .AbstandTextRechtsXL .rte { padding-right: var(--XL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsXXL, #container .mod_article .AbstandTextRechtsXXL .rte { padding-right: var(--XXL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsXXXL, #container .mod_article .AbstandTextRechtsXXXL .rte { padding-right: var(--XXXL); @media(max-width:767px){ padding-right: 20px; } }

body #wrapper #container .AbstandUnten0, #container .mod_article .AbstandTextUnten0 .rte { padding-bottom: 0px; }
body #wrapper #container .AbstandUntenXXXS, #container .mod_article .AbstandTextUntenXXXS .rte { padding-bottom: var(--XXXS); }
body #wrapper #container .AbstandUntenXXS, #container .mod_article .AbstandTextUntenXXS .rte { padding-bottom: var(--XXS); }
body #wrapper #container .AbstandUntenXS, #container .mod_article .AbstandTextUntenXS .rte { padding-bottom: var(--XS); }
body #wrapper #container .AbstandUntenS, #container .mod_article .AbstandTextUntenS .rte { padding-bottom: var(--S); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenM, #container .mod_article .AbstandTextUntenM .rte { padding-bottom: var(--M); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenL, #container .mod_article .AbstandTextUntenL .rte { padding-bottom: var(--L); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenXL, #container .mod_article .AbstandTextUntenXL .rte { padding-bottom: var(--XL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenXXL, #container .mod_article .AbstandTextUntenXXL .rte { padding-bottom: var(--XXL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenXXXL, #container .mod_article .AbstandTextUntenXXXL .rte { padding-bottom: var(--XXXL); @media(max-width:767px){ padding-bottom: 20px; } }

body #wrapper #container .AbstandLinks0, #container .mod_article .AbstandTextLinks0 .rte { padding-left: 0px; }
body #wrapper #container .AbstandLinksXXXS, #container .mod_article .AbstandTextLinksXXXS .rte { padding-left: var(--XXXS); }
body #wrapper #container .AbstandLinksXXS, #container .mod_article .AbstandTextLinksXXS .rte { padding-left: var(--XXS); }
body #wrapper #container .AbstandLinksXS, #container .mod_article .AbstandTextLinksXS .rte { padding-left: var(--XS); }
body #wrapper #container .AbstandLinksS, #container .mod_article .AbstandTextLinksS .rte { padding-left: var(--S); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksM, #container .mod_article .AbstandTextLinksM .rte { padding-left: var(--M); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksL, #container .mod_article .AbstandTextLinksL .rte { padding-left: var(--L); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksXL, #container .mod_article .AbstandTextLinksXL .rte { padding-left: var(--XL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksXXL, #container .mod_article .AbstandTextLinksXXL .rte { padding-left: var(--XXL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksXXXL, #container .mod_article .AbstandTextLinksXXXL .rte { padding-left: var(--XXXL); @media(max-width:767px){ padding-left: 20px; } }


#wrapper .AbstandBildOben0 figure { margin-top: 0px; }
#wrapper .AbstandBildRechts0 figure { margin-right: 0px; }
#wrapper .AbstandBildUnten0 figure { margin-bottom: 0px; }
#wrapper .AbstandBildLinks0 figure { margin-left: 0px; }

#wrapper .AbstandBildObenXXXXS figure { margin-top: var(--XXXXS); }
#wrapper .AbstandBildObenXXXS figure { margin-top: var(--XXXS); }
#wrapper .AbstandBildObenXXS figure { margin-top: var(--XXS); }
#wrapper .AbstandBildObenXS figure { margin-top: var(--XS); }
#wrapper .AbstandBildObenS figure { margin-top: var(--S); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenM figure { margin-top: var(--M); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenL figure { margin-top: var(--L); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenXL figure { margin-top: var(--XL); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenXXL figure { margin-top: var(--XXL); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenXXXL figure { margin-top: var(--XXXL); @media(max-width:767px){ margin-top: 20px; } }

#wrapper .AbstandBildRechtsXXXXS figure { margin-right: var(--XXXXS); }
#wrapper .AbstandBildRechtsXXXS figure { margin-right: var(--XXXS); }
#wrapper .AbstandBildRechtsXXS figure { margin-right: var(--XXS); }
#wrapper .AbstandBildRechtsXS figure { margin-right: var(--XS); }
#wrapper .AbstandBildRechtsS figure { margin-right: var(--S); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsM figure { margin-right: var(--M); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsL figure { margin-right: var(--L); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsXL figure { margin-right: var(--XL); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsXXL figure { margin-right: var(--XXL); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsXXXL figure { margin-right: var(--XXXL); @media(max-width:767px){ margin-right: 20px; } }

#wrapper .AbstandBildUntenXXXXS figure { margin-bottom: var(--XXXXS); }
#wrapper .AbstandBildUntenXXXS figure { margin-bottom: var(--XXXS); }
#wrapper .AbstandBildUntenXXS figure { margin-bottom: var(--XXS); }
#wrapper .AbstandBildUntenXS figure { margin-bottom: var(--XS); }
#wrapper .AbstandBildUntenS figure { margin-bottom: var(--S); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenM figure { margin-bottom: var(--M); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenL figure { margin-bottom: var(--L); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenXL figure { margin-bottom: var(--XL); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenXXL figure { margin-bottom: var(--XXL); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenXXXL figure { margin-bottom: var(--XXXL); @media(max-width:767px){ margin-bottom: 20px; } }

#wrapper .AbstandBildLinksXXXXS figure { margin-left: var(--XXXXS); }
#wrapper .AbstandBildLinksXXXS figure { margin-left: var(--XXXS); }
#wrapper .AbstandBildLinksXXS figure { margin-left: var(--XXS); }
#wrapper .AbstandBildLinksXS figure { margin-left: var(--XS); }
#wrapper .AbstandBildLinksS figure { margin-left: var(--S); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksM figure { margin-left: var(--M); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksL figure { margin-left: var(--L); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksXL figure { margin-left: var(--XL); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksXXL figure { margin-left: var(--XXL); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksXXXL figure { margin-left: var(--XXXL); @media(max-width:767px){ margin-left: 20px; } }


body #wrapper #container .AbstandAußen0 { margin: 0; }
body #wrapper #container .AbstandAußenXXXS { margin: var(--XXXS); }
body #wrapper #container .AbstandAußenXXS { margin: var(--XXS); }
body #wrapper #container .AbstandAußenXS { margin: var(--XS); }
body #wrapper #container .AbstandAußenS { margin: var(--S); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenM { margin: var(--M); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenL { margin: var(--L); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXL { margin: var(--XL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXXL { margin: var(--XXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXXXL { margin: var(--XXXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXXXXL { margin: 250px; @media(max-width:767px){ padding: 30px 10px; } }

body #wrapper #container .AbstandAußenOben0 { margin-top: 0px; }
body #wrapper #container .AbstandAußenObenXXXS { margin-top: var(--XXXS); }
body #wrapper #container .AbstandAußenObenXXS { margin-top: var(--XXS); }
body #wrapper #container .AbstandAußenObenXS { margin-top: var(--XS); }
body #wrapper #container .AbstandAußenObenS { margin-top: var(--S); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenM { margin-top: var(--M); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenL { margin-top: var(--L); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenXL { margin-top: var(--XL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenXXL { margin-top: var(--XXL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenXXXL { margin-top: var(--XXXL); @media(max-width:767px){ padding-top: 20px; } }

body #wrapper #container .AbstandAußenRechts0 { margin-right: 0px; }
body #wrapper #container .AbstandAußenRechtsXXXS { margin-right: var(--XXXS); }
body #wrapper #container .AbstandAußenRechtsXXS { margin-right: var(--XXS); }
body #wrapper #container .AbstandAußenRechtsXS { margin-right: var(--XS); }
body #wrapper #container .AbstandAußenRechtsS { margin-right: var(--S); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsM { margin-right: var(--M); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsL { margin-right: var(--L); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsXL { margin-right: var(--XL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsXXL { margin-right: var(--XXL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsXXXL { margin-right: var(--XXXL); @media(max-width:767px){ padding-right: 20px; } }

body #wrapper #container .AbstandAußenUnten0 { margin-bottom: 0px; }
body #wrapper #container .AbstandAußenUntenXXXS { margin-bottom: var(--XXXS); }
body #wrapper #container .AbstandAußenUntenXXS { margin-bottom: var(--XXS); }
body #wrapper #container .AbstandAußenUntenXS { margin-bottom: var(--XS); }
body #wrapper #container .AbstandAußenUntenS { margin-bottom: var(--S); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenM { margin-bottom: var(--M); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenL { margin-bottom: var(--L); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenXL { margin-bottom: var(--XL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenXXL { margin-bottom: var(--XXL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenXXXL { margin-bottom: var(--XXXL); @media(max-width:767px){ padding-bottom: 20px; } }

body #wrapper #container .AbstandAußenLinks0 { margin-left: 0px; }
body #wrapper #container .AbstandAußenLinksXXXS { margin-left: var(--XXXS); }
body #wrapper #container .AbstandAußenLinksXXS { margin-left: var(--XXS); }
body #wrapper #container .AbstandAußenLinksXS { margin-left: var(--XS); }
body #wrapper #container .AbstandAußenLinksS { margin-left: var(--S); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksM { margin-left: var(--M); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksL { margin-left: var(--L); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksXL { margin-left: var(--XL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksXXL { margin-left: var(--XXL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksXXXL { margin-left: var(--XXXL); @media(max-width:767px){ padding-left: 20px; } }


body #wrapper #container .AbstandMobil0 { @media(max-width:767px){ padding: 0; } }
body #wrapper #container .AbstandMobilXXXS { @media(max-width:767px){ padding: var(--XXXS); } }
body #wrapper #container .AbstandMobilXXS { @media(max-width:767px){ padding: var(--XXS); } }
body #wrapper #container .AbstandMobilXS { @media(max-width:767px){ padding: var(--XS); } }
body #wrapper #container .AbstandMobilS { @media(max-width:767px){ padding: var(--S); } }
body #wrapper #container .AbstandMobilM { @media(max-width:767px){ padding: var(--M); } }
body #wrapper #container .AbstandMobilL { @media(max-width:767px){ padding: var(--L); } }
body #wrapper #container .AbstandMobilXL { @media(max-width:767px){ padding: var(--XL); } }
body #wrapper #container .AbstandMobilXXL { @media(max-width:767px){ padding: var(--XXL); } }
body #wrapper #container .AbstandMobilXXXL { @media(max-width:767px){ padding: var(--XXXL); } }
body #wrapper #container .AbstandMobilXXXXL { @media(max-width:767px){ padding: 250px; } }

body #wrapper #container .AbstandMobilOben0 { @media(max-width:767px){ padding-top: 0px; } }
body #wrapper #container .AbstandMobilObenXXXS { @media(max-width:767px){ padding-top: var(--XXXS); } }
body #wrapper #container .AbstandMobilObenXXS { @media(max-width:767px){ padding-top: var(--XXS); } }
body #wrapper #container .AbstandMobilObenXS { @media(max-width:767px){ padding-top: var(--XS); } }
body #wrapper #container .AbstandMobilObenS { @media(max-width:767px){ padding-top: var(--S); } }
body #wrapper #container .AbstandMobilObenM { @media(max-width:767px){ padding-top: var(--M); } }
body #wrapper #container .AbstandMobilObenL { @media(max-width:767px){ padding-top: var(--L); } }
body #wrapper #container .AbstandMobilObenXL { @media(max-width:767px){ padding-top: var(--XL); } }
body #wrapper #container .AbstandMobilObenXXL { @media(max-width:767px){ padding-top: var(--XXL); } }
body #wrapper #container .AbstandMobilObenXXXL { @media(max-width:767px){ padding-top: var(--XXXL); } }

body #wrapper #container .AbstandMobilRechts0 { @media(max-width:767px){ padding-right: 0px; } }
body #wrapper #container .AbstandMobilRechtsXXXS { @media(max-width:767px){ padding-right: var(--XXXS); } }
body #wrapper #container .AbstandMobilRechtsXXS { @media(max-width:767px){ padding-right: var(--XXS); } }
body #wrapper #container .AbstandMobilRechtsXS { @media(max-width:767px){ padding-right: var(--XS); } }
body #wrapper #container .AbstandMobilRechtsS { @media(max-width:767px){ padding-right: var(--S); } }
body #wrapper #container .AbstandMobilRechtsM { @media(max-width:767px){ padding-right: var(--M); } }
body #wrapper #container .AbstandMobilRechtsL { @media(max-width:767px){ padding-right: var(--L); } }
body #wrapper #container .AbstandMobilRechtsXL { @media(max-width:767px){ padding-right: var(--XL); } }
body #wrapper #container .AbstandMobilRechtsXXL { @media(max-width:767px){ padding-right: var(--XXL); } }
body #wrapper #container .AbstandMobilRechtsXXXL { @media(max-width:767px){ padding-right: var(--XXXL); } }

body #wrapper #container .AbstandMobilUnten0 { @media(max-width:767px){ padding-bottom: 0px; } }
body #wrapper #container .AbstandMobilUntenXXXS { @media(max-width:767px){ padding-bottom: var(--XXXS); } }
body #wrapper #container .AbstandMobilUntenXXS { @media(max-width:767px){ padding-bottom: var(--XXS); } }
body #wrapper #container .AbstandMobilUntenXS { @media(max-width:767px){ padding-bottom: var(--XS); } }
body #wrapper #container .AbstandMobilUntenS { @media(max-width:767px){ padding-bottom: var(--S); } }
body #wrapper #container .AbstandMobilUntenM { @media(max-width:767px){ padding-bottom: var(--M); } }
body #wrapper #container .AbstandMobilUntenL { @media(max-width:767px){ padding-bottom: var(--L); } }
body #wrapper #container .AbstandMobilUntenXL { @media(max-width:767px){ padding-bottom: var(--XL); } }
body #wrapper #container .AbstandMobilUntenXXL { @media(max-width:767px){ padding-bottom: var(--XXL); } }
body #wrapper #container .AbstandMobilUntenXXXL { @media(max-width:767px){ padding-bottom: var(--XXXL); } }

body #wrapper #container .AbstandMobilLinks0 { @media(max-width:767px){ padding-left: 0px; } }
body #wrapper #container .AbstandMobilLinksXXXS { @media(max-width:767px){ padding-left: var(--XXXS); } }
body #wrapper #container .AbstandMobilLinksXXS { @media(max-width:767px){ padding-left: var(--XXS); } }
body #wrapper #container .AbstandMobilLinksXS { @media(max-width:767px){ padding-left: var(--XS); } }
body #wrapper #container .AbstandMobilLinksS { @media(max-width:767px){ padding-left: var(--S); } }
body #wrapper #container .AbstandMobilLinksM { @media(max-width:767px){ padding-left: var(--M); } }
body #wrapper #container .AbstandMobilLinksL { @media(max-width:767px){ padding-left: var(--L); } }
body #wrapper #container .AbstandMobilLinksXL { @media(max-width:767px){ padding-left: var(--XL); } }
body #wrapper #container .AbstandMobilLinksXXL { @media(max-width:767px){ padding-left: var(--XXL); } }
body #wrapper #container .AbstandMobilLinksXXXL { @media(max-width:767px){ padding-left: var(--XXXL); } }


body #wrapper #container .AbstandNegativOben0 { margin-top: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXXS { margin-top: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXS { margin-top: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXS { margin-top: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenS { margin-top: calc( -1 * var(--S) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenM { margin-top: calc( -1 * var(--M) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenL { margin-top: calc( -1 * var(--L) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXL { margin-top: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXL { margin-top: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXXL { margin-top: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-top: 0; } }

body #wrapper #container .AbstandNegativRechts0 { margin-right: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsXXXS { margin-right: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsXXS { margin-right: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsXS { margin-right: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsS { margin-right: calc( -1 * var(--S) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsM { margin-right: calc( -1 * var(--M) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsL { margin-right: calc( -1 * var(--L) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsXL { margin-right: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsXXL { margin-right: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsXXXL { margin-right: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-right: 0; } }

body #wrapper #container .AbstandNegativUnten0 { margin-bottom: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenXXXS { margin-bottom: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenXXS { margin-bottom: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenXS { margin-bottom: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenS { margin-bottom: calc( -1 * var(--S) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenM { margin-bottom: calc( -1 * var(--M) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenL { margin-bottom: calc( -1 * var(--L) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenXL { margin-bottom: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenXXL { margin-bottom: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenXXXL { margin-bottom: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-bottom: 0; } }

body #wrapper #container .AbstandNegativLinks0 { margin-left: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksXXXS { margin-left: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksXXS { margin-left: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksXS { margin-left: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksS { margin-left: calc( -1 * var(--S) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksM { margin-left: calc( -1 * var(--M) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksL { margin-left: calc( -1 * var(--L) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksXL { margin-left: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksXXL { margin-left: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksXXXL { margin-left: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-left: 0; } }

/************************************************************* FARBEN *************************************************************/
.SchriftfarbeTextWeiß:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeWeiß strong, .kursivSchriftfarbeWeiß em, .ÜberschriftfarbeWeiß :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.SchriftfarbeWeiß { color: #fff;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
	svg.icon, svg { fill: #fff; }
}
.SchriftfarbeTextSchwarz:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeSchwarz strong, .kursivSchriftfarbeSchwarz em, .ÜberschriftfarbeSchwarz :is(h1, h2, h3, h4, h5, h6) { color: #000; }
.SchriftfarbeSchwarz { color: #000;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #000; }
	svg.icon, svg { fill: #000; }
}
.SchriftfarbeTextGrau:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeGrau strong, .kursivSchriftfarbeGrau em, .ÜberschriftfarbeGrau :is(h1, h2, h3, h4, h5, h6) { color: #f8f8f8; }
.SchriftfarbeGrau { color: #f8f8f8;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #f8f8f8; }
	svg.icon, svg { fill: #f8f8f8; }
}
.SchriftfarbeTextDunkelgrau:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeDunkelgrau strong, .kursivSchriftfarbeDunkelgrau em, .ÜberschriftfarbeDunkelgrau :is(h1, h2, h3, h4, h5, h6) { color: #1b2125; }
.SchriftfarbeDunkelgrau { color: #1b2125;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #1b2125; }
	svg.icon, svg { fill: #1b2125; }
}

.SchriftfarbeText1:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe1 strong, .kursivSchriftfarbe1 em, .Überschriftfarbe1 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe1:is(h1, h2, h3, h4, h5, h6) { color: var(--color_1); }
.Schriftfarbe1 { color: var(--color_1);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_1); }
	svg.icon, svg { fill: var(--color_1); }
}
.SchriftfarbeText2:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe2 strong, .kursivSchriftfarbe2 em, .Überschriftfarbe2 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe2:is(h1, h2, h3, h4, h5, h6) { color: var(--color_2); }
.Schriftfarbe2 { color: var(--color_2);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_2); }
	svg.icon, svg { fill: var(--color_2); }
}
.SchriftfarbeText3:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe3 strong, .kursivSchriftfarbe3 em, .Überschriftfarbe3 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe3:is(h1, h2, h3, h4, h5, h6) { color: var(--color_3); }
.Schriftfarbe3 { color: var(--color_3);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_3); }
	svg.icon, svg { fill: var(--color_3); }
}
.SchriftfarbeText4:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe4 strong, .kursivSchriftfarbe4 em, .Überschriftfarbe4 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe4:is(h1, h2, h3, h4, h5, h6) { color: var(--color_4); }
.Schriftfarbe4 { color: var(--color_4);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_4); }
	svg.icon, svg { fill: var(--color_4); }
}

#wrapper .Hintergrund1, .fettHintergrund1 strong { background-color: var(--color_1); }
#wrapper .Hintergrund1.HintergrundTransparent { background-color: color-mix(in lab, var(--color_1), transparent 80%); }

#wrapper .Hintergrund2, .fettHintergrund2 strong { background-color: var(--color_2); }
#wrapper .Hintergrund2.HintergrundTransparent { background-color: color-mix(in lab, var(--color_2), transparent 80%); }

#wrapper .Hintergrund3, .fettHintergrund3 strong { background-color: var(--color_3); }
#wrapper .Hintergrund3.HintergrundTransparent { background-color: color-mix(in lab, var(--color_3), transparent 80%); }

#wrapper .Hintergrund4, .fettHintergrund4 strong { background-color: var(--color_4); }
#wrapper .Hintergrund4.HintergrundTransparent { background-color: color-mix(in lab, var(--color_4), transparent 80%); }

#wrapper .Hintergrund5, .fettHintergrund5 strong { background-color: var(--color_5); }
#wrapper .Hintergrund5.HintergrundTransparent { background-color: color-mix(in lab, var(--color_5), transparent 80%); }

#wrapper .HintergrundWeiß, .fettHintergrundWeiß strong { background-color: #fff; color: var(--font_color); }
#wrapper .HintergrundWeiß.HintergrundTransparent { background-color: color-mix(in lab, #fff, transparent 80%); }

#wrapper .HintergrundSchwarz, .fettHintergrundSchwarz strong { background-color: #000; }
#wrapper .HintergrundSchwarz.HintergrundTransparent { background-color: color-mix(in lab, #000, transparent 80%); }

#wrapper .HintergrundDunkelgrau, .fettHintergrundDunkelgrau strong { background-color: #1b2125; }
#wrapper .HintergrundDunkelgrau.HintergrundTransparent { background-color: color-mix(in lab, #1b2125, transparent 80%); }

#wrapper .HintergrundGrau, .fettHintergrundGrau strong { background-color: #f8f8f8; }
#wrapper .HintergrundGrau.HintergrundTransparent { background-color: color-mix(in lab, #f8f8f8, transparent 80%); }

.HintergrundTextWeiß .rte { background-color: #fff; }
.HintergrundTextGrau .rte { background-color: #f8f8f8; }
.HintergrundTextSchwarz .rte { background-color: #000; }
.HintergrundText1 .rte { background-color: var(--color_1); }
.HintergrundText2 .rte { background-color: var(--color_2); }
.HintergrundText3 .rte { background-color: var(--color_3); }
.HintergrundText4 .rte { background-color: var(--color_4); }

.Iconfarbe1 svg { fill: var(--color_1); }
.Iconfarbe2 svg { fill: var(--color_2); }
.Iconfarbe3 svg { fill: var(--color_3); }
.Iconfarbe4 svg { fill: var(--color_4); }
.Iconfarbe5 svg { fill: var(--color_5); }
.IconfarbeWeiß svg { fill: #fff; }
.IconfarbeSchwarz svg { fill: #000; }
.IconfarbeGrau svg { fill: #444; }
.IconfarbeSchriftfarbe svg { fill: var(--font_color, #000); }

#header .mod_navigation li.Navigationsfarbe1 > * { color: var(--color_1); }
#header .mod_navigation li.Navigationsfarbe2 > * { color: var(--color_2); }
#header .mod_navigation li.Navigationsfarbe3 > * { color: var(--color_3); }
#header .mod_navigation li.Navigationsfarbe4 > * { color: var(--color_4); }

#header .mod_navigation li.Navigationshintergrund1 > * { background: var(--color_1); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund2 > * { background: var(--color_2); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund3 > * { background: var(--color_3); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund4 > * { background: var(--color_4); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund5 > * { background: var(--color_5); border-radius: 10px; }
/************************************************************* SCROLLING *************************************************************/
#wrapper .beimScrollenObenFixieren { position: sticky; top: 0; }
/************************************************************* ICONS *************************************************************/
#wrapper .IcongrößeXXXS svg  { width: var(--XXXS); height: var(--XXXS); }
#wrapper .IcongrößeXXS svg  { width: var(--XXS); height: var(--XXS); }
#wrapper .IcongrößeXS svg  { width: var(--XS); height: var(--XS); }
#wrapper .IcongrößeS svg  { width: var(--S); height: var(--S); }
#wrapper .IcongrößeM svg  { width: var(--M); height: var(--M); }
#wrapper .IcongrößeL svg  { width: var(--L); height: var(--L); }
#wrapper .IcongrößeXL svg  { width: var(--XL); height: var(--XL); }
#wrapper .IcongrößeXXL svg  { width: var(--XXL); height: var(--XXL); }
#wrapper .IcongrößeXXXL svg  { width: var(--XXXL); height: var(--XXXL); }
/************************************************************* BUTTON *************************************************************/
html body .content-text {
	--button_border_color: var(--color_1, #000);
	--button_border_width: 1px;
	--button_border_radius: var(--button_border_radius, var(--border_radius, .25em));
	--button_font_color: var(--color_1, #000);
	--button_hover_font_color: #fff;
	--button_background_color: transparent;
	--button_hover_background_color: var(--color_1, transparent);
	--button_padding: .25rem 2rem;
	--button_font_size: 1em;
	
	&.ButtongrößeL { --button_padding: 1rem 5rem; }
	&.ButtonschriftL { --button_font_size: 1.3em; }
	&.ButtonrahmenL { --button_border_width: 2px; }
	&.ButtonrahmenXL { --button_border_width: 4px; }

	&.Buttonhintergrundfarbe {
		--button_font_color: #fff;
		--button_hover_font_color: var(--color_1, #000);
		--button_background_color: var(--color_1, transparent);
		--button_hover_background_color: transparent;
	}
	
	&.LinkAlsButton2, &.fettAlsButton2, &.kursiverLinkAlsButton2 {
		--button_border_color: var(--color_2, #000);
		--button_font_color: var(--color_2, #fff);
		--button_hover_background_color: var(--color_2, transparent);

		&.Buttonhintergrundfarbe {
			--button_font_color: #fff;
			--button_hover_font_color: var(--color_2, #000);
			--button_background_color: var(--color_2, transparent);
			--button_hover_background_color: transparent;
		}
	}

	&.Buttonschriftfarbe1 p { --button_font_color: var(--color_1, #000); }
	&.Buttonschriftfarbe2 p { --button_font_color: var(--color_2, #000); }
	&.Buttonschriftfarbe3 p { --button_font_color: var(--color_3, #000); }
	&.Buttonschriftfarbe4 p { --button_font_color: var(--color_4, #000); }
	&.ButtonschriftfarbeWeiß p { --button_font_color: #fff; }
	&.ButtonschriftfarbeSchwarz p { --button_font_color: #000; }
	&.ButtonschriftfarbeGrau p { --button_font_color: #444; }
	
	&.Buttonhoverschriftfarbe1 a { --button_hover_font_color: var(--color_1, #000); }
	&.Buttonhoverschriftfarbe2 a { --button_hover_font_color: var(--color_2, #000); }
	&.Buttonhoverschriftfarbe3 a { --button_hover_font_color: var(--color_3, #000); }
	&.Buttonhoverschriftfarbe4 a { --button_hover_font_color: var(--color_4, #000); }
	&.ButtonhoverschriftfarbeWeiß a { --button_hover_font_color: #fff; }
	&.ButtonhoverschriftfarbeSchwarz a { --button_hover_font_color: #000; }
	&.ButtonhoverschriftfarbeGrau a { --button_hover_font_color: #f8f8f8; }

	&.LinkAlsButton, &.LinkAlsButton2, &.kursiverLinkAlsButton, &.kursiverLinkAlsButton2, &.fettAlsButton, &.fettAlsButton2 { 
		position: relative;
		&:not(.kursiverLinkAlsButton) .rte strong a,
		&:not(.kursiverLinkAlsButton) .rte a strong { font-weight: var(--font_width_strong); }
		&:not(.kursiverLinkAlsButton) .rte a, 
		&:not(.LinkAlsButton) .rte em a,
		&:not(.LinkAlsButton) .rte a em,
		&.fettAlsButton .rte strong { 
			border: var(--button_border_width) solid var(--button_border_color);
			color: var(--button_font_color);
			background: var(--button_background_color);
			cursor: pointer;
			display: inline-block;
			font-style: normal; 
			font-size: var(--button_font_size);
			border-radius: var(--button_border_radius);
			text-decoration: none; 
			padding: var(--button_padding);
			line-height: 1.4;
			transition: all 0.25s ease-in-out;
			svg, svg.icon { 
				fill: var(--button_font_color); 
				transition: all 0.25s ease-in-out;
			}
			&:before { display: none; }
			&:hover { 
				background: var(--button_hover_background_color);
				color: var(--button_hover_font_color);
				svg, svg.icon { fill: var(--button_hover_font_color); }
			}
    	}
	}
}
/************************************************************* animierterUnterstrich *************************************************************/
body.scroll-down .animierterUnterstrich s:nth-of-type(1):after, 
body:not(.scroll-down) .animierterUnterstrich s:nth-of-type(2):after { width: 0; }
.animierterUnterstrich {
	s { text-decoration: none; }
	s:nth-of-type(1), s:nth-of-type(2) { position: relative; font-size: inherit; line-height: inherit; vertical-align: inherit; }
	s:nth-of-type(1):after { left: 0; }
 	s:nth-of-type(2):after { right: 0; }
	s:nth-of-type(1):after, s:nth-of-type(2):after {
		content: "";
		position: absolute;
		bottom: -0.1em;
		width: 100%;
		min-height: 3px;
		height: 0.2em;
		background: var(--color_1);
		z-index: -1;
		transition: width .9s;
	}
}
.Hintergrund1,
.Hintergrund2,
.Hintergrund3,
.Hintergrund4,
.Hintergrund5,
.HintergrundSchwarz,
.HintergrundDunkelgrau {
	.animierterUnterstrich {
		s:nth-of-type(1):after, s:nth-of-type(2):after {
			background: #fff;
		}
	}
}

div[class^='Spalten'], div[class*=' Spalten'] {
	--Mindestbreite: 200px;
	display: grid;
	gap: 60px;
	
	& > * { margin-top: 0; margin-bottom: 0; }
	
	&.Mindestbreite0 { --Mindestbreite: 0; }

	&.Spalte2Breite20Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 20 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite30Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 30 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite40Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 40 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite50Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 50 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite60Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 60 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite70Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 70 ) + var(--content_margin, 0) ); }
	
	&.Spalte3Breite20Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 20 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite30Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 30 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite40Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 40 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite50Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 50 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite60Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 60 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite70Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 70 ) + var(--content_margin, 0) ); }
	
	&.Spalte1Breite10 { --ErsteSpalte: 10fr; } &.Spalte1Breite15 { --ErsteSpalte: 15fr; } &.Spalte1Breite20 { --ErsteSpalte: 20fr; } &.Spalte1Breite25 { --ErsteSpalte: 25fr; } &.Spalte1Breite30 { --ErsteSpalte: 30fr; } &.Spalte1Breite35 { --ErsteSpalte: 35fr; } &.Spalte1Breite40 { --ErsteSpalte: 40fr; } &.Spalte1Breite45 { --ErsteSpalte: 45fr; } &.Spalte1Breite50 { --ErsteSpalte: 50fr; } &.Spalte1Breite55 { --ErsteSpalte: 55fr; } &.Spalte1Breite60 { --ErsteSpalte: 60fr; } &.Spalte1Breite65 { --ErsteSpalte: 65fr; } &.Spalte1Breite70 { --ErsteSpalte: 70fr; } &.Spalte1Breite75 { --ErsteSpalte: 75fr; } &.Spalte1Breite80 { --ErsteSpalte: 80fr; } &.Spalte1Breite85 { --ErsteSpalte: 85fr; } &.Spalte1Breite90 { --ErsteSpalte: 90fr; } &.Spalte1Breite95 { --ErsteSpalte: 95fr; }
	&.Spalte2Breite10 { --ZweiteSpalte: 10fr; } &.Spalte2Breite15 { --ZweiteSpalte: 15fr; } &.Spalte2Breite20 { --ZweiteSpalte: 20fr; } &.Spalte2Breite25 { --ZweiteSpalte: 25fr; } &.Spalte2Breite30 { --ZweiteSpalte: 30fr; } &.Spalte2Breite35 { --ZweiteSpalte: 35fr; } &.Spalte2Breite40 { --ZweiteSpalte: 40fr; } &.Spalte2Breite45 { --ZweiteSpalte: 45fr; } &.Spalte2Breite50 { --ZweiteSpalte: 50fr; } &.Spalte2Breite55 { --ZweiteSpalte: 55fr; } &.Spalte2Breite60 { --ZweiteSpalte: 60fr; } &.Spalte2Breite65 { --ZweiteSpalte: 65fr; } &.Spalte2Breite70 { --ZweiteSpalte: 70fr; } &.Spalte2Breite75 { --ZweiteSpalte: 75fr; } &.Spalte2Breite80 { --ZweiteSpalte: 80fr; } &.Spalte2Breite85 { --ZweiteSpalte: 85fr; } &.Spalte2Breite90 { --ZweiteSpalte: 90fr; } &.Spalte2Breite95 { --ZweiteSpalte: 95fr; }
	&.Spalte3Breite10 { --DritteSpalte: 10fr; } &.Spalte3Breite15 { --DritteSpalte: 15fr; } &.Spalte3Breite20 { --DritteSpalte: 20fr; } &.Spalte3Breite25 { --DritteSpalte: 25fr; } &.Spalte3Breite30 { --DritteSpalte: 30fr; } &.Spalte3Breite35 { --DritteSpalte: 35fr; } &.Spalte3Breite40 { --DritteSpalte: 40fr; } &.Spalte3Breite45 { --DritteSpalte: 45fr; } &.Spalte3Breite50 { --DritteSpalte: 50fr; } &.Spalte3Breite55 { --DritteSpalte: 55fr; } &.Spalte3Breite60 { --DritteSpalte: 60fr; } &.Spalte3Breite65 { --DritteSpalte: 65fr; } &.Spalte3Breite70 { --DritteSpalte: 70fr; } &.Spalte3Breite75 { --DritteSpalte: 75fr; } &.Spalte3Breite80 { --DritteSpalte: 80fr; } &.Spalte3Breite85 { --DritteSpalte: 85fr; } &.Spalte3Breite90 { --DritteSpalte: 90fr; } &.Spalte3Breite95 { --DritteSpalte: 95fr; }
	&.Spalte4Breite10 { --VierteSpalte: 10fr; } &.Spalte4Breite15 { --VierteSpalte: 15fr; } &.Spalte4Breite20 { --VierteSpalte: 20fr; } &.Spalte4Breite25 { --VierteSpalte: 25fr; } &.Spalte4Breite30 { --VierteSpalte: 30fr; } &.Spalte4Breite35 { --VierteSpalte: 35fr; } &.Spalte4Breite40 { --VierteSpalte: 40fr; } &.Spalte4Breite45 { --VierteSpalte: 45fr; } &.Spalte4Breite50 { --VierteSpalte: 50fr; } &.Spalte4Breite55 { --VierteSpalte: 55fr; } &.Spalte4Breite60 { --VierteSpalte: 60fr; } &.Spalte4Breite65 { --VierteSpalte: 65fr; } &.Spalte4Breite70 { --VierteSpalte: 70fr; } &.Spalte4Breite75 { --VierteSpalte: 75fr; } &.Spalte4Breite80 { --VierteSpalte: 80fr; } &.Spalte4Breite85 { --VierteSpalte: 85fr; } &.Spalte4Breite90 { --VierteSpalte: 90fr; } &.Spalte4Breite95 { --VierteSpalte: 95fr; }
	&.Spalte5Breite10 { --FünfteSpalte: 10fr; } &.Spalte5Breite15 { --FünfteSpalte: 15fr; } &.Spalte5Breite20 { --FünfteSpalte: 20fr; } &.Spalte5Breite25 { --FünfteSpalte: 25fr; } &.Spalte5Breite30 { --FünfteSpalte: 30fr; } &.Spalte5Breite35 { --FünfteSpalte: 35fr; } &.Spalte5Breite40 { --FünfteSpalte: 40fr; } &.Spalte5Breite45 { --FünfteSpalte: 45fr; } &.Spalte5Breite50 { --FünfteSpalte: 50fr; } &.Spalte5Breite55 { --FünfteSpalte: 55fr; } &.Spalte5Breite60 { --FünfteSpalte: 60fr; } &.Spalte5Breite65 { --FünfteSpalte: 65fr; } &.Spalte5Breite70 { --FünfteSpalte: 70fr; } &.Spalte5Breite75 { --FünfteSpalte: 75fr; } &.Spalte5Breite80 { --FünfteSpalte: 80fr; } &.Spalte5Breite85 { --FünfteSpalte: 85fr; } &.Spalte5Breite90 { --FünfteSpalte: 90fr; } &.Spalte5Breite95 { --FünfteSpalte: 95fr; }
	&.Spalte6Breite10 { --SechsteSpalte: 10fr; } &.Spalte6Breite15 { --SechsteSpalte: 15fr; } &.Spalte6Breite20 { --SechsteSpalte: 20fr; } &.Spalte6Breite25 { --SechsteSpalte: 25fr; } &.Spalte6Breite30 { --SechsteSpalte: 30fr; } &.Spalte6Breite35 { --SechsteSpalte: 35fr; } &.Spalte6Breite40 { --SechsteSpalte: 40fr; } &.Spalte6Breite45 { --SechsteSpalte: 45fr; } &.Spalte6Breite50 { --SechsteSpalte: 50fr; } &.Spalte6Breite55 { --SechsteSpalte: 55fr; } &.Spalte6Breite60 { --SechsteSpalte: 60fr; } &.Spalte6Breite65 { --SechsteSpalte: 65fr; } &.Spalte6Breite70 { --SechsteSpalte: 70fr; } &.Spalte6Breite75 { --SechsteSpalte: 75fr; } &.Spalte6Breite80 { --SechsteSpalte: 80fr; } &.Spalte6Breite85 { --SechsteSpalte: 85fr; } &.Spalte6Breite90 { --SechsteSpalte: 90fr; } &.Spalte6Breite95 { --SechsteSpalte: 95fr; }

	&.Spalten2 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ); }
	&.Spalten3 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ); }
	&.Spalten4 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--VierteSpalte, 1fr) ); }
	&.Spalten5 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--VierteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--FünfteSpalte, 1fr) ); }
	&.Spalten6 { grid-template-columns: minmax(100px, var(--ErsteSpalte, 1fr) ) minmax(100px, var(--ZweiteSpalte, 1fr) ) minmax(100px, var(--DritteSpalte, 1fr) ) minmax(100px, var(--VierteSpalte, 1fr) ) minmax(100px, var(--FünfteSpalte, 1fr) ) minmax(100px, var(--SechsteSpalte, 1fr) ); }

	&.Spalten2 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 3; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten3 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 4; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten4 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 5; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten5 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 6; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten6 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 7; @media(max-width:960px){ grid-column: 1; } }

	&.Spalten2, &.Spalten3, &.Spalten4, &.Spalten5, &.Spalten6 { 
		@media(max-width:960px){ 
			display: block;
			& > * { padding-bottom: 20px; }
			& > div[class^='SpaltenElementBreite'], & > div[class*=' SpaltenElementBreite'] { grid-column: 1; }
		}
	}
	
	&.Spaltenabstand0 { column-gap: 0; }
	&.SpaltenabstandXXXS { column-gap: var(--XXXS, 10px); }
	&.SpaltenabstandXXS { column-gap: var(--XXS, 20px); }
	&.SpaltenabstandXS { column-gap: var(--XS, 25px); }
	&.SpaltenabstandS { column-gap: var(--S, 40px); }
	&.SpaltenabstandM { column-gap: var(--M, 60px); }
	&.SpaltenabstandL { column-gap: var(--L, 100px); }
	&.SpaltenabstandXL { column-gap: var(--XL, 200px); }
	&.SpaltenabstandXXL { column-gap: var(--XXL, 300px); }
	&.SpaltenabstandXXXL { column-gap: var(--XXXL, 400px); }
	
	&.Zeilenabstand0 { row-gap: 0; }
	&.ZeilenabstandXXXS { row-gap: var(--XXXS, 10px); }
	&.ZeilenabstandXXS { row-gap: var(--XXS, 20px); }
	&.ZeilenabstandXS { row-gap: var(--XS, 25px); }
	&.ZeilenabstandS { row-gap: var(--S, 40px); }
	&.ZeilenabstandM { row-gap: var(--M, 60px); }
	&.ZeilenabstandL { row-gap: var(--L, 100px); }
	&.ZeilenabstandXL { row-gap: var(--XL, 200px); }
	&.ZeilenabstandXXL { row-gap: var(--XXL, 300px); }
	&.ZeilenabstandXXXL { row-gap: var(--XXXL, 400px); }
	
	& > .Spaltenbreite1-2 { grid-column: 1 / 3; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite1-3 { grid-column: 1 / 4; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite1-4 { grid-column: 1 / 5; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite2-2 { grid-column: 2; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite2-3 { grid-column: 2 / 4; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite2-4 { grid-column: 2 / 5; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite3-3 { grid-column: 3; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite3-4 { grid-column: 3 / 5; @media(max-width:960px){ grid-column: unset; } }
	
	& > .Spaltenhöhe1-2 { grid-row: 1 / 3; @media(max-width:960px){ grid-row: unset; } }
	& > .Spaltenhöhe1-3 { grid-row: 1 / 4; @media(max-width:960px){ grid-row: unset; } }
	& > .Spaltenhöhe2-3 { grid-row: 2 / 4; @media(max-width:960px){ grid-row: unset; } }
	
	& > .mittig { align-content: center; }
	& > .unten { align-content: end; }

	&.InhaltVertikalZentrieren { align-items: center; }
	&.InhaltHorizontalZentrieren { justify-content: center; }
	&.ElementeAußen { justify-content: space-between;
		&.Spalten2 > :nth-child(2n) { text-align: right; }
	}
	
	@media(max-width:960px){  
		& > .mobilePosition1 { grid-row: 1; }
		& > .mobilePosition2 { grid-row: 2; }
		& > .mobilePosition3 { grid-row: 3; }
		& > .mobilePosition4 { grid-row: 4; }
		& > .mobilePosition5 { grid-row: 5; }
		& > .mobilePosition6 { grid-row: 6; }
		& > .mobilePosition7 { grid-row: 7; }
		& > .mobilePosition8 { grid-row: 8; }
	}

	.content-image figure {
		height: 100%;
		@media(max-width:960px){ width: 100%; }
		img { object-fit: cover; 
			@media(max-width:960px){ width: 100%; }
		}
	}

}

﻿:root{--second_image_margin: 40px;--text_image_margin: 60px}.media--below.media--second_image,.media--above.media--second_image{display:flex;flex-wrap:wrap}.media--below.media--second_image .rte,.media--above.media--second_image .rte{width:100%}.images_container{flex-grow:1;flex-shrink:1;display:flex;align-items:center;justify-content:stretch}@media(max-width: 767px){.images_container figure:nth-child(2){margin-right:0}}@media(max-width: 767px){.content-text.text_in_center_of_image figure.images_container{margin-left:0;margin-right:0}}.content-text.media--second_image.media--right>figure>figure.second_image{margin-left:var(--text_image_margin)}.content-text.media--second_image.media--right>figure>figure:not(.second_image){margin-left:var(--second_image_margin)}@media(max-width: 767px){.content-text.media--second_image.media--right>figure>figure:not(.second_image){margin-left:0}}.content-text.media--second_image.media--left>figure>figure.second_image{margin-right:var(--text_image_margin)}@media(max-width: 767px){.content-text.media--second_image.media--left>figure>figure.second_image{margin-right:0}}.content-text.media--second_image.media--left>figure>figure:not(.second_image){margin-right:var(--second_image_margin)}.content-text.media--second_image.media--above>figure{margin-bottom:1em}.content-text.media--second_image.media--above>figure>figure.second_image{margin-right:0px}.content-text.media--second_image.media--above>figure>figure:not(.second_image){margin-right:var(--second_image_margin)}.content-text.media--second_image.media--below>figure{margin-top:1em}.content-text.media--second_image.media--below>figure>figure.second_image{margin-right:0px}.content-text.media--second_image.media--below>figure>figure:not(.second_image){margin-right:var(--second_image_margin)}.media--second_image.BilderÜbereinander figure>figure:not(.second_image){z-index:2}.media--second_image.BilderÜbereinander figure>figure.second_image{z-index:1}.media--second_image.BilderÜbereinander.linksHinten figure>figure.second_image{z-index:3}.media--second_image.BilderÜbereinander.media--above figure>figure:not(.second_image),.media--second_image.BilderÜbereinander.media--below figure>figure:not(.second_image),.media--second_image.BilderÜbereinander.media--left figure>figure:not(.second_image){margin-right:-30px}.media--second_image.BilderÜbereinander.media--right figure>figure.second_image{margin-left:-30px}
﻿:root{--fade_duration: 1.5s;--move_duration: 1.5s;--ivp_animation_delay: 0s}.ivp{overflow:visible}.einblenden.ivp:not(.above_viewport){opacity:0;position:relative}.einblenden.ivp.iivp{opacity:1;transition:opacity var(--fade_duration) ease-in-out var(--ivp_animation_delay)}.einblendenVonHinten.ivp:not(.above_viewport){opacity:0;transform:scale(0.8);position:relative}.einblendenVonHinten.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay),opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonVorne.ivp:not(.above_viewport){opacity:0;transform:scale(1.1);position:relative}.einblendenVonVorne.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay),opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonRechts.ivp:not(.above_viewport){opacity:0;transform:translateX(100px);position:relative}.einblendenVonRechts.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.einblendenVonLinks.ivp:not(.above_viewport){opacity:0;transform:translateX(-100px);position:relative}.einblendenVonLinks.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonOben){overflow:hidden}.einblendenVonOben.ivp:not(.above_viewport){opacity:0;transform:translateY(-100px);position:relative}.einblendenVonOben.ivp.iivp{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonUnten){overflow:hidden}.einblendenVonUnten.ivp:not(.above_viewport),.einblendenVonUnten.ivp:not(.above_viewport) .formbody>*{opacity:0;transform:translateY(100px);position:relative}.einblendenVonUnten.ivp.iivp,.einblendenVonUnten.ivp.iivp .formbody>*{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport) .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport)>figure img{position:relative}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right .rte{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right>figure img{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left .rte{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left>figure img{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s),transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s),transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateX(-100px)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateX(100px)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateX(0)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{opacity:1;transform:translateX(0)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateY(100px)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateY(100px)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out .5s,transform var(--move_duration) ease-out .5s}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateY(0)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{opacity:1;transform:translateY(0)}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(1){transition-delay:0s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(2){transition-delay:.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(3){transition-delay:.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(4){transition-delay:.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(5){transition-delay:.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(6){transition-delay:1s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(7){transition-delay:1.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(8){transition-delay:1.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(9){transition-delay:1.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(10){transition-delay:1.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(11){transition-delay:2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(12){transition-delay:2.2s}.AnimationVerzögert.ivp.iivp,.verzögert.ivp.iivp,.AnimationVerzögert025.ivp.iivp,.verzögert025.ivp.iivp{transition-delay:.25s}.AnimationVerzögert05.ivp.iivp,.verzögert05.ivp.iivp{transition-delay:.5s}.AnimationVerzögert1.ivp.iivp,.verzögert1.ivp.iivp{transition-delay:1s}.AnimationVerzögert15.ivp.iivp,.verzögert15.ivp.iivp{transition-delay:1.5s}.AnimationVerzögert2.ivp.iivp,.verzögert2.ivp.iivp{transition-delay:2s}.AnimationVerzögert25.ivp.iivp,.verzögert25.ivp.iivp{transition-delay:2.5s}.Animationsdauer.ivp.iivp,.Animationsdauer025.ivp.iivp,.Dauer025.ivp.iivp{transition-duration:.25s}.Animationsdauer05.ivp.iivp,.Dauer05.ivp.iivp{transition-duration:.5s}.Animationsdauer1.ivp.iivp,.Dauer1.ivp.iivp{transition-duration:1s}.Animationsdauer15.ivp.iivp,.Dauer15.ivp.iivp{transition-duration:1.5s}.Animationsdauer2.ivp.iivp,.Dauer2.ivp.iivp{transition-duration:2s}.Animationsdauer25.ivp.iivp,.Dauer25.ivp.iivp{transition-duration:2.5s}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
/* roboto-condensed-v31-100 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-100.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-100.woff') format('woff');
}
/* roboto-condensed-v31-200 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-200.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-200.woff') format('woff');
}
/* roboto-condensed-v31-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-300.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-300.woff') format('woff');
}
/* roboto-condensed-v31-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-regular.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-regular.woff') format('woff');
}
/* roboto-condensed-v31-500 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-500.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-500.woff') format('woff');
}
/* roboto-condensed-v31-600 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-600.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-600.woff') format('woff');
}
/* roboto-condensed-v31-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-700.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-700.woff') format('woff');
}
/* roboto-condensed-v31-800 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-800.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-800.woff') format('woff');
}
/* roboto-condensed-v31-900 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-900.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-900.woff') format('woff');
}
/* roboto-condensed-v31-100italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-100italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-100italic.woff') format('woff');
}
/* roboto-condensed-v31-200italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-200italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-200italic.woff') format('woff');
}
/* roboto-condensed-v31-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-300italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-300italic.woff') format('woff');
}
/* roboto-condensed-v31-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-italic.woff') format('woff');
}
/* roboto-condensed-v31-500italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-500italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-500italic.woff') format('woff');
}
/* roboto-condensed-v31-600italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-600italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-600italic.woff') format('woff');
}
/* roboto-condensed-v31-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-700italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-700italic.woff') format('woff');
}
/* roboto-condensed-v31-800italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-800italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-800italic.woff') format('woff');
}
/* roboto-condensed-v31-900italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local(''),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-900italic.woff2') format('woff2'),
       url('../../files/layout/fonts/googlefonts/roboto-condensed_v31_20251014-135824/roboto-condensed-v31-latin-900italic.woff') format('woff');
}

﻿.Hintergrund1,.Hintergrund2,.Hintergrund3,.Hintergrund4,.LinkfarbeWeiß{& a:hover{text-decoration-color:#fff}}sub{line-height:1}figure{margin:0;figcaption{font-size:14px}}#wrapper .error{color:red;margin-bottom:1em;line-height:1.2;font-size:.9em}::selection{background:var(--color_1);color:#fff}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1px solid var(--color_1);outline-offset:2px;border-radius:2px}#wrapper script{display:none}[id]{scroll-margin-top:2em}html{scroll-behavior:smooth;scroll-padding:var(--header_height, 100px) 0 0;scrollbar-gutter:stable}@media(max-width: 1023px){html{scroll-padding:var(--header_height_mobile, 50px)}}*{box-sizing:border-box}.content-text>*+*{margin-block-start:1em}@media(min-width: 1024px){.mod_article{padding-top:var(--article_margin, 60px);padding-bottom:var(--article_margin, 60px)}}@media(max-width: 1023px){.mod_article{padding-top:var(--article_margin, 20px);padding-bottom:var(--article_margin, 20px)}}.mod_article{&>*+*{margin-block-start:2em}&>*{padding-left:var(--content_margin);padding-right:var(--content_margin)}}:root{--color_1: #f47c00;--color_2: ;--color_3: ;--color_4: ;--font_color: #444;--font_size: 16px;--font_size_small: 12px;--font_size_big: 18px;--font_weight: 400;--font_weight_strong: 600;--line_height: 1.8;--nav_font_color: #444;--content_width: 1024px;--footer_width: 1200px;--header_width: 1200px;--header_height: 101px;--header_height_mobile: 54px;--header_background: rgba(255, 255, 255, 0.9);--footer_font_color: #444;--footer_background: #f2f2f2;--article_bg_gradient: linear-gradient(180deg, #fbfbfb 70%, #fff 90%);--article_border-bottom: 1px solid var(--border_color);--content_margin: 20px;--image_margin: 60px;--article_margin: 60px;--article_margin: 60px;--font_family: "Open Sans", Helvetica, Arial;--border_color: #ddd;--form_gap: 15px;--form_input_padding: 6px;--border_radius: 5px}@media(max-width: 1023px){:root{--content_margin: 10px}}@media(max-width: 1023px){:root{--image_margin: 20px}}@media(max-width: 1023px){:root{--article_margin: 20px}}@media(max-width: 1023px){:root{--article_margin: 20px}}#header_top{--padding_left_right: 20px;padding:0 var(--padding_left_right);position:relative;z-index:2;background-color:#f8f8f8;&>.inside{width:calc(var(--header_width) + 2*var(--padding_left_right));display:flex;flex-wrap:wrap;justify-content:end;margin:auto;max-width:100%;padding:5px 0;a{text-decoration:none;color:var(--font_color);&:hover{text-decoration:underline}}}}#container:has(.unterKopfzeile){margin-top:calc(var(--header_height, 0)*-1px)}#header{--padding_left_right: 20px;padding:0 var(--padding_left_right);background-color:var(--header_background);border-bottom:1px solid #ddd;position:sticky;top:0;width:100vw;margin:auto;overflow:visible;z-index:3}@media(max-width: 1023px){#header{background:#fff;height:auto;padding:0}}#header>.inside{min-height:var(--header_height_mobile);width:var(--header_width);position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:stretch;margin:auto;max-width:calc(100vw - var(--padding_left_right)*2)}@media(max-width: 1023px){#header>.inside{padding:0px 2.5%;margin:0;width:100%;max-width:100%;justify-content:space-between}}#header>.inside .mod_logo{margin:0 70px 0 0;overflow:visible;height:100%}#header>.inside .mod_logo a{height:100%;display:flex}#header>.inside .mod_logo a:focus-visible{outline:1px solid var(--color_1);outline-offset:2px;border-radius:2px;display:block}#header>.inside .mod_logo figure{height:100%;display:inline-block}#header>.inside .mod_logo figure picture{display:inline-block;display:flex;height:100%;align-items:center}#header>.inside .mod_logo figure img{--logo_padding_top: 10px;--logo_padding_bottom: 10px;padding:var(--logo_padding_top) 0 var(--logo_padding_bottom) 0;width:auto;object-fit:contain}@media(max-width: 1023px){#header>.inside .mod_logo figure img{--logo_padding: 3px;max-height:var(--header_height_mobile)}}body.HeaderHintergrundUnscharf #header{background:rgba(0,0,0,0)}body.HeaderHintergrundUnscharf #header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.69);z-index:-1}footer{background-color:var(--footer_background);margin-top:0px;margin-bottom:0px;font-weight:400;position:relative;z-index:2;div[class^=content-],div[class*=" content-"]{margin-top:0;margin-bottom:0}div[class^=content-] a,div[class*=" content-"] a{text-decoration:none}&>.inside>*{width:var(--footer_width);margin:auto;max-width:100%;z-index:1;line-height:1.6;padding:60px var(--content_margin, 20px) 50px;&.arrow{padding:0;svg{border-radius:0 0 3px 3px;transition:all .25s ease-in-out;&:hover{transform:scale(1.2)}}}h1,h2,h3,h4,h5,h6,.ce_text strong em,.ce_text em strong{font-style:normal;color:#fff;margin-top:0;margin-bottom:20px;font-size:21px;font-weight:700;border-bottom:0px solid var(--border_color);display:block}form.move_labels .widget,form .widget{--widget_padding_top: 5px;--form_gap: 5px}p,a,span{color:var(--footer_font_color)}a:hover{color:var(--footer_font_color);text-decoration:underline}strong{font-weight:600}hr{border-top:0;border-bottom:1px solid var(--border_color)}ul{display:none}ul.level_1{display:block;padding-left:0;li{list-style:none;line-height:2;color:var(--footer_font_color);position:relative;padding-left:14px;left:7px;transition:all .25s ease-in-out;a,strong.active{line-height:2.8;font-weight:normal}strong.active{color:var(--color_1)}&::marker{content:"›"}&:not(.active):hover{padding-left:7px;left:14px}}}}svg{fill:var(--footer_font_color)}}body.scrolled #footer>.inside .nachObenScrollen{opacity:1}#footer>.inside .nachObenScrollen{position:fixed;width:auto;right:35px;bottom:7px;padding:0;z-index:99;opacity:0;transition:all .25s ease-in-out;a{color:var(--font_color);svg{width:2em;height:2em;fill:var(--color_1, #444);background:#fff;border-radius:50%;padding:1px;transition:all .25s ease-in-out;&:hover{transform:scale(1.2)}}}}.content-text:has(.mod_cookiebar_opener){p{display:inline-block}.mod_cookiebar_opener{display:inline-block}}#footer_bottom{width:100%;font-size:14px;background:var(--color_1);border-top:1px solid rgb(0 0 0/7%);position:relative;z-index:1;.content-text{width:min(1230px,100%);margin:auto;padding:15px var(--content_margin, 20px);p,a{color:#fff}}}form{--field_height: 38px}.widget-text input,.widget-captcha input,.widget-password input,textarea,select{font-size:var(--font_size, 16px);font-weight:var(--font_weight, 300);font-family:var(--font_family);color:var(--font_color, #444);width:100%;height:var(--field_height);padding:var(--form_input_padding, 6px);background:#fff;border-radius:var(--input_border_radius, var(--border_radius, 0.25em));border:1px solid var(--border_color, #ddd);box-shadow:none;vertical-align:top;box-sizing:border-box;svg{height:1em;fill:var(--color_1)}}textarea{height:calc(var(--field_height)*2 + var(--form_gap)*1);form-sizing:normal}label svg,input svg,textarea svg,select svg,button svg,#wrapper .widget button svg{height:1em;fill:var(--color_1);margin-right:5px;top:2px;position:relative;transition:fill .25s ease-in-out}button,#wrapper .widget button{font-family:var(--font_family);&:hover svg{fill:#fff}}.widget-submit{text-align:right;button{cursor:pointer;font-size:1em}}fieldset{padding:0;border:0}.widget-select{display:flex;flex-wrap:wrap;align-items:end;select{padding-top:0;padding-bottom:0}}.widget-checkbox fieldset{padding:6px 0;border:0}.widget-captcha,.widget-upload{margin:10px 0}span.mandatory{color:red}input[disabled],textarea[disabled]{background:transparent;border:0;pointer-events:none;overflow:hidden;resize:none}.widget-radio,.widget-checkbox{&>.radio_container,&>.checkbox_container{&>span{display:flex;align-items:baseline;input{position:relative;margin-right:9px;top:1px}}}&.nebeneinander{&>.radio_container,&>.checkbox_container{&>span{display:inline-block;margin-right:3px}}}}.widget-text:has(input[type=date]){&:not(.active){label{background-color:#fff;width:calc(100% - 40px);top:calc(var(--form_gap, 10px) + 1px);left:2px;bottom:2px}}}@media(max-width: 1023px){label{width:100px}}.widget-text:has(input[readonly]),.widget-text.readonly{label{display:none}input{background:none;border:0;outline:none}}form{a{text-decoration:underline}button.submit{margin-top:1rem;transition:all .25s ease-in-out;&:after{font-size:0;transition:all .25s ease-in-out}}&[data-ajax-form=loading]{button.submit{border-color:#ddd;pointer-events:none;font-size:0;min-width:170px;text-align:center;&:after{content:"+";display:inline-block;animation:rotate 2s linear infinite;font-size:28px;font-family:Arial,-apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1;font-weight:100}}}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.widget-range{input[type=range]{height:25px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0px 0px 0px #000;background:var(--color_1);border-radius:1px;border:0px solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 0px #000;border:1px solid var(--color_1);height:18px;width:18px;border-radius:25px;background:var(--color_1_bright);cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color_1)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0px 0px 0px #000;background:var(--color_1);border-radius:1px;border:0px solid #000}input[type=range]::-moz-range-thumb{box-shadow:0px 0px 0px #000;border:1px solid var(--color_1);height:18px;width:18px;border-radius:25px;background:var(--color_1_bright);cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--color_1);border:0px solid #000;border-radius:2px;box-shadow:0px 0px 0px #000}input[type=range]::-ms-fill-upper{background:var(--color_1);border:0px solid #000;border-radius:2px;box-shadow:0px 0px 0px #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0px 0px 0px #000;border:1px solid var(--color_1);height:18px;width:18px;border-radius:25px;background:var(--color_1_bright);cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:var(--color_1)}input[type=range]:focus::-ms-fill-upper{background:var(--color_1)}}a{text-decoration:none;color:var(--color_1, #1b75d0);&:hover{text-decoration:underline;text-decoration-color:var(--color_1)}svg,svg.icon{fill:var(--color_1)}}.rte a{text-decoration:underline;&:hover{background-color:color-mix(in srgb, var(--color_1, #000) 10%, transparent 90%)}}body{font-size:var(--font_size);font-weight:var(--font_weight);color:var(--font_color);font-family:var(--font_family);line-height:var(--line_height);min-width:280px;margin:0}dl{display:grid;grid-template-columns:auto 1fr;margin:0}@media(max-width: 1023px){dl{display:block}}dl{dd{margin-inline-start:7px}}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:300;margin:0}@media(max-width: 1023px){h1,h2,h3,h4,h5,h6{text-align:left}}h1{font-size:40px;line-height:1.1}h2{font-size:26px}h3{font-size:18px}h4{font-size:19px}hr{border:0;border-bottom:1px solid #fff;border-top:1px solid #ccc;display:block;height:0;margin:30px 0 0px;padding:0;margin-bottom:0;overflow:visible}img{display:block;vertical-align:bottom;height:auto;max-width:100%}iframe{display:block;margin-left:auto;margin-right:auto;border:0;width:100%;.mod_article &{display:grid}}p{margin:0}svg,svg.icon{width:1em;height:1em;fill:currentcolor;vertical-align:-0.125em}em svg,em svg.icon{width:30px;height:30px;fill:currentcolor;vertical-align:-5px}strong svg,strong svg.icon{width:60px;height:60px;fill:currentcolor;vertical-align:-21px}code svg,code svg.icon{width:150px;height:150px;fill:currentcolor;vertical-align:-70px}*:has(>i.svg.button){display:inline-block}i.svg{width:1em;height:1em;vertical-align:middle;border-radius:50%;&.button{display:grid;align-items:center;justify-content:center;width:2em;height:2em;background-color:var(--color_1);svg{fill:#fff}}svg{height:1em;vertical-align:0}}video{max-width:100%;height:auto}.mod_navigation{flex-grow:1;justify-items:end;align-self:center;.navigation-main{width:100%}}body:not(.nav-is-mobile) .navigation-main .level_1{&>li>.btn-toggle-submenu:after{rotate:90deg;transition:rotate .3s ease-in-out;transform:none}&>li.nav-expanded>.btn-toggle-submenu:after{transform:none;rotate:-90deg}ul{display:flex;pointer-events:none;opacity:0;transition:all .3s ease-in-out;translate:0 -5px;&>div.ul-wrapper{position:absolute;display:contents}li.nav-expanded &{pointer-events:all;opacity:1;translate:0}}}body.nav-is-mobile .navigation-main{--submenu-height-animation-duration: 0.6;min-width:100vw;left:auto;transition:opacity .5s ease-in-out,visibility .6s,translate .4s ease-in-out;.skip-link{position:absolute}a:hover,.btn-toggle-submenu:hover{color:var(--nav-mobile-active-color, #ccc) !important}li>.btn-toggle-submenu{display:grid;place-items:center}li>.btn-toggle-submenu:after{width:18px;height:18px;transform:rotate(0deg);transition:all calc(var(--submenu-height-animation-duration)*1s) linear;--thickness: 2px;background:conic-gradient(from 90deg at var(--thickness) var(--thickness), transparent 90deg, var(--nav-mobile-color, #000) 0) calc(100% + var(--thickness)/2) calc(100% + var(--thickness) / 2)/calc(50% + var(--thickness)) calc(50% + var(--thickness))}li.nav-expanded>.btn-toggle-submenu:after{transform:rotate(135deg)}translate:0;&:not(.is-active){translate:100%}.level_1 .ul-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows calc(var(--submenu-height-animation-duration)*1s) ease-out,-ms-grid-rows calc(var(--submenu-height-animation-duration)*1s) ease-out}.level_1 .ul-wrapper ul{display:inherit;opacity:0;min-height:0;visibility:hidden;filter:blur(2px);transition:filter calc(var(--submenu-height-animation-duration)*.5s) ease-out,visibility calc(var(--submenu-height-animation-duration)*.5s) ease-out,opacity calc(var(--submenu-height-animation-duration)*.5s) ease-out}.level_1 li.nav-expanded>.ul-wrapper{display:grid;grid-template-rows:1fr}.level_1 li.nav-expanded>.ul-wrapper>ul{visibility:visible;filter:blur(0);opacity:1}}@media(min-width: 1024px){body:not(.nav-is-desktop) .navigation-main{margin-top:calc(var(--header_height, 100)*1px);padding:0 20px 20px;.invisible{display:none}ul.level_1{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 400px));gap:0 5vw;justify-content:center;&>li>:is(a,strong){font-size:1.5em;margin-top:60px;padding:7px}li{.btn-toggle-submenu{display:none}&:not(:last-child){border-bottom:0}&:first-child{border-top:0}&>.ul-wrapper{grid-template-rows:1fr;overflow:visible}.level_2{opacity:1;visibility:visible;filter:none}}}}}.mod_article{position:relative;outline:none;&>*{display:block;width:calc(var(--content_width) + var(--content_margin)*2);max-width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:2}}@media(max-width: 1023px){&>*{margin-left:auto;margin-right:auto;&.ce_headline{display:inline-block}}}.mod_article{&.full_width{padding:0;.ce_image.first img{width:100%}}&.full_width>*{margin:0;padding:0;width:100%}}.abg1 .mod_article{border-bottom:var(--article_border-bottom);&:nth-child(odd){--article_bachground_color: #f8f8f8}&:nth-child(even){--article_bachground_color: #fff}background-color:var(--article_bachground_color);&.ohneRahmen{border:0}}.abg2 .mod_article{border-bottom:var(--article_border-bottom);&:nth-child(odd){--article_bachground_color: #fff}&:nth-child(even){--article_bachground_color: #f8f8f8}background-color:var(--article_bachground_color);&.ohneRahmen{border:0}}.mod_newslist{--background: rgba(255,255,255,0.8);--border_width: 1px;--padding: 15px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media(max-width: 1023px){.mod_newslist{gap:10px}}@media(max-width: 700px){.mod_newslist{grid-template-columns:1fr 1fr}}@media(max-width: 512px){.mod_newslist{grid-template-columns:1fr}}.mod_newslist{.layout_latest{display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;position:relative;background:var(--background);border:var(--border_width, 0) solid #ddd;border-radius:2px;line-height:1.4;transition:all .3s ease;padding-bottom:10px;&:not(:has(figure)){flex-direction:row;align-content:end}&:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.1);transform:scale(1.01)}&>*:not(figure){padding:0 var(--padding)}p.info{order:4;font-size:0;color:var(--color_1);time{font-size:1rem}}figure{order:1;width:100%;img{width:100%}}h2{order:2;margin:.4em 0;font-size:1.625rem}.ce_text{order:3;padding-bottom:20px;flex-grow:1;&>*{width:100%}}p.more{order:5;margin:0;a{font-size:0;position:absolute;top:0;left:0;width:100%;height:100%}}}}@media(max-width: 1023px){.layout_latest{margin-bottom:30px}}@media(max-width: 1023px){.mod_article:has(.mod_newsreader){background:#fff}}.mod_newsreader{--background: rgba(255,255,255,0.8);--border_width: 1px;--padding: 30px 40px;width:100%}@media(max-width: 1023px){.mod_newsreader{--background: #fff;--border_width: 0px;--padding: 20px 10px}}.mod_newsreader{&>figure{width:100%;& img{width:100%;max-height:calc(100vh - var(--header_height));object-fit:cover}}.layout_full{width:calc(var(--content_width) + var(--content_margin)*2);max-width:100%;margin:auto;border:var(--border_width) solid #ddd;padding:var(--padding);background:var(--background);& h1{margin-bottom:0}p.info{order:4;font-size:0;color:var(--color_1);margin-bottom:20px;time{font-size:1rem}}}}@media(max-width: 1023px){.layout_full{margin-top:0}}.mod_newsreader{p.back{width:calc(var(--content_width) + var(--content_margin)*2);max-width:100%;margin:20px auto 0 auto;padding:0 10px}}.rte>*+*{margin-block-start:1em}.rte ul,.content-text .rte ul{margin-bottom:1em;&:last-child{margin-bottom:0}}.media p:before{content:"";width:10em;display:block;overflow:hidden}.media::after{content:"";display:block;clear:both}@media(max-width: 1014px){.media--left,.media--right{img{max-width:100%;height:auto}}}.media--left>figure,figure.float_left{float:left}.media--right>figure,figure.float_right{float:right}@media(max-width: 767px){.media--left>figure,.media--right>figure{float:none;margin:0 0 1em 0;img{max-width:100%}}}.media.media--below.content-text{figure.second_image{order:3}}.content-text.media--above>figure{margin-bottom:30px}.content-text.media--below>figure{margin-top:30px}@media(min-width: 1024px){.content-text.media--left>figure{margin-right:var(--image_margin)}}@media(min-width: 1024px){.content-text.media--right>figure{margin-left:var(--image_margin)}}.ElementeÜberlagern{--verschoben: 60px;--AbstandOben: 60px;--paddingLeftRight: 2em;--paddingTopBottom: 2em}@media(max-width: 767px){.ElementeÜberlagern{--paddingLeftRight: 1.5em;--paddingTopBottom: 2em}}.ElementeÜberlagern{&.VerschiebungKlein{--verschoben: 30px}&.AbstandObenKlein{--AbstandOben: 30px}&>.content-element-group{display:flex;flex-wrap:wrap;align-items:flex-start}&.linksVorne{&>.content-element-group>*:nth-child(1){z-index:2;&.content-text{padding-right:var(--paddingLeftRight)}}&>.content-element-group>.content-text:nth-child(2){padding-left:calc(var(--verschoben)*2 + var(--paddingLeftRight))}}}@media(max-width: 767px){&>.content-element-group>.content-text:nth-child(2){padding-left:var(--paddingLeftRight)}}.ElementeÜberlagern{&.rechtsOben{&>.content-element-group>*:nth-child(1){margin-top:var(--AbstandOben)}&>.content-element-group>*:nth-child(2){margin-top:0}}}@media(max-width: 767px){&>.content-element-group>*:nth-child(1),&>.content-element-group>*:nth-child(2){margin-top:var(--article_margin, 20px)}}.ElementeÜberlagern{&>.content-element-group>*{width:50%;&.content-text{padding:var(--paddingTopBottom) var(--paddingLeftRight)}}}@media(max-width: 767px){&>.content-element-group>*{width:100%}}.ElementeÜberlagern{&>.content-element-group>*:nth-child(1){background-color:var(--color_1, #eee);position:relative;width:calc(50% + var(--verschoben));margin-right:calc(var(--verschoben)*-1);&.content-text{padding-right:calc(var(--verschoben)*2 + var(--paddingLeftRight))}}}@media(max-width: 767px){&>.content-element-group>*:nth-child(1){width:100%;margin-right:0}}@media(max-width: 767px){&.content-text{padding-right:var(--paddingLeftRight)}}.ElementeÜberlagern{&>.content-element-group>*:nth-child(2){background-color:var(--color_2, #ddd);position:relative;width:calc(50% + var(--verschoben));margin-left:calc(var(--verschoben)*-1);margin-top:var(--AbstandOben)}}@media(max-width: 767px){&>.content-element-group>*:nth-child(2){width:100%;margin-left:0;margin-top:var(--article_margin, 20px)}}body #wrapper #container .Scrollgeschwindigkeit2{--speed: .2}body #wrapper #container .Scrollgeschwindigkeit3{--speed: .3}body #wrapper #container .Scrollgeschwindigkeit4{--speed: .4}body #wrapper #container .Scrollgeschwindigkeit5{--speed: .5}.Scrollanimation.BildLangsamScrollen{--speed: .1;overflow:hidden;&.BildAusrichtungLinks figure img.clone{object-position:left}&.BildAusrichtungRechts figure img.clone{object-position:right}&.BildNichtBegrenzen figure{overflow:visible;img.clone{left:0;object-fit:contain}}figure{position:relative;overflow:hidden;img,video{&:not(.clone){position:relative;opacity:0}&.clone{position:absolute;top:0;transform:translate3d(0px, calc(min(var(--scrolled-pixels, 0), var(--vh, 0) + var(--scrolled-pixels, 0) - var(--top, 0)) * var(--speed, 0) * 1px), 0px);margin-top:calc(min(var(--top, 0),var(--vh, 0))*var(--speed, 0)*-1px);min-height:100%;height:calc((min(var(--h, 0),var(--vw)) + min(var(--top, 0),var(--vh, 0))*var(--speed, 0))*1px);object-fit:cover}}}}#wrapper .mod_article .Scrollanimation.BildLangsamScrollenNachRechts{--speed: 0.05;overflow:hidden;figure{position:relative;overflow:hidden;img{&:not(.clone){position:relative;opacity:0}&.clone{position:absolute;top:0;display:block;transform:translate3d(calc(min(var(--scrolled-pixels, 0), var(--vh, 0) + var(--scrolled-pixels, 0) - var(--top, 0)) * var(--speed, 0) * -1px), 0px, 0px);width:calc((min(var(--w, 0),var(--vw)) + var(--vh, 0)*var(--speed, 0) + var(--h, 0)*var(--speed, 0))*1px);max-width:none;height:calc(var(--h)*1px);object-fit:cover}}}}body{--header_shrink_speed: 0.3px}body:has(#header_top){--header_top_height_default: 40}#header_top{position:fixed;top:0;z-index:2;width:100%;margin-top:calc(var(--scrolled-pixels, 0)*var(--header_shrink_speed, 0.3px)*-1)}#header{position:fixed;top:40px;top:calc(0px - min(var(--scrolled-pixels, 0)*var(--header_shrink_speed, 0.3px) - var(--header_top_height, var(--header_top_height_default, 0))*1px,0px))}.mod_logo img{height:calc(100px - var(--scrolled-pixels, 0)*var(--header_shrink_speed, 0.3px));min-height:50px}#container{margin-top:calc(var(--header_height, 0)*1px + var(--header_top_height, var(--header_top_height_default, 0))*1px);&:has(.unterKopfzeile){margin-top:calc(var(--header_top_height, 0)*1px)}}body::before{content:"";display:block;position:fixed;top:0;left:0;height:5px;z-index:4;background:var(--color_1, #999);width:calc(var(--scrolled-percent, 0)*1%)}.goverlay{background:rgba(255, 255, 255, 0.85)}@media(prefers-color-scheme: dark){.goverlay{background:rgba(0, 0, 0, 0.85)}}@media(prefers-color-scheme: light){.goverlay{background:rgba(255, 255, 255, 0.85)}}#glightbox-body .gslide-media{background:#fff;border-radius:5px}.tabs{--height-animation-duration: 1;.tab-content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows calc(var(--height-animation-duration)*1s) ease-out,-ms-grid-rows calc(var(--height-animation-duration)*1s) ease-out;&.hidden{display:grid}&:not(.hidden){display:grid;grid-template-rows:1fr;&>*{visibility:visible;filter:blur(0);opacity:1}}&>*{display:inherit;opacity:0;min-height:0;visibility:hidden;filter:blur(2px);transition:filter calc(var(--height-animation-duration)*.5s) ease-out,visibility calc(var(--height-animation-duration)*.5s) ease-out,opacity calc(var(--height-animation-duration)*.5s) ease-out}}}.contao-cookiebar{.cc-inner{padding:30px 13px 23px;.cc-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:end;.cc-btn{display:block;&.deny{order:1}&.save{order:2}&.success{order:3}}}.cc-info{margin-top:0}}}
:root {
	--color_1: #a12b2a;
	--color_2: #F9F6F6;
	--color_3: #192942;
	--color_4: #e8f3fa;
	
	--font_family: 'Roboto Condensed', sans-serif;
    --font_weight: 300;
    --font_color: #3F3D3D;

    --header_width: 1260px;
    --content_width: 1260px;    
    --footer_width: 1260px;    

	--fade_duration: 1.5s;
	--move_duration: 1.5s;
	--ivp_animation_delay: 0s;

    --nav-breakpoint: 9999;
    --nav-color: #fff; /* Textfarbe */
    --nav-active-color: var(--color_1);
    --nav-item-line-height: 1.5;
    --nav-font-size: 20px;
    --nav-font-weight: 400;
    --nav-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M9 18l6-6-6-6"/></svg>');
    --nav-icon-background: transparent;
	--nav-mobile-background: var(--color_1);
    --nav-mobile-color: #fff;
    --nav-mobile-active-background: var(--color_1);
    --nav-mobile-active-color: #ddd;
    --nav-mobile-active-border-color: var(--color_1);
    --nav-mobile-btn-clr: var(--color_1);
    --nav-mobile-separator-color: color-mix(in srgb, var(--color_1) 90%, #fff 10%);
    --nav-mobile-padding: 51px 20px 20px;
    --nav-mobile-font-size: 18px;
    --nav-mobile-backdrop-height: 0;
    --nav-mobile-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>');
    --nav-submenu-background: #fff;
    --nav-burger-line-color: var(--color_1);
}
.invisible { display: none; }
.preload * { transition: none; }

body:not(.navigation-open):not(.nav-is-desktop) .navigation-main {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

body:not(.nav-is-desktop) .navigation-main {
    @media(min-width:1024px){ margin-top: 120px; }
    @media(max-width:1023px){ margin-top: 55px; }
    .scrolled & { margin-top: 60px; }
}

#container {
    margin-top: 120px; 
    @media(max-width:1023px){  
        margin-top: 95px; 
    }
}

body.navigation-open {
    @media(max-width:1023px){     
        /* --nav-burger-line-color: #fff; */
    }
}

h1, h2 {
    font-size: 44px;
    font-weight: 700;
    color: var(--color_1);
    text-transform: uppercase;
    line-height: 1;
    @media(max-width:1023px){  
        font-size: 32px;
    }
}
h3 {
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.1;
}
h4 {
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
}
h5 {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--color_1);
    button { font-weight: 600; }
}

.rte h6 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color_1);
    a {
        color: var(--color_1);
        text-decoration: none;
        &:hover { text-decoration: underline; }
    }
}

#header {
    .content-text {
        opacity: 0;
        pointer-events: none;
        transition: all .5s ease-in-out;
        flex-grow: 1;
        color: var(--color_1);
        text-transform: uppercase;
        line-height: 1.2;
        align-self: center;
        font-weight: 600;
        .navigation-open & { opacity: 1; pointer-events: auto; }
        figure { margin-right: 10px; }
        .rte { margin-top: 0; }
    }
    & >.inside { 
        @media(max-width:1023px){  
            padding: 0px 10px;
        }
    }
    & >.inside .mod_logo {
        margin-right: 0;
        @media(max-width:1023px){  
            padding-right: 0;
        }
    }
    & >.inside .mod_logo figure img {
        height: 120px;
        transition: height .8s ease-in-out;
        @media(max-width:1023px){  
            height: 95px;
            max-height: 95px;

        }
        .scrolled & {
            height: 50px;
        }
        @media(max-width:1023px){
            --logo_padding_top: 2px;
            --logo_padding_bottom: 2px;
        }
    }
    .mod_navigation {
        button {
            margin-right: 0;
            margin-left: auto;
        }
        .navigation-main { 
            z-index: 9; 
            margin-top: 96px;
        }
        .navigation-main li>.btn-toggle-submenu {
            place-items: end;
            width: 100%;
            &:after {
                margin-bottom: 17px;
                margin-right: 5px;
            }
        }
    }
}
body.nav-is-mobile .navigation-main a.active, body.nav-is-mobile .navigation-main strong.active {
    color: #bbb !important;
}
.Startseite {
    .TextMitAbstandNachOben { 
        margin-top: 150px; 
        @media(max-width:1023px){  
            margin-top: 0;
        }
    }
    @media(max-width:1023px){  
        /* #container { margin-top: 50px; } */
        &:not(.scrolled) #header::after { opacity: 1 !important; }
        .BildBisZumRand .content-text figure { display: none; }
        .Telefon {
            margin-top: 20px;
            margin-bottom: 20px; 
        }
        #header .Telefon { display: none !important; } 
        .Video .content-player::before { display: none; } 
        .Video .content-player::after { 
            left: 50%;
            bottom: 36%;
            transform: translateX(-50%);
            transition: all 0.25s ease-in-out;
            pointer-events: none;
            width: 65px;
            height: 65px;
            background-size: 65px;
        }
    }
    @media(min-width:1024px){
        #container { margin-top: 0; }
        #header {
            --nav-burger-line-color: #fff;
            border-bottom: 0;  
            &::after {
                transition: all .3s ease-in-out;
            }
        }
        #main .Telefon {
            margin-top: 160px;
        }
        .wrapper_videos_outter {
            overflow: visible;
        }
        .Video { 
            position: absolute;
            width: 100vw;
            .content-player {
                top: -330px;
                position: absolute;
                left: 50%;
                transform: translate(-50%,0);
                width: 480px;
                &::before { display: none; }
                &::after {
                    bottom: 36%;
                }
                figure {
                    filter: brightness(.7);
                }
            }
        }
    }
}
.Startseite.scrolled #header {
    --nav-burger-line-color: var(--color_1);
}

.Startseite:not(.scrolled) #header::after { 
    opacity: 0;
}

.Titelbild {
    margin: 0;
    padding: 0;
    & > .content-image {
        width: 100%;
        padding: 0;
    }
    .content-element-group {
        margin-top: 0;
        position: absolute;
        top: 0;
        width: var(--content_width);
        left: 50%;
        transform: translateX(-50%);
        display: grid;
        justify-items: end;
    }
}

#wrapper #header .Telefon.content-text { 
    @media(max-width:1023px){  
        display: none;
    }
}
#wrapper .Telefon.content-text {
    display: inline-block;
    width: 260px;
    padding: 10px 20px;
    background-color: var(--color_1);
    color: #fff;
    a { 
        color: #fff; 
        text-decoration: none; 
        &:hover { text-decoration: underline; }
    }
    figure { 
        margin-bottom: 0;
        margin-right: 10px; 
        filter: brightness(999); 
        float: left;
    }
    .rte {
        line-height: 1.2;
        margin-top: 0;
    }
}

.content-accordion {
    border-bottom: 0;
    .handorgel__header {
        button {
            margin-top: 20px;
            border: 1px solid var(--font_color);
            background-color: var(--color_2);
            transition: all .1s ease-in-out;
            &:hover { padding-left: 27px; }
            .Hintergrund1 &, .Hintergrund2 & { 
                background-color: #fff; 
                color: var(--color_1);
            }
        }
    }
    .handorgel__header--open button { border-bottom: 0; }
    .handorgel__content {
        background-color: var(--color_2);
        border: 1px solid var(--font_color);
        border-top: 0;
        .Hintergrund1 &, .Hintergrund2 & { 
            background-color: #fff;
        }
        .handorgel__content__inner { 
            padding-top: 0; 
            ul { margin-top: 0;}
        }
    }
}

.Hintergrund2 details.mce-accordion {
    background-color: #fff;
}
details.mce-accordion {
    border: 1px solid var(--font_color);
    background-color: var(--color_2);
    margin-top: 20px;
    & > * { 
        padding-left: 20px;
        padding-right: 20px;
        &:last-child { padding-bottom: 20px; }
    }
    summary {
        font-weight: 600;
        cursor: pointer;
        color: var(--color_1);
        padding: 20px 24px;
        transition: all .1s ease-in-out;
        &:hover { padding-left: 30px; }
        &::marker { font-size: 0; }
    }
    ul {
        padding-left: 40px;
    }
}

#footer .FußzeilenUmschlag {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(var(--content_margin), 1fr) calc( var(--content_width) / 2 ) calc( var(--content_width) / 2 ) 1fr;
    @media(max-width:1023px){ 
        display: block; 
        padding: var(--content_margin);
    }
    & > .content-element-group {
        padding: 50px 0;
        grid-column: 2 / 3;
    }
    & > iframe {
        grid-column: 3 / 5;
        width: 100%;
        height: 100%;
        min-height: 200px;
        border: 0;
    }
}
#footer>.inside .nachObenScrollen { bottom: 39px; }
#footer_bottom a { 
    text-decoration: none; 
    &:hover { text-decoration: underline; }
}

#footer_bottom .content-text {
    width: calc( var(--footer_width) + 40px);
    max-width: 100%;
}

.Team {
    text-align: center;
    .rte>*+* {
        margin-block-start: 0.2em;
    }
    .images_container {
        position: relative;
        figure {
            margin-bottom: 0;
            img { display: block; width: 100%; height: auto; }
            &.second_image {
                position: absolute;
                top: 0; 
                left: 0;
                opacity: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: opacity .3s ease-in-out;
                figcaption {
                    position: absolute;
                    bottom: 0;
                    color: #fff;
                    font-size: 32px;
                    background-image: linear-gradient(to top, rgba(0,0,0,0.6) 64%, rgba(0,0,0,0));
                    opacity: 0;
                    transition: opacity .3s ease-in-out;
                    text-align: center;
                    padding: 10px;
                    padding: 30px;
                    line-height: 1.2;
                }
            }
        }
        &:hover {
            .second_image { opacity: 1; 
                figcaption { opacity: 1; }
            }
        }
    }
}

.BildImTextRechtsUmfließen .rte { 
    h4 { margin-top: 0;}
    img {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        object-fit: contain;
        &:after {
            content: "";
            display: table;
            clear: both;
        }
    }
}

#wrapper .Kacheln, #wrapper .KachelnGrau, #wrapper .KachelnWeiß {
    & > * {
        border: 0;
        background: var(--color_2);
        .content-accordion button { background-color: #fff; }
        .content-accordion .handorgel__content { background-color: #fff; }
    }
}

/************************************************ BILD-TEXT-POSITIONEN - start ************************************************/
.mod_article:has(.BildBisZumRand) { 
	@media(min-width:1024px){ padding: 0; }
}
#wrapper .BildBisZumRand {
    @media(max-width:1023px){ 
        .content-image:nth-child(2) { margin-top: 20px; }
        .content-image:nth-child(1) { margin-bottom: 20px; }
    }
    @media(min-width:1024px){
        overflow: hidden;
        figure { float: none; }
        padding: 0;
		width: 100%;
		display: grid;
		align-items: center;
        & > .rte { padding: var(--article_margin, 20px); }
		grid-template-columns: 
			var(--content_margin) 
			1fr 
			calc( var(--content_width) / 2 ) 
			calc( var(--content_width) / 2 ) 
			1fr 
			var(--content_margin)
		;
        @media(max-width:1259px){  
            grid-template-columns: 
                var(--content_margin) 
                1fr 
                calc( (100% - 2 * var(--content_margin)) / 2 ) 
                calc( (100% - 2 * var(--content_margin)) / 2 ) 
                1fr 
                var(--content_margin)
            ;
        }
		& > .rte, & > .content-element-group {
			padding: 0;
			grid-column: 3 / 4;
			grid-row: 1;
			margin-top: var(--article_margin);
			margin-bottom: var(--article_margin);
            &:nth-child(1) { margin-right: var(--image_margin); }
			.media--left &, &:nth-child(2):not(.rte) { 
                grid-column: 4 / 5; 
                margin-left: var(--image_margin);
            }
            .media--right & { margin-right: var(--image_margin); }
			.TextUnten & { align-self: end;  }
			.TextOben & { align-self: start; }
		}
		& > figure, & > .content-image {
            position: absolute;
            top: 0;
			height: 100%;
			grid-column: 4 / 7;
			grid-row: 1;
            & > figure {
                .BildInVollerHöhe & { height: 100%; }
            }
			.media--left &, &:nth-child(1):not(figure) { 
                grid-column: 1 / 4; 
                margin-right: 0;
            }
            .media--right & { margin-left: 0; }
			picture {
				display: block;
				height: 100%; 
				img { 
					height: 100%;
					object-fit: cover; 
				}
			}
		}
	}
}
.content-text.TextMittig {
	@media(min-width:1024px){
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
		justify-items: center;
		& figure { 
			margin: 0;
			float: none;
			display: grid;
			align-content: center;
			.media--right & { grid-column: 2; }
		}
		.rte {
			display: grid;
			align-content: center;
			.media--left & { margin-left: var(--image_margin); }
			.media--right & { margin-right: var(--image_margin); grid-row: 1; }
		}
	}
}
.mod_article.TextAufBild {
	padding-top: 0;
	.content-image { padding: 0; }
	@media(min-width:1024px){
		padding-top: 0;
		padding-bottom: 0;
		overflow: hidden;
		height: 600px;
		max-height: 100vh;
		&.Höhe200 { height: 200px; }
		&.Höhe300 { height: 300px; }
		&.Höhe400 { height: 400px; }
		&.Höhe500 { height: 500px; }
		&.Höhe600 { height: 600px; }
		&.Höhe700 { height: 700px; }
		&.Höhe800 { height: 800px; }
		&.Höhe900 { height: 900px; }
		&.Höhe1000 { height: 1000px; }
		.content-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100%;
			padding: 0;
			margin: 0;
			& figure {
				height: 100%;
				.BildOben-100 &, .BildUnten-100 & { height: calc( 100% + 100px ); }
				.BildOben-150 &, .BildUnten-150 & { height: calc( 100% + 150px ); }
				.BildOben-200 &, .BildUnten-200 & { height: calc( 100% + 200px ); }
				.BildOben-250 &, .BildUnten-250 & { height: calc( 100% + 250px ); }
				.BildOben-300 &, .BildUnten-300 & { height: calc( 100% + 300px ); }
				.BildOben-350 &, .BildUnten-350 & { height: calc( 100% + 350px ); }
				.BildOben-400 &, .BildUnten-400 & { height: calc( 100% + 400px ); }
				& img { 
					object-fit: cover;
					height: 100%;
					width: 100%;
					.BildUnten &, [class*=' BildUnten'] & { object-position: bottom; }
				}
			}
		}
		.content-text {
			margin-top: 0;
			height: 100%;
			display: grid;
			.TextMitHintergrund & { width: 100%; }
			.rte {
				align-self: end;
				justify-self: start;
				width: 100%;
				max-width: 100%; 
				margin-bottom: 50px;
				.TextOben & { align-self: center; margin-bottom: 0; margin-top: 50px; }
				.TextRechts & { justify-self: end; }
				.TextVertikalMittig & { align-self: center; margin-bottom: 0; }
				.TextHorizontalMittig & { justify-self: center; }
				.TextMitHintergrund & {
					background-image: linear-gradient(to left, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, 1) 100%);
					height: calc(100% - 100px);
					margin: 40px 0px 50px -20px;
					padding: 60px;
					width: 600px;
					max-width: 100%;
				}
				.BreiteText50Prozent & { width: 50%; }
				.BreiteText300 & { width: 300px; }
				.BreiteText400 & { width: 400px; }
				.BreiteText500 & { width: 500px; }
				.BreiteText600 & { width: 600px; }
				.BreiteText700 & { width: 700px; }
				.BreiteText800 & { width: 800px; }
				.BreiteText900 & { width: 900px; }
				.BreiteText1000 & { width: 1000px; }
			}
		}
	}
}
/************************************************ BILD-TEXT-POSITIONEN - end ************************************************/





body .wrapper_videos_outter { overflow: hidden; }
body .wrapper_videos_inner {
    .einspaltig & { --video_columns: 1; }
    .dreispaltig & { 
        --video_columns: 3; 
        @media(max-width:1023px){  
            --video_columns: 1; 

        }
    }
	--gap: 20px;
    --video_columns: 2;
    overflow: visible;
    display: grid;
	grid-template-columns: repeat(var(--video_columns), 1fr);
	gap: var(--gap);
	@media(max-width:1023px){ --video_columns: 2; }
	@media(max-width:500px){ --gap: 20px; --video_columns: 1; }
    .content-player {
		position: relative;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
		&:before {
			content: '';
			width: 120px;
			height: 100px;
			background-image: url('/files/layout/images/logo.png');
			background-size: 120px;
			background-repeat: no-repeat;
			position: absolute;
			right: 10px;
			top: 10px;
			z-index: 4;
			pointer-events: none;
		}
		&:hover::after { scale: 1; }
		&::after {
			content: "";
            /* background should be a circle with a filled red triangle with sharp edges as play button */
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="red" stroke="red" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" fill="rgba(255,255,255,0.8)"/><polygon points="10,8 16,12 10,16" fill="rgb(161 43 42)"/></svg>');
            background-repeat: no-repeat;
			background-position: center right;
			display: inline-block;
			position: absolute;
			left: 50%;
			bottom: 40px;
			transform: translateX(-50%);
			transition: all 0.25s ease-in-out;
			pointer-events: none;
			width: 65px;
			height: 65px;
			background-size: 65px;
			@media(max-width:1023px){  
				bottom: 10px;
				width: 20px;
				height: 24px;
				background-size: 20px;
			}
		}
        &.child_child_element_playing::after {
            display: none;
        }
		figcaption {
			position: absolute;
			bottom: 30px;
			right: 30px;
			font-size: 60px;
			color: #fff;
			max-width: 400px;
			text-align: right;
		}
		& > figure { 
			margin: 0;
			position: relative; 
			overflow: visible;
			height: auto;
			& video {
				width: 100%;
				height: 100%;
				border-radius: 5px;
				overflow: hidden;
				transition: scale .25s ease-in-out;
			}
		}
		&.child_child_element_playing {
			z-index: 5;
			& video {
				@media(min-width:1024px){
					position: fixed;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					width: 80vw;
					z-index: 10;
					height: auto;
				}
			}
		}
	}
}

button[popovertarget] {
	all: unset;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	@media(max-width:1024px){
		display: none;
	}
    &::after { display: none; }
}
body.popover_open a,
body.popover_open button,
body.popover_open .content-player > figure { 
	pointer-events: none; 
}
[popover] {
	background: transparent;
	border-radius: 10px;
	opacity: 0;
	padding: 0;
	border: 0;
	transition: opacity .3s ease-out, overlay .3s ease-out allow-discrete, display .5s ease-out allow-discrete;
	& video { 
		display: block; 
		max-width: 80vw; 
		max-height: 90vh; 
	}
}
[popover]::backdrop { 
	background: transparent; 
	transition: all .25s ease-in-out; 
}
[popover]:popover-open::backdrop { 
	background: rgba(190, 190, 190, .5); 
	backdrop-filter: blur(5px); 
}
:popover-open { opacity: 1; }

@starting-style {
	:popover-open {
		opacity: 0;
		translate: 0 -50px;
	}
}

body.no-css-feature-popover button[popovertarget],
body.no-css-feature-popover [popover] { display: none; }
body.no-css-feature-popover {
	#header, #footer { transition: all .25s ease-in-out; }
}
body.no-css-feature-popover.video_playing {
	#header, #footer { opacity: 0; }
}
body.no-css-feature-popover .content-player.child_child_element_playing {
	@media(min-width:1024px){
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		margin: 0;
	}
}

#wrapper input, #wrapper textarea {
    --field_height: 49px;
    background-color: var(--color_2);
    border-radius: 0;
    border-color: var(--font_color);
}

#wrapper form button {
    background-color: var(--color_1);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 30px;
    border: 1px solid var(--color_1);
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    &:hover {
        background-color: #fff;
        color: var(--color_1);
    }
}

:root {
    --form_gap: 25px; 
    --form_input_padding: 13px;
}

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


.Teaser {
    .content-element-group {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }
    .content-text {
        position: relative;
        overflow: hidden;
        transition: background .3s ease-in-out;
        &::after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--color_1);
            opacity: 0;
            z-index: 0;
            transition: opacity .3s ease-in-out;
        }
        &:hover {
            background: var(--color_1);
            &::after { opacity: 1; }
            .rte { 
                background: none;
                bottom: 26%;
            }
        }
        .rte {
            position: absolute;
            bottom: 0;
            top: auto;
            background-image: linear-gradient(to top, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);
            color: #fff;
            padding: 60px 5px 20px 5px;
            text-align: center;
            width: 100%;
            line-height: 1.2;
            transition: all .3s ease-in-out;
            z-index: 1;
            h4 { margin-bottom: 0; font-size: 20px; }
            p { margin-top: 0; }
        }
        figure { 
            margin-bottom: 0; 
            img { width: 100%; height: 100%; object-fit: cover;}
        }
    }
}



body.nav-is-mobile .navigation-main a, body.nav-is-mobile .navigation-main strong {
    padding: 0;
    margin: 9px 10px;
}

#header .level_1 > .submenu > a {
    pointer-events: none;
}

#wrapper .handorgel__content .rte ul {
    padding-left: 16px; 
}

body .wrapper_videos_inner {
    & .content-player {
        &:before {
            display: none;
        }
    }
}

.TelefonnummerNachUnten {
    @media(max-width:1023px){
        top: auto !important;
        bottom: 0;
    }
}

