/*=== = R E S E T = ==================================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{margin: 0;   padding: 0;   border: 0;   outline: 0;   font-size: 100%;   vertical-align: baseline;   background: transparent;}
table {border-collapse: collapse;   border-spacing: 0;}

.cookie { position: fixed; left: 0; width: 100%; 
    bottom: 0px; top: auto; background-color: rgba(44, 45, 49, 0.9); 
    color: #f2f2f2; font-size: 0.9em; 
}

.cookie input.accept { 
    background-color: rgba(44, 45, 49, 0.95)
}
/*=== = B A S I S = ===============================================*/
.stopFloat, .clear {	clear: both;	display: block;	float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}
.clearRight{	clear: right;	display: block;	float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}

.breite{max-width:1170px; margin:0 auto;}

p, table, #content ul {font-size:0.9em; margin-bottom: 1.3em; margin-top:0em; line-height:1.4em;     }

a{text-decoration:none; color:#ff8c2e; }
body{font-family: Helvetica, Arial, Verdana,sans-serif; 
}
body.mitSlider{background:url(../img/bg-dk.png) top center repeat-x #ffffff;}

/* Responsive IFRAME-Container */
.responsive-container {
    display: block;
    position: relative; 
    padding-bottom: 56.25%; /* ratio 16x9 */
    height: 0; 
    overflow: hidden; 
    width: 100%;
    height: auto;
}

.responsive-container iframe, .responsive-container video {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.responsive-container.ratio4x3 {
  padding-bottom: 75%; /* ratio 4x3 */
}

.responsive-container.ratio21x9 {
  padding-bottom: 42.1875%; /* ratio 21x9 */
}

.responsive-container.square {
  padding-bottom: 100%; /* ratio 1x1 */
}

/*=== = T Y P O = ===================================================*/
.italic{font-style:italic; text-shadow: 1px 1px 0px #000;}
.small{font-size:70%;}.big{font-size:1.3em;}

/*=== = KLASSEN = ===================================================*/
.w40{width: 40%;}
.w30{width: 31.5%; margin-right: 3%;}
.galerie{margin-left:-4.9em;}
/*=== = Ü B E R S C H R I F T E N = =================================*/
h1, h2, h3, h4, h5, h6  { margin-bottom: 0.7em;  }

h1 {font-size: 2em; padding:0 0 1em 0; /*color:#67605A;*/color:#FF8C2E; font-weight:600; line-height: 0.9em; margin-bottom:1em;text-align: center; border-bottom:1px solid #cdcdcd ;}
.h1{font-size: 0.65em; font-weight: 400;color: #67605A;}
h2 {font-size: 1.3em; margin-top:0em; color: #67605A; font-weight:600; line-height: 1.4em;}
h3 {font-size: 1.15em; font-weight: 500; background: #F5F5F5; font-style: italic; padding: 0.5em 0.5em;	}
h4 {font-size: 1.1em; font-weight: normal;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em; letter-spacing: 0.5px;	margin-top: 0;}

/*=== = T E M P L A T E = ===========================================*/
#topline{/*background:url(../img/bgpat-.jpg) top center repeat-x; */padding:0.5em 0; text-align:right; font-size: 0.9em;}
#topline p{margin-bottom:0; color: #D5D5D5;}
#topline p span{padding-left: 2em; color:#fff;}
#header{background:#F5F5F5;padding:0.5em 0;position:fixed; top:1.9em; width: 100%; left: 0; z-index:99999;}
#header.top0 {top: 0; }
#logo{margin-left: -1.3em;}

/*Navigation*/
#navi {}
#navi ul{list-style: none; float:right; margin:2em 0 0 0;}
#navi ul li{float:left; margin-left:0.2em;}
#navi ul li > a{display:block; padding: 0.2em 1em 0.2em; color:#555555; font-size:0.9em; letter-spacing:0.01em; text-transform:uppercase; font-weight:600; }
#navi ul ul > li a{ font-weight:400; }
#navi ul li > a:hover,#navi ul li.active > a{color:#555555; background:#EEECEC; -webkit-transition-property: all; transition-property: all; 
-webkit-transition: 200ms ease;	transition: 200ms ease;}
/*level 1 navi */
#navi  ul li.deeper > ul { display:none; position: absolute;  z-index: 10000; background:#F5F5F5; margin:0em 0 0 0em; padding:0.5em 0 0 0;}
#navi  ul li.deeper:hover ul { display: block; }
#navi  ul li.deeper ul li {float:none; margin-left:0em;}
#navi  ul li.deeper ul li > a{font-size:1.05em; padding: 1.1em 1.3em 1.1em 1.3em;}

/*Leftnavigation*/
#leftnavibg{background: #F8F6F6; margin:2.1em 0 0 0;}
#leftnavi {padding:2em 0 2em 1.5em;}
#leftnavi ul{list-style: none;}
#leftnavi ul li{}
#leftnavi ul li > a{display:block; padding: 0.4em 0em 0.4em 1.2em; color:#555555; font-size:0.95em; letter-spacing:0.01em; text-transform:uppercase; font-weight:600; background:url(../img/pfeil2.png) left center no-repeat;
-webkit-transition-property: all;
transition-property: all; -webkit-transition: 200ms ease;	transition: 200ms ease; }
#leftnavi ul li > a:hover,#leftnavi ul li.active > a{color:#CA8950;}
/*level 1 Leftnavigation*/
#leftnavi  ul li.deeper > ul { display:none; z-index: 10000; margin:0.5em 0 0.5em 2em;}
#leftnavi  ul li.deeper:hover ul, #leftnavi  ul li.active ul { display: block; }
#leftnavi  ul li.deeper ul li {}
#leftnavi  ul li.deeper ul li > a{font-size:1.1em; }
/*level 2 Leftnavigation*/
#leftnavi  ul li.deeper ul li.deeper > ul { display:none; z-index: 10000; margin:0.5em 0 0.5em 2.5em;}
#leftnavi  ul li.deeper ul li.deeper:hover ul, #leftnavi  ul li.active ul li.active ul { display: block; }
#leftnavi  ul li.deeper ul li.deeper ul li {}
#leftnavi  ul li.deeper ul li.deeper ul li > a{font-size:1.5em; }

#wrapper{ margin:8.3em 0 0 0;background:url(../img/schein_hell.png) top center no-repeat;}
#h1bg{padding: 2em 0 0;}
.abstand{padding: 2em 0em;}
#content{color:#67605A;}
#content ul:not([class^=ig]){margin-left:2em; list-style-type:square;}
#content ul:not([class^=ig]) li{padding: 0.1em 0;}
#content a:hover{color:#282626;}

#sliderbg{margin:2em 0 1.5em 0;}

#leistungsbg{color:#616161;margin:2em 0 2em 0; }
.leistungstitel{text-align:center; background:url(../img/leisttitelbg.jpg) center no-repeat; text-transform:uppercase; font-weight:700; letter-spacing:0.01em; color:#606060; font-size: 1em; margin-bottom: 1.7em;}
.text{padding: 0 1.5em;}
.link{text-align:center; margin-bottom:1em;}
#leistungsbg a:hover{color:#282626;}
.leist{text-align:center; margin-bottom:0.4em; font-weight:700; text-transform:uppercase; letter-spacing:0.01em;}

#separatorbg{background:url(../img/separatorbg_neu.jpg) left no-repeat fixed; padding: 5em 0 3em;}
.tablet #separatorbg, .mobile #separatorbg { background:url(../img/separatorbg_neu.jpg) left no-repeat scroll; }
#separator{ color:#ffffff;}
.stimmtitel{text-align:center; background:url(../img/stimmtitel.png) center no-repeat; text-transform:uppercase; font-weight:600; letter-spacing:0.01em; color:#ffffff; font-size: 1.5em; margin-bottom: 1.1em; text-shadow: 1px 1px 1px #000;}
.textsep{text-align: center; font-size: 1.07em; text-shadow: 1px 1px 1px #000;}
.textsep2{color:#E7AF7C; text-align:center; font-weight:600; font-size:1em; text-transform:uppercase; text-shadow: 1px 1px 1px #000;}

#planung{padding: 3em 0 3em 0;}
.plantitel{text-align:center; background:url(../img/plantitel.jpg) center no-repeat; text-transform:uppercase; font-weight:700; letter-spacing:0.01em; color:#606060; font-size: 1em; margin-bottom: 1.7em;}
.plantext{color:#606060; text-align:center;}
#planung .cols-3{margin: 4em 0 2em;}
#planung table{margin: 3em 0;}
#planung table td{vertical-align:top; color:#606060; font-size:0.85em;}
#planung table td span{font-size:1em; text-transform:uppercase; font-weight:700;}
.planen p{text-align:center; color:#606060;}
.plan{font-weight:700; text-transform:uppercase; font-size:1em; margin-bottom:0.3em; color: #606060;}
#planung a:hover{color:#282626;}
#planung a.btn{color:#ff8c2e; border:1px solid #ff8c2e; padding:0.5em 1em; font-weight: 400; }
#planung a.btn:hover{color: #606060; border:1px solid #606060;}

#prozessbg{background:url(../img/prozessbg_neu.jpg) left no-repeat fixed; padding: 4em 0 3em; }
.tablet #prozessbg, .mobile #prozessbg { background:url(../img/prozessbg_neu.jpg) left no-repeat scroll; }
#prozess{color:#ffffff;}
.prozesstitel{text-align:center; background:url(../img/prozesstitel.png) center no-repeat; text-transform:uppercase; font-weight:600; letter-spacing:0.01em; color:#ffffff; font-size: 1.15em; margin-bottom: 1.4em; text-shadow: 1px 1px 1px #000;}
.textproz{text-align: center; text-shadow: 1px 1px 1px #000;   font-size: 1.07em;}
.proz{text-align:center; padding:1em 0 0 0;}
.proz2{text-align:center; padding:1em 0 0 0;}
.proz img, .proz2 img{margin-bottom:1em;}
.proz span, .proz2 span{text-transform: uppercase; font-weight: 700; letter-spacing: 0.01em; text-shadow: 1px 1px 1px #000;}
.line{height:1px; width:160px; background:none; position:relative; top: -7.2em; left: 13.2em;}

#sloganbg{background:#F5F5F5;}
#slogan{padding: 2.5em 0 2.5em; }
#slogan p{background:url(../img/logo.jpg) 10em center no-repeat; color:#313131; font-size:1.5em; margin-bottom:0; padding: 1em 0 1em 14.3em; text-align:center;}

#footer{background:url(../img/bg-dk.png) top center repeat-x;}
#foot{padding:2em 0; background:url(../img/schein2.png) top center no-repeat;}

#foot .titel{color:#F5F5F5; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; font-size:1em;}
#foot p, #foot table{color:#F5F5F5; font-size:0.9em;}
#foot a{color:#fff;text-decoration:underline; }
#foot a:hover{text-decoration:underline;}
.weg{background:url(../img/anfahrt.jpg) left no-repeat; padding:0 0 0 1.5em;}

#kontakt{margin:0 0em 0 -1em;}
#kontakt table td{padding-bottom:0.5em;}
.tel{background:url(../img/tel.png) left 0.2em no-repeat; padding-left: 2.2em;}
.fax{background:url(../img/fax.png) left 0.1em  no-repeat; padding-left: 2.2em;}
.mail{background:url(../img/mail.jpg) left 0.3em no-repeat; padding-left: 2.2em;}

#ratgeber{margin:0 0em 0 -1em;}
#ratgeber a{color:#F5F5F5; font-size:0.9em; display:block;}
#ratgeber a:hover{text-decoration:none;}
.rat{background:url(../img/ratgeber.png) left top no-repeat; padding-left: 5.65em;  padding-bottom: 2.2em;}

#media{margin:0 0em 0 2em;}
#media img{margin:0 0.3em;}

#subfoot{color:#c1c1c1; padding:1.3em 0; background:url(../img/footer.png) center top no-repeat;}
             
#copy{color:#c1c1c1; font-size:0.8em;}
#copy a{color:#c1c1c1;}
#copy a:hover{text-decoration:underline;}

#footnavi {}
#footnavi ul{list-style: none; float:right;}
#footnavi ul li{ display: inline-block; }
#footnavi ul li > a{display:block; padding: 0em 0.7em 0em; color:#c1c1c1; font-size:0.75em; letter-spacing:0.02em;  font-weight:400; background:url(../img/trenner.jpg) right no-repeat; }
#footnavi ul li > a:hover,#footnavi ul > li.active > a{color:#F5FDFF; }
#footnavi ul li:last-child > a{background:none;}

/*=== = C M S = =======================================*/

/* Bild */

/*+++++++++++++++++++++++++++++++
	STARTSEITE
+++++++++++++++++++++++++++++++*/
.startbox{border: 1px solid #CBCBCB; background: #F8F6F6; padding: 1em 1em 0 1em;}
.startbox p{font-weight: 600;}

/*+++++++++++++++++++++++++++++++
	UNTERNEHMEN - CHRONIK
+++++++++++++++++++++++++++++++*/
.chronik{font-weight: 600; font-size: 1.1em; margin-right: 1em; background: #F8F6F6;  padding: 0em 1em 0.2em;}

/*+++++++++++++++++++++++++++++++
	REFERENZEN
+++++++++++++++++++++++++++++++*/
.ref td{padding:0 0.8em 0.2em 0;}
.ref tr td:first-child { font-weight:600;}

/*+++++++++++++++++++++++++++++++
	LEISTUNGEN FENSTER & TÜREN
+++++++++++++++++++++++++++++++*/
.fenster{text-align: center;margin: 2em 0;}

/*+++++++++++++++++++++++++++++++
Kunden-Zufriedenheits-Analyse
+++++++++++++++++++++++++++++++*/

.fieldset-menue  { list-style: none; padding: 0.5em 0; margin: 0 !important; border-bottom: 1px solid #cdcdcd; }
.fieldset-menue  li { display: inline-block; }
.fieldset-menue  li:not(:last-child)::after { content: "»"; padding: 0 0.2em; }

.form5 .tabs dt.open{display:none;}
.form5 .fs8 .cols4_2{width:100%;}
.form5 .fieldlabel{font-weight:600;}
form.form5 .error {color: red; font-size: 0.9em; font-weight: 600; }

/*+++++++++++++++++++++++++++++++
	ANFAHRT
+++++++++++++++++++++++++++++++*/
.gm-style-iw{color:#444; padding:0.6em; font-size:0.9em;}	
input#saddr{margin:1em 0 0 0;}			
.gm-style-iw .button{background:#726E6E; color:#fff;cursor:pointer; display:inline-block; padding:0.3em 1em; margin:0.9em 0 0 7.3em!important; border:0; border:none; }
.gm-style-iw .button:hover{background:#464242; cursor:pointer;}

.anfahrt td{padding:0 0.8em 0.2em 0;}
.anfahrt tr td:first-child { font-weight:600;}
.map{margin:0 0 0 4em!important; border:1px solid #726E6E; }
 
/*+++++++++++++++++++++++++++++++
	KONTAKT
+++++++++++++++++++++++++++++++*/
p.button input.submit{background:#726E6E; padding:0.3em 1em; color:#fff; font-size:14px; border:none; font-weight:normal;}
p.button input.submit:hover{background:#464242; cursor:pointer;}

/*+++++++++++++++++++++++++++++++
	ACCORDEON
+++++++++++++++++++++++++++++++*/
#content .panel .title{margin:0; background:none; font-style:normal;}
#content .panel .title.pane-toggler{background: #F8F6F6;text-decoration:none;margin: 0;}
#content .panel .title.pane-toggler a{padding:0.3em 0em 0.3em 1.5em; background:url(../img/libg_grau.jpg) 0.2em 0.65em no-repeat; display:block; color:#67605A; font-size:0.9em;text-decoration:none;}
#content .panel .title.pane-toggler a:hover{color:#67605A;text-decoration:none !important;background:url(../img/libg_grau.jpg) 0.2em 0.65em no-repeat #F8F6F6; font-weight:600;}

#content .panel .title.pane-down{text-decoration:none;margin: 0;}
#content .panel .title.pane-toggler-down a{padding:0.3em 0em 0.3em 1.5em;display:block; font-weight:600; color:#67605A; font-size:0.9em;text-decoration:none !important;background:url(../img/libg_grau.jpg) 0.2em 0.65em no-repeat;}

.pane-sliders{margin-bottom:2em;}
.panel{ border:1px solid #CEC8C8;margin:0em 0 0.5em 0;}
.itemcontent{padding:0.7em 1.4em; font-size: 0.95em;}
.itemcontent table{margin-bottom:0.5em; font-size:0;}

#leistungsbg img, #planung img{max-width:100%; height:auto;}
.mobile #planung .item { max-width: 100%; margin: 1%; }
.mobile #planung img { float:none !important;  width: 100%; margin: 1%; max-width: 200px;  }
.mobile #planung span { display: block; float:none !important;  width: 100%; margin: 1%; max-width: 200px;  }
.mobile body { background : #fff;}


/* translate */

#translate { background: url(../img/googletrans.ico) right 0.5em center  / 30px no-repeat ; padding-right: 40px;  margin-top: 2em; }

@media only screen and (min-width:641px)
{
	#translate.fixed { position: fixed; top: 50%; padding: 0.5em 50px 0.5em 0.5em; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; left: -156px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); border-top-right-radius: 1em; border-bottom-right-radius: 1em;  background-color: #f5f5f5; margin-top: 0; }
	#translate.fixed.open{ left: 0; }
	#translate select { max-width: 100%; }
}

/* === = M E D I A  Q U E R I E S = ===============================*/

@media only screen and (max-width:1024px)
{
	.breite{width:95%;}  }

@media only screen and (max-width:640px)
{
	.breite{width:100%;}
	.cols-3 .item, .cols-4 .item{width:100%;}
	.cols4_2, .cols3_2, .cols5_4, .cols4_3, .cols5_3{width:100%;}
	.form4 .cols4_2{width:100%!important;}
	.w30{width:100%;}
	.cols5_2{width:90%;}
	#content.cols3_2{width:94%;}
	.fenster .w30{width:30%!important; margin-left:2%!important;}

	body.bg101, body.bg108{background:#ffffff;}
	body.bg101 h1, body.bg108 h1{ color:#67605A;}
	
	#topline{background:#303030; padding-right:1em;}
	#header { position: static;}
	#logo{margin-left:0;}
	#logo img{width:73%; height:auto;}
	
	#wrapper{margin: 1em 0 0 0;}
	#h1bg{padding:0 3%;}
	h1{font-size: 1.6em; line-height:1.2em;}
	.h1{line-height:0.1em;}
	#sliderbg {margin: 1.5em 0 1.5em 0;}
	
	.abstand {padding: 1em 3%;}
	.startbox{margin-bottom:1.3em;}
	#content .panel img{width:40%; height:auto; }
	#content img{max-width:100%; height:auto;}
	#content img.fachverband{margin-bottom:2em; width:50%!important;}
	#content img.phil_img{width:40%!important; height:auto; margin-top:-1.5em;}
	#content img.verband{width:40%!important;}
	#content img.job{width:80%!important;}
	#content img.heizung, #content img.steuerung{margin:0 0 1em 0!important;}
	#content img.holzfenster{width:40%!important; height:auto; margin: 0 2em 0 0em!important;}
	#content img.passivhaus, #content img.renovierung{width:40%!important; height:auto; }
	#content img.lueftung, #content img.klima{width:45%!important; height:auto; margin: 0em 1em 0 1em!important;}
	#content .panel img.mobile_img{width:31%; margin:0 1em 0 0!important;}
	#content .panel .combiwin img{width:50%!important; height:auto; margin: 0em 0 0 0em!important; }
	.info{display:none;}
	.galerie {margin-left: -2.4em;}
	
	#leistungsbg{margin: 0em 0 0em 0;}
	#leistungsbg img{width:100%; height:auto;}
	#separator{padding: 2em 3% 1em;}
	.mobile_planung{display:none;}
	#planung {padding: 1em 3% 1em;}
	#planung img{width:90%; height:auto; margin:0em 0 0 0!important;}
	#prozess{padding: 2em 3% 1em;}
	#prozess img{width:70%; height:auto;}
	.proz{display:none;}
	#slogan{padding:1.5em 0 1.5em 0!important;}
	#slogan p{background: url(../img/logo.jpg) center top no-repeat; padding: 3em 0 0em 0em; background-size:70% auto;}
	
	#footer{background:#303030;}
	#foot{padding: 2em 3%; background:none;}
	#kontakt,#ratgeber {margin: 0 0em 0 0em;}
	.rat {padding-bottom: 2.3em;}
	#media {margin: 1.5em 0em 0 0em;}
	
	#subfoot{padding: 1.5em 3%; background:none;}
	#footnavibg{margin:1em 0 0 0em;}
	#footnavi ul{margin-left:-0.7em;}
	#footnavi ul li > a{padding-bottom:1em; background:url(../img/trenner.jpg) right top no-repeat;}
	
	.form5{width:100%!important;}
	
	.form4{width:100%!important;}
	.form4 .feld{width:92%!important;}
	div.feld3001009{float:left;}
	div.feld3001009 .grouptrenner{display: block!important; clear: both!important;}
	.optionlabel {padding: 0.1em 0em 0.1em 0!important; width:80%!important;}
	div.feld3005013.lab{width: 100%!important;}
	div.feld3007015 .box {float: left;width: 100%!important;}
	div.feld3010030 div.input-append {position: absolute;margin: -2.5em 0 0 8em!important;}
	.feld input.cal {width: 7em!important;}
	.form4 label.fieldlabel{width:100%!important;}
	dd.tabs{padding: 0em 1em 0.5em!important;}
	div.control-group4002019 {float: left;width: 100%!important;}
	div.control-group4003020 {float: left;margin-top: 1em;width: 100%!important;}
	div.control-group4004021 {float: left;margin-top: 1em!important; width: 100%!important;}
	div.control-group4005022 {float: left;margin-top: 1em!important; width: 100%!important;}
	div.control-group4006023 { float: left;margin-top: 1em!important;width: 100%!important;}
	div.control-group4007024 { float: left;margin-top: 1em!important;width: 100%!important;}
	div.control-group4007024 div.feld {width: 100% !important;}
	div.control-group4002019 label.fieldlabel, div.control-group4003020 label.fieldlabel {width: 100%!important;}
	div.control-group4006023 label.fieldlabel, div.control-group4007024 label.fieldlabel{width: 100%!important;}
	div.control-group4006023 div.feld, div.control-group4007024 div.feld{width: 92%!important;}
	.fs5 .text {width: 70%!important;}
	.form4 .fs5 label.fieldlabel{width:30%!important;}
	.form4 .fs5 .feld{width:68%!important;}
	div.feld5010029 .box {width: 100%!important;}
	.form4 .fs5  div.control-group5010029 label.fieldlabel {width: 100%!important;}
	.next, .prev{font-size:0.9em; margin-top:1em;}
	
	.form1 .feld textarea, .form1 .feld input[type=text]{width:100%!important;}
	.code, .button{margin-left:0!important;}
	.code img{width:60%!important; height:auto;}
	.map{margin: 0 0 2em 0.1em!important;}
}

@media only screen and (min-width: 760px) and (max-width: 800px) {
	.breite{width:100%;}
	#foot.cols-4 .item{width:50%;}
	#subfoot.cols3_2, #navibg.cols3_2{width:100%;}
	.cols4_2, .cols5_3{width:100%;}
	#content.cols3_2{width:64%;}
	#content .cols-3 .item{width:100%;}
    
	body.bg101, body.bg108{background:#ffffff;}
	body.bg101 h1, body.bg108 h1{ color:#67605A;}
	
	#topline{background:#303030; padding-right:1em;}
	#header { position: static;}
	#logo{margin-left:0;}
	#h1bg{margin:0 2%;}
	
	#wrapper{margin: 1.5em 0 0 0;}
	#h1bg{padding:0 3%;}
	.abstand {padding: 1em 2%;}
	.job{margin: 1em 2em 0 0!important;}
	.info{display:none;}
	.steuerung{width:100%!important; height:auto; margin-bottom:1em!important;}
	#content .panel .combiwin img{width:50%!important; height:auto; margin: 0em 0 0 0em!important;}
	.chronik_img{width:100%!important; height:auto;}
	
	#leistungsbg{padding: 0em 2%;}
	#leistungsbg img{width:100%; height:auto;}
	.mobile_planung{display:none;}
	#planung {padding: 1em 3% 1em;}
	#planung img{width:50%; height:auto; margin:0em 0 0 0em!important;}
	#planung table{width:100%;}
	#planung table td{text-align:center;}
	.line{ left: 9.5em;  width: 70px;}
	#slogan p{background: rgba(0, 0, 0, 0) url("../img/logo.jpg") no-repeat 2em center;}
	
	#footer{background:#303030;}
	#foot{padding: 2em 2%; background:none;}
	#kontakt,#ratgeber {margin: 0 0em 0 0em;}
	#kontakt{height:12em;}
	#media {margin: 0 0 0 0em;}
	
	#subfoot{text-align:center; background:none;}
	#footnavibg{margin:1em 0 0;}
	#footnavi ul{float: none; display:inline-block;}
	
	.form5{width:100%!important;}
	
	.form4{width:100%!important;}
	div.feld3001009.feld{width: 100%!important;}
	div.feld3010030 div.input-append {position: absolute;margin: -2.5em 0 0 7.2em!important;}
	dd.tabs{padding: 0em 1em 0.5em!important;}
	div.control-group4002019 {float: left;width: 100%!important;}
	div.control-group4003020 {float: left;margin-top: 1em;width: 100%!important;}
	div.control-group4004021 {float: left;margin-top: 1em!important; width: 100%!important;}
	div.feld3005013.lab{width: 100%!important;}
	div.control-group4005022 {float: left;margin-top: 1em!important; width: 100%!important;}
	div.control-group4006023 { float: left;margin-top: 1em!important;width: 100%!important;}
	div.control-group4007024 { float: left;margin-top: 1em!important;width: 100%!important;}
	
	div.control-group4002019 label.fieldlabel, div.control-group4003020 label.fieldlabel, div.control-group4004021  label.fieldlabel, div.control-group4005022  label.fieldlabel{width: 30%!important;}
	div.control-group4006023 label.fieldlabel, div.control-group4007024 label.fieldlabel{width: 30%!important;}
	div.control-group4006023 div.feld, div.control-group4007024 div.feld{width: 40%!important;}
	
	.map{margin: 0 0 2em 0.1em!important;}
}


/* aus mobile.css */
.hidden {display: none; }
#menueToggle { background:url(../img/menu.jpg) center no-repeat; position: fixed; top: 37px; right: 5%; width: 70px; height: 70px; z-index:10001; display: none;    cursor: pointer;  }
#menueToggle.close {background:url(../img/close.jpg) center no-repeat;}

@media only screen and (max-width:640px) {
	.hiddenmobile {display: none; }
	#menueToggle { display: block; }
	#navi{width:100%; z-index:10000; background:#F5F5F5;}
	#navi ul{float:none; margin:1em 0 1em 0em; width:100%;}
	#navi ul li{float:none; margin-left:0; }
	#navi ul li > a{padding: 0.5em 1em 0.5em; font-size:1em;}
	#navi  ul li.deeper > ul{display:block; width:100%; position: static; padding:0.1em 0 0.9em 0;}
	#navi  ul li.deeper ul li > a{font-size:1.2em; padding: 0.5em 1.3em 0.5em 2em;}
	#leftnavi  ul li.deeper.active > ul{display:block; width:90%; margin:0.5em 0 0.5em 1.5em;}
	#leftnavi  ul li.deeper.active ul li.deeper.active > ul{display:block; width:90%; margin:0.5em 0 0.5em 2em;}
}

@media only screen and (min-width: 760px) and (max-width: 800px)  {
	.hiddenmobile {display: none; }
	#menueToggle { display: block; }
	#navi{ width:100%; z-index:10000; background:#F5F5F5;}
	#navi ul{float:left; margin:1em 0 1em 0em; width:100%;}
	#navi ul li{float:none; margin-left:0; }
	#navi ul li > a{padding: 0.5em 1em 0.5em; font-size:1em;}
	#navi  ul li.deeper > ul{display:block; width:100%; position: static; padding:0.1em 0 0.9em 0;}
	#navi  ul li.deeper ul li > a{font-size:1.2em; padding: 0.5em 1.3em 0.5em 2em;}
	#leftnavibg{margin:1.3em 0 2em 0;}
	#leftnavi{padding:2em 1em 2em 0.5em}
	#leftnavi ul li > a{background:url(../img/pfeil2.png) left 0.75em no-repeat;}
	#leftnavi  ul li.deeper.active > ul{display:block; width:90%; margin:0.5em 0 0.5em 1.5em;}
	#leftnavi  ul li.deeper.active ul li.deeper.active > ul{display:block; width:90%; margin:0.5em 0 0.5em 2em;}
}