@charset "utf-8";
/* CSS Document */


/* Fonts */
@import url('fonts/stylesheet.css');
@import url('fonts/fontawesome-free-5.15.4-web/css/all.min.css');
/*
font-family: 'Kanit', sans-serif;
font-family: 'Open Sans', sans-serif;
*/



/* Vorgaben */
:root {
	--col-primary: 				rgb(210,77,63);				/* globale 1. Projektfarbe */
		--col-primary-opa: 		rgba(210,77,63, 0.75);				/* mit OpazitÃ¤t */
		--col-primary-text: 	#FFF;								/* Textfarbe */
	--col-secondary: 			rgb(0,0,36);					/* globale 2. Projektfarbe */
		--col-secondary-opa:	rgba(0,0,36, 0.65);				/* mit OpazitÃ¤t */
		--col-secondary-text:	#FFF;								/* Textfarbe */
	--col-accent: 				rgb(240,242,244);				/* globale 3. Projektfarbe (Akzentfarbe) */
		--col-accent-opa: 		rgba(240,242,244, 0.85);			/* mit OpazitÃ¤t */
		--col-accent-text: 		#333;						/* Textfarbe */
	--col-text: 				#333;					/* globale Schriftfarbe */
	--col-light: 				#FFF;							/* fÃ¼r Basis-Farbset (z.B. Gridblock) */
	--col-dark: 				#222;							/* fÃ¼r Basis-Farbset (z.B. Gridblock) */
	--col-overlay: 				rgba(210,77,63, 0.75);			/* fÃ¼r Lightbox-Overlays */
	--col-background:           #F9FAFB;				/* Farbe fÃ¼r Body-Background */
	
	--font-header: 				'Ubuntu', sans-serif;			/* globale Schriftart fÃ¼r Ãœberschriften */
	--font-text: 				'Ubuntu', sans-serif;		/* globale Schriftart fÃ¼r Texte */
	--font-accent: 				'Nunito', sans-serif;		/* globale Schriftart fÃ¼r Akzente */
    
	--fontsize-text:            16.5px;							/* globale Basis-SchriftgrÃ¶ÃŸe fÃ¼r Text */
	--fontsize-header:          clamp(17px, 4vw, 1.0rem);		/* globale SchriftgrÃ¶ÃŸe fÃ¼r Header-liked Texte */
	--fontsize-header-small:	clamp(27px, 4vw, 2.4rem);		/* globale SchriftgrÃ¶ÃŸe fÃ¼r Header-liked Texte (2.Zeile) */
	--fontsize-title:           clamp(27px, 4vw, 2.1rem);		/* globale SchriftgrÃ¶ÃŸe fÃ¼r Modul-Titel */
	--fontsize-accent:          clamp(23px, 4vw, 2.0rem);		/* globale SchriftgrÃ¶ÃŸe fÃ¼r Sondertitel */

	--fontweight-text:        	normal;							/* globale SchriftstÃ¤rke fÃ¼r Texte */
	--fontweight-header:        bold;							/* globale SchriftstÃ¤rke fÃ¼r Header-liked Texte */
	--fontweight-title:         bold;							/* globale SchriftstÃ¤rke fÃ¼r Modul-Titel */
	
	--lineheight-text:        	1.6;							/* globale ZeilenhÃ¶he fÃ¼r Text */
	--lineheight-header:        1.1;							/* globale ZeilenhÃ¶he fÃ¼r Header-liked Texte */

	--margin-xs: 1px;
	--margin-sm: 10px;
	--margin-md: 30px;
	--margin-lg: 50px;
	--margin-xl: 100px;
	
	--margin-neg-xs: -10px;
	--margin-neg-sm: -20px;
	--margin-neg-md: -35px;
	--margin-neg-lg: -70px;
	--margin-neg-xl: -100px;
	
	--padding-sm: 20px;
	--padding-md: 35px;
	--padding-lg: 70px;
	--padding-xl: 100px;
	--padding-smp: 3%;
	--padding-mdp: 7%;
	--padding-lgp: 11%;
	--padding-xlp: 15%;
	
	--borderRadius-xs: 5px;
	--borderRadius-sm: 10px;
	--borderRadius-md: 15px;
	--borderRadius-lg: 20px;

	--gap-xs: 1px;
	--gap-sm: 10px;
	--gap-md: 30px;
	--gap-lg: 50px;
	--gap-xl: 100px;
	
	--transform: skewY(0deg);
	--margin-divisor: 1;
	--padding-divisor: 1;
	--overlay-opacity: 1;
	
	--filter-grey: grayscale(1);
	--filter-blur: blur(3px);
	--filter-greyblur: grayscale(1) blur(3px);
	
	--fx-liftup-transf: translateY(-7px);
	--fx-liftup-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
	--fx-scaleup: scale(1.07);
}


.sr-only { position: absolute; top: auto; left: -10000em; border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; }


.width-margin { margin-left: 50px; margin-right: 50px; }
.mw500 { max-width: 500px; }
.mw600 { max-width: 600px; }
.mw700 { max-width: 700px; }
.mw800 { max-width: 800px; }
.mw900 { max-width: 900px; }
.mw1000 { max-width: 1000px; }
.mw1100 { max-width: 1100px; }
.mw1200 { max-width: 1200px; }
.mw1300 { max-width: 1300px; }
.mw1400 { max-width: 1400px; }
.mw1500 { max-width: 1500px; }
.mw1600 { max-width: 1600px; }
.mw1700 { max-width: 1700px; }
.mw1800 { max-width: 1800px; }
.mw1900 { max-width: 1900px; }
.mw2000 { max-width: 2000px; }




/* Standard */
* { margin: 0px; padding: 0px; box-sizing: border-box; }

html { }
body { background: var(--col-background); }
body,td,th { font-family: var(--font-text); font-size: var(--fontsize-text); font-weight: var(--fontweight-text); color: var(--col-text); line-height: var(--lineheight-text); word-wrap: break-word; overflow-wrap: break-word;  word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

#clearing, .clearing { clear: both; font-size: 0px; }
#clearleft, .clearleft { clear: left; font-size: 0px; }
#clearright, .clearright { clear: right; font-size: 0px; }
#clearfix, .clearfix { display: block !important; width: 100% !important; height: 0px !important; overflow: hidden !important; font-size: 0px !important; float: none !important; }
	#clearfix:after, .clearfix:after {
		content: ".";
		display: inline-block !important;
		height: 0px !important;
		width: 100% !important;
		clear: both;
		visibility: hidden !important;
		padding: 0px !important;
		margin: 0px !important;
		font-size: 0px !important;
	}



/* Allgemein */
h1, h2, h3, h4, h5, h6 {
	font-family: 	var(--font-header);
	/*font-size: 		var(--fontsize-header);*/
	font-size: 		var(--fontsize-header-small);
	font-weight: 	var(--fontweight-header);
	color: 			var(--col-primary);
	line-height: 	var(--lineheight-header);
	margin: 0px 0px 37px;
	text-align: left;
	letter-spacing: normal;
	padding: 0px 0px;
	text-transform: none;
	position: relative;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-hyphens: auto;
	hyphens: auto;	
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: 100; }

h3, h4, h5, h6 { margin-bottom: 30px; }
h3 { font-size: 42px; }
h4 { font-size: 34px; }
h5, h6 { font-size: 26px; }

h1.seitenueberschrift { color: #CC0617; }
	h1.seitenueberschrift.hide { display: none !important; }

h1.seitenueberschrift.left, .ueberschrift.left > * { text-align: left; }
h1.seitenueberschrift.center, .ueberschrift.center > * { text-align: center; }
h1.seitenueberschrift.right, .ueberschrift.right > * { text-align: right; }


p { margin-bottom: 15px; }

a { color: #000; transition: all 0.5s ease; }
a:hover { text-decoration: none; }
a img { border: none; }

hr { height: 0px; width: 100%; text-decoration: none; text-align: center; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; margin: 20px 0px; }

ul { list-style-type: square; margin-left: 25px; line-height: 1.25; margin-bottom: 15px; }
li { margin-bottom: 10px; }
ol { margin-left: 25px; line-height: 1.25; list-style-position: inside; }



/* Blöcke */
main, header, section, nav, article, footer, aside, .slider-wrapper { display: block; position: relative; z-index: 5; }
.inner { max-width: 1600px; margin: 0px auto; }

header { padding: 0px 50px; z-index: 100; background: #FFF; transition: all 0.3s ease; }
header .inner { padding: 40px 0px; display: table; width: 100%; transition: all 0.3s ease; }
	header .inner > div { display: table-cell; vertical-align: top; }
.logo { }
	.logo img { width: 100%; max-width: 400px; height: auto; transition: all 0.3s ease; }
	
header.fixto-fixed { position: fixed; left: 0px !important; right: 0px !important; width: auto !important; box-shadow: 0px -2px 10px 0px rgba(0,0,0, 0.4); margin: 0px; padding: 0px 25px; }
	header.fixto-fixed .inner { height: 60px; padding: 15px 0px; }
	.fixto-fixed .logo img { max-height: 60px; width: auto; }	
	.fixto-fixed .navopener { right: 25px; }
	
.suche { text-align: right; padding: 35px 0px 0px; color: #AAA; }
	.suche form { position: relative; max-width: none; width: auto; border: none; }
	.suche input { width: 150px; border: 1px solid #CCC; border-radius: 3px; margin: 0px; padding: 5px 35px 5px 8px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #999; }
	.suche input[type=submit], .suche span { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 5; width: 30px; background: none; text-indent: -555px; border: none; padding: 0px; }
	.suche span { width: auto; z-index: 1; text-indent: 0px; top: 4px; right: 5px; }


#mobileNav { position: fixed; top: 0px; right: -250px; }
.navopener, .navcloser, #mobileNav { display: none; }
.navtop, .navopener-fixed { position: fixed; bottom: 30px; right: -50px; z-index: 1000; display: block; width: 41px; height: 41px; overflow: hidden; margin: 0px auto; cursor: pointer; background: #FFF; text-align: center; color: #3A3F3F; font-size: 25px; box-shadow: 2px 5px 25px -7px #000; border-radius: 50% 50% 0% 50%; border: 2px solid #CCC; /* transition: all 0.5s ease; */
	-webkit-transition: all 350ms cubic-bezier(0.600, 0, 0.735, 0.045); transition: all 350ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 				/* easeInBack */
	-webkit-transition-timing-function: cubic-bezier(0.600, 0, 0.735, 0.045); transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045); 	/* easeInBack */
}
	/*.navtop:hover { background: #FFF; color: #000; box-shadow: 2px 2px 7px 0px rgba(0,0,0, 0.35); }*/
	.navtop span { display: none; }
	.navtop i { position: absolute; top: -2px; left: 1px; }
.navtop.ntshow { right: 30px;
	-webkit-transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1); transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 				/* easeOutBack */
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);		/* easeOutBack */
}


nav { padding: 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #EEE; transition: all 0.5s ease; z-index: 10; }
	/*nav.fixto-fixed { z-index: 1000; }*/
nav ul { list-style-type: none; line-height: normal; margin: 0px; padding: 0px; }
nav li { display: inline; margin: 0px 10px 0px 0px; }
nav li a { position: relative; font-size: 15px; color: #393F3F; text-transform: uppercase; display: inline-block; text-decoration: none; padding: 30px 20px; overflow: hidden; }
nav li a:hover, nav li a.selected { color: #000; }
	nav li a.selected { font-weight: bold; color: #D62F30; }
	nav li a:before { content: ''; position: absolute; top: 0px; left: 0px; width: 0%; height: 4px; margin: 0px 50%; background: #DDD; transition: all 0.25s ease; }
		nav li a:hover:before, nav li a.selected:before { width: 100%; margin: 0px 0%; }
		nav li a.selected:before { background: #D62F30; }
	nav li a:after { content: ''; position: absolute; bottom: -40px; left: 50%; background: #D62F30; width: 20px; height: 20px; margin-left: -10px; transform: rotate(45deg); transition: all 0.3s ease; }
		nav li.haschilds a:hover:after { bottom: -8px; }
nav li.markit a { }
nav ul ul ul { display: none; }


/* Klappmenüsteuerung CSS-Klappmenü */
/* Anpassung der Hauptebene - Klappmenü-Opener */
ul.dropdown { position: relative; }
/*ul.dropdown li.haschilds > a { background: url(nav-haschilds.png) right center no-repeat; padding-right: 12px; }*/
ul.dropdown li:hover a { color: #000; }
	ul.dropdown li:hover a:before { width: 100%; margin: 0px 0%; }
	ul.dropdown li.haschilds:hover a:after { bottom: -8px; }

/* Design des Klappmenüs */
ul.dropdown ul { visibility: hidden; opacity: 0; position: absolute; top: 71px; left: 0%; margin: 0px; padding: 20px 0px 10px; z-index: 0; width: 100%; height: auto; text-transform: none; background: #FFF; box-shadow: 0 10px 25px -15px #000; transition: all 0.3s ease; }
	ul.dropdown ul:before { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; display: block; height: 10px; background: #D62F30; }
ul.dropdown ul li { display: inline-block; margin: 0px; padding: 0px; height: auto; min-height: 0px; width: 185px; border: none; transition: all 0.5s ease; word-wrap: break-word; }
	ul.dropdown ul li:hover { transform: translateX(10px); }
ul.dropdown ul li.first { }

ul.dropdown ul { display: table; pointer-events: none; }
	ul.dropdown ul > div { display: table-cell; vertical-align: top; }
	ul.dropdown ul .childlist { }
	ul.dropdown ul .childtitle { position: relative; width: 35%; padding: 20px 40px 20px; font-family: 'Kanit', sans-serif; font-size: 30px; font-weight: 100; line-height: 1.25; color: #999; text-transform: uppercase; }
		ul.dropdown ul .childtitle:before { content: ''; width: 1px; background: #DDD; position: absolute; left: 0px; top: 10px; bottom: 10px; }

/* Design der Links */
ul.dropdown li:hover ul li a.hide { color: #fff; background: none; }
ul.dropdown li:hover ul li:hover a.hide { background: none; color: #000; }
ul.dropdown ul li a, ul.dropdown li:hover ul li a { display: block; margin: 0px; padding: 15px 20px; font-weight: bold; color: #393F3F; }
	ul.dropdown ul li a:before, ul.dropdown ul li a:after { display: none !important; }
ul.dropdown ul li a.first { border: none !important; }
ul.dropdown ul li a:hover, ul.dropdown ul li a.selected { }
	ul.dropdown ul li a.selected { color: #D62F30 !important; }

/* show Status */
ul.dropdown li.haschilds a:hover+ul, ul.dropdown li ul:hover, ul.dropdown li ul.opened { z-index: 10000; visibility: visible; opacity: 1; pointer-events: auto; }
/* Klappmenü - ENDE */


section { max-width: 1700px; margin: 0px auto; }
	section#opener { }
	section#content { padding: 0px 150px 130px; margin-top: 110px; }


.slider-wrapper { position: relative;  z-index: 7; background: none; }
.slider { position: relative; z-index: 1; height: 250px; background: #FFF; /*background-color: rgba(204,204,204, 0.33);*/ }
	.home .slider { height: 600px; }
#mainSlider, .sliderBackgroundImage, #mainSlider > div { width: 100%; height: 100%; }
	/*#mainSlider > .camera_loader { width: 36px; height: 36px; }*/
	#mainSlider .slick-track { height: 100%; }
	#mainSlider .slick-slide { background-size: cover; background-position: center center; }
.sliderBackgroundImage { background-size: cover; background-position: center center; }
	
.slider-info { position: relative; z-index: 5; max-width: 1050px; margin: -99px auto 0px; /*overflow: hidden;*/ }
.slider-info > div > div { visibility: hidden; display: inline-block; background: #5A738A; color: #FFF; font-size: 38px; font-weight: 600; text-transform: uppercase !important; text-shadow: 1px 1px 2px #000; padding: 26px 35px; opacity: 0; transform: translate(50px); transition: all 0.5s ease; }
	.slider-info .si-contact { background: none; font-size: 28px; font-weight: 700; padding: 0px; text-shadow: none; transition: all 0.85s ease; }
		.slider-info .si-contact a { display: inline-block; background: #C6D0D7; color: #FFF; text-decoration: none; padding: 18px 35px; }
			.slider-info .si-contact a:hover { color: #D62F30; }

.si-text.showStart, .si-contact.showStart { visibility: visible; }
.si-text.showFadeIn, .si-contact.showFadeIn { opacity: 1; transform: translate(0px); }
.si-text.showFadeOut, .si-contact.showFadeOut { opacity: 0; transform: translate(-50px); }



.content { min-height: 400px; }
.content img { max-width: 100%; height: auto; }		/* maximale Bildbreite bei mobiler Ansicht für Inhaltsbilder */


footer { background: #747777; color: #FFF; font-size: 16px; }
footer .inner { max-width: 1700px; margin: 0px auto; padding: 100px 150px 120px; position: relative; }
footer ul { list-style-type: none; line-height: 1.5; margin: 0px; padding: 0px; }
footer li { display: block; margin: 0px 0px 0px 0px; transition: all 0.5s ease; }
	footer li:hover { transform: translateX(10px); }
footer a { text-decoration: none; color: #FFF; }

/* Dummy NL-Anmeldung */
.footerletter { position: absolute; top: -40px; left: 245px; right: 245px; z-index: 100; height: 80px; margin: 0px auto 0px; background: #FFF; font-size: 15px; color: #666; box-shadow: 0px 2px 10px 0px rgba(0,0,0, 0.4); overflow: hidden; padding: 20px 75px; }
.footerletter .fl-group { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 175px; grid-template-columns: 1fr 175px; column-gap: 75px; grid-column-gap: 75px; grid-auto-rows: 1fr; -ms-grid-column-align: left; justify-items: left; -ms-flex-align: start; align-items: start; }
	.footerletter .fl-group > input { width: 100%; }
.footerletter .fl-opener { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; cursor: pointer; }
.footerletter .fl-placeholder { position: absolute; top: 30px; left: 75px; right: 75px; z-index: 5; color: #666; line-height: 1.25; }

/* NL-Anmeldung */
.footerletter form, .footerform form { max-width: none; }
.footerletter input, .footerform input, .footerletter select, .footerform select { border: none; border-bottom: 1px solid #CC0918; padding: 11px 5px; font-size: 15px; }
.footerletter a.submit, .footerform a.submit { width: 175px; border: none; text-decoration: none; text-transform: uppercase; font-size: 18px; padding: 8px 40px; -mozborder-radius: 3px; border-radius: 3px; background: #CC0918; font-family: 'Kanit', sans-serif; font-weight: normal; color: #FFF; text-align: center; cursor: default; }
	.footerletter a.submit:hover, .footerform a.submit:hover { background: #3A3F3F; }
	
.footerform { opacity: 0; position: fixed; top: 50%; left: 50%; width: 600px; height: 474px; margin: -237px 0px 0px -300px; padding: 0px; background: #FFF; box-shadow: 0 5px 25px -5px #000; z-index: -1; opacity: 0; transition: all 0.25s ease; }
	.footerform.overlayShow { z-index: 9010; opacity: 1; }
	.footerform-body { overflow-x: hidden; overflow-y: hidden; }
.footerform span.ff-close { position: absolute; top: 0px; left: 50%; z-index: 10; width: 30px; height: 30px; margin: -15px 0px 0px -15px; overflow: hidden; background: #CC0918; cursor: pointer; transition: all 0.5s ease; }
	.footerform span.ff-close:after { content: '+'; display: block; text-align: center; font-size: 20px; color: #FFF; transform: rotate(45deg); }
	.footerform span.ff-close:hover { background: #3A3F3F; }
.footerform form { padding: 50px; overflow: auto; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
.footerform span { display: block; }
	.footerform span.ff-title { font-family: 'Kanit', sans-serif; font-weight: 100; font-size: 30px; line-height: 1.05; text-align: center; margin: 0px 0px 30px; }
.footerform .fl-group { display: -ms-grid; display: grid; -ms-grid-columns: 100px 1fr 1fr; grid-template-columns: 125px 1fr 1fr; column-gap: 15px; grid-column-gap: 15px; grid-auto-rows: 1fr; -ms-grid-column-align: left; justify-items: left; -ms-flex-align: end; align-items: end; }
	.footerform .fl-group > * { width: 100%; }	
.footerform p { clear: both; }
	.footerform p.email { margin-top: 10px; }
	.footerform p.checkbox { margin-top: 10px; }
.footerform p.email input { width: 100%; }
.footerform p.checkbox input { width: auto; }
.footerform p.checkbox label { width: auto; float: none; margin: 0px 0px 0px 0px; font-size: 0.9em; }
.footerform a.submit { display: block; margin: 35px auto 0px; }
.footerform .forminfo { font-size: 0.8em; text-align: center; margin-top: 15px; }

.footerform-overlay { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: -1; opacity: 0; transition: all 0.25s ease; }
	.footerform-overlay.overlayShow { z-index: 905; opacity: 1; }


.footerline { background: #4E5251; font-size: 13px; padding: 0px; }
	.footerline .inner { padding: 20px 150px; }
	.footerline li { display: inline-block; margin: 0px 20px 0px 0px; }
		.footerline li:hover { transform: none; }
	.footerline a:hover { text-decoration: underline; }
	
footer .fbox { display: inline-block; vertical-align: top; width: 200px; margin: 0px 70px 0px 0px; }
footer .fbox span { display: block; font-family: 'Kanit', sans-serif; font-size: 25px; font-weight: 100; text-transform: uppercase; margin-bottom: 5px; }
footer .fbox1 {}
footer .fbox2 { width: auto; margin-right: 0px; }
	footer .fbox2 ul { -webkit-column-count: 2; column-count: 2; }
	footer .fbox2 li { width: 140px; margin: 0px 15px 0px 0px; }

footer .slogan { position: absolute; right: 150px; bottom: 33px; font-family: 'Kanit', sans-serif; font-size: 50px; font-weight: bold; color: #000; line-height: 1.05; text-transform: uppercase; }
footer .slogan div { position: absolute; right: 35px; bottom: -6px; z-index: 10; white-space: nowrap; }
footer .slogan span { font-weight: 100; }
footer .slogan img { opacity: 0.15; }


aside { position: fixed; top: 50%; right: 50px; width: 20px; margin: -83px -10px 0px 0px; text-align: center; }
aside a { display: inline-block; font-size: 14px; color: #3A3F3F; margin: 6px 0px; transition: all 0.3s ease; }
	aside a:hover { transform: scale(1.75); }
aside span { display: none; }



/* Content / Inhalte */
/* Modul: Cookinote */
#cookienote { display: none; position: fixed; z-index: 10000; top: 0px; left: 0px; right: 0px; padding: 12px 160px 12px 14px; background: #333; color: #FFF; font-size: 13px; box-shadow: 0px 2px 10px 0px #666; min-height: 62px; }
#cookienote a { color: #FFF; }
#cookienote a.cookienoteCloser { position: absolute; top: 13px; right: 13px; padding: 5px 10px; font-size: 16px; font-weight: bold; background: #FC0; color: #000; border-bottom: 4px solid #F90; text-decoration: none; border-radius: 6px; cursor: pointer; }
	#cookienote a.cookienoteCloser:hover { background: #FFF; }


/* Modul: Formulargenerator */
main form { margin: 0px auto; display: block; max-width: 700px; }
main form > * { padding: 0px 10px; }
main form p { margin: 0px; }
main form h5 { font-size: 13px; margin-bottom: 5px; }

main label { display: none; width: 250px; float: left; margin: 5px 20px 0px 0px; text-align: left; }
main input, main textarea, main select { width: 100%; margin: 0px 0px 15px 0px; border: none; border: 1px solid #96bf6e; padding: 11px 13px; font-family: 'Barlow', sans-serif; font-size: 18px; }
main textarea { height: 120px; border: 1px solid #96bf6e; border-bottom-color: #96bf6e; padding: 11px 13px; }
main select { min-width: 75px; width: 308px; }

main input.short { width: 60px; margin-right: 5px; }
main input.half { width: 220px; }
main input.auto { width: auto; }

main button[type=submit] { display: block; width: auto; border: none; text-decoration: none; text-transform: uppercase; font-size: 1em; margin: 20px auto 0px; padding: 10px 30px; background: #96bf6e; font-weight: normal; color: #FFF; text-align: center; cursor: default; font-family: 'Libre Baskerville', sans-serif; }
	main button[type=submit]:hover { background: #6f826a; }

main input.checkbox { width: auto; vertical-align: -webkit-baseline-middle; }
main label.checkbox { float: none; width: auto; }

main div.radio label, main div.checkbox label { display: block; float: none; width: auto; margin: 0px 0px 4px 0px; }
main input[type=radio], main input[type=checkbox] { width: auto; margin: 0px 6px 0px 0px; }

main div.radios { padding-bottom: 13px; }
main label.radio { margin-top: 0px; }
main p.radio { display: inline; margin-right: 10px; }
main p.radio input { width: auto; }
main p.radio label { width: auto; float: none; text-align: left; margin: 0px 7px 0px 3px; }

main select.half { width: 125px; }
main input.inp50 { width: 50px; }
main input.inpShorter { width: 238px; }

.form-captcha { text-align: center; margin-top: 25px; }
.form-captcha span.input-group-btn { display: none; }
.form-captcha span.input-group-addon { display: block; }
.form-captcha img {}
.form-captcha input { display: inline-block; width: 120px; margin: 0px 0px 0px 0px; text-align: center; }

main ul.form_warning { color: #900; font-weight: bold; font-size: 14px; margin: 20px auto 40px auto; border: 1px solid #990000; padding: 10px 20px 10px 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); background-color: #FAE7E7; }
main input.form_warning, textarea.form_warning { border: 1px solid #900; }
main label.form_warning { color: #900; }


.alert {}
.alert ul { display: none; color: #a51a1c; font-weight: bold; margin: 20px auto 40px auto; }
.alert ul li { }
	.alert:after { content: "Füllen Sie bitte mindestens die rot markierten Felder und Fragen aus, um Ihre Anfrage versenden zu können."; display: block; text-align: center; margin: 0px 0px 40px; padding: 0px 35px; color: #900; font-weight: bold; }
.has-error input, .has-error select, .has-error textarea { background: rgba(204,9,24, 0.1); }
.has-error label { color: #900; }


.form-miniheader { display: block; margin-bottom: 7px; font-weight: bold; }
.form-info { display: block; text-align: center; font-size: 13px; margin: 20px 0px 0px; color: #888; }
.form-zweispaltig { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; column-gap: 15px; grid-column-gap: 15px; grid-auto-rows: 1fr; -ms-grid-column-align: left; justify-items: left; -ms-flex-align: end; align-items: end; }
	.form-zweispaltig > * { width: 100%; }	

p.formlabel-kon_dse, p.formdse { padding-left: 0px; margin-right: 0px; display: inline; }
p.formlabel-kon_dse > *, p.formdse > * { margin-right: 0px; }
.formdse_spacer { margin-top: 25px; }

/* Modul: MultiColumns (Mehrspaltige Ansicht) */
.multicol { display: -ms-flexbox; -ms-flex-direction: row; -ms-flex-wrap: wrap; -ms-flex-pack: justify; display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: space-between; margin: 0px; box-sizing: border-box; }
.multicol > div { padding: 0px 0px; position: relative; }
	.multicol > div:nth-child(1) { padding-left: 0px; }
	.multicol > div:last-child, .multicol > div p:last-child { margin-bottom: 0px; }
	.multicol-5050 > div:nth-child(2), .multicol-7030 > div:nth-child(2), .multicol-3070 > div:nth-child(2), .multicol-333333 > div:nth-child(3), .multicol-502525 > div:nth-child(3), .multicol-255025 > div:nth-child(3), .multicol-252550 > div:nth-child(3), .multicol4 > div:nth-child(4), .multicol5 > div:nth-child(5) { padding-right: 0px; }
	.multicol1 > div { width: 100%; padding: 0px; }
	.multicol2 > div { width: 27%; }
		.multicol-5050 > div { width: 47%; }
		.multicol-7030 > div:nth-child(1), .multicol-3070 > div:nth-child(2) { width: 67%; }
	.multicol3 > div { width: 22%; }
		.multicol-333333 > div { width: 30.3%; }
		.multicol-502525 > div:nth-child(1), .multicol-255025 > div:nth-child(2), .multicol-252550 > div:nth-child(3) { width: 47%; }
	.multicol4 > div { width: 22%; }
	.multicol5 > div { width: 17%; }
.multicol img { max-width: 100%; height: auto; }
.multicol-clearing { clear: both; display: inline-block; width: 100%; height: 0px; visibility: hidden; padding: 0px; margin: 0px; }

.multicol-separator > div { padding: 0px 20px; }
.multicol-separator > div:before { content: ''; display: block; width: 1px; height: 100%; background: #000; position: absolute; left: -30px; }
	.multicol-separator > div:first-child:before { display: none; }
.multicol-outside { margin-left: -90px; }


/* Modul: Sitemap */
.sitemap-wrapper ul { list-style-type: none; padding-left: 0px; margin: 0px; }
.sitemap-wrapper ul li { display: block; padding: 2px 0px 0px 0px; margin: 0px 0px 30px 0px; font-size: 18px; }
.sitemap-wrapper ul li a { display: block; padding: 0px 10px 3px 0px; text-decoration: none; border-bottom: 1px dotted #CCC; }
.sitemap-wrapper ul li a:hover { text-decoration: underline; }
.sitemap-wrapper ul li.spacer { list-style-image: none; list-style-type: none; }
.sitemap-wrapper ul ul { margin: 3px 0px 0px 10px; }
.sitemap-wrapper ul ul li { margin: 4px 0px 0px 0px; padding: 0px; font-size: 15px;  }	
.sitemap-wrapper ul ul li a { color: #666; border: none; }
.sitemap-wrapper ul ul li a:hover { }
.sitemap-wrapper ul ul ul li { }
.sitemap-wrapper ul ul ul li a { }
div.sitemap-2spaltig > ul > li { float: left; margin-right: 5% !important; width: 45%; }


/* Modul: Linkbox */
.linkbox-wrapper { display: block; }
.linkbox { position: relative; display: inline-block; width: 250px; min-width: 209px; margin: 0px 14px 33px 13px; border: 1px solid #333; background-color: #CCC; height: 118px; font-weight: normal; text-align: center; padding: 0px; vertical-align: top; font-size: 16px; overflow: hidden; background-size: cover; background-repeat: no-repeat; }
	.linkbox a { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; }
		.linkbox a span { display: none; }
	.linkbox > span { display: block; position: absolute; top: 50%; left: 0px; right: 0px; margin-top: -13px; line-height: 25px; vertical-align: middle; background-color: #FFF; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 300; overflow: hidden; padding: 0px 10px; text-align: left; }
		.linkbox > span.zweizeilig { margin-top: -25px; }
			.linkbox > span.zweizeilig span { display: block; }
.linkbox-left { text-align: left; }
.linkbox-center { text-align: center; }
.linkbox-right { text-align: right; }


/* Modul: Bildergalerie (Lightbox - ab v1.5.7) */
.lbGalerie { position: relative; display: grid; grid-template-columns: repeat(var(--lbG-grid), 1fr); margin: 0px; text-align: left;
	--lbG-gap: 0px;
	--lbG-grid: 3;
	--lbG-shifting: 40px;
	--lbG-format1-1: 100%;
	--lbG-format16-9: 56.25%;
	--lbG-format4-3: 75%;
	--lbG-format3-2: 66.66%;
	--lbG-format8-5: 62.5%;
}
.lbGalerie a { display: block; position: absolute; z-index: 5; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; }
	.lbGalerie a:after { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; opacity: 0; transition: all .4s ease; background: url(thumb-plus.png) no-repeat center center var(--col-overlay); }
		.lbGalerie a:hover:after { opacity: 1; }
.lbGalerie img { display: block; border: none; margin: 0px; transition: all .3s ease; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
.lbGalerie > div, .lbGalerie > div > div { background: center center no-repeat; background-size: cover; overflow: hidden; transition: all .4s ease; transform-origin: center; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
	.lbGalerie > div:hover { z-index: 10; }
	.lbGalerie > div:before { content: ''; position: relative; z-index: 3; padding-top: var(--lbG-format1-1); display: block; transition: all .4s ease; pointer-events: none; cursor: none; }
	.lbGalerie.lbG-greytone > div:before { backdrop-filter: var(--filter-grey); }
.lbGalerie .lbG-thumb { position: relative; vertical-align: top; }
.lbGalerie .lbG-thumb > div, .lbGalerie .lbG-thumb img { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: 0px; padding: 0px; transform: scale(1.01); }
	.lbGalerie .lbG-thumb img { bottom: auto; right: auto; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.lbGalerie.lbG-grid2 { --lbG-grid: 2; }
.lbGalerie.lbG-grid3 { --lbG-grid: 3; }
.lbGalerie.lbG-grid4 { --lbG-grid: 4; }
.lbGalerie.lbG-grid5 { --lbG-grid: 5; }
.lbGalerie.lbG-grid6 { --lbG-grid: 6; }
.lbGalerie.lbG-grid7 { --lbG-grid: 7; }
.lbGalerie.lbG-grid8 { --lbG-grid: 8; }

.lbGalerie.lbG-format-1-1 > div:before 	{ padding-top: var(--lbG-format1-1); }
.lbGalerie.lbG-format-16-9 > div:before { padding-top: var(--lbG-format16-9); }
.lbGalerie.lbG-format-4-3 > div:before 	{ padding-top: var(--lbG-format4-3); }
.lbGalerie.lbG-format-3-2 > div:before 	{ padding-top: var(--lbG-format3-2); }
.lbGalerie.lbG-format-8-5 > div:before 	{ padding-top: var(--lbG-format8-5); }

.lbGalerie.lbG-gap-xs { --lbG-gap: 1px; grid-gap: var(--lbG-gap); }
.lbGalerie.lbG-gap-sm { --lbG-gap: 5px; grid-gap: var(--lbG-gap); }
.lbGalerie.lbG-gap-md { --lbG-gap: 10px; grid-gap: var(--lbG-gap); }
.lbGalerie.lbG-gap-lg { --lbG-gap: 20px; grid-gap: var(--lbG-gap); }
.lbGalerie.lbG-gap-xl { --lbG-gap: 35px; grid-gap: var(--lbG-gap); }

.lbGalerie.lbG-hover-grey a:after, .lbGalerie.lbG-hover-color a:after, .lbGalerie.lbG-hover-blur a:after, .lbGalerie.lbG-hover-liftup a:after, .lbGalerie.lbG-hover-scaleup a:after { display: none; }
.lbGalerie.lbG-hover-grey > div:hover:before  { backdrop-filter: var(--filter-grey); }
.lbGalerie.lbG-hover-color > div:hover:before { backdrop-filter: grayscale(0); }
.lbGalerie.lbG-hover-blur > div:hover:before  { backdrop-filter: var(--filter-blur); }
.lbGalerie.lbG-greytone.lbG-hover-blur > div:hover:before { backdrop-filter: var(--filter-greyblur); }
.lbGalerie.lbG-hover-liftup > div:hover { transform: var(--fx-liftup-transf); box-shadow: var(--fx-liftup-shadow); }
.lbGalerie.lbG-hover-scaleup > div:hover > div, .lbGalerie-classic.lbG-hover-scaleup > div:hover, .lbGalerie-masonry.lbG-hover-scaleup > div:hover { transform: var(--fx-scaleup); }
	.lbGalerie-classic.lbG-hover-scaleup > div:hover, .lbGalerie-masonry.lbG-hover-scaleup > div:hover { transform: scale(1.04); }

.lbGalerie-classic div:before, .lbGalerie-masonry div:before, .lbGalerie-stripV div:before, .lbGalerie-stripH div:before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 0px !important; z-index: 10; }
.lbGalerie-classic .lbG-thumb > div, .lbGalerie-masonry .lbG-thumb > div { display: none; }

.lbGalerie-classic { display: block; }
.lbGalerie-classic > div { display: inline-flex; background: none !important; }
	.lbGalerie-classic > div { margin-right: var(--lbG-gap); margin-bottom: var(--lbG-gap); }
		.lbGalerie-classic.center > div { margin-right: calc(var(--lbG-gap) / 2); margin-left: calc(var(--lbG-gap) / 2); }
		.lbGalerie-classic.right > div { margin-right: auto; margin-left: var(--lbG-gap); }
.lbGalerie-classic a { position: relative; top: auto; left: auto; }
.lbGalerie-classic img { position: static !important; transform: none !important; }

.lbGalerie-collage {}
	.lbGalerie-collage > div:nth-child(2) { grid-column: span 3; grid-row: span 3; }
		.lbGalerie-collage.lbG-grid3 > div:nth-child(2), .lbGalerie-collage.lbG-grid4 > div:nth-child(2), .lbGalerie-collage.lbG-grid5 > div:nth-child(2), .lbGalerie-collage.lbG-grid6 > div:nth-child(2) { grid-column: span 2; grid-row: span 2; }
		.lbGalerie-collage.lbG-grid2 > div:nth-child(2) { grid-column: span 1; grid-row: span 1; }
			.lbGalerie-collage.lbG-grid2 > div:nth-child(3) { grid-column: span 2; grid-row: span 2; }
	.lbGalerie-collage > div:nth-child(13n+4) { grid-column: span 1; grid-row: span 2; padding-bottom: calc(var(--lbG-format1-1) + var(--lbG-gap)); }
		.lbGalerie-collage.lbG-format-16-9 > div:nth-child(13n+4) { padding-bottom: calc(var(--lbG-format16-9) + var(--lbG-gap)); }
		.lbGalerie-collage.lbG-format-4-3 > div:nth-child(13n+4)  { padding-bottom: calc(var(--lbG-format4-3) + var(--lbG-gap)); }
		.lbGalerie-collage.lbG-format-3-2 > div:nth-child(13n+4)  { padding-bottom: calc(var(--lbG-format3-2) + var(--lbG-gap)); }
		.lbGalerie-collage.lbG-format-8-5 > div:nth-child(13n+4)  { padding-bottom: calc(var(--lbG-format8-5) + var(--lbG-gap)); }
	.lbGalerie-collage.lbG-grid5 > div:nth-child(10n), .lbGalerie-collage.lbG-grid6 > div:nth-child(6n+1), .lbGalerie-collage.lbG-grid7 > div:nth-child(7n+1), .lbGalerie-collage.lbG-grid8 > div:nth-child(13n+1) { grid-column: span 2; grid-row: span 2; }
.lbGalerie-collage img { }

.lbGalerie-masonry { display: block; width: 100%; column-count: var(--lbG-grid); column-gap: var(--lbG-gap); }
.lbGalerie-masonry a { display: block; position: static; }
.lbGalerie-masonry > div { display: inline-block; margin: 0px 0px var(--lbG-gap); width: 100%; padding: 0px; height: auto; background: none !important; }
.lbGalerie-masonry img { position: static !important; width: 100%; height: auto; }

.lbGalerie-circle { margin-bottom: 3.6%; }
	.lbGalerie-circle.lbG-grid2 { --lbG-grid: 4; }	/* 2er nicxht möglich > 2er = 3er */
	.lbGalerie-circle.lbG-grid3 { --lbG-grid: 4; }
	.lbGalerie-circle.lbG-grid4 { --lbG-grid: 5; }
	.lbGalerie-circle.lbG-grid5 { --lbG-grid: 6; }
	.lbGalerie-circle.lbG-grid6 { --lbG-grid: 7; }
	.lbGalerie-circle.lbG-grid7 { --lbG-grid: 8; }
	.lbGalerie-circle.lbG-grid8 { --lbG-grid: 9; }
.lbGalerie-circle a { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }
.lbGalerie-circle > div { grid-column: span 2; width: 100%; border-radius: 50% !important; margin-bottom: -13.4%; overflow: hidden; } 
	.lbGalerie-circle.lbG-grid2 > div:nth-child(3n+1), .lbGalerie-circle.lbG-grid3 > div:nth-child(3n+1), .lbGalerie-circle.lbG-grid4 > div:nth-child(4n+1), .lbGalerie-circle.lbG-grid5 > div:nth-child(5n+1), .lbGalerie-circle.lbG-grid6 > div:nth-child(6n+1), .lbGalerie-circle.lbG-grid7 > div:nth-child(7n+1), .lbGalerie-circle.lbG-grid8 > div:nth-child(8n+1) { grid-column: 2 / span 2; }

.lbGalerie-circle.lbG-grid2.lbG-gap-xs > div,
.lbGalerie-circle.lbG-grid3.lbG-gap-xs > div { margin-bottom: -13.3%; }
.lbGalerie-circle.lbG-grid4.lbG-gap-xs > div { margin-bottom: -13.4%; }
.lbGalerie-circle.lbG-grid5.lbG-gap-xs > div { margin-bottom: -13.35%; }
.lbGalerie-circle.lbG-grid6.lbG-gap-xs > div { margin-bottom: -13.35%; }
.lbGalerie-circle.lbG-grid7.lbG-gap-xs > div { margin-bottom: -13.35%; }
.lbGalerie-circle.lbG-grid8.lbG-gap-xs > div { margin-bottom: -13.4%; }

.lbGalerie-circle.lbG-grid2.lbG-gap-sm > div,
.lbGalerie-circle.lbG-grid3.lbG-gap-sm > div { margin-bottom: -13.4%; }
.lbGalerie-circle.lbG-grid4.lbG-gap-sm > div { margin-bottom: -13.5%; }
.lbGalerie-circle.lbG-grid5.lbG-gap-sm > div { margin-bottom: -13.5%; }
.lbGalerie-circle.lbG-grid6.lbG-gap-sm > div { margin-bottom: -13.4%; }
.lbGalerie-circle.lbG-grid7.lbG-gap-sm > div { margin-bottom: -13.4%; }
.lbGalerie-circle.lbG-grid8.lbG-gap-sm > div { margin-bottom: -13.5%; }

.lbGalerie-circle.lbG-grid2.lbG-gap-md > div,
.lbGalerie-circle.lbG-grid3.lbG-gap-md > div { margin-bottom: -13.5%; }
.lbGalerie-circle.lbG-grid4.lbG-gap-md > div { margin-bottom: -13.6%; }
.lbGalerie-circle.lbG-grid5.lbG-gap-md > div { margin-bottom: -13.6%; }
.lbGalerie-circle.lbG-grid6.lbG-gap-md > div { margin-bottom: -13.6%; }
.lbGalerie-circle.lbG-grid7.lbG-gap-md > div { margin-bottom: -13.6%; }
.lbGalerie-circle.lbG-grid8.lbG-gap-md > div { margin-bottom: -13.6%; }

.lbGalerie-circle.lbG-grid2.lbG-gap-lg > div,
.lbGalerie-circle.lbG-grid3.lbG-gap-lg > div { margin-bottom: -13.7%; }
.lbGalerie-circle.lbG-grid4.lbG-gap-lg > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid5.lbG-gap-lg > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid6.lbG-gap-lg > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid7.lbG-gap-lg > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid8.lbG-gap-lg > div { margin-bottom: -14%; }

.lbGalerie-circle.lbG-grid2.lbG-gap-xl > div,
.lbGalerie-circle.lbG-grid3.lbG-gap-xl > div { margin-bottom: -13.7%; }
.lbGalerie-circle.lbG-grid4.lbG-gap-xl > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid5.lbG-gap-xl > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid6.lbG-gap-xl > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid7.lbG-gap-xl > div { margin-bottom: -13.8%; }
.lbGalerie-circle.lbG-grid8.lbG-gap-xl > div { margin-bottom: -14%; }

.lbGalerie-stripH { grid-template-columns: none; }

.lbGalerie-stripV.lbG-shifting-odd 	> div:nth-child(odd) 		{ margin-top: var(--lbG-shifting); }
	.lbGalerie-stripV.lbG-shifting-odd 	> div:nth-child(even) 	{ margin-bottom: var(--lbG-shifting); }
.lbGalerie-stripV.lbG-shifting-even > div:nth-child(even) 		{ margin-top: var(--lbG-shifting); }
	.lbGalerie-stripV.lbG-shifting-even > div:nth-child(odd) 	{ margin-bottom: var(--lbG-shifting); }
	
.lbGalerie-stripH.lbG-shifting-odd 	> div:nth-child(odd) 		{ margin-left: var(--lbG-shifting); }
	.lbGalerie-stripH.lbG-shifting-odd 	> div:nth-child(even) 	{ margin-right: var(--lbG-shifting); }
.lbGalerie-stripH.lbG-shifting-even > div:nth-child(even) 		{ margin-left: var(--lbG-shifting); }
	.lbGalerie-stripH.lbG-shifting-even > div:nth-child(odd) 	{ margin-right: var(--lbG-shifting); }	
	
	
	
/* Modul: Artikelvorschau/Newsteaser (ab v1.3.9) */
.newsteaser { margin: 0px; padding: 0px; }
.newsteaser .teaser { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 65px 0px 0px 0px; padding: 0px; transition: all 0.3s ease; }
	.newsteaser .teaser.first { border: none !important; margin-top: 0px !important; }
	.newsteaser .teaser.minmargin { margin-top: 35px; }
		.newsteaser .teaser.minmargin.hasnoimage.hasnotext { margin-top: 25px; }

.newsteaser .teaserimage { position: relative; margin: 0px; margin-right: 15px; }
	.newsteaser .teaserimage figure { overflow: hidden; }
	.newsteaser .teaserimage img { width: 100%; height: auto; }
	.newsteaser .teaserimage span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; }			/* Platzhalter-Bild */
    
    .newsteaser .teaserimage a[rel~="lightbox"] { display: flex; }
    .newsteaser .teaserimage a[rel~="lightbox"]:after { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; opacity: 0; transition: all .4s ease; background: url(thumb-plus.png) no-repeat center center var(--col-overlay); }
        .newsteaser .teaserimage a[rel=lightbox]:hover:after { opacity: 1; }
    
.newsteaser .teaserimage.ratio20-80 { width: 20%; }
.newsteaser .teaserimage.ratio25-75 { width: 25%; }
.newsteaser .teaserimage.ratio30-70 { width: 30%; }
.newsteaser .teaserimage.ratio35-65 { width: 35%; }
.newsteaser .teaserimage.ratio40-60 { width: 40%; }
.newsteaser .teaserimage.ratio45-55 { width: 45%; }
.newsteaser .teaserimage.ratio50-50 { width: 50%; }

.newsteaser .teasercontent { width: 100%; margin: 0px; padding: 0px; }
	.newsteaser .teaser.hasimage .teasercontent { margin-left: 15px; }
.newsteaser .teasercontent.ratio20-80 { width: 80%; }
.newsteaser .teasercontent.ratio25-75 { width: 75%; }
.newsteaser .teasercontent.ratio30-70 { width: 70%; }
.newsteaser .teasercontent.ratio35-65 { width: 65%; }
.newsteaser .teasercontent.ratio40-60 { width: 60%; }
.newsteaser .teasercontent.ratio45-55 { width: 55%; }
.newsteaser .teasercontent.ratio50-50 { width: 50%; }

.newsteaser .teaserheadline a { color: var(--col-text); text-decoration: none; }
.newsteaser .teaserheadline { font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: var(--fontweight-title); text-transform: uppercase; text-decoration: none; line-height: 1.15; }
.newsteaser .teaserdate { margin: 4px 0px 0px; font-size: 0.85em; color: #999; }
	.newsteaser .teaser.minmargin.hasnoimage .teaserdate { margin-top: 2px; }
    .newsteaser .teaserdate i { display: none; margin-right: 5px; }
.newsteaser .teasertext { margin-top: 15px; }
	.newsteaser .teaser.minmargin.hasnoimage .teasertext { margin-top: 7px; }
.newsteaser .teaserlink { margin-top: 30px; }
	.newsteaser .teaser.minmargin.hasnoimage .teaserlink { margin-top: 15px; }
	.newsteaser .teaser.minmargin.hasnoimage.hasnotext .teaserlink { margin-top: 12px; }
	.newsteaser .teaserlink a { margin: 0px; }
	
.newsteaser .teaserpagination { text-align: left; margin-top: 65px; }
	.newsteaser .teaserpagination.center { text-align: center; }
	.newsteaser .teaserpagination.right { text-align: right; }
.newsteaser .teaserpagination ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
.newsteaser .teaserpagination li { display: inline-block; margin: 0px 4px 0px 0px; font-size: 0.9em; background: none; }
.newsteaser .teaserpagination span, .newsteaser .teaserpagination a { display: inline-block; padding: 6px 10px; text-decoration: none; min-width: 35px; }
	.newsteaser .teaserpagination span { cursor: default; }
	.newsteaser .teaserpagination a { border-radius: 3px; }
		.newsteaser .teaserpagination a:hover { background: var(--col-secondary); color: var(--col-secondary-text); }
.newsteaser .teaserpagination .current { background: var(--col-primary); color: var(--col-primary-text); }

/* Farb-Themes */
.bc-light .newsteaser .teaserimage span { background: rgba(255,255,255, 0.15); }
.bc-light .newsteaser .teaserheadline a, .bc-light .newsteaser .teaserdate { color: var(--col-light); }



/* Modul: Video einbinden (ab v1.2) */
.video-galerie { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0px; margin: 0px auto; }
	.video-galerie.videogrid-1 { }
	.video-galerie.videogrid-2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
	.video-galerie.videogrid-3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }
	
	.video-galerie video { display: block; width: 100%; }
	.video-galerie div.ct-privacy a { z-index: 5; }
	.video-galerie div.ct-privacy:after { content: ''; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 76px 0 76px 130px; border-color: transparent transparent transparent rgba(0,0,0, 0.1); position: absolute; top: 50%; left: 50%; z-index: 0; margin: -74px 0px 0px -65px; }

	.video-galerie.videoalign-left { margin-left: 0px; }
	.video-galerie.videoalign-center { }
	.video-galerie.videoalign-right { margin-right: 0px; }
	
	.video-galerie.videogap-sm { grid-gap: 40px; }
	.video-galerie.videogap-md { grid-gap: 90px; }
	.video-galerie.videogap-lg { grid-gap: 140px; }
	
	.video-galerie.videoheight-ori div.ct-privacy { height: 100%; min-height: 200px; }
	.video-galerie.videoheight-1-1 .plyr__video-wrapper, .video-galerie.videoheight-1-1 div.ct-privacy { aspect-ratio: 1/1 !important; }
	.video-galerie.videoheight-3-2 .plyr__video-wrapper, .video-galerie.videoheight-3-2 div.ct-privacy { aspect-ratio: 3/2 !important; }
	.video-galerie.videoheight-4-3 .plyr__video-wrapper, .video-galerie.videoheight-4-3 div.ct-privacy { aspect-ratio: 4/3 !important; }
	.video-galerie.videoheight-8-5 .plyr__video-wrapper, .video-galerie.videoheight-8-5 div.ct-privacy { aspect-ratio: 8/5 !important; }
	.video-galerie.videoheight-16-9 .plyr__video-wrapper, .video-galerie.videoheight-16-9 div.ct-privacy { aspect-ratio: 16/9 !important; }
	
.video-container { background: rgba(0,0,0, 0.07); height: auto; padding: 0px; }
	.video-container div.ct-privacy { position: relative !important; }
.video-galerie figure, .video-galerie figcaption { display: block; }
	.video-galerie figcaption { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 5px 9px; margin-bottom: -8px; font-size: 0.85em; }
.video-container .plyr .plyr__control--overlaid { background: #FFF; }
    .video-container .plyr .plyr__control--overlaid svg use, .video-container .plyr__progress .plyr__tooltip { color: var(--col-primary); }
	.video-container .plyr .plyr__control--overlaid:hover svg use { color: #FFF; }
.video-container .plyr .plyr__control:hover, .video-container .plyr .plyr__control--overlaid:hover { background: var(--col-primary); }
.video-container .plyr input[type=range] { color: var(--col-secondary) !important; border: none !important; outline: none !important; box-shadow: none !important; }

@media screen and (max-width:560px){
	.video-container .plyr .plyr__controls { padding-top: calc(var(--plyr-control-spacing, 4px)*2); }
	.video-container .plyr .plyr__progress__container { display: none; }
}




/* Modul: AKNews (ab v1.4 - nutzt die Module: Newsteaser ab v1.3.9, Lightbox-Bildergalerie ab 1.5, Video einbinden ab 1.2) */
.aknews {
	--akn-share-opacity: 1;	
}
.aknews .akn-notfound { margin: 0px 15px; font-weight: 500; color: var(--col-primary); }

.aknews .akn-filter { margin: 0 auto 65px; padding: 22px 22px; background: var(--col-accent); }
.aknews .akn-filter form { display: flex; flex-direction: column; gap: 25px; }
    .aknews .akn-filter form > * { flex: 1 1 100%; width: 100%; }
.aknews .akn-filter .akn-filter-cat { padding: 0px 15px 0px; }
    .aknews .akn-filter .akn-filter-cat a { display: inline-block; margin: 3px 6px 3px 0px; padding: 7px 10px 3px; background: #FFF; color: var(--col-text); text-decoration: none; text-transform: uppercase; font-family: var(--font-header); font-size: 18px; letter-spacing: 1px; line-height: normal; font-weight: 500; }
    .aknews .akn-filter .akn-filter-cat a:hover, .aknews .akn-filter .akn-filter-cat a.selected { background: var(--col-primary-opa); color: var(--col-primary-text); }
    .aknews .akn-filter .akn-filter-cat a.selected { background: var(--col-primary); }
.aknews .akn-filter .akn-filter-date { margin: 0px 0px 0px; text-align: center; padding: 15px; background: var(--col-primary); color: #FFF; border-radius: 9px; }
    .aknews .akn-filter .akn-filter-date select { margin: 0px; }

.aknews-detail .akn-title { margin-bottom: 40px; font-weight: 500; font-family: var(--font-header); font-size: var(--fontsize-title); line-height: 1.15; }

.aknews-detail .akn-data-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: -25px 0px 40px; font-size: 0.85em; }
.aknews-detail .akn-data-wrapper > div { flex: 1 1 50%; }

.aknews-detail .akn-data {}
.aknews-detail .akn-data .caption { display: inline-block; min-width: 55px; }

.aknews-detail .akn-shares { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 0.5rem; }
	.aknews-detail .akn-data-wrapper .akn-shares { justify-content: flex-end; }
.aknews-detail .akn-shares > a { position: relative; display: inline-flex; flex: 0 1 36px; align-items: center; justify-content: center; aspect-ratio: 1/1; margin: 0px; padding: 0px; border: none; border-radius: 50%; text-decoration: none; background: #EEE; color: #FFF; font-size: 1.0rem; overflow: hidden; }
	.aknews-detail a.akn-share-fb 		{ background: rgb(59,89,152, var(--akn-share-opacity)); }
	.aknews-detail a.akn-share-x 		{ background: rgb(0,0,0, var(--akn-share-opacity)) url(/assets/x-logo-white.svg) no-repeat center center; background-size: 45%; }
		.aknews-detail a.akn-share-x i { display: none; }
	.aknews-detail a.akn-share-redd 	{ background: rgb(255,87,0, var(--akn-share-opacity)); }
	.aknews-detail a.akn-share-lkin 	{ background: rgb(0,126,187, var(--akn-share-opacity)); }
	.aknews-detail a.akn-share-email 	{ background: rgb(150,150,150, var(--akn-share-opacity)); }
	.aknews-detail a.akn-share-link 	{ background: rgb(0,115,175, var(--akn-share-opacity)); overflow: visible; }
.aknews-detail .akn-shares > a:hover { --akn-share-opacity: 0.6; }
.aknews-detail .akn-shares .copyshareurl-tooltip { position: absolute; top: 0%; left: 50%; z-index: 0; padding: 2px 4px; border-radius: 4px; background: #222; color: #FFF; font-size: 0.7rem; opacity: 0; transition: all .3s ease; transform: translate(-50%, 100%); white-space: nowrap; }
.aknews-detail .akn-shares .copyshareurl-tooltip.active {  z-index: 5; opacity: 1; }

.aknews-detail .akn-image { position: relative; width: auto; max-width: 30%; float: left; margin: 0px 35px 30px 0px; transition: all .4s ease; }
.aknews-detail .akn-image a { display: flex; }
	.aknews-detail .akn-image a:after { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; opacity: 0; transition: all .4s ease; background: url(thumb-plus.png) no-repeat center center var(--col-overlay); }
		.aknews-detail .akn-image a:hover:after { opacity: 1; }
.aknews-detail .akn-image img { max-width: 100%; height: auto; }

.aknews-detail .akn-text { margin: 0px 0px 50px; }
    .aknews-detail .akn-text:after { content:''; display: block; clear: both; }
    .aknews-detail .akn-text .akn-text-title { display: none; }

.aknews-detail .akn-media {}
    .aknews-detail .akn-mediablock { margin: 50px 0px; }
        .aknews-detail .akn-downloads {}
        .aknews-detail .akn-gallery {}
        .aknews-detail .akn-videos {}
    .aknews-detail .akn-mediablock .caption { display: block; font-weight: 500; font-family: var(--font-header); font-size: 1.5em; margin-bottom: 7px; } 
    .aknews-detail .akn-downloads ul { list-style: none; margin: 0; padding: 0; }
    .aknews-detail .akn-downloads li:not(.hasicon) { position: relative; padding-left: 20px; font-size: 0.9em; }
        .aknews-detail .akn-downloads li:not(.hasicon):before { content: ''; position: absolute; top: 7px; left: 0px; display: inline-block; width: 8px; height: 8px; background: none; border: 1px solid var(--col-primary); border-width: 1px 1px 0px 0px; transform: rotate(45deg); transform-origin: center; }    
    .aknews-detail .akn-downloads a {}

.aknews-detail .akn-backlink { margin-top: 90px; }
	.aknews-detail .akn-backlink-top { display: none; }
	
	
	
@media screen and (max-width:1400px){
    .aknews-detail .akn-image { max-width: 40%; }
}


@media screen and (max-width:800px){	
    .aknews .akn-filter { padding: 15px; }
    .aknews .akn-filter .akn-filter-cat { padding: 0px; }
    .aknews-detail .akn-image { max-width: none; width: 100%; float: none; margin-right: 0px; }
}


@media screen and (max-width:680px){
	.newsteaser .teaser { flex-wrap: wrap; margin-top: 80px; }
	.newsteaser .teaser > * { width: 100% !important; }
	.newsteaser .teaserimage { margin: 0px 0px 25px; }
	.newsteaser .teasercontent { margin: 0px !important; }
}


@media screen and (max-width:420px){
	.newsteaser .teaserlink a { display: block; text-align: center; }
}
	


/* Modul: FAQ */
.faq { padding: 0px; margin: 0px auto 5px; position: relative; }
	.faq.faq-left { margin: 0px auto 0px 0px; }
	.faq.faq-center { margin: 0px auto; }
	.faq.faq-right { margin: 0px 0px 0px auto; }
.faq > div.faq_question { position: relative; /*font-family: 'News Cycle', sans-serif;*/ font-size: 23px; font-weight: 400; /*color: #333;*/ /*letter-spacing: 1px;*/ text-align: left; vertical-align: middle; margin: 0px; line-height: 1.2; text-decoration: none; padding: 0px 30px 10px 0px; cursor: pointer; transition: all 0.5s ease; max-width: none; word-wrap: break-word; }
	.faq > div.faq_question:hover { color: #6f826a; }
	.faq > div.faq_question i { position: absolute; top: 9px; left: 0px; font-size: 20px; font-weight: bold; }
	.faq > div.faq_question.active { }
	.faq > div.faq_question span { position: absolute; left: 10px; display: inline-block; text-align: left; margin-top: -8px; line-height: 41px; }
.faq.faq-font > div.faq_question { font-size: 19px; }

.faq.faq-type-counter > div.faq_question { padding-left: 50px; padding-top: 10px; }
	.faq.faq-type-counter > div.faq_question span { background: #96bf6e; color: #FFF; left: 1px; margin-top: -3px; font-size: 20px; width: 36px; height: 36px; border-radius: 50%; line-height: 34px; text-align: center; }
		.faq.faq-type-counter > div.faq_question:hover span { background: #6f826a; }
.faq.faq-font.faq-type-counter > div.faq_question { padding-left: 45px; }		
	.faq.faq-font.faq-type-counter > div.faq_question span { left: 1px; margin-top: -4px; font-size: inherit; width: 32px; height: 32px; line-height: 30px; }
	
.faq.faq-type-line > div.faq_question { padding-left: 35px; }
	.faq.faq-type-line > div.faq_question span { left: 9px; margin-top: -8px; }
.faq.faq-font.faq-type-line > div.faq_question { padding-left: 35px; }	
	.faq.faq-font.faq-type-line > div.faq_question span { margin-top: -12px; }
	
.faq.faq-type-boxed > div.faq_question { background: #96bf6e; color: #FFF; padding: 8px 15px 10px; }
	.faq.faq-type-boxed > div.faq_question:hover { background: #6f826a; }
	.faq.faq-type-boxed > div.faq_question span { }
	
.faq.faq-type-plusminus > div.faq_question { padding-left: 35px; }
	.faq.faq-type-plusminus > div.faq_question span { margin-top: -7px; }
		.faq.faq-type-plusminus > div.faq_question.active span { margin-top: -9px; }
.faq.faq-font.faq-type-plusminus > div.faq_question { padding-left: 35px; }	
	.faq.faq-font.faq-type-plusminus > div.faq_question span { margin-top: -10px; }
		.faq.faq-font.faq-type-plusminus > div.faq_question.active span { margin-top: -12px; }
	
.faq.faq-type-boxedplusminus > div.faq_question { }
	.faq.faq-type-boxedplusminus > div.faq_question span { margin-top: -7px; }
		.faq.faq-type-boxedplusminus > div.faq_question.active span { margin-top: -9px; }
		
.faq > div.faq_answer { padding: 10px 60px 40px 0px; height: 0px; position: relative; background: none; }
	.faq.faq-type-counter > div.faq_answer { padding-left: 50px; }
	.faq.faq-type-line > div.faq_answer { padding-left: 35px; }
		.faq.faq-font.faq-type-line > div.faq_answer { padding-left: 35px; }	
	.faq.faq-type-boxed > div.faq_answer { padding-left: 10px !important; padding-top: 15px !important; }
	.faq.faq-type-plusminus > div.faq_answer { padding-left: 35px; }
		.faq.faq-font.faq-type-plusminus > div.faq_answer { padding-left: 35px; }
	.faq.faq-type-boxedplusminus > div.faq_answer { }


/* Modul: Einzelbild */
.singleImage { overflow: hidden; }
	.singleImage > div { position: relative; display: inline-block; max-width: 100%; }
	.singleImage img { max-width: 100%; height: auto; }
.singleImage-left { text-align: left; }
.singleImage-center { text-align: center; }
.singleImage-right { text-align: right; }


/* Youtube-Video */
.video-wrapper { margin: 0px auto 0px 0px; max-width: 640px; }
	.video-wrapper.fullwidth { max-width: none; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* iFrame Embed */
.iframe-embed { max-width: 100%; }
.iframe-embed.ie-left { margin: 0px auto 0px 0px; }
.iframe-embed.ie-center { margin: 0px auto; }
.iframe-embed.ie-right { margin: 0px 0px 0px auto; }


/* Modul: Camera-Slider */
div.camera_wrap { margin-left: auto; margin-right: auto; float: none; }
	div.camera_wrap.camera-left { margin-left: 0px; margin-right: auto; }
	div.camera_wrap.camera-center { margin-left: auto; margin-right: auto; }
	div.camera_wrap.camera-right { margin-left: auto; margin-right: 0px; }
div.camera_wrap .camera_pag .camera_pag_ul { text-align: center; }
div.camera_wrap .camera_pag .camera_pag_ul li { background: none; margin: 15px 3px 0px; border-radius: 0px; }
div.camera_wrap .camera_pag .camera_pag_ul li>span { background-color: #CCC; width: 12px; height: 12px; border-radius: 0px; }
div.camera_wrap .camera_pag .camera_pag_ul li:hover>span { background-color: #303E5B; }


/* Modul: Downloadliste */
.downloadlist { margin: 10px 0px; }
	.downloadlist.dl-tablist {}
		.downloadlist.dl-tablist a { text-transform: uppercase; background-repeat: no-repeat; background-position: left 5px; font-size: 0.9em; display: inline-block; text-decoration: none; }
			.downloadlist.dl-tablist a:hover { color: #444; }
		.downloadlist.dl-tablist a i { margin-right: 3px; }
			.downloadlist.dl-tablist a i.icon-file-pdf { color: #900; }
			.downloadlist.dl-tablist a i.icon-file-image { }
	.downloadlist.dl-textlist {}
.downloadlist .dl-count { font-size: 13px; margin-bottom: 15px; }
.downloadlist > div.tabrow:nth-child(odd) dt, .downloadlist > div.tabrow:nth-child(odd) dd  { background-color: #e5e5e5; }
.downloadlist > div.tabrow:nth-child(even) dt, .downloadlist > div.tabrow:nth-child(even) dd { background-color: #f2f2f2; }
.downloadlist dl { display: table; width: 100%; margin-bottom: 2px; }
	.downloadlist dt, .downloadlist dd { display: table-cell; padding: 10px 1%; vertical-align: top; border-right: 2px solid #FFF; }
	.downloadlist dt { width: auto; }
	.downloadlist dd { width: 22%; }
		.downloadlist dd.tab2 { text-align: center; display: none; }
		.downloadlist dd.tab3 { border: none; width: 1%; font-weight: bold; text-align: center; white-space: nowrap; }
.downloadlist p { margin-bottom: 2px; }
.downloadlist h2 {  }
.downloadlist .dl-clear { line-height: 0px !important;	font-size: 0px !important; float: none !important; }
.downloadlist .dl-clear:after { content: "."; display: inline-block; height: 0px !important; width: 100%; float: none !important; clear: both; visibility: hidden; padding: 0px; margin: 0px; line-height: 0px !important; font-size: 0px !important; }


/* Modul: Infobox (Spalte) */
.infobox { position: relative; padding: 8px; background-color: #FFF; font-size: 14px; margin: 0px 0px 20px; }
.infobox img { display: block; margin: 0px auto; max-width: 100%; height: auto; }
.infobox p { margin-bottom: 0px; }
.infobox p.hasimg { margin-top: 10px; }
.infobox a { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.infobox .title { display: block; background-color: #245C9A; font-size: 14px; color: #FFF; margin: -5px -5px 6px; padding: 3px 6px; }


/* Modul: 3er-Infoblock */
.three-infoblocks { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; column-gap: 50px; grid-column-gap: 50px; grid-auto-rows: 1fr; -ms-grid-column-align: center; justify-items: center; -ms-flex-align: center; align-items: center; margin: 0px -150px; /*height: 415px;*/ height: auto; }
	.tib-2boxes { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
	.tib-1boxes { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
.tib-box { position: relative; width: 100%; /*height: 100%;*/ height: 0px; padding: 78.31% 0px 0px 0px; margin: 0px; background: #EEE; text-align: left; overflow: hidden; }
	.tib-2boxes .tib-box { padding-top: 59%; }
	.tib-1boxes .tib-box { padding-top: 35%; }
.tib-inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
	.tib-box .tib-cnt { position: absolute; left: 0px; bottom: 30px; z-index: 10; width: 100%; padding: 10px 50px; overflow: hidden; background-color: rgba(255,255,255, 0.85); font-family: 'Kanit', sans-serif; font-weight: 200; font-size: 25px; color: #3B3F3F; text-transform: uppercase; transition: all 0.5s; }
		.tib-box:hover .tib-cnt { background-color: #CC0617; color: #FFF; }
	.tib-box .tib-img { height: 100%; background-size: cover; background-position: center center; transition: all 0.5s ease; }
		.tib-box .tib-img img { display: none; }
		.tib-box:hover .tib-img { transform: scale(1.05); }
	.tib-box a {}
		.tib-box a span { display: none; }
	.tib-box span { display: block; line-height: 1; }
	.tib-box .tib-line1 { font-weight: bold; font-size: 30px; margin-bottom: 3px; color: #CC0617; transition: all 0.5s; }
		.tib-box:hover .tib-line1 { color: #FFF; }
	.tib-box .tib-line2 {}
	.tib-box .tib-linkicon { position: absolute; top: 50%; right: 0px; width: 24px; height: 48px; margin: -24px 0px 0px 0px; overflow: hidden; font-size: 21px; color: #CC0617; }
		.tib-box .tib-linkicon i { position: absolute; z-index: 5; top: 50%; left: 3px; margin-top: -16px; }
		.tib-box .tib-linkicon:after { content: ''; position: absolute; top: 0px; left: 0px; z-index: 1; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 24px 24px 24px 0; border-color: transparent #ffffff transparent transparent; }
	.tib-box a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.tib-left { text-align: left; }
.tib-center { text-align: center; }
.tib-right { text-align: right; }

section#opener .three-infoblocks { margin: 0px; column-gap: 10px; grid-column-gap: 10px; /*height: 700px;*/ }
section#opener .tib-box { padding-top: 125%; }
	section#opener .tib-2boxes .tib-box { padding-top: 82%; }
	section#opener .tib-1boxes .tib-box { padding-top: 41%; }
section#opener .tib-box .tib-cnt { left: 0px; bottom: 100px; width: 90%; padding: 17px 30px; }
	

/* Modul: Partnerliste */
.partnerlist { /*max-width: 1400px;*/ margin: 0px auto; overflow: hidden; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-row-gap: 30px; column-gap: 30px; grid-column-gap: 30px; grid-auto-rows: 1fr; -ms-grid-column-align: center; justify-items: center; -ms-flex-align: center; align-items: center; }
.partnerlist > div { width: 100%; background: #EEE; word-wrap: break-word; text-align: center; padding: 25px; height: 165px; overflow: hidden; }
	.partnerlist > div:after { content: ''; display: inline-block; height: 115px; vertical-align: middle; }
.partnerlist img { max-width: 100%; height: auto; vertical-align: middle; transition: all 0.3s ease; }
	.partnerlist > div:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; }

/*
@media (max-width: 1150px)
{	.grid { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media (max-width: 910px)
{	.grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 680px)
{	.grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 460px)
{	.grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
}
*/



/* Modul: RSS-Feed (ab v1.0) */
.feedlist { margin: 0px; padding: 0px; }
.feedlist .fl-item { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 65px 0px 0px 0px; padding: 0px; transition: all 0.3s ease; }
	.feedlist .fl-item.first { border: none !important; margin-top: 0px !important; }
	.feedlist .fl-item.minmargin { margin-top: 35px; }
	.feedlist .fl-item.minmargin.hasnoimage.hasnotext { margin-top: 25px; }

.feedlist .fl-image { position: relative; margin: 0px; margin-right: 15px; /*aspect-ratio: 1/1;*/ }
	.feedlist .fl-image figure { /*position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; aspect-ratio: 1/1;*/ overflow: hidden; }
	.feedlist .fl-image img { width: 100%; height: auto; }
	.feedlist .fl-image span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; }			/* Platzhalter-Bild */
    .feedlist .fl-image a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 10; }
.feedlist .fl-image.ratio20-80 { width: 20%; }
.feedlist .fl-image.ratio25-75 { width: 25%; }
.feedlist .fl-image.ratio30-70 { width: 30%; }
.feedlist .fl-image.ratio35-65 { width: 35%; }
.feedlist .fl-image.ratio40-60 { width: 40%; }
.feedlist .fl-image.ratio45-55 { width: 45%; }
.feedlist .fl-image.ratio50-50 { width: 50%; }

.feedlist .fl-content { width: 100%; margin: 0px; padding: 0px; }
	.feedlist .fl-item.hasimage .fl-content { margin-left: 15px; }
.feedlist .fl-content.ratio20-80 { width: 80%; }
.feedlist .fl-content.ratio25-75 { width: 75%; }
.feedlist .fl-content.ratio30-70 { width: 70%; }
.feedlist .fl-content.ratio35-65 { width: 65%; }
.feedlist .fl-content.ratio40-60 { width: 60%; }
.feedlist .fl-content.ratio45-55 { width: 55%; }
.feedlist .fl-content.ratio50-50 { width: 50%; }

.feedlist .fl-headline a { color: var(--col-text); text-decoration: none; }
.feedlist .fl-headline { font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: var(--fontweight-title); text-transform: uppercase; text-decoration: none; line-height: 1.25; }
.feedlist .fl-title { word-break: break-word; text-overflow: ellipsis; }
.feedlist .fl-date { margin: 4px 0px 0px; font-size: 0.85em; color: #999; }
	.feedlist .fl-item.minmargin.hasnoimage .fl-date { margin-top: 2px; }
    .feedlist .fl-date i { display: none; margin-right: 5px; }
.feedlist .fl-text { margin-top: 15px; }
	.feedlist .fl-item.minmargin.hasnoimage .fl-text { margin-top: 7px; }
.feedlist .fl-link { margin-top: 20px; }
	.feedlist .fl-item.minmargin.hasnoimage .fl-link { margin-top: 15px; }
	.feedlist .fl-item.minmargin.hasnoimage.hasnotext .fl-link { margin-top: 12px; }
	.feedlist .fl-link a { margin: 0px; }

/* Design: Raster */
.feedlist.feed-squares { display: flex; flex-wrap: wrap; gap: 5px 5px; justify-content: center; }
.feedlist.feed-squares .fl-item { flex: 0 1 180px; display: block; position: relative; vertical-align: top; margin: 0px 0px; cursor: pointer; }
	.feedlist.feed-squares .fl-item.bigimages { flex: 0 1 300px; }
.feedlist.feed-squares .fl-image, .feedlist.feed-squares .fl-title { position: relative; width: 100%; margin: 0px; overflow: hidden; }
	.feedlist.feed-squares .fl-image { padding-top: 100%; background: rgba(150,150,150, 0.1); }
	.feedlist.feed-squares .fl-image span { aspect-ratio: auto; }
	.feedlist.feed-squares .fl-title { position: absolute; top: 0; left: 0; z-index: 5; display: flex; justify-items: center; align-items: center; height: 100%; padding: 15px; font-size: 13px; background: var(--col-primary-opa); text-overflow: ellipsis; line-height: 1.2; opacity: 0; transition: all 0.4s ease; }
        .feedlist.feed-squares .fl-title, .feedlist.feed-squares .fl-title span { color: var(--col-primary-text) !important; }
		.feedlist.feed-squares .fl-item.bigimages .fl-title { padding: 25px; }
		.feedlist.feed-squares .fl-item:hover .fl-title { opacity: 1; }
	.feedlist.feed-squares .hasnotitle .fl-title { background: url(thumb-plus.png) no-repeat center center var(--col-primary-opa); }
	.feedlist.feed-squares .hasnotitle .fl-title span { display: none; }
.feedlist.feed-squares .fl-image img, .feedlist.feed-squares a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; object-fit: cover; object-position: center; }
.feedlist.feed-squares a { z-index: 10; }

/* Farb-Themes */
.bc-light .feedlist .fl-image span { background: rgba(255,255,255, 0.15); }
.bc-light .feedlist .fl-headline a, .bc-light .feedlist .fl-date { color: var(--col-light); }



/* Gridcontainer (simple & easy) v1.2 */
.gridcontainer, main form, main form [data-fb-type="group"]
	{ --gridcontainergap: 25px; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: var(--gridcontainergap); }
.gridcontainer *, main form * { grid-column: span 12; }
	
    .gridcontainer .col-1-sm, main form .col-1 	 { grid-column: span 1; }
    .gridcontainer .col-2-sm, main form .col-2 	 { grid-column: span 2; }
    .gridcontainer .col-3-sm, main form .col-3 	 { grid-column: span 3; }
    .gridcontainer .col-4-sm, main form .col-4 	 { grid-column: span 4; }
    .gridcontainer .col-5-sm, main form .col-5 	 { grid-column: span 5; }
    .gridcontainer .col-6-sm, main form .col-6 	 { grid-column: span 6; }
    .gridcontainer .col-7-sm, main form .col-7 	 { grid-column: span 7; }
    .gridcontainer .col-8-sm, main form .col-8 	 { grid-column: span 8; }
    .gridcontainer .col-9-sm, main form .col-9 	 { grid-column: span 9; }
    .gridcontainer .col-10-sm, main form .col-10 { grid-column: span 10; }
    .gridcontainer .col-11-sm, main form .col-11 { grid-column: span 11; }

@media (max-width: 640px) {
	.gridcontainer *, main form * { grid-column: span 12 !important; }
}




/* Sonstiges + Editorstyles */
img.bild_links_mit_textfluss { text-align: left; margin-right: 20px; margin-bottom: 20px; float: left; }
img.bild_rechts_mit_textfluss { text-align: right; margin-bottom: 20px; margin-left: 20px; float: right; }
img.bild_links_mit_textfluss_und_rahmen { text-align: left; margin-right: 20px; margin-bottom: 20px; border: 7px solid #DDD; float: left; }
img.bild_rechts_mit_textfluss_und_rahmen { text-align: right; margin-bottom: 20px; margin-left: 20px; border: 7px solid #DDD; float: right; }
img.bild_rahmen { border: 7px solid #DDD; }

.text_standard { color: #666; text-decoration: none; font-style: normal; font-variant: normal; font-size: 1em; }
	.text_standard:hover { font-style: normal; }
.text_klein { text-decoration: none; font-style: normal; font-variant: normal; font-size: 0.75em; }
.text_grossbuchstaben { text-transform: uppercase; }
.text_einrueckung { margin-left: 1em; }

table.tabelle_links { margin-left: 0px; margin-right: auto; }
table.tabelle_mittig { margin-left: auto; margin-right: auto; }
table.tabelle_rechts { margin-left: auto; margin-right: 0px; }

a.link-historyback { padding: 25px 0px; }
.hide, .content-hide { display: none; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.textfarbe_rot { color: #CC0617; }
.textfarbe_grau { color: #3A3F3F; }

a.linkbox-rot, a.linkbox-grau, a.linkbox-balken, a.linkbox-pfeil { text-decoration: none; text-transform: uppercase; font-size: 1.2em; margin: 0px 5px 5px 0px; padding: 8px 40px; -mozborder-radius: 3px; border-radius: 3px; background: #CC0617; font-family: 'Kanit', sans-serif; font-weight: normal; color: #FFF; text-align: center; line-height: 1.75; }
	a.linkbox-rot:hover { background: #3A3F3F; }
a.linkbox-grau { background: #3A3F3F; }
	a.linkbox-grau:hover { background: #CC0617; }
a.linkbox-balken, a.linkbox-pfeil { position: relative; display: inline-block; padding: 8px 25px; background: #EEE; color: #3A3F3F; min-width: 175px; margin: 0px 5px 5px 0px; }
	a.linkbox-balken:before { content: ''; background: #CC0918; width: 6px; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease; }
	a.linkbox-balken:hover { color: #000; }
	a.linkbox-balken:hover:before { /*mix-blend-mode: multiply;*/ width: 20px; }
a.linkbox-pfeil { background: url(btn-pfeil.png) right center no-repeat #EEE; }
	a.linkbox-pfeil:hover { color: #FFF; background-color: #CC0617; }



	

/* TinyMCE Breitenbeschränkunen */
.maxwidth500 { max-width: 500px; margin: 0px auto; }
.maxwidth600 { max-width: 600px; margin: 0px auto; }
.maxwidth700 { max-width: 700px; margin: 0px auto; }
.maxwidth800 { max-width: 800px; margin: 0px auto; }
.maxwidth900 { max-width: 900px; margin: 0px auto; }
.maxwidth1000 { max-width: 1000px; margin: 0px auto; }
.maxwidth1100 { max-width: 1100px; margin: 0px auto; }



/* Hacks */
.ipad .content { }

/*
.camera_wrap { margin-left: auto; margin-right: auto; float: none !important; }
.camera_wrap .camera_pag .camera_pag_ul { text-align: center !important; }
.camera_wrap .camera_pag .camera_pag_ul li { background-color: #303E5B !important; border: 2px solid #303E5B; width: 10px !important; height: 10px !important; margin: 15px 5px 0px !important; }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background-color: #303E5B; }
.camera_wrap .camera_pag .camera_pag_ul li>span { top: 0px !important; left: 0px !important; background-color: #FFF; width: 10px !important; height: 10px !important; }
.camera_wrap .camera_pag .camera_pag_ul li:hover>span { background-color: #303E5B !important; }
*/

/*#iwcc-wrapper [class^="icon-"]:before, #iwcc-wrapper [class*=" icon-"]:before { top: -5px; position: relative; }	*/
.iwcc-wrapper, .iwcc-cookie-link-privacy-policy a { color: #333; } .pretty.p-icon .state label:before { margin-top: 0; } .iwcc-buttons a, #iwcc-toggle-details, a.ct-privacy-accept, a.iwcc-show-box-reload { cursor: pointer; }
div.ct-privacy { position: relative; background-position: center center; }
.video-container div.ct-privacy { position: absolute; top: 0; left: 0; }
a.ct-privacy-accept { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: auto; height: auto; background: #900; color: #FFF; border-radius: 3px; padding: 5px 10px 6px; font-size: 14px; box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.3); }