@charset "utf-8";
/* CSS Document */


/* Fonts */
@import url('fonts/stylesheet.css');
@import url('fonts/fontello.css');
@import url('fonts/symbole/fontello.css');


/* Standard */
* { margin: 0px; padding: 0px; }
html, body { width: 100%; height: 100%; }
body { background-color: #060; background-image: url(bg-start.png); background-repeat: repeat-x; background-position: center -0px; background-attachment: fixed; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	body.verband {	background-color: #37A7DA; background-image: url(bg-urlaub.png); }
	body.angebote {	background-color: #F78245; background-image: url(bg-city.png); }
	body.service {	background-color: #855CF2; }
	body.projekte {	background-color: #F53650; }
	body.kontakt {	background-color: #4DE8D0; }	
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: #060;
	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: 170px; 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: #333; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; font-size: 18px; font-weight: bold; border-top: 10px solid #333; }
		.home nav li a { color: #FFF; }
		nav li a:hover { color: #333; }
		nav a.navid2 { border-color: #37A7DA; }
		nav a.navid3 { border-color: #F78245; }
		nav a.navid4 { border-color: #855CF2; }
		nav a.navid5 { border-color: #F53650; }
		nav a.navid6 { border-color: #4DE8D0; }
			nav li.navid2:hover, nav li.navid2 ul { background-color: #37A7DA; }
			nav li.navid3:hover, nav li.navid3 ul { background-color: #F78245; }
			nav li.navid4:hover, nav li.navid4 ul { background-color: #855CF2; }
			nav li.navid5:hover, nav li.navid5 ul { background-color: #F53650; }
			nav li.navid6:hover, nav li.navid6 ul { background-color: #4DE8D0; }

/* 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: #333; }
	/*ul.dropdown li.navid4:hover a, ul.dropdown li.navid5:hover a, ul.dropdown li.navid6:hover a { color: #333; }*/

/* 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: 50px; width: 106px; height: 59px; 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; display: none; }
	/*.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 bottom; background-size: contain; }


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; }
	
	.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 .infobox .sticker, .right .subnav .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 .subnav { position: relative; }
			.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 { 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 {}
			.subnav ul.news span.date { display: block; font-size: 12px; color: #999; }
			.subnav p.noentry { margin: 15px 0px 0px; }


footer { padding: 65px 0px 60px; text-align: center; font-family: 'Lato', sans-serif; font-size: 14px; color: #FFF; }
	.kontakt footer { color: #333; }
	footer a { color: #FFF; text-decoration: none; }
		.kontakt footer a { color: #333; }
		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; }
		.kontakt footer h3 { color: #333; }
	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; }
		.kontakt .footerbox { border-left: 1px solid #999; }
	.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; height: 100px; text-decoration: none !important; overflow: hidden; }
		.kontakt .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 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 label.checkbox { float: none; width: auto; }
.content-wrapper input.checkbox { width: auto; -webkit-baseline-middle; }

.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 .form-info { display: block; text-align: center; font-size: 13px; margin: 20px 0px 0px; color: #888; }

.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; }


/* 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; }



/* 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: #37A7DA; }
	.angebote h1.seitenueberschrift, .angebote h1.searchheader, .angebote .content h1 {	color: #F78245; }
	.service h1.seitenueberschrift, .service h1.searchheader, .service .content h1 {	color: #855CF2; }
	.projekte h1.seitenueberschrift, .projekte h1.searchheader, .projekte .content h1 {	color: #F53650; }
	.kontakt h1.seitenueberschrift, .kontakt h1.searchheader, .kontakt .content h1 {	color: #4DE8D0; }	

.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; }


/*
.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: 100; 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; }
	
	.startimg { position: absolute; width: 100%; height: 410px; top: 50%; right: 20%; margin-top: -205px; z-index: 5; overflow: hidden; }
		.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; }