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


/* Fonts */
@import url('fonts/stylesheet.css');
@import url(fonts/fontello.css);
@import url(fonts/symbole/fontello.css);



/* Vorgaben */
:root {
	--col-primary: 				#ECEFF1;						/* globale 1. Projektfarbe */
		--col-primary-opa: 		#ECEFF1;				/* mit Opazität */
		--col-primary-text: 	#333;								/* Textfarbe */
	--col-secondary: 			#ECEFF1;						/* globale 2. Projektfarbe */
		--col-secondary-opa:	#ECEFF1;				/* mit Opazität */
		--col-secondary-text:	#333;						/* Textfarbe */	
	--col-accent: 				#ECEFF1;							/* globale 3. Projektfarbe (Akzentfarbe) */
		--col-accent-opa: 		#ECEFF1;			/* mit Opazität */
		--col-accent-text: 		#333;						/* Textfarbe */
	--col-text: 				#333;							/* globale Schriftfarbe */
}



/* Standard */
* { margin: 0px; padding: 0px; }
html, body { width: 100%; height: 100%; }
body { background-color: #F2F2F2; background-image: url(bg-linien.png); background-repeat: repeat-x; background-position: center -0px; background-attachment: fixed; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; background-size: cover; }
	body.verband {	background-color: #669966; }
	body.angebote {	background-color: #FBBD2D; background-image: url(bg-linien-light.png); }
	body.service {	background-color: #386D78; }
	body.projekte {	background-color: #990000; }
	body.kontakt {	background-color: #739CBF; }	
body, td, th { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 19px; color: #333; }

#clearing, .clearing { clear: both; font-size: 0px; }
#clearleft, .clearleft { clear: left; font-size: 0px; }
#clearright, .clearright { clear: right; font-size: 0px; }
#clearfix, .clearfix { line-height: 0px !important;	font-size: 0px !important; }
#clearfix:after, .clearfix:after { content: "."; display: inline-block; height: 0px !important; width: 100%; clear: both; visibility: hidden; padding: 0px; margin: 0px; line-height: 0px !important; font-size: 0px !important; }


/* Allgemein */
h1, h2, h3, h4, h5, h6 {
	color: #63B32E;
	margin: 0px 0px 40px 0px;
	font-weight: 300;
	line-height: 1.2;
	font-size: 41px;
	-webkit-font-smoothing: antialiased;
}
h2, h3, h4, h5, h6 { margin: 25px 0px 25px 0px; padding: 0px 0px 0px 0px; color: #999; }

h2 { font-size: 27px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 21px; }

p { margin-bottom: 15px; }

a { color: #333; }
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; display: table; }
li { margin-bottom: 4px; }
ol { margin-left: 25px; line-height: 1.25; list-style-position: inside; }


/* Blöcke */
.wrapper { position: relative; z-index: 1; margin: 0px auto; padding: 0px 15px; }
nav, header, section, footer, .nav-inner { display: block; max-width: 1240px; position: relative; margin: 0px auto; overflow: hidden; }


nav { max-width: none; margin: 0px -15px 20px; overflow: visible; }
	.nav-line { height: 10px; background-color: #333; }
	.nav-inner { height: 64px; margin-top: -10px; overflow: visible; }
	.lang { position: absolute; top: 0px; right: 0px; background-color: #333; padding: 20px 0px 7px 10px; display: none; }
		.home .lang { display: block; }
		.lang a { display: inline-block; width: 22px; height: 15px; background-image: url(icon-langs.png); background-repeat: repeat-x; background-position: left top; margin-right: 10px; vertical-align: top; overflow: hidden; }
		.lang a.la-en { background-position: left -30px; }
		.lang a.la-fr { background-position: left -60px; }
	nav ul { display: block; margin: 0px 200px 0px 0px; list-style: none; line-height: normal; }
	nav li { width: 145px; display: inline-block; margin-right: 10px; vertical-align: top; }
		nav li:hover, nav li ul { -webkit-box-shadow: 0 0 2px 0 #FFF; box-shadow: 0 0 2px 0 #FFF; }
			.home nav li:hover, .home nav li ul { -webkit-box-shadow: 0 0 2px 0 #757575; box-shadow: 0 0 2px 0 #757575; }
		nav ul ul li:hover { -webkit-box-shadow: none !important; box-shadow: none !important; }
	nav li a { display: block; text-align: center; padding: 20px 10px 10px; text-transform: uppercase; color: #FFF; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; font-size: 18px; font-weight: bold; border-top: 10px solid #AAA; }
		.home nav li a { color: #666; }
		nav li a:hover { color: #FFF; }
		
		nav a { border-color: #AAA; }
		nav a.navid2 { border-color: #696; }
		nav a.navid3 { border-color: #FBBD2D; }
		nav a.navid4 { border-color: #386D78; }
		nav a.navid5 { border-color: #900; }
		nav a.navid6 { border-color: #739CBF; }
			nav li:hover, nav li ul { background-color: #AAA; }
			nav li.navid2:hover, nav li.navid2 ul { background-color: #696; }
			nav li.navid3:hover, nav li.navid3 ul { background-color: #FBBD2D; }
			nav li.navid4:hover, nav li.navid4 ul { background-color: #386D78; }
			nav li.navid5:hover, nav li.navid5 ul { background-color: #900; }
			nav li.navid6:hover, nav li.navid6 ul { background-color: #739CBF; }

/* Klappmenüsteuerung CSS-Klappmenü */
/* 
==================================================================
This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.
==================================================================
*/

/* Anpassung der Hauptebene - Klappmenü-Opener */
ul.dropdown { z-index: 100 !important; /*position: relative;*/ }
ul.dropdown li { position: relative; }
ul.dropdown li.haschilds:hover { }
ul.dropdown li:hover a { color: #FFF; }

/* Design des Klappmenüs */
ul.dropdown ul { visibility: hidden; position: absolute;/* top: 64px;*/ left: 0px; float: none; margin: 0px; padding: 7px 0px; z-index: 9999 !important; max-width: 180px; height: auto; text-transform: none; opacity: 0; min-width: 100%; bottom: auto; border-top: 1px solid rgba(255,255,255,0.5); }
ul.dropdown ul li { padding: 0px; margin: 0px; display: block; float: none; height: auto; width: auto; border: none; font-weight: normal; }		
ul.dropdown ul li.first { }
ul.dropdown ul ul { top: -5px; left: 140px; z-index: 10000 !important; -webkit-box-shadow: -1px 0px 2px 0px #757575; box-shadow: -1px 0px 2px 0px #757575; border: none; }
ul.dropdown ul ul ul { display: none; }

/* Links */
ul.dropdown li:hover ul li a.hide { }
ul.dropdown li:hover ul li:hover a.hide { color: #000; }
ul.dropdown ul li a, ul.dropdown li:hover ul li a { display: block; padding: 4px 10px; height: auto; border: none; font-weight: normal; font-size: 15px; text-transform: none; }
	ul.dropdown ul li a { color: #FFF; }
ul.dropdown ul ul li a, ul.dropdown li:hover ul ul li a { padding: 3px 10px; font-size: 14px; text-align: left; }
ul.dropdown ul li a.first { border: none !important; }
ul.dropdown ul li a:hover, ul.dropdown ul li a.selected, ul.dropdown li ul li:hover a { background-color: rgba(255,255,255,0.7); color: #333; }
ul.dropdown ul li:hover ul li a { background: none; color: #FFF; }
ul.dropdown ul li:hover ul li a:hover { background-color: rgba(255,255,255,0.7); color: #333; }

/* Show + Hide Status */
ul.dropdown li:hover ul, ul.dropdown a:hover ul, ul.dropdown li:hover ul li:hover ul {
	/* Show */
	visibility: visible; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
ul.dropdown:hover ul ul, ul.dropdown:hover ul:hover ul ul, ul.dropdown:hover ul:hover ul:hover ul {
	/* Hide */
	visibility: hidden; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

/* Klappmenü - ENDE */


.navmobile, nav#mobileNav, #mobileSearch { display: none; }
.navtop { display: block; width: 40px; height: 30px; background-image: url(navtop.png); background-repeat: no-repeat; background-position: center center; margin: 0px auto; padding-top: 10px; cursor: pointer;            display: none; }


header { position: relative; background-image: url(header-shadow.png); background-repeat: no-repeat; background-position: center bottom; background-size: contain; padding-bottom: 30px; margin-bottom: 25px; }
	.logo { position: absolute; z-index: 5; top: 50px; right: 55px; width: 100px; height: 53px; background-image: url(logo.png); background-repeat: no-repeat; }
		.logo a { display: block; height: 100%; }
	.slogan { position: absolute; z-index: 5; top: 357px; left: 45px; font-family: 'Lato', sans-serif; font-size: 27px; font-weight: bold; font-style: italic; /*color: #529426;*/ color: #63B32E; }
	/*.schwung { position: absolute; z-index: 3; top: 10px; right: 16px; width: 100%; height: 100%; background-image: url(header-schwung.png); background-repeat: no-repeat; background-position: right top; }*/
	.slider { height: 400px; background-color: #FFF; border: 20px solid #FFF; overflow: hidden; }
		.slider > div { height: 100%; }
		.slider .camera_overlayer { background-image: url(header-schwung.png); background-repeat: no-repeat; background-position: right top; margin-top: -1px; }


section {}
	.content-wrapper { display: table; width: 100%; min-height: 400px; }	
	.content, .right .search, .right .infobox, .right .subnav { background-color: #FFF; padding: 15px; margin-bottom: 20px; }
	.content, .right { display: table-cell; float: none; vertical-align: top; }
	
	.content { padding: 40px 40px 30px; margin: 0px 290px 0px 0px; position: relative; width: inherit; }
		.content p:last-child { margin: 0px; }
		.content img { max-width:100%; height:auto; }
		
	
	.right { /*float: right;*/ max-width: 270px; overflow: hidden; padding-left: 20px; }
		.right > div { width: 240px; font-size: 13px; line-height: normal; }
		
		.right .search {}
			.right .search form { display: block; position: relative; margin: 0px; }
			.right .search input { background-color: #F9F9F9; border: 1px solid #CCC; font-size: 14px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px; color: #333; }
			.right .search .sbeg { display: block; width: 198px; height: 22px; padding: 2px 36px 2px 4px; }
			.right .search .sbutton { width: 26px; height: 26px; background-image: url(icon-search.png); background-repeat: no-repeat; background-position: right center; position: absolute; top: 1px; right: 1px; border: none; }
		
		.right .infobox { position: relative; }
			.right .infobox .sticker { position: absolute; top: -4px; left: 8px; width: 28px; height: 27px; padding: 2px 2px 0px 0px; overflow: hidden; background-image: url(sticker.png); background-repeat: no-repeat; background-position: left top; color: #FFF; font-size: 18px; text-align: center; }
			.right .infobox img { display: block; margin: 0px auto; max-width: 100%; height: auto; }
			.right .infobox p { margin-bottom: 0px; }
			.right .infobox p.hasimg { margin-top: 10px; }
			.right .infobox a { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
		
		.right .subnav { }
			.subnav h2 { color: #FFF; background-color: #333; font-size: 17px; font-family: 'Lato', sans-serif; font-weight: bold; text-transform: uppercase; padding: 3px 7px; margin: 0px 0px 3px; }
				.subnav h2 a { color: #FFF !important; text-decoration: none !important; }
			.subnav ul { list-style: none; padding: 0px; margin: 10px 0px 0px; font-size: 14px; display: block; }
				.subnav ul ul { margin-left: 25px; }
			.subnav li { margin: 8px 0px 0px; }
			.subnav a { color: #666; text-decoration: none; display: block; }
				.subnav a:hover { text-decoration: underline; }
				.subnav a.selected, .subnav a.rex-current { text-decoration: underline; font-weight: bold; }
			
			.subnav ul.news { font-size: 13px; }
			.subnav ul.news li { margin: 12px 0px 0px; }
			.subnav ul.news li a {}


footer { padding: 65px 0px 60px; text-align: center; font-family: 'Lato', sans-serif; font-size: 14px; color: #FFF; }
	.home footer { color: #999; }
	footer a { color: #FFF; text-decoration: none; }
		.home footer a { color: #999; }
		footer a:hover { text-decoration: underline; }
	footer ul { list-style: none; padding: 0px; margin: 0px; }
	footer li { margin: 0px 0px 7px;}
	footer li a { text-transform: uppercase; }
	footer h3 { color: #FFF; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: bold; text-transform: uppercase; margin: 0px 0px 7px; padding: 0px; }
		.home footer h3 {  color: #999; }
	footer p { margin-bottom: 0px; }
		
	.footerbox { display: inline-block; height: 170px; border-left: 1px solid #FFF; padding: 15px 35px; vertical-align: top; overflow: hidden; text-align: left; position: relative; }
		.footerbox:first-child { border: none !important; }
		.home .footerbox { border-left: 1px solid #CCC; }
	.fb-logo { padding-left: 0px; }
	.fb-logo a { display: block; background-image: url(footer-logo.png); background-repeat: no-repeat; background-position: right top; width: 170px; padding-top: 100px; text-decoration: none !important; }
		.home .fb-logo a { background-position: left top; }
	.fb-other { overflow: visible; padding-right: 0px; }
		.fb-other ul { margin-bottom: 35px; }
		.socials { text-align: left; }
			.socials a {
				display: inline-block; background-image: url(icon-socials.png); background-repeat: no-repeat; background-position: left top; width: 60px; height: 60px; margin-right: 20px;
				-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;		
			}
				.socials a:hover { background-color: #3765A3; -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4); -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; }
				.socials a:last-child { margin-right: 0px; }
			.socials a.soc-tw { background-position: right top; }
				.socials a.soc-tw:hover { background-color: #00ACEE; }

	.footerinfo { float: none; /*margin: 25px 25px 0px;*/ margin: 25px auto 0px; padding: 10px 25px 10px 80px; max-width: 800px; background-image: url(logo-landsachsen.png); background-repeat: no-repeat; background-position: 25px center; }
	

/* Content / Inhalte */
/* Modul: Formulargenerator */
.content-wrapper form { margin-top: 15px; display: block; }
.content-wrapper form p { margin: 0px; }
.content-wrapper form h5 { font-size: 13px; margin-bottom: 5px; }
.content-wrapper label { width: 155px; float: left; margin: 5px 20px 0px 0px; text-align: left; }
	.content-wrapper label.notop { margin-top: 0px; }
.content-wrapper input, .content-wrapper textarea, .content-wrapper select { width: 300px; padding: 4px; font-size: 14px; margin: 0px 0px 10px 0px; /*-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); color: #666; -webkit-border-radius: 3px; border-radius: 3px;*/ border: 1px solid #CCC; background-color: #F9F9F9; font-family: 'Lato', sans-serif; }
.content-wrapper textarea { height: 75px; font-family: 'Lato', sans-serif; }
.content-wrapper select { min-width: 75px; width: auto; font-family: 'Lato', sans-serif; }

.content-wrapper .form-captcha { margin-top: 15px; }
.content-wrapper .form-captcha input  { display: block; width: 112px; margin: 3px 0px 10px 175px; text-align: center; }
.content-wrapper .form-captcha .input-group-btn { display: none; }

.content-wrapper input.short { width: 60px; margin-right: 5px; }
.content-wrapper input.half { width: 220px; }
.content-wrapper input.auto { width: auto; }
.content-wrapper button[type=submit], .content-wrapper input.reset {
	padding: 5px 10px; margin: 15px 0px 0px 0px;
	width: auto;
	cursor: pointer;
	font-size: 14px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #000;	

background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}
.content-wrapper button[type=submit] { margin-left: 175px; }
.content-wrapper input.reset {
	background: #a0a0a0;
	background: -moz-linear-gradient(top,  #a0a0a0 0%, #83837f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(100%,#83837f));
	background: -webkit-linear-gradient(top,  #a0a0a0 0%,#83837f 100%);
	background: -o-linear-gradient(top,  #a0a0a0 0%,#83837f 100%);
	background: -ms-linear-gradient(top,  #a0a0a0 0%,#83837f 100%);
	background: linear-gradient(to bottom,  #a0a0a0 0%,#83837f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#83837f',GradientType=0 );
}
.content-wrapper select.half { width: 125px; }
.content-wrapper input.inp50 { width: 50px; }
.content-wrapper input.inpShorter { width: 238px; }

.content-wrapper div.form-group { clear:both;}
.content-wrapper p.formsubmit { padding-left: 175px; margin-left: 0px; }
.content-wrapper p.formcaptcha { margin-top: 15px; }
.content-wrapper div.radio-group { padding-bottom: 12px; }
.content-wrapper label.radio { margin-top: 0px; }
.content-wrapper div.radio { display: inline; margin-right: 10px; }
.content-wrapper div.radio input { width: auto; }
.content-wrapper div.radio label { width: auto; float: none; text-align: left; margin: 0px 7px 0px 3px; display: inline; }
.content-wrapper .checkbox label { float: none; width: auto; white-space: normal !important; }
.content-wrapper input[type=checkbox] { width: auto; -webkit-baseline-middle; margin-right: 8px; }

.content-wrapper .alert ul { color: #900; font-weight: bold; font-size: 14px; margin: 20px 0px 60px; 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; -webkit-border-radius: 3px; border-radius: 3px; display: block; }
.content-wrapper .has-error input { border: 1px solid #900; }
.content-wrapper .has-error label { color: #900; }

.content-wrapper .form-miniheader { display: block; margin-bottom: 4px; }
.content-wrapper p.formcheckbox { display: inline-block; /*width: 190px;*/ margin-right: 20px; vertical-align: top; padding-top: 6px; }
	.content-wrapper p.formcheckbox label { white-space: nowrap; margin-right: 0px; }
.content-wrapper p.formlabel-rueckruf, .content-wrapper p.formlabel-termin { display: block; width: auto; margin-right: 0px; }

.content-wrapper p.formdse { display: inline; }

.content-wrapper #yform-formular-kon_dse { display: inline; padding: 0px; }
.content-wrapper #yform-formular-kon_dse label { display: none; width: auto; margin: 0px 0px 4px 0px; float: none; }
.content-wrapper #yform-formular-kon_dse .checkbox label { display: inline; }
.content-wrapper #yform-formular-kon_dse input { width: auto; padding: 0px; margin: 0px 6px 0px 0px; }



/* VKalender Anmeldeformular */
#regform-eltern { padding: 12px 15px 10px; background-color: #EFEFEF; border: 1px solid #CCC; margin: 25px 0px 20px; }



/* Modul: FAQ */
.faq { padding: 0px; margin-bottom: 10px; position: relative; }
.faq > h3 { font-size: 18px; margin: 0px; text-decoration: none; background-image: url(faq-block.png); background-repeat: no-repeat; background-position: left 1px; padding-left: 25px; vertical-align: middle; cursor: pointer; font-style: normal; line-height: 21px; color: #333; }
.faq > h3.active { color: #333; background-position: left -49px; font-weight: bold; }
.faq > div { padding: 15px 0px 25px 25px; height: 0px; position: relative; }
.faq .faq_spacer { display: block; height: 6px; }


/* Modul: Sitemap */
ul.sitemap { list-style-type: none; padding-left: 0px; margin: 0px; display: block; }
ul.sitemap-2spaltig > li { float: left;	margin: 0px 2% 30px !important; width: 46%; }
ul.sitemap li { display: block; padding: 2px 0px 0px 0px; margin: 0px 0px 30px 0px; font-size: 18px; }
ul.sitemap li a { display: block; padding: 0px 10px 3px 0px; text-decoration: none; border-bottom: 1px dotted #CCC; color: #000; }
ul.sitemap li a:hover { text-decoration: underline; }
ul.sitemap li.spacer { list-style-image: none; list-style-type: none; }
ul.sitemap ul { margin: 10px 0px 0px 0px; padding: 0px; }
ul.sitemap ul li { margin: 4px 0px 0px 0px; padding: 0px; font-size: 15px;  }	
ul.sitemap ul li a { color: #666; border: none; }
ul.sitemap ul li a:hover { }
ul.sitemap ul ul { margin: 4px 0px 0px 15px; }
ul.sitemap ul ul li { }
ul.sitemap ul ul li a { }


/* 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: Bildergalerie (Lightbox) */
.lbGalerie { display: block; padding: 0px 0px 15px; margin: 0px; overflow: hidden; text-align: center; }
.lbGalerie .lbThumb { display: inline-block; background: #F8F8F8; margin: 4px; border: 1px solid #CCC; -webkit-border-radius: 1px; border-radius: 1px; padding: 1px; vertical-align: top; }
	.lbGalerie .lbThumb a { text-decoration: none; background: none; margin: 0px; padding: 0px; width: 80px; height: 80px; overflow: hidden; display: block; border: 1px solid #CCC; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.lbGalerie .lbThumb a:hover { text-decoration: none; }
.lbGalerie .lbThumb a img { margin: 0px; padding: 0px; visibility: hidden; }
.lbGalerie .ls a img { }
.lbGalerie .pt a img { }
.lbGalerie .lbClear { }
.lbGalerie-block { margin-bottom: 5px; }
.lbGalerie-block h3 { font-size: 16px; margin: 0px; text-decoration: none; background-image: url(lbgalerie-block.png); background-repeat: no-repeat; background-position: left 1px; padding-left: 25px; vertical-align: middle; cursor: pointer; font-style: normal; line-height: 21px; }
.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 { }




/* Newsboxen */
/* News-Kachel */
.newskachel {
	display: block;
	float: left;
	width: 177px;
	height: 138px;
	padding: 10px;
	overflow: hidden;
	background-image: url(boxecke.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #F4F4F4;
	margin: 0px 10px 20px 10px;
	position: relative;
	color: #333;
	font-size: 15px;
	
	-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;
}
	.newskachel:hover { -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4); -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; }
.newskachel h3 { font-size: 16px; margin: 0px 0px 7px; font-weight: normal; color: #333; padding: 0px; }
.newskachel p { margin: 0px; max-height: 112px; overflow: hidden; line-height: 1.15; font-size: 85%; }
.newskachel a { position: absolute; top: 0px; left: 0px; z-index: 15; width: 100%; height: 100%; }
.newskachel .box-img { display: none; }
.newskachel.bigkachel { width: 394px; }
	.newskachel.bigkachel .box-img { display: block; width: 100px; height: 100%; background-size: cover; margin-right: 13px; float: left; }
	.newskachel.bigkachel img { display: block; }
	.newskachel.bigkachel p { max-height: 114px; }	
/* maximiert : START */
.newskachel { width: 174px; margin: 0px 8px 16px 8px; padding: 10px 17px 10px 10px; }
.newskachel.bigkachel { width: 391px; }
/* maximiert : ENDE */
.newskachel.nocorner { background-image: none; }
.newskachel .fader { display: block; position: absolute; bottom: 0px; right: 0px; z-index: 5; width: 100%; height: 10px; background-color: #F4F4F4; }
.newskachel.col1, .newskachel.col1 .fader { background-color: #FDD4B4; /* orange */ }
.newskachel.col2, .newskachel.col2 .fader { background-color: #CEDCE9; /* blau */ }
.newskachel.col3, .newskachel.col3 .fader { background-color: #FDE5AB; /* gelb */ }
.newskachel.col4, .newskachel.col4 .fader { background-color: #D6DDB4; /* grün */ }
.newskachel.col5, .newskachel.col5 .fader { background-color: #E5BFBF; /* rot */ }

/* News-Box */
.newsbox { display: block; float: left; width: 250px; height: 300px; overflow: hidden; margin: 0px 10px 20px; vertical-align: top; font-size: 15px; line-height: 1.25em; text-align: left; min-height: 250px; background-color: #ECEFF1; padding: 10px 10px 45px; position: relative;
	-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;
}
	.newsbox { margin: 0px 10px 30px; }
	/*.newsbox:nth-child(3n+3) { margin-right: 0px; }*/
	.newsbox:hover { -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4); -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; }
.newsbox .nb-img { display: block; height: 130px; background-size: cover; margin-bottom: 15px; overflow: hidden; background-position: center center; }
	.newsbox .nb-img a { display: block; height: 100%; }
.newsbox h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: normal; color: #333; margin: 0px 0px 9px 0px; font-size: 16px; line-height: 1.35em; }
	.newsbox .nb-title span { text-transform: none; color: #788B15; font-weight: normal; display: block; font-size: 13px; font-weight: bold; }
.newsbox p { margin: 0px; padding: 0px; max-height: 120px; overflow: hidden; line-height: 1.15; font-size: 85%; }
.newsbox a {
	-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;	
	text-transform: uppercase;
	font-size: 14px;
}
.newsbox .nb-link { margin-top: 15px; position: absolute; bottom: 10px; left: 10px;  }
	.newsbox .nb-link a { padding: 5px 10px; background-color: #666; color: #FFF; text-decoration: none; display: inline-block; }
	.newsbox .nb-link a:hover { background-color: #FFF; color: #333; box-shadow: 0px 0px 8px 0px #AAA; }
.newsbox.col1 { background-color: #FDD4B4; /* orange */ }
.newsbox.col2 { background-color: #CEDCE9; /* blau */ }
.newsbox.col3 { background-color: #FDE5AB; /* gelb */ }
.newsbox.col4 { background-color: #D6DDB4; /* grün */ }
.newsbox.col5 { background-color: #E5BFBF; /* rot */ }

.newsbox-imgonly { height: 268px; }
.newsbox-imgonly a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.newsbox-imgonly h3 { max-height: 45px; overflow: hidden; }
.newsbox-imgonly .nb-img { height: 250px; margin-bottom: 10px; }



/* Modul: Linkboxen mit mBlock (ab v1.1) */
.linkboxes { display: flex; flex-wrap: wrap; gap: 50px 50px; width: 100%; margin: 0px auto; justify-content: center; position: relative; transition: all .3s ease; }
.linkboxes span { display: block; }
.linkboxes a { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; }
.linkboxes .lbox-item { position: relative; flex: 0 1 350px; background: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 35px; vertical-align: top; margin: 0px; transition: all .3s ease; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); border: 1px solid var(--col-accent); min-height: 200px; }
    .linkboxes .lbox-item.haslink:hover { background: var(--col-accent-opa); }
    .linkboxes .lbox-item.haslink:hover .lbox-content > * { color: var(--col-accent-text); }
    .linkboxes .lbox-item.hasimage { padding-top: 35px; }
.linkboxes .lbox-image { display: flex; justify-content: center; align-items: center; height: 70px; margin: 0px 0px 15px; z-index: 1; }
    .linkboxes .lbox-image img { width: auto; max-height: 70px; }
.linkboxes .lbox-content { position: relative; z-index: 5; padding: 0px; text-align: center; }
	.linkboxes .lbox-content > * { line-height: 1.2; color: var(--col-text); }
	.linkboxes .lbox-title { font-weight: bold; font-size: 22px; }
	.linkboxes .lbox-text { margin-top: 10px; }

/* alternative Designs */
/* Simple */
.linkboxes-simple .lbox-item {  border: 1px solid var(--col-primary); border-bottom-width: 10px; }
.linkboxes-simple .lbox-image { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; }
    .linkboxes-simple .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.linkboxes-simple .lbox-content { position: absolute; left: 0px; bottom: 20px; width: 100%; display: flex; justify-content: flex-start; align-items: flex-end; transition: all 0.3s ease; }
    .linkboxes-simple .lbox-content > *:before, .linkboxes-simple .lbox-content > *:after { content:''; display: block; width: 20px; height: 40px; background: var(--col-primary); clip-path: polygon(100% 100%, 100% 0, 0 50%); position: absolute; top: 50%; right: -1px; transform: translateY(-50%); }
    .linkboxes-simple .lbox-content > *:after { width: 6px; height: 12px; background: #FFF; right: 3px; transform: translateY(-50%) rotate(180deg); }
    .linkboxes-simple .lbox-item.haslink:hover .lbox-content > * { background: #FFF; }
.linkboxes-simple .lbox-title { position: relative; width: 100%; font-weight: bold; font-size: 1.143em; text-align: left; text-transform: uppercase; background: rgba(255,255,255, 0.8); color: var(--col-text) !important; margin: 0px; padding: 13px 50px 13px 20px; overflow: hidden; transition: all 0.3s ease; }
.linkboxes-simple .lbox-text { display: none; }

/* BigBoxes */
.linkboxes-bigboxes { --linkboxes-gap: 40px; display: flex; gap: var(--linkboxes-gap); justify-content: flex-start; }
.linkboxes-bigboxes .lbox-item { flex: 1 1 calc(50% - (var(--linkboxes-gap)/2)); border: 0px; min-height: 350px; background: #F3F3F3; box-shadow: none; min-width: 300px; }
    .linkboxes-bigboxesV .lbox-item { flex-basis: calc(60% - (var(--linkboxes-gap)/2)); }
    .linkboxes-bigboxesV .lbox-item:nth-child(4n+1), .linkboxes-bigboxesV .lbox-item:nth-child(4n+4) { flex-basis: calc(40% - (var(--linkboxes-gap)/2)); }
.linkboxes-bigboxes .lbox-image { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; }
    .linkboxes-bigboxes .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.linkboxes-bigboxes .lbox-content { position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 40%; background: var(--col-secondary-opa); display: block; transition: all 0.3s ease; padding: 16px 60px 16px 20px; text-align: left; }
    .linkboxes-bigboxes .lbox-item:not(.hastext) .lbox-content { display: flex; flex-wrap: wrap; align-items: center; }
    .linkboxes-bigboxes .lbox-item.haslink .lbox-content:after { content:''; background: none; width: 12px; height: 12px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(45deg); border: 1px solid var(--col-secondary-text); border-width: 2px 2px 0px 0px; }
    .linkboxes-bigboxes .lbox-item.haslink:hover .lbox-content { background: var(--col-primary-opa); }
.linkboxes-bigboxes .lbox-content > * { flex-basis: 100%; display: block; color: var(--col-secondary-text); }
    .linkboxes-bigboxes .lbox-content > *:before, .linkboxes-bigboxes .lbox-content > *:after { display: none; }    
.linkboxes-bigboxes .lbox-title { position: relative; width: 100%; font-weight: normal; font-size: 35px; text-align: left; text-transform: none; background: none; margin: 0px; padding: 0px; overflow: hidden; transition: all 0.3s ease; }
.linkboxes-bigboxes .lbox-text {}



/* Sonstiges */
h1.seitenueberschrift, h1.searchheader, .content h1 { text-transform: uppercase; margin-top: -5px; margin-right: 160px; margin-bottom: 25px; }
	h1.seitenueberschrift span { display: block; font-size: 20px; margin: 2px 0px 0px; text-transform: none; font-weight: 100; }
	.verband h1.seitenueberschrift, .verband h1.searchheader, .verband .content h1 {	color: #669966; }
	.angebote h1.seitenueberschrift, .angebote h1.searchheader, .angebote .content h1 {	color: #FBBD2D; }
	.service h1.seitenueberschrift, .service h1.searchheader, .service .content h1 {	color: #386D78; }
	.projekte h1.seitenueberschrift, .projekte h1.searchheader, .projekte .content h1 {	color: #990000; }
	.kontakt h1.seitenueberschrift, .kontakt h1.searchheader, .kontakt .content h1 {	color: #739CBF; }	
.bild_links_mit_textfluss { text-align: left; margin-right: 25px; margin-bottom: 25px; float: left; }
.bild_rechts_mit_textfluss { text-align: right; margin-bottom: 25px; margin-left: 25px; float: right; }
.bild_links_mit_textfluss_und_rahmen { text-align: left; margin-right: 25px; margin-bottom: 25px; border: 6px solid #CCC; float: left; padding: 0px; }
.bild_rechts_mit_textfluss_und_rahmen { text-align: right; margin-bottom: 25px; margin-left: 25px; border: 6px solid #CCC; float: right; padding: 0px; }
.bild_rahmen { padding: 0px; border: 6px solid #CCC; }

.text_standard { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 19px; color: #333; font-style: normal; }
	.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.icon-pdf { display: inline-block; padding-left: 22px; background-image: url(icon-pdf.gif); background-repeat: no-repeat; background-position: left 2px; }

.link-historyback { padding: 25px 0px; }




/* Sonderanpassungen aus neueren Modulen für AKNews */
/* Modul: Artikelvorschau/Newsteaser (ab v1.3.9) */
.content .aknews { margin: 0px; padding: 0px; }
.content .aknews .teaser { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; margin: 65px 0px 0px 0px; padding: 0px; transition: all 0.3s ease; }
	.content .aknews .teaser.first { border: none !important; margin-top: 0px !important; }
	.content .aknews .teaser.minmargin { margin-top: 35px; }
		.content .aknews .teaser.minmargin.hasnoimage.hasnotext { margin-top: 25px; }

.content .aknews .teaserimage { position: relative; margin: 0px; margin-right: 15px;				float: none; overflow: visible; height: auto; }
	.content .aknews .teaserimage figure { overflow: hidden; }
	.content .aknews .teaserimage img { width: 100%; height: auto;									visibility: visible; }
	.content .aknews .teaserimage span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; }			/* Platzhalter-Bild */
	.content .aknews .teaserimage a { display: flex; }
    
    .content .aknews .teaserimage a[rel~="lightbox"] { display: flex; }
    .content .aknews .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); }
        .content .aknews .teaserimage a[rel=lightbox]:hover:after { opacity: 1; }
    
.content .aknews .teaserimage.ratio20-80 { width: 20%; }
.content .aknews .teaserimage.ratio25-75 { width: 25%; }
.content .aknews .teaserimage.ratio30-70 { width: 30%; }
.content .aknews .teaserimage.ratio35-65 { width: 35%; }
.content .aknews .teaserimage.ratio40-60 { width: 40%; }
.content .aknews .teaserimage.ratio45-55 { width: 45%; }
.content .aknews .teaserimage.ratio50-50 { width: 50%; }

.content .aknews .teasercontent { width: 100%; margin: 0px; padding: 0px; }
	.content .aknews .teaser.hasimage .teasercontent { margin-left: 15px; }
.content .aknews .teasercontent.ratio20-80 { width: 80%; }
.content .aknews .teasercontent.ratio25-75 { width: 75%; }
.content .aknews .teasercontent.ratio30-70 { width: 70%; }
.content .aknews .teasercontent.ratio35-65 { width: 65%; }
.content .aknews .teasercontent.ratio40-60 { width: 60%; }
.content .aknews .teasercontent.ratio45-55 { width: 55%; }
.content .aknews .teasercontent.ratio50-50 { width: 50%; }

.content .aknews .teaserheadline a { color: var(--col-text); text-decoration: none; }
.content .aknews .teaserheadline { /*font-family: var(--font-header); font-size: var(--fontsize-title);*/ /*font-weight: bold; text-transform: uppercase;*/ text-decoration: none; line-height: 1.15; }
.content .aknews .teaserdate { margin: 4px 0px 0px; font-size: 0.85em; color: #999; }
	.content .aknews .teaser.minmargin.hasnoimage .teaserdate { margin-top: 2px; }
    .content .aknews .teaserdate i { display: inline-block; margin-right: 0px; }
.content .aknews .teasertext { margin-top: 10px; }
	.content .aknews .teaser.minmargin.hasnoimage .teasertext { margin-top: 7px; }
.content .aknews .teaserlink { margin-top: 30px; }
	.content .aknews .teaser.minmargin.hasnoimage .teaserlink { margin-top: 15px; }
	.content .aknews .teaser.minmargin.hasnoimage.hasnotext .teaserlink { margin-top: 12px; }
	.content .aknews .teaserlink a { margin: 0px; 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; text-transform: uppercase; font-size: 14px; }
		.content .aknews .teaserlink a:hover { color: #333; background-color: #F4F4F4; box-shadow: 0px 0px 8px 0px #AAA; }
		
.content .aknews .teaserpagination { text-align: left; margin-top: 65px; }
	.content .aknews .teaserpagination.center { text-align: center; }
	.content .aknews .teaserpagination.right { text-align: right; }
.content .aknews .teaserpagination ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
.content .aknews .teaserpagination li { display: inline-block; margin: 0px 4px 0px 0px; font-size: 0.9em; background: none; }
.content .aknews .teaserpagination span, .content .aknews .teaserpagination a { display: inline-block; padding: 6px 10px; text-decoration: none; min-width: 35px; }
	.content .aknews .teaserpagination span { cursor: default; }
	.content .aknews .teaserpagination a { border-radius: 3px; }
		.content .aknews .teaserpagination a:hover { background: var(--col-secondary); color: var(--col-secondary-text); }
.content .aknews .teaserpagination .current { background: var(--col-primary); color: var(--col-primary-text); }


.content .aknews .lbGalerie { text-align: left; }


/* Modul: Video einbinden (ab v1.2) */
.content .aknews .video-galerie { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0px; margin: 0px auto; }
	.content .aknews .video-galerie.videogrid-1 { }
	.content .aknews .video-galerie.videogrid-2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
	.content .aknews .video-galerie.videogrid-3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }
	
	.content .aknews .video-galerie video { display: block; width: 100%; }
	.content .aknews .video-galerie div.ct-privacy a { z-index: 5; }
	.content .aknews .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; }

	.content .aknews .video-galerie.videoalign-left { margin-left: 0px; }
	.content .aknews .video-galerie.videoalign-center { }
	.content .aknews .video-galerie.videoalign-right { margin-right: 0px; }
	
	.content .aknews .video-galerie.videogap-sm { grid-gap: 40px; }
	.content .aknews .video-galerie.videogap-md { grid-gap: 90px; }
	.content .aknews .video-galerie.videogap-lg { grid-gap: 140px; }
	
	.content .aknews .video-galerie.videoheight-ori div.ct-privacy { height: 100%; min-height: 200px; }
	.content .aknews .video-galerie.videoheight-1-1 .plyr__video-wrapper, .content .aknews .video-galerie.videoheight-1-1 div.ct-privacy { aspect-ratio: 1/1 !important; }
	.content .aknews .video-galerie.videoheight-3-2 .plyr__video-wrapper, .content .aknews .video-galerie.videoheight-3-2 div.ct-privacy { aspect-ratio: 3/2 !important; }
	.content .aknews .video-galerie.videoheight-4-3 .plyr__video-wrapper, .content .aknews .video-galerie.videoheight-4-3 div.ct-privacy { aspect-ratio: 4/3 !important; }
	.content .aknews .video-galerie.videoheight-8-5 .plyr__video-wrapper, .content .aknews .video-galerie.videoheight-8-5 div.ct-privacy { aspect-ratio: 8/5 !important; }
	.content .aknews .video-galerie.videoheight-16-9 .plyr__video-wrapper, .content .aknews .video-galerie.videoheight-16-9 div.ct-privacy { aspect-ratio: 16/9 !important; }
	
.content .aknews .video-container { background: rgba(0,0,0, 0.07); height: auto; padding: 0px; }
	.content .aknews .video-container div.ct-privacy { position: relative !important; }
.content .aknews .video-galerie figure, .content .aknews .video-galerie figcaption { display: block; }
	.content .aknews .video-galerie figcaption { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 5px 9px; margin-bottom: -8px; font-size: 0.85em; }
.content .aknews .video-container .plyr .plyr__control--overlaid { background: #63B32E; }
    .content .aknews .video-container .plyr .plyr__control--overlaid svg use { color: #FFF; }
	.content .aknews .video-container .plyr__progress .plyr__tooltip { color: #63B32E; }
	.content .aknews .video-container .plyr .plyr__control--overlaid:hover svg use { color: #FFF; }
.content .aknews .video-container .plyr .plyr__control:hover, .content .aknews .video-container .plyr .plyr__control--overlaid:hover { background: #63B32E; }
.content .aknews .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){
	.content .aknews .video-container .plyr .plyr__controls { padding-top: calc(var(--plyr-control-spacing, 4px)*2); }
	.content .aknews .video-container .plyr .plyr__progress__container { display: none; }
}





/* Modul: AKNews (ab v1.3 - basiert auf Newsteaser-Modul ab v1.3.9) */
.aknews {}
.aknews .akn-notfound { margin: 0px 15px; font-weight: 500; /*color: var(--col-primary);*/ font-weight: bold; }

.aknews .akn-filter { margin: 0 auto 35px; padding: 10px 14px; background: var(--col-accent); }
.aknews .akn-filter form { display: flex; flex-direction: column; gap: 15px; margin: 0px; }
    .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 7px; 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: rgba(255,255,255, 0.7); color: var(--col-primary-text); }
    .aknews .akn-filter .akn-filter-cat a.selected { background: #63B32E; color: #FFF; }
.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; width: 100%; }

.aknews-detail .akn-title { margin-bottom: 30px; font-weight: 500; font-family: var(--font-header); font-size: var(--fontsize-title); line-height: 1.15; }
.aknews-detail .akn-data { margin: -15px 0px 30px; /*font-size: 0.85em;*/ }
    .aknews-detail .akn-data .caption { display: inline-block; min-width: 55px; }

.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-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: 35px 0px; }
        .aknews-detail .akn-downloads {}
        .aknews-detail .akn-gallery {}
        .aknews-detail .akn-videos {}
    .aknews-detail .akn-mediablock .caption, .aknews-detail .akn-title-default { display: block; font-weight: 500; font-family: var(--font-header); font-size: 1.5em; margin-bottom: 12px; } 
    .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; }
	
	


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


.pagebuttons { position: absolute; }
	.pagebuttons.pb-top { top: 0px; right: 14px; }
	.pagebuttons.pb-bottom { bottom: 0px; left: 14px; display: none; }
	.pagebuttons a { display: inline-block; width: 30px; height: 30px; background-color: #ECEFF1; margin: 0px 1px; padding: 6px; text-align: center; 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;	
	}
		.pagebuttons a:hover { background-color: #333; }
		.pagebuttons a:hover i { color: #FFF; }
	.pagebuttons i { font-size: 20px; color: #999; vertical-align: middle; line-height: 30px;
		-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;	
	}
	.pagebuttons .pb-mail { display: none; }


/* Suchergebnis (rexSearch) */
ul.searchresults { margin-top: 20px; }
ul.searchresults li { margin-bottom: 9px; }
ul.searchresults h3, ul.searchresults h3 a { font-size: 100%; font-family: 'Lato', sans-serif; margin: 0px; background: none; line-height: normal; position: relative; top: auto; left: auto; right: auto; bottom: auto; width: auto; border: none; padding: 0px; }
	ul.searchresults h3 { font-weight: bold; }
	ul.searchresults h3 a { color: #666; }
ul.searchresults a {}
ul.searchresults .highlightedtext { margin: 0px; }
ul.searchresults .highlightedtext span { color: #F00; }
ul.searchresults .url { /*display: none;*/ }
	ul.searchresults .url a { color: #CCC; }
	ul.searchresults .url a:hover { color: #666; }
	
.fc-form { margin-top: 50px; }
.fc-form p { /*margin-bottom: 5px;*/ }
	.fc-form .fc-sandor input { width: auto; }
	.fc-form .fc-skat select { width: 310px; padding: 3px 4px; }
	.fc-form .fc-sandor input { display: inline-block; margin-top: 8px; }
.fc-form label { width: 160px; margin-top: 2px; margin-right: 10px; display: inline-block; vertical-align: top; }
	.fc-form label.fc-inline { width: auto; float: none; margin-top: 4px; }
	.fc-form .fc-sbeg label { font-weight: bold; }
	.fc-form .fc-sandor label { vertical-align: top; /*margin-right: 20px;*/ }	
.fc-form .fc-submit { margin-top: 20px; }
	.fc-form .fc-submit input { width: auto; /*text-transform: uppercase; font-size: 12px; padding: 2px 10px;*/ }
	.fc-form .fc-submit label { width: 163px; }
	

/* Startanimation / Startseite */
.wrapper-start { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000000; display: none; }
.startbox, .startbox-inner { position: absolute; top: 0px; left: 0px; z-index: 1; overflow: hidden; }
#startbox1 { width: 100%; height: 100%; top: auto; bottom: 0px; }
	#sb1-1 { width: 100%; height: 150px; left: auto; right: 450px; background-color: #AED184; }
	#sb1-2 { width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 150px 0 0 450px; border-color: transparent transparent transparent #AED184; left: auto; right: 0px; }
	#sb1-3 { width: 100%; height: 100%; top: 150px; background-color: #AED184; /*background-repeat: no-repeat; background-image: url(start-fluegel.jpg); background-position: center center;*/ }
	
	.startimg { position: absolute; width: 100%; height: 410px; top: 50%; right: 20%; margin-top: -205px; z-index: 5; overflow: hidden; /*background-repeat: no-repeat; background-image: url(start-fluegel.jpg); background-position: center right; background-size: contain;*/ }
		.sib-inner {
			width: 100%; height: 410px; overflow: hidden;
			position: absolute; bottom: 0px; right: 0px; display: none;
			background-repeat: no-repeat; background-position: right bottom;
		}
		#sib1 { background-image: url(start-bogen1.png); }
		#sib2 { background-image: url(start-bogen2.png); }
		#sib3 { background-image: url(start-bogen3.png); }
		#sil { width: 300px; height: 182px; background-image: url(start-logo.png); right: 340px; bottom: 170px; }
#startbox2 { width: 450px; height: 150px; left: auto; right: 0px; z-index: 98; }
	#sb2-1 { width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 450px 150px 0; border-color: transparent #FFF transparent transparent; left: auto; right: 0px; }
	#sb2-button { width: 37px; height: 60px; background-repeat: no-repeat; background-image: url(start-pfeil.png); left: auto; right: 50px; top: 30px; cursor: pointer; display: none; }


/* Hacks */
.hasJS .wrapper-start { display: block; }
	.verband .wrapper-start, .angebote .wrapper-start, .service .wrapper-start, .projekte .wrapper-start,.kontakt .wrapper-start { display: none !important; }		/* TEST */
.mobile #sb1-1 { right: 449px; }
.mobile #sb1-3 { top: 149px; }


/* Camera */
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
    padding-bottom:15px;
}




.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; }
a.consent_manager-close-box::before { left: 9px !important; }

div.ct-privacy { position: relative; background-position: center center; background-size: cover; }
	.video-container div.ct-privacy { position: absolute; top: 0; left: 0; }
div.ct-privacy a.ct-privacy-accept { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: auto; height: auto; background: #f90; color: #000; border-radius: 3px; padding: 10px 20px 11px; font-size: 14px; box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.3); text-align: center; }
	div.ct-privacy a.ct-privacy-accept:hover { background: #FFF; color: #000;}

.right div.ct-privacy a.ct-privacy-accept { width: 70%; }


/*.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; }
.consent_manager-reopen.cookie-exists { opacity: 1; }


#feb { position: absolute; top: 30px; right: 15px; }
#feb a { display: inline-block; padding: 5px 12px 5px 9px; background: #77ae3f; color: #FFF; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; text-decoration: none; text-transform: uppercase; transition: all .25s ease-in-out; }
#feb a.feb-btn-logout { background: #666; padding: 5px 5px; }
	#feb a:hover, #feb a.feb-btn-logout:hover { background: #FFF; color: #77ae3f; box-shadow: 0 0 2px 0 #757575; }
.navmobile #feb { display: none; }