/* res_id: 8f6e27123628913ef921c7c7314753bf */

@charset "utf-8";
/* CSS Document */


/* Fonts */
/*@import url('fonts/stylesheet.css');
@import url('fonts/fontello.css');*/
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

:root {
	--col-primary: #e60a2d;
	--col-secondary: #3B3F3F;
	--col-text: #666;
}


/* Standard */
* { margin: 0px; padding: 0px; box-sizing: border-box; }

html { scroll-behavior: smooth; }
body { background: #FFF; padding: 0px 100px; }
body,td,th { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 17px; color: var(--col-text); line-height: 1.5; }

#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: 'Montserrat', sans-serif;
	font-size: 50px;
	color: var(--col-secondary);
	margin: 0px 0px 60px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 1.05;
	word-wrap: break-word;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: bold; color: var(--col-primary); }

h3, h4, h5, h6 { margin-bottom: 30px; }
h3 { font-size: 42px; }
h4 { font-size: 34px; }
h5, h6 { font-size: 26px; }

h1.seitenueberschrift { color: var(--col-primary); }
	h1.seitenueberschrift.hide { display: none !important; }
	h1 span { color: var(--col-secondary); }

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; }
p:last-child { margin-bottom: 0px; }

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; }


.bold { font-weight: bold !important; }
.nobold { font-weight: normal !important; }


/* 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 20px; display: table; width: 100%; transition: all 0.3s ease;  max-width: none; }
	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: #666; }
	.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: 'Montserrat', sans-serif; font-size: 14px; color: #666; }
	.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; }
	.suche label { display: none; }


#mobileNav { position: fixed; top: 0px; right: -250px; }
.navopener, .navcloser, #mobileNav { display: none; }
.navtop, .navopener-fixed { position: fixed; bottom: 30px; right: -55px; z-index: 1000; display: block; width: 41px; height: 41px; overflow: hidden; margin: 0px auto; cursor: pointer; background: #FFF; text-align: center; color: var(--col-secondary); 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: 200px; border: none; transition: all 0.5s ease; word-wrap: break-word; vertical-align: top; }
	ul.dropdown ul li:hover { transform: translateX(10px); }
ul.dropdown ul li.first { }

ul.dropdown ul { display: table; pointer-events: none; }		/* pointer-events: none => verhindert das ungewollte Öffnen des Klappmenüs, wenn dessen Ausblenden noch nicht zu 100% beendet ist */
	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: 'Montserrat', 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 8px 15px 15px; 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 { margin-bottom: 110px; }
	section#content { padding: 0px 150px 130px; margin-top: 55px; }


.slider-wrapper { position: relative;  z-index: 7; background: none; }
.slider { position: relative; width: 100%; /*height: 700px;*/ height: 0px; padding: 41.15% 0px 0px 0px; overflow: hidden; background: rgba(0,0,0, 0.1); }
#mainSlider, .sliderBackgroundImage { width: 100%; height: 100%; /*position: relative;*/ position: absolute; top: 0px; left: 0px; }
	#mainSlider .slick-list, #mainSlider .slick-track { height: 100%; }
	#mainSlider .slick-slide { background-size: cover; background-position: center center; }
	#mainSlider .slick-dots { position: absolute; bottom: 5px; left: 9px; list-style-type: none; line-height: normal; margin: 0px; padding: 0px; }
		#mainSlider .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 0px 5px 0px 0px; background: rgba(255,255,255, 0.8); border: none; border-radius: 50%; }
			#mainSlider .slick-dots li.slick-active { background: rgba(255,255,255, 0.5); }
		#mainSlider .slick-dots button { display: none; }
	#mainSlider .slick-arrow { position: absolute; top: 50%; left: 0px; z-index: 100; width: 30px; height: 50px; overflow: hidden; margin: -25px 0px 0px; padding: 0px; background: none; background: url(btn-pfeil.png) no-repeat right center; text-indent: -500px; border: none; transform: rotate(180deg); }
		#mainSlider .slick-next { right: 0px; left: auto; transform: rotate(0deg); }
.sliderBackgroundImage { background-size: cover; background-position: center center; }

/*
.slider-info { position: relative; z-index: 5; max-width: 1050px; margin: -99px auto 0px; }
.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-opener a span { color: #666; display: none; }
.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; margin-bottom: 5px; }
.footerletter a.submit, .footerform a.submit { border: none; text-decoration: none; text-transform: uppercase; font-size: 18px; padding: 9px 40px 7px; -mozborder-radius: 3px; border-radius: 3px; background: #CC0918; font-family: 'Montserrat', sans-serif; font-weight: normal; color: #FFF; text-align: center; cursor: default; }
	.footerletter a.submit:hover, .footerform a.submit:hover { background: var(--col-secondary); }
	
.footerform { opacity: 0; position: fixed; top: 50%; left: 50%; width: 600px; height: 450px; margin: -225px 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: 1010; 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: var(--col-secondary); }
.footerform form { padding: 50px 50px 40px; overflow: auto; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
.footerform span { display: block; }
	.footerform span.ff-title { font-family: 'Montserrat', 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 .ff-msg { text-align: center; }
	.footerform .ff-msg div { margin-bottom: 35px; }
	.footerform .ff-msg span { font-weight: bold; }
	.footerform .ff-msg .error { color: #a51a1c; }
	.footerform .ff-msg .success { color: #038400; }

.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: 1005; opacity: 1; }


.footerline { background: #4E5251; font-size: 13px; padding: 0px; }
	.footerline .inner { padding: 20px 150px; }
		.footerline .inner:after { content: ''; clear: both; display: block; }
	.footerline ul { margin-right: 30px; float: left; }
	.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 25px 0px; }
footer .fbox span { display: block; font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: bold; 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: 'Montserrat', 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: bold; /*color: var(--col-primary);*/ }
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: var(--col-secondary); 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-bottom: 1px solid #CC0918; padding: 11px 5px; font-family: 'Montserrat', sans-serif; font-size: 15px; }
main textarea { height: 100px; border: 1px solid rgba(204,9,24, 0.33); border-bottom-color: #CC0918; 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: 18px; margin: 20px auto 0px; padding: 8px 40px; -mozborder-radius: 3px; border-radius: 3px; background: #CC0918; font-family: 'Montserrat', sans-serif; font-weight: normal; color: #FFF; text-align: center; cursor: default; }
	main button[type=submit]:hover { background: var(--col-secondary); }

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; }

main form div.input-group { position: relative; }
main form div.input-group .input-group-btn { position: absolute; right: 0px; top: 12px; z-index: 5; }
main form div.input-group .input-group-btn button { width: 20px; height: 20px; background: #FFF; border: none; }

main .form-captcha { text-align: center; margin-top: 25px; }
main .form-captcha span.input-group-btn { display: none; }
main .form-captcha span.input-group-addon { display: block; }
main .form-captcha img {}
main .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, main 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; }


main .form-miniheader { display: block; margin-bottom: 7px; font-weight: bold; }
main .form-info { display: block; text-align: center; font-size: 13px; margin: 20px 0px 0px; color: #888; }
main .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; }
	main .form-zweispaltig > * { width: 100%; }	

main p.formlabel-kon_dse, main p.formdse { padding-left: 0px; margin-right: 0px; display: inline; }
main p.formlabel-kon_dse > *, main p.formdse > * { margin-right: 0px; }
main .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) */
.lbGalerie { display: block; margin: 0px; text-align: left; }
.lbGalerie .lbThumb { display: inline-block; background: #F8F8F8; margin: 4px 4px 8px; vertical-align: top; transition: all 0.25s ease; }
	.lbGalerie .lbThumb:hover { box-shadow: 0px 0px 0px 7px #DDD; }
	.lbGalerie .lbThumb a { display: block; width: 180px; height: 180px; background: no-repeat center center; background-size: cover; margin: 0px; padding: 0px; overflow: hidden; text-decoration: none; }
	.lbGalerie .lbThumb a img { margin: 0px; padding: 0px; visibility: hidden; }
.lbGalerie.left { margin: 0px auto 0px 0px; }
.lbGalerie.center { margin: 0px auto; }
.lbGalerie.right { margin: 0px 0px 0px auto; }
.lbGalerie-block { margin-bottom: 5px; }
.lbGalerie-block h3 { font-size: 17px; font-style: normal; line-height: 21px; font-weight: normal; margin: 0px; text-decoration: none; background-image: url(lbgalerie-block.png); background-repeat: no-repeat; background-position: left 1px; padding-left: 27px; vertical-align: middle; cursor: pointer; }
	.lbGalerie-block h3:after { display: none; }
.lbGalerie-block h3.active { color: #999; background-position: left -49px; }
.lbGalerie-block div { padding: 5px 0px 12px 11px; }
.lbGalerie-content a { color: #999; }
	
	
/* Modul: Newsteaser */	
.newsteaser { display: block; padding: 0px; margin: 0px 0px 15px; }
.newsteaser .first { border: none !important; padding-top: 0px !important;}
.newsteaser .teaserclear { 
	content: ".";
    display: inline-block;
    height: 0px;
	width: 100%;
    clear: both;
    visibility: hidden;
	padding: 0px;
	margin: 0px;
}
.newsteaser .teaser { display: block; margin: 0px; margin-bottom: 10px; /*padding: 14px 0px 0px; border-top: 1px dashed #CCC;*/ }
.newsteaser .teaser a { }
.newsteaser .teaser .teaserheadline { display: block; font-style: normal; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; margin: 0px; margin-bottom: 7px; padding: 0px; color: #333; }
	.newsteaser .teaser .teaserheadline a { text-decoration: none; color: #333; }
	.newsteaser .teaser .teaserheadline a:hover { text-decoration: underline; }
.newsteaser .teaser .teaserdate { font-size: 13px; color: #999; margin: -2px 0px 2px; display: block; }
.newsteaser .teaser .teasertext { font-weight: normal; }
.newsteaser .teaser p.teaserlink { margin: 0px; text-align: right; margin-top: 20px; text-transform: uppercase; font-size: 14px; }
.newsteaser .teaser p.teaserlink a {
	background-color: #666; padding: 5px 9px; color: #FFF; text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
	.newsteaser .teaser p.teaserlink a:hover { color: #333; background-color: #F4F4F4; box-shadow: 0px 0px 8px 0px #AAA; }
.newsteaser .teaser .teaserimage { float: left; margin: 0px; margin-right: 15px; margin-bottom: 0px; padding: 0px; height: 90px; overflow: hidden; background-size: cover; background-position: center center; border: 6px solid #DDD; }
.newsteaser .teaser .teaserimage img { visibility: hidden; }
.newsteaser .teaser .teaserimage a { display: block; height: 100%; }
.newsteaser .teaserpagination { font-size: 14px; text-align: center; margin-top: 25px; }
	.newsteaser .teaserpagination dt { display: inline; margin-right: 5px; }
	.newsteaser .teaserpagination dd { display: inline; }
	.newsteaser .teaserpagination ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
	.newsteaser .teaserpagination li { display: inline; margin: 0px 4px; }
	.newsteaser .teaserpagination a.active { display: inline-block; background-color: #999; color: #FFF; padding: 0px 5px; text-decoration: none; }
/* Templates auswerten */
.newsteaser .tmp2 .teaserimage, .newsteaser .tmp4 .teaserimage { float: right !important; margin-right: 0px; margin-left: 20px; }
.newsteaser .orange .teaserheadline, .newsteaser .orange .teaserheadline a { }


/* Modul: FAQ */
.faq { padding: 0px; margin: 0px auto 5px; position: relative; margin-bottom: 15px !important; }
	.faq.faq-left { margin-left: 5px; }
	.faq.faq-center {}
	.faq.faq-right { margin-right: 5px; }
.faq > div.faq_question { position: relative; font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: bold; color: var(--col-primary); /*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: #000; }
	.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: 20px; }

.faq.faq-type-counter > div.faq_question { padding-left: 60px; padding-top: 10px; }
	.faq.faq-type-counter > div.faq_question span { background: #E6E6E6; left: 4px; margin-top: -7px; font-size: 25px; font-weight: bold; width: 46px; height: 46px; border-radius: 50%; line-height: 44px; text-align: center; }
		.faq.faq-type-counter > div.faq_question:hover span { color: #333; }
	.faq.faq-font.faq-type-counter > div.faq_question span { left: 7px; margin-top: -8px; font-size: inherit; width: 40px; height: 40px; line-height: 39px; }
	
.faq.faq-type-line > div.faq_question { padding-left: 35px; }
	.faq.faq-type-line > div.faq_question span { left: 9px; margin-top: -7px; }
.faq.faq-font.faq-type-line > div.faq_question { padding-left: 35px; }	
	.faq.faq-font.faq-type-line > div.faq_question span { margin-top: -10px; }
	
.faq.faq-type-boxed > div.faq_question { background: #E6E6E6; padding: 10px 15px; }
	.faq.faq-type-boxed > div.faq_question:hover { background: #DDD; color: #000; }
	.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-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-type-boxedplusminus > div.faq_question { }
	.faq.faq-type-boxedplusminus > div.faq_question span { margin-top: -7px; }
		
.faq > div.faq_answer { padding: 10px 60px 40px 0px; height: 0px; position: relative; background: none; }
	.faq.faq-type-counter > div.faq_answer { padding-left: 60px; }
	.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; 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 search-it Suche */
.search_it-results { list-style-type: none; line-height: normal; margin: 0px; padding: 0px; }
.search_it-result { margin-bottom: 30px; }
	.search_it-result a { }
.search_it-title { font-weight: bold; margin-bottom: 2px; }
.search_it-teaser {}
.search_it-url { display: none; }



/* 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: 'Montserrat', sans-serif; font-size: 25px; color: #666; text-transform: uppercase; transition: all 0.5s; }
		.tib-box:hover .tib-cnt { background-color: var(--col-primary); 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 { position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; }
		.tib-box a span { display: none; }
	.tib-box span { display: block; line-height: 1; }
	.tib-box .tib-line1 { font-weight: bold; font-size: 28px; margin-bottom: 3px; color: var(--col-primary); 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: var(--col-primary); }
		.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-left { text-align: left; }
.tib-center { text-align: center; }
.tib-right { text-align: right; }

/* 3er-Infoblock: Template 1-2 */
.tib-template { -ms-grid-columns: 1fr 1fr !important; grid-template-columns: 1fr 1fr !important; -ms-grid-rows: 1fr 1fr !important; grid-template-rows: 1fr 1fr !important; grid-gap: 20px !important; }
.tib-template .tib-box { padding-top: 40% !important; height: 0px !important; }
	.tib-template .tib-box:nth-child(1) { grid-column: 1 !important; grid-row: 1 / span 2 !important; padding-top: 0px !important; height: 100% !important; }
	.tib-template .tib-box-rows .tib-cnt { bottom: 35px !important; font-size: 22px !important; padding: 15px 30px !important; }
	.tib-template .tib-box-rows .tib-cnt .tib-line1 { font-size: 27px !important; }


/* zus. Opener-Anpassungen */
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; }




/*
section#opener .tib-2rows { display: -ms-grid; display: grid; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: 50px; grid-auto-rows: 1fr; -ms-grid-column-align: center; justify-items: center; -ms-flex-align: center; align-items: center; margin: 0px; width: 100%; height: 100%; grid-row-gap: 10px; }
section#opener .tib-2rows .tib-box { height: 100%; padding-top: 0px; }
	section#opener .tib-2rows .tib-box:first-child { border-top: 2px solid #FFF; }
	section#opener .tib-2rows .tib-box:last-child { border-bottom: 2px solid #FFF; }
.tib-2rows .tib-box .tib-cnt { bottom: 35px; font-size: 22px; padding: 15px 30px; }
	.tib-2rows .tib-box .tib-line1 { font-size: 27px; }
*/



/* 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; }


/* Modul: Produktliste */
.productlist { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0px auto; /*border: 1px solid #CCC;*/ border-right: none; border-bottom: none; }
	.productlist.pl-left { justify-content: left; }
	.productlist.pl-center { justify-content: center; }
	.productlist.pl-right { justify-content: right; }
.productlist .product { position: relative; width: 25%; padding: 20px 20px 15px 20px; background: #FFF; border: 1px solid #CCC; /*border-top-color: #FFF;*/ border-left-color: #FFF; transition: all 0.3s ease; }
	.productlist .product:hover { transform: translate(-5px, -5px); box-shadow: 5px 5px 0px 0px rgba(0,0,0, 0.25); border-color: #CCC !important; }
	.productlist .product:nth-of-type(1), .productlist .product:nth-of-type(4n+1) { border-left-color: #CCC; }			/*.productlist .product:nth-of-type(5n+5)*/
	.productlist .product:nth-of-type(n+5) { border-top-color: #FFF; }
.productlist a { text-decoration: none; color: #FFF; }
.productlist .pl-image { height: 200px; background: no-repeat center top; background-size: cover; margin-bottom: 25px; }
	.productlist .pl-image a { display: block; height: 100%; }
	.productlist .pl-image img { display: none; }
.productlist .pl-title { font-weight: bold; }
.productlist .pl-content { padding: 20px 0px; font-size: 0.85em; }
.productlist .pl-energy { position: absolute; top: 7px; right: 7px; z-index: 5; width: 50px; }
	.productlist .pl-energy img { max-width: 100%; height: auto; transition: all 0.3s ease; }
	.productlist .pl-energy img:hover { box-shadow: 0px 0px 10px 2px rgba(0,0,0, 0.25); }
.productlist .pl-pricebox { padding-top: 20px; }
.productlist .pl-price { font-weight: bold; color: var(--col-primary); padding: 0px 0px 5px;}
	.productlist .pl-price-old { color: #666; }
.productlist .pl-service { font-size: 0.8em; color: #999; padding: 0px 60px 0px 0px; }
.productlist .pl-details { position: absolute; bottom: -1px; right: -1px; height: 25px; overflow: hidden; background: #999; font-size: 0.9em; color: #FFF; font-weight: bold; line-height: 25px; padding: 0px 10px 0px 25px; }
	.productlist .pl-details:before { content: ''; position: absolute; top: -1px; left: -1px; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 26px 26px 0 0; border-color: #FFF transparent transparent transparent; }



/* 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; }

ul.liste_links, ol.liste_links { display: table; margin-left: 25px; margin-right: auto; }
ul.liste_mittig, ol.liste_mittig { display: table; margin-left: auto; margin-right: auto; }
ul.liste_rechts, ol.liste_rechts { display: table; margin-left: auto; margin-right: 0px; }

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; }
.moveitout { position: absolute; top: -3000px; left: -3000px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.textfarbe_rot { color: var(--col-primary); }
.textfarbe_grau { color: var(--col-secondary); }
.text_fett { font-weight: bold; }
.text_ueberschrift_rot { font-size: 22px; color: var(--col-primary); font-weight: bold; }
.text_ueberschrift_grau { font-size: 22px; color: var(--col-secondary); font-weight: bold; }

a.linkbox-rot, a.linkbox-grau, a.linkbox-balken, a.linkbox-pfeil { text-decoration: none; text-transform: uppercase; font-size: 1.0em; margin: 0px 5px 5px 0px; padding: 9px 40px 8px; -mozborder-radius: 3px; border-radius: 3px; background: var(--col-primary); font-family: 'Montserrat', sans-serif; color: #FFF; text-align: center; line-height: 1.75; }
	a.linkbox-rot:hover { background: var(--col-secondary); }
	
a.linkbox-grau { background: var(--col-secondary); }
	a.linkbox-grau:hover { background: var(--col-primary); }
	
a.linkbox-balken, a.linkbox-pfeil { position: relative; display: inline-block; padding: 9px 25px 7px; background: #EEE; color: var(--col-secondary); 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 { width: 20px; }
	
a.linkbox-pfeil { background: url(btn-pfeil.png) right center no-repeat #EEE; padding-bottom: 7px; }
	a.linkbox-pfeil:hover { color: #FFF; background-color: var(--col-primary); }

	
	

/* 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; }


/* CTH Imprint */
.cthwebdesign { float: right; text-transform: uppercase; font-size: 11px; text-align: center; padding-top: 2px; }
	.cthwebdesign a { color: rgba(255,255,255, 0.5); text-decoration: none !important; }
	.cthwebdesign a:hover { color: rgba(255,255,255, 1); }


/* Hacks */
.ipad .content { }

#swipebox-close { right: auto; left: 0px; }

#imagelightbox-overlay { background: rgba(0,0,0,0.65) !important; }
#imagelightbox-close { background: #CC0918 !important; border: none; top: 15px !important; right: 15px !important; width: 40px !important; height: 40px !important; border-radius: 0px !important; border: 5px solid #555; }
#imagelightbox-close:after, #imagelightbox-close:before { top: 33% !important; bottom: 33% !important; }
.imagelightbox-arrow, .imagelightbox-arrow:focus, .imagelightbox-arrow:hover { background: none !important; border: none; }

.camera_wrap { max-width: 900px; 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; }

div.cc-window { background: #EEE; box-shadow: 0px 2px 10px 0px rgba(0,0,0, 0.4); padding: 1em; }
div.cc-revoke { display: none !important; }
div.cc-window .cc-message { padding-right: 50px; color: #000; }
div.cc-window .cc-link { display: inline; padding: 0px; }
div.cc-window .cc-btn { margin: 0em .5em 0em 0em !important; }
div.cc-window .cc-btn.cc-allow { background: #3a8a12; color: #FFF; font-weight: bold; border-color: #000; }
div.cc-window .cc-btn.cc-dismiss { background: #FFF; color: #666; border-color: #AAA; }


.consent_manager-wrapper, .consent_manager-cookie-link-privacy-policy a { color: #333; } .pretty.p-icon .state label:before { margin-top: 0; } .consent_manager-buttons a, #consent_manager-toggle-details, a.ct-privacy-accept, a.consent_manager-show-box-reload { cursor: pointer; }
div.ct-privacy { position: relative; background-position: center center; background-size: cover; }
.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); text-align: center; }
	a.ct-privacy-accept:hover { background: #FFF; color: #000;}
a.consent_manager-close-box::before { left: 9px !important; }

/*.consent_manager-save-selection, .consent_manager-accept-all { background: green !important; border-color: green !important; color: #FFF !important; }*/

.consent_manager-reopen { box-sizing: border-box; position: fixed; left: 10px; bottom: 10px; z-index: 10; width: 40px; height: 40px; background: #dbe8e9 center center; background-size: cover; border-radius: 50%; box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 40%); overflow: hidden; cursor: pointer; opacity: 0; transition: opacity .25s ease-in-out; }
.consent_manager-reopen img { width: 70%; height: auto; display: inline-block; margin: 15%; opacity: 0.75; }
.cmcookieset .consent_manager-reopen { opacity: 1; }


/* Aktionen */
span.aktion2023 { 
    display: block;
    background: var(--col-primary);
    color: #FFF;
    padding: 8px 11px 8px 45px;
    text-transform: uppercase;
    font-size: 1.2em;
    position: relative;
    font-weight: bold;
    margin: 15px 0px 25px 15px;
	text-align: center;
 }
span.aktion2023 strong { 
	background: #F9D323;
	color: #222;
    border-radius: 50%;
    display: block;
    width: 53px;
    height: 53px;
    position: absolute !important;
    left: -25px;
    top: -5px;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    font-size: 1.75em;
    font-style: italic;
}
span.aktion2023 strong:after { 
	content: '';
    background: transparent;
    border: 3px solid #F9D323;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
}

@media screen and (max-width:460px){
	span.aktion2023 strong { left: -15px; }
}



/* Werbeaktionen */
/* Nobilia 2024 */
.ma-wrapper-content { margin: 0px -100px; }
.ma-wrapper { max-width: 1300px; margin: 0px auto; overflow: hidden; 
    --ma-col-red: #ED1D24;
}
.ma-wrapper > div { position: relative; max-width: 1000px; margin: 0px auto; overflow: hidden; }
.ma-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.ma-wrapper a[rel^="lightbox"] { position: relative; }
	.ma-wrapper a[rel^="lightbox"]:before, .ma-wrapper a[rel^="lightbox"]:after { position: absolute; top: 0px; left: 0px; opacity: 0; transition: opacity .25s ease-in-out; }
	.ma-wrapper a[rel^="lightbox"]:before { content:'+'; color: #FFF; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); font-size: 65px; }
	.ma-wrapper a[rel^="lightbox"]:after { content:''; background: rgba(0,0,0, 0.5); width: 100%; height: 100%; }
	.ma-wrapper a[rel^="lightbox"]:hover:before, .ma-wrapper a[rel^="lightbox"]:hover:after { opacity: 1; }

.ma-wrapper .content { min-height: auto; margin: 0px; }
.ma-wrapper .red { color: var(--ma-col-red); }
.ma-wrapper .fs1-1 { font-size: 1.1em; }

.ma-wrapper .ul-liste-haekchen { display: block; /*columns: auto 2; column-gap: 40px;*/ list-style-type: none; margin: 0px; }
.ma-wrapper .ul-liste-haekchen li { position: relative; margin-bottom: 10px; padding: 2px 0px 0px 35px; width: auto; break-inside: avoid-column; font-size: clamp(14px, 2vw, 0.9em); }
    .ma-wrapper .ul-liste-haekchen li:after { content: ''; background: url(/media/haekchen.svg) no-repeat center top; background-size: 55%; display: inline-block; width: 40px; height: 40px; position: absolute; top: calc(100% - 88%); left: -5px; overflow: hidden; }
	
.ma-wrapper .zeilenabstand.nomobile { display: block; }

@media screen and (max-width:1300px){
	.ma-wrapper { margin: 0px -25px; }
}
@media screen and (max-width:1300px){
	.ma-wrapper { margin: 0px -50px; }
}
@media screen and (max-width:1000px){
	.ma-wrapper { margin: 0px -25px; }
}
@media screen and (max-width:900px){
	.ma-wrapper .zeilenabstand.nomobile { display: none; }
}
@media screen and (max-width:460px){
	.ma-wrapper { margin: 0px 0px; }
}



/* Sonstige Blöcke */

/* Werbeaktionen :: Start */
/* :::::::::::::::::::::: */

.ma-2cols { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.ma-2cols > * { flex: 1 1 50%; }

.ma-kuehler { justify-content: center; align-items: center; }
.ma-kuehler .image { align-self: flex-end; position: relative; height: 300px; text-align: right; }
    .ma-kuehler img { display: inline-block; position: static; height: 100%; width: auto; }
.ma-kuehler .content { padding: 35px; }
    .ma-kuehler .content p { max-width: 200px; }
    .ma-kuehler strong { display: block; }

@media screen and (max-width:540px){
    .ma-2cols > * { flex: 1 1 100%; }
    
    .ma-kuehler .image { text-align: center; }
    .ma-kuehler .content p { max-width: none; }
}


.ma-benefits { max-width: 1300px !important; text-align: center; }
.ma-benefits > * { display: inline-block; margin: 0px 20px 40px; padding: 0px 10px; vertical-align: top; }
.ma-benefits > * > * { display: inline-block; max-width: 330px; text-align: center; vertical-align: top; }
.ma-benefits .image { position: relative; width: 80px; height: 80px; padding: 5px; margin: 0px; border-radius: 50%; border: 1px solid var(--ma-col-red); }
    .ma-benefits img { position: static; height: 100%; width: 100%; object-fit: contain; }
    .ma-benefits .item5 .image { padding: 10px 5px 5px 0px; }
.ma-benefits .content { display: block; margin-top: 15px; }
    .ma-benefits strong { display: block; color: var(--ma-col-red); margin-bottom: 7px; }

@media screen and (max-width:900px){
	.ma-benefits > * > * { max-width: 280px; }
}



/* Header */
.ma-header { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.ma-header .content { position: relative; z-index: 5; margin-right: -60px; }
    .ma-header .content span { display: block; text-align: left; line-height: 0.8; font-family: 'Archivo', sans-serif; font-weight: 900; font-size: 120px; text-transform: uppercase; letter-spacing: -7px; }
    .ma-header .content .part1 { padding-left: 35px; }
    .ma-header .content .part3 { padding-left: 215px; }
	.ma-header .content small { display: block; text-align: left; position: absolute; bottom: 10px; left: 40px; width: 160px; font-size: 25px; line-height: 1; }
.ma-header .image { position: relative; height: 400px; padding-right: 75px; }
    .ma-header .image small { position: absolute; top: 55px; right: 12px; width: 175px; font-size: 0.9em; line-height: 1; text-align: left; }
    .ma-header .image strong { display: block; font-size: 1.3em; margin-bottom: 5px; }
    .ma-header img { position: static; height: 100%; width: auto; }

@media screen and (max-width:900px){
    .ma-header .content span { font-size: 85px; }
    .ma-header .content .part1 { padding-left: 25px; }
    .ma-header .content .part3 { padding-left: 145px; }
    .ma-header .content small { bottom: 7px; left: 30px; width: 120px; font-size: 18px; }
    .ma-header .image { height: 300px; }
    .ma-header .image small { top: 45px; right: 0px; width: 160px; font-size: 0.8em; }
}

@media screen and (max-width:680px){
    .ma-header { display: block; text-align: center; }
    .ma-header .content { display: inline-block; margin: 0px 0px 20px -25%; }
    .ma-header .content span { font-size: 60px; text-shadow: 1px 1px rgba(255,255,255, 0.75); }
    .ma-header .content .part1 { padding-left: 15px; }
    .ma-header .content .part3 { padding-left: 100px; }
    .ma-header .content small { bottom: 5px; left: -20px; font-size: 13px; }
    .ma-header .image { margin-top: -70px; }
    .ma-header img { margin: 0px 0px 0px auto; }
}

@media screen and (max-width:450px){
    .ma-header .content { margin-left: 0px; }
    .ma-header .image { margin-top: -30px; }
}



/* 3er Bild-Textblock (Flyer rechts mitte + Aktionsangebote) */
.ma-collage-3blocks { display: grid; grid-template-columns: 55% 45%; grid-template-rows: repeat(2, 50%); gap: 0px; max-width: 1100px !important; background: var(--ma-col-red); color: #FFF; }
.ma-collage-3blocks strong { display: block; }
.ma-collage-3blocks .item1 { grid-row: span 2 / span 2; }

.ma-intro { max-height: 700px; }
.ma-intro .item2 { padding: 25px 35px; font-size: 1.75em; line-height: 1.20; }

.ma-angebote { grid-template-columns: 65% 35%; max-width: 1300px !important; gap: 8px; background: none; }
.ma-angebote > * { padding: 0px !important; }
.ma-angebote img { object-position: bottom right; }
.ma-angebote .item2 img {  object-position: top right;}

@media screen and (max-width:900px){
    .ma-intro { grid-template-rows: auto; max-height: none; }
    .ma-intro .item1 { grid-row: auto; grid-column: span 2 / span 2; grid-row-start: 1; aspect-ratio: 3 / 2; }
    .ma-intro .item2 { grid-row-start: 2; }
    .ma-intro .item3 { grid-row-start: 2; }

    .ma-angebote { grid-template-columns: 100%; grid-template-rows: auto; }
}

@media screen and (max-width:580px){
    .ma-intro { grid-template-columns: auto; }
    .ma-intro .item1 { grid-row: auto; grid-column: auto; }
    .ma-intro .item2 { grid-row-start: 2; }
    .ma-intro .item3 { grid-row-start: 3; max-height: 150px; }
}



/* Multi-Collage (Flyer links) */
.ma-collage-grid { display: grid; grid-template-columns: 36% 32% 32%; grid-template-rows: repeat(12, 1fr); gap: 0px; }
.ma-collage-grid .item2 { grid-column: span 2 / span 2; grid-row: span 4 / span 4; grid-column-start: 2; }
.ma-collage-grid .item3 { grid-row: span 4 / span 4; grid-row-start: 2; }
.ma-collage-grid .item4 { grid-row: span 4 / span 4; grid-column-start: 2; grid-row-start: 5; }
.ma-collage-grid .item5 { grid-row: span 4 / span 4; grid-column-start: 3; grid-row-start: 5; }
.ma-collage-grid .item6 { grid-row: span 3 / span 3; grid-row-start: 6; }
.ma-collage-grid .item7 { grid-row: span 4 / span 4; grid-row-start: 9; }
.ma-collage-grid .item8 { grid-row: span 4 / span 4; grid-row-start: 9; }
.ma-collage-grid .item9 { grid-row: span 3 / span 3; grid-row-start: 9; }

.ma-collage-grid .item-plus { position: absolute; bottom: 17%; left: 0%; z-index: 10; transform: translateX(-40%); display: block; background: #FFF; width: 75px; height: 75px; border-radius: 50%; }
    .ma-collage-grid .item-plus:before, .ma-collage-grid .item-plus:after { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--ma-col-red); width: 40px; height: 12px; }
    .ma-collage-grid .item-plus:after { transform: translate(-50%, -50%) rotate(90deg); }
	.ma-collage-grid .item-plus a { position: relative; z-index: 10; display: block; height: 100%; }

.ma-collage-grid .item2, .ma-collage-grid .item6, .ma-collage-grid .item9 { position: relative; background: var(--ma-col-red); color: #FFF; padding: 25px 35px; }
.ma-collage-grid .item2 { font-size: 1.75em; line-height: 1.3; padding: 35px 35px 35px 75px; }
    .ma-collage-grid .item2 strong { display: inline-block; font-size: 1.35em; line-height: 1.25; margin-left: -40px; }
.ma-collage-grid .item7 { display: flex; justify-content: center; align-items: center; font-size: 2em; font-weight: 500; padding: 25px; }
    .ma-collage-grid .item7 p { max-width: 240px; }

@media screen and (max-width:950px){
	.ma-collage-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } 
    .ma-collage-grid > div[class^="item"] { grid-row: auto; grid-column-start: auto; grid-row-start: auto; }
	.ma-collage-grid div.item2 { grid-column: span 2 / span 2; padding-left: 35px; }
	.ma-collage-grid div.item3 { grid-column-start: 2; grid-row-start: 2; }
	.ma-collage-grid div.item4 { grid-column-start: 1; grid-row-start: 3; }
	.ma-collage-grid div.item5 { grid-column-start: 2; grid-row-start: 3; }
	.ma-collage-grid div.item6 { grid-row-start: 2; }
	.ma-collage-grid div.item7 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 5; padding: 45px 25px; text-align: center; }
	.ma-collage-grid div.item8 { grid-column-start: 1; grid-row-start: 4; }
	.ma-collage-grid div.item9 { grid-column-start: 2; grid-row-start: 4; }
    
    .ma-collage-grid .item-plus { bottom: 0px; left: 50%; transform: translate(-50%, 40%); }
    
    .ma-collage-grid .item2 strong { margin: 0px; }
    .ma-collage-grid .item7 p { max-width: 500px; }
}

@media screen and (max-width:640px){
    .ma-collage-grid > div[class^="item"] { grid-row: auto; grid-column-start: auto; grid-row-start: auto; }
    .ma-collage-grid div.item2 { grid-column: span 2 / span 2; font-size: 1.5em; }
	.ma-collage-grid div.item3 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; }
	.ma-collage-grid div.item4 { grid-column-start: 1; grid-row-start: 4; }
	.ma-collage-grid div.item5 { grid-column-start: 2; grid-row-start: 4; }
    .ma-collage-grid div.item6 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 3; }
	.ma-collage-grid div.item7 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 7; font-size: 1.65em; }
	.ma-collage-grid div.item8 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 6; }
	.ma-collage-grid div.item9 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 5; }
    
    .ma-collage-grid .item-plus { transform: translate(-50%, 50%); }
    
    .ma-collage-grid .item6, .ma-collage-grid .item9 { padding: 35px; }
    .ma-collage-grid .item7 p { max-width: 400px; }
}

/* ::::::::::::::::::::: */
/* Werbeaktionen :: ENDE */

@charset "utf-8";@media screen and (min-width:1921px){section#opener{max-width:none}section#opener .three-infoblocks>.tib-box{padding-top:0;height:690px}section#opener .tib-template .tib-box-rows{padding-top:0!important;height:335px!important}}@media screen and (max-width:1600px){.three-infoblocks{margin:0 -100px}section#opener .tib-box .tib-cnt{width:95%;bottom:35px}.tib-box .tib-cnt{font-size:21px;padding:10px 40px 10px 25px}.tib-box .tib-line1{font-size:26px}.tib-template .tib-box-rows .tib-cnt{font-size:19px!important}.tib-template .tib-box-rows .tib-cnt .tib-line1{font-size:24px!important}section#content{padding:0 100px 130px}.footerletter{left:15%;right:15%}footer .inner{padding-bottom:120px}footer .slogan{max-width:650px}footer .slogan img{max-width:100%;height:auto}.partnerlist>div{height:150px}.partnerlist>div:after{height:100px}}@media screen and (max-width:1500px){.productlist .product{width:33.33%}.productlist .product:nth-of-type(5n+5){border-left-color:#fff}.productlist .product:nth-of-type(3n+1){border-left-color:#ccc}.productlist .product:nth-of-type(n+4){border-top-color:#fff}}@media screen and (max-width:1400px){.multicol5>div{width:100%;margin-top:25px}.multicol5>div:first-child{margin-top:0}.multicol5.multicol-mobleft>div>*{text-align:left!important}.multicol5.multicol-mobleft>div>table{margin-left:0!important;margin-right:auto!important}.multicol5.multicol-mobcenter>div>*{text-align:center!important}.multicol5.multicol-mobcenter>div>table{margin-left:auto!important;margin-right:auto!important}.multicol5.multicol-mobright>div>*{text-align:right!important}.multicol5.multicol-mobright>div>table{margin-left:auto!important;margin-right:0!important}header{padding:0 0}.partnerlist{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}.footerletter{padding:20px 55px}.footerletter .fl-group{column-gap:40px;grid-column-gap:40px}.footerletter .fl-placeholder{left:55px;right:55px}footer .slogan{max-width:550px;font-size:3vw;right:50px}}@media screen and (max-width:1300px){.three-infoblocks{column-gap:25px;grid-column-gap:25px}.tib-box .tib-cnt{font-size:20px}.tib-box .tib-line1{font-size:24px}.tib-template .tib-box-rows .tib-cnt{font-size:18px!important}.tib-template .tib-box-rows .tib-cnt .tib-line1{font-size:22px!important}.productlist .product{width:33.33%}.productlist .product:nth-of-type(3n+1){border-left-color:#ccc}.productlist .product:nth-of-type(n+4){border-top-color:#fff}}@media screen and (max-width:1200px){.multicol4>div{width:100%;margin-top:25px}.multicol4>div:first-child{margin-top:0}.multicol4.multicol-mobleft>div>*{text-align:left!important}.multicol4.multicol-mobleft>div>table{margin-left:0!important;margin-right:auto!important}.multicol4.multicol-mobcenter>div>*{text-align:center!important}.multicol4.multicol-mobcenter>div>table{margin-left:auto!important;margin-right:auto!important}.multicol4.multicol-mobright>div>*{text-align:right!important}.multicol4.multicol-mobright>div>table{margin-left:auto!important;margin-right:0!important}body{padding:0 70px}aside{right:35px}.navtop{bottom:15px}.navtop.ntshow{right:15px}nav li{margin:0 2px 0 0}nav li a{padding:30px 15px}footer .inner{padding:80px 70px 105px}.footerline .inner{padding:20px 70px}.footerletter{padding:20px 45px}.footerletter .fl-placeholder{left:45px;right:45px}.three-infoblocks{margin:0 -50px}.tib-box .tib-cnt{bottom:20px}section#opener .tib-box .tib-cnt{padding:15px 30px 15px 22px;bottom:30px}.tib-template .tib-box-rows .tib-cnt{font-size:16px!important;bottom:20px!important}.tib-template .tib-box-rows .tib-cnt .tib-line1{font-size:20px!important}section#content{padding:0 50px 130px}}@media screen and (max-width:1100px){section#content:before{content:'';display:block;border-top:1px solid #ccc;position:absolute;top:-55px;left:0;width:100%;height:0}section#opener+section#content:before{display:none}h1,h2,h3,h4,h5,h6{margin-bottom:40px}.footerletter{left:10%;right:10%}.zeilenabstand.nomobile{display:none}.productlist .product{width:50%}.productlist .product:nth-of-type(3n+1){border-left-color:#fff}.productlist .product:nth-of-type(2n+1){border-left-color:#ccc}.productlist .product:nth-of-type(n+3){border-top-color:#fff}.suche,header .right,nav#mainNav,nav#mainNav>ul{display:none!important}.navcloser,.navopener{display:block!important;color:#000;font-size:28px;position:absolute;top:50%;right:11px;z-index:1000;margin:-15px 0 0;padding:0 4px;cursor:pointer;overflow:hidden}.navopener span,.navopener-fixed span{display:block;width:25px;height:2px;background:#666;margin:6px auto;transition:all .3s ease}.navopener span:nth-child(2),.navopener-fixed span:nth-child(2){width:20px;margin-left:0}.navopener:hover span:nth-child(1){transform:rotate(-45deg)}.navopener:hover span:nth-child(2){transform:translateX(50px)}.navopener:hover span:nth-child(3){transform:rotate(45deg)}.navcloser{right:8px;top:8px;transform:rotateZ(45deg);font-size:45px;color:#fff}.navcloser span{display:block;width:auto;height:auto;margin:0;background:0 0;vertical-align:middle}.navopener-fixed{top:15px;bottom:auto;border-radius:50% 0 50% 50%;background:#d62f30;border-color:#fff;padding:5px 4px 0 8px}.navopener-fixed span{width:22px;margin:5px auto 5px 0;background:#fff}.navopener-fixed span:nth-child(2){width:17px}.navopener-fixed.fixto-fixed{right:15px}nav#mobileNav .suche{display:block!important;padding-top:50px}nav#mobileNav .suche input{width:100%;border-radius:0;background:0 0;border-color:rgba(255,255,255,.5);color:rgba(255,255,255,.75);font-size:16px;padding:8px 40px 8px 12px}nav#mobileNav .suche input[type=submit],nav#mobileNav .suche span{width:40px;padding:0}nav#mobileNav .suche span{color:rgba(255,255,255,.75);top:8px;right:8px}#mobileNavOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.65);z-index:-1;opacity:0;transition:all .25s ease}#mobileNavOverlay.overlayShow{z-index:1005;opacity:1}nav#mobileNav{display:block;position:fixed;top:0;right:-400px;z-index:2000;width:400px;height:100%;max-width:85%;margin:0;padding:35px 35px;color:#fff;overflow-y:auto;overflow-x:hidden;background:#d62f30;border:none;font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;word-wrap:break-word;-webkit-transition:-webkit-transform .35s ease;-ms-transition:-ms-transform .35s ease;transition:transform .35s ease}nav#mobileNav ul{display:block;margin:70px 0 12px;padding:0;text-align:left}nav#mobileNav ul ul{position:static!important;opacity:1;visibility:visible;display:block;padding:10px 0 10px 15px;border:none;margin:0;background:0 0;box-shadow:none;pointer-events:auto}nav#mobileNav ul ul:before{display:none}nav#mobileNav ul ul>div{display:block}nav#mobileNav ul ul .childtitle{display:none}nav#mobileNav li{display:block;margin:0;padding:0;border-left:none;background:0 0}nav#mobileNav li:before{display:none}nav#mobileNav li:first-child{border:none}nav#mobileNav ul ul li{width:auto}nav#mobileNav li a{display:block;height:auto;line-height:1;white-space:normal;background:0 0;font-size:18px;font-weight:400;color:#fff;padding:15px 30px 15px 20px;margin:0;border-top:1px solid rgba(255,255,255,.5)}nav#mobileNav li a:after,nav#mobileNav li a:before{display:none}nav#mobileNav li.haschilds a:after{display:block;content:'+';bottom:auto;top:15px;left:auto;right:10px;margin:0;transform:none;width:auto;line-height:20px;vertical-align:middle;background:0 0}nav#mobileNav li.opened a:after{content:'-';top:12px;right:13px}nav#mobileNav li:first-child a{border:none}nav#mobileNav li a.selected,nav#mobileNav li a:hover,ul.dropdown li:hover a.selected:hover,ul.dropdown ul li a.selected:hover{background-color:rgba(255,255,255,.25);color:#fff!important;font-weight:400}nav#mobileNav ul ul li a{font-size:15px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.35)}.simplesidebar-opened{-webkit-transform:translate(-400px 0);-ms-transform:translate(-400px,0);transform:translate(-400px,0)}.simplesidebar-body{overflow-x:hidden;overflow-y:hidden}@-moz-document url-prefix(){.simplesidebar-body{overflow-x:inherit}}}@media screen and (max-width:1000px){.multicol3>div{width:100%;margin-top:25px}.multicol3>div:first-child{margin-top:0}.multicol3.multicol-mobleft>div>*{text-align:left!important}.multicol3.multicol-mobleft>div>table{margin-left:0!important;margin-right:auto!important}.multicol3.multicol-mobcenter>div>*{text-align:center!important}.multicol3.multicol-mobcenter>div>table{margin-left:auto!important;margin-right:auto!important}.multicol3.multicol-mobright>div>*{text-align:right!important}.multicol3.multicol-mobright>div>table{margin-left:auto!important;margin-right:0!important}body{padding:0 25px}header .inner{padding:25px 0}aside{top:auto;bottom:0;right:0;background:#fff;width:100%;margin:0;padding:5px 30px;box-shadow:0 2px 10px 0 rgba(0,0,0,.4)}aside a{font-size:20px;margin:0 10px}aside a:hover{transform:scale(1.35)}.navtop{bottom:59px}footer{margin:0 -25px}footer .inner{padding-bottom:30px}footer .slogan{position:relative;right:auto;bottom:auto;margin:15px auto 0;font-size:4vw}footer .slogan img{max-width:100%;height:auto}.footerline .inner{padding:20px 75px 65px;text-align:center}.footerline ul{float:none;margin-right:0}.cthwebdesign{float:none;margin-top:20px}section#opener{margin-bottom:75px}section#content{padding:0 25px 130px}.three-infoblocks{margin:0 -25px;column-gap:20px;grid-column-gap:20px}.tib-box .tib-cnt{padding:10px 40px 10px 15px;bottom:20px}section#opener .tib-2rows .tib-box .tib-cnt,section#opener .tib-box .tib-cnt{bottom:25px}.tib-box .tib-line1{font-size:22px}.tib-2rows .tib-box .tib-line1{font-size:20px}.tib-template{grid-gap:10px!important}}@media screen and (max-width:920px){div.cc-window{display:block}div.cc-window .cc-message{padding-right:0}div.cc-window .cc-compliance{display:block;margin-top:15px}div.cc-window .cc-btn{display:inline-block;margin-top:7px!important}.footerletter{padding:20px 20px;left:10%;right:10%}.footerletter .fl-group{column-gap:20px;grid-column-gap:20px}.footerletter .fl-placeholder{left:20px;right:20px}footer .slogan{font-size:5vw}.partnerlist>div{height:130px;padding:15px}.partnerlist>div:after{height:100px}.tib-2boxes .tib-box{padding-top:70%}.tib-1boxes .tib-box{padding-top:47%}section#content .tib-3boxes{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;row-gap:20px;grid-row-gap:20px}section#content .tib-3boxes .tib-box:nth-child(1){-ms-grid-column:1;-ms-grid-row:1;-ms-grid-row-span:2;grid-column:1;grid-row:1/span 2}section#content .tib-3boxes .tib-box:nth-child(1){height:100%}}@media screen and (max-width:850px){section#opener .tib-2rows .tib-box .tib-cnt{bottom:15px;padding:10px 30px 10px 15px;font-size:15px}section#opener .tib-2rows .tib-box .tib-line1{font-size:17px}}@media screen and (max-width:800px){.multicol>div{width:100%!important;margin-top:25px}.multicol>div:first-child{margin-top:0}.multicol.multicol-mobleft>div>*{text-align:left!important}.multicol.multicol-mobleft>div>table{margin-left:0!important;margin-right:auto!important}.multicol.multicol-mobcenter>div>*{text-align:center!important}.multicol.multicol-mobcenter>div>table{margin-left:auto!important;margin-right:auto!important}.multicol.multicol-mobright>div>*{text-align:right!important}.multicol.multicol-mobright>div>table{margin-left:auto!important;margin-right:0!important}.tib-template{-ms-grid-columns:1fr!important;grid-template-columns:1fr!important;-ms-grid-rows:1fr!important;grid-template-rows:1fr!important;row-gap:20px!important}.tib-template .tib-box,.tib-template .tib-box:nth-child(1){padding-top:50%!important;height:0!important}.tib-template .tib-box:nth-child(1){grid-column:1!important;grid-row:auto!important;padding-top:80%!important}.tib-template .tib-box-rows .tib-cnt{font-size:25px;bottom:25px;padding:10px 35px 10px 15px}.tib-template .tib-box-rows .tib-cnt .tib-line1{font-size:30px}section#opener .tib-3boxes{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;row-gap:10px;grid-row-gap:10px}section#opener .tib-3boxes .tib-box:nth-child(1){-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2;grid-column:1/span 2;grid-row:1}section#opener .tib-3boxes .tib-box:nth-child(1){padding-top:62%}footer .slogan div{font-size:6vw;left:0;right:0;text-align:center}}@media screen and (max-width:780px){.footerletter{left:5%;right:5%}footer .fbox{display:block;margin:0 0 30px;width:auto}footer .fbox ul,footer .fbox2 ul{-webkit-column-count:2;column-count:2}footer .fbox li,footer .fbox2 li{width:95%;margin:0 5% 0 0}}@media screen and (max-width:720px){main .form-zweispaltig{display:block}}@media screen and (max-width:700px){section#opener .tib-box .tib-cnt{bottom:25px;padding:15px 35px 15px 22px}footer .inner{padding:80px 25px 30px}.partnerlist>div{height:110px}.partnerlist>div:after{height:80px}}@media screen and (max-width:680px){h1,h2,h3,h4,h5,h6{font-size:7vw;margin:0 0 30px}.footerletter{height:105px;top:-53px}.footerletter .fl-group{display:block}.footerletter .fl-group>input{padding-top:0}.footerletter .fl-placeholder{top:20px}.footerletter a.submit{display:block;width:auto;font-size:16px;padding:3px 40px}.footerform{width:auto;height:auto;top:50px;left:50px;right:50px;bottom:50px;margin:0}.footerform form{padding:50px 40px}.footerform .fl-group{display:block}}@media screen and (max-width:640px){.partnerlist{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;row-gap:15px;grid-row-gap:15px;column-gap:15px;grid-column-gap:15px}.partnerlist>div{height:80px}.partnerlist>div:after{height:50px}.productlist .product{width:100%}.productlist .product{border-left-color:#ccc!important;margin-bottom:15px;border-top-color:#ccc!important}.three-infoblocks,section#content .three-infoblocks{-ms-grid-columns:1fr!important;grid-template-columns:1fr!important;-ms-grid-rows:1fr!important;grid-template-rows:1fr!important;row-gap:20px;grid-row-gap:20px;margin:0 -25px}.tib-3boxes .tib-box:nth-child(1){-ms-grid-column:1!important;-ms-grid-row:1!important;-ms-grid-column-span:1!important;grid-column:1/span 1!important;grid-row:1/span 1!important;height:0!important}.tib-box{padding-top:70%!important}.tib-box .tib-cnt{font-size:25px;bottom:25px;padding:10px 35px 10px 15px}.tib-box .tib-line1{font-size:30px}section#opener .tib-box{padding-top:80%!important}.slider{padding-top:60%}}@media screen and (max-width:560px){body{padding:0 15px}header{margin:0 -15px 20px;padding:0 15px}header .inner{display:block;padding:15px 0}header .inner .suche{display:none}.logo img{max-width:75%}.navopener{right:15px}h1,h2,h3,h4,h5,h6{font-size:7.5vw}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block}footer{margin:0 -15px}footer .inner{padding:80px 25px 30px}footer .slogan div{bottom:0}.footerline .inner{padding:20px 20px 65px}.footerline li{margin:0 10px}.tib-box .tib-cnt{font-size:20px}.tib-box .tib-line1{font-size:24px}}@media screen and (max-width:460px){h1,h2,h3,h4,h5,h6{font-size:8vw;margin:0 0 30px;text-align:center!important}section#content{padding:0 0 130px;margin-top:50px}section#content:before{top:-50px}footer .inner{padding-top:90px}.footerletter{height:116px;top:-58px}.footerletter .fl-group>input{padding-top:11px}.footerform{left:15px;right:15px}.footerform form{padding:50px 30px}.three-infoblocks,section#content .three-infoblocks{margin:0}.tib-box .tib-cnt{bottom:20px}section#opener .tib-box{padding-top:100%}section#opener .tib-box .tib-cnt{padding:10px 35px 10px 20px}section#opener .tib-box:nth-child(2) .tib-cnt{padding:10px 20px 10px 35px}.slider{padding-top:61%}}@media screen and (max-width:420px){h1,h2,h3,h4,h5,h6{font-size:9vw;margin:0 0 30px;text-align:center!important}nav#mobileNav{padding:35px 25px 25px}nav#mobileNav ul{margin-top:30px}nav#mobileNav li a{padding:13px 30px 15px 17px}nav#mobileNav li.haschilds a:after{top:13px}nav#mobileNav li.opened a:after{top:10px}nav#mobileNav ul ul li a{padding:12px 14px}a.linkbox-balken,a.linkbox-grau,a.linkbox-pfeil,a.linkbox-rot{display:block;margin:5px 0;padding:8px 20px}.cmcookieset aside{padding:5px 5px 5px 55px}}@media screen and (max-width:360px){.partnerlist{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media screen and (min-width:550px) and (max-height:550px){header .inner{height:60px;padding:15px 0}.logo img{max-height:60px;width:auto}.footerform{height:auto;top:50px;bottom:50px;margin-top:0}}@media screen and (min-width:400px) and (max-height:400px){header .inner{height:60px;padding:15px 0}.logo img{max-height:40px;width:auto}aside{position:static;box-shadow:none}.footerline .inner{padding-bottom:20px}.navtop{bottom:15px}}

@font-face{font-family:fontello;src:url(fonts/fontello.eot?55158910);src:url(fonts/fontello.eot?55158910#iefix) format('embedded-opentype'),url(fonts/fontello.woff2?55158910) format('woff2'),url(fonts/fontello.woff?55158910) format('woff'),url(fonts/fontello.ttf?55158910) format('truetype'),url(fonts/fontello.svg?55158910#fontello) format('svg');font-weight:400;font-style:normal;font-display:swap}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:'\e800'}.icon-mail:before{content:'\e801'}.icon-right-dir:before{content:'\e802'}.icon-up-dir:before{content:'\e803'}.icon-location:before{content:'\e804'}.icon-home:before{content:'\e805'}.icon-search:before{content:'\e806'}.icon-angle-up:before{content:'\f106'}.icon-angle-down:before{content:'\f107'}.icon-instagram:before{content:'\f16d'}.icon-share:before{content:'\f1e0'}.icon-facebook-official:before{content:'\f230'}