@charset "utf-8";
/* Klaus Witzisk*/
/* Copryright: Gamradt Webdesign, www.gamradt-webdesign.de */
/* 2014 */

/* ----------------------------------------------------------------*/
/*  -- Generelles Reset --  */
/* ----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
del, ins {
	text-decoration:none;
}
caption, th {
	text-align:left;
}

q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	vertical-align:baseline;
}
legend {
	color: #4A4D4D;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
	font-size:100%;
}

header, footer, nav, section, article, div, aside {
	display:block;
}



/* Format Cookie-Skript */
.cc_link {font-size:1.05rem;}

/* ----------------------------------------------------------------*/
/*  -- Grundeinstellung Start --- */
/* ----------------------------------------------------------------*/
html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}
body {
	margin: 0;
	padding: 0;
	color: #4A4D4D;
	background-color:#dedede;
}

#container{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 	
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	/*margin-top:0.8rem;*/
}
header#kopf{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 	
	position:relative;
	width:100%; /*1080*/
	background-color: #DEDEDE;
	overflow:hidden;
	padding:0;
	margin:0;
	border-bottom:20px solid #a4abb1;
}
	#kopf1{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 		
		width:21.2962962962963%; /*230*/
		height:2%;
		float:left;
	}
	span.menu-btn{display:none;}
	#kopf2{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
		width: 27.7777777777778%; /*300*/
		height:2%;
		border-bottom:15px solid #1b408c;
		float: left;
	}
	#kopf3{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 	
		width:50.9259259259259%; /*550*/
		height:2%;
		padding:0 1% 0 0;margin:0;
		float:left;
		text-align:right;
	}
		#kopf3 p, #kopf3 p a{
			font-size:10px;font-size:0.8rem;
		}
		#kopf3 p{
			text-align:right;
			padding:0;margin:0;
			float:right;
		}
		
		
		#container #kopf #kopf3 img {
			max-width:30px;
			max-height:20px;
			margin:1% 3% 0 0;
		}
		
#content_bg1{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 	
	width:100%; /*1080*/
	overflow:hidden;
	background-color:#f8f8f8;
}
#content_bg2{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 	
	overflow:hidden;
	width:78.7037037037037%; /*845*/
	background-color:#dedede;
}


section#links{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 		
	width:21.2962962962963%; /*230*/
	min-height:600px;
	background-color:#f8f8f8;
	float:left;
	overflow:hidden;
	height:100%;
	
}
	#logo{
		background-image: url(../images/logo.png);
		background-position: right 3em;
	    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
		width: 90%; /*230*/
		margin-right: 2rem;
		background-repeat: no-repeat;
		height: 15.5em;
	}
		#logo img{
			float:right;
			padding:3.5rem 0.5rem 0 0.5rem;
		}
	
	nav#menu{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 		
	width:100%;
	clear:right;
	padding:30% 0 0 8%;
	}
	
		nav#menu p a{
			font-size:1.2rem;
		}
		nav#menu p a:hover{
			color:#6d80a2;
		}


section#mitte{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 	
	width: 35.2941176470588%; /*300*/ /* Basis content_bg2*/
	min-height:600px;
	background-color:#dedede;
	float:left;
}

	section#mitte h1, p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#sv-name h1{
		font-size:40px;font-size:2.63rem;
		padding:64px 0 0 8px;
		padding:4rem 0 0 0.5rem;
		font-weight:normal;
		color: #1D3A8F;
	}
	#sv-name p{
		padding:0.5rem 0 0 0.6rem;
		font-weight:normal;
		color:#0E0D0F;
		font-size:11px;font-size:1.1rem;line-height:1.6;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;
	}
	
	section#mitte figure#thumbs {
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
	width:100%;
	padding:80% 5% 0 5%;		
	}
	
	
section#rechts{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
	width:64.7058823529412%; /*550*/
	min-height:600px;
	background-color:#f8f8f8;
	float:left;
	overflow:hidden;
}
section#rechts figure#bild{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
	overflow:hidden;
	max-width:100%; /*600*/
	position: relative;

}
article#inhalt{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
	width:100%;
	padding:1rem 1rem 1rem 1rem
	
}


	#rechts #inhalt img.pfeil1, #rechts #inhalt img.pfeil2 {
		position: relative;
		right: -85%;
		bottom: 0px;
		padding:0.5em;
		margin:0;
		border:none;
		width:1.5em;
		height:auto;
	}
	#rechts #inhalt img.pfeil2 {
		margin:0 0 0 0.5rem;
	}

footer#fuss{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
	width:100%;
	background-color:none;
	overflow:hidden;
	
}
	#fuss1{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
		width:21.2962962962963%; /*230*/
		padding-top:1%;
		height:10em;
		background-color:#a4abb1;
		float:left;
	}
		#container #fuss #fuss1 a img {
			max-width:15%;
			height:auto;
			margin:1% 2.8% 0 0;
			float:left;
		}
   #fuss1 div.socialmedia{padding-left:0.7em;padding-bottom:4em}

	#fuss2{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
		width: 27.7777777777778%; /*300*/
		height: 11.2em;
		background-color: #6d80a2;
		float: left;
		border-bottom-width: 15px;
		border-bottom-style: solid;
		border-bottom-color: #a4abb1;
		border-bottom:15px solid #a4abb1;
		display: flex;
    	align-items: center;
    	justify-content: center;
	}
	#fuss2 p {text-align: center;}
	#fuss2 img {height:8.5em;width:auto;}
	
	#fuss3{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
		width:38.8888888888889%; /* 520 */
		height:10em;
		background-color:#a4abb1;
		float:left;
		padding: 2% 0 0 1.5%;
		color:#faf9f9;
	}
		#fuss3 p,#fuss3 address, #fuss3 address a, #fuss3 p a, #fuss3 nav a{
			color: #faf9f9;
			font-size: 13px;
			font-size: 0.81rem;
			font-style: normal;
		}
		
		#fuss3 nav {padding-top:0.5em;font-size:0.7rem;}
		
	#fuss4{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box; 
		width:12.0370370370370%; /* 130 */
		height:10em;
		background-color:#a4abb1;
		float:left;
		padding:2.2% 0 0 1%;
		color:#faf9f9;
	}

	#fuss4 a img {
		max-width:90px;
		height:auto;
	}
	


#design{
	width:100%;
}
.copyright{
	text-align: right;
	color: #BFBFBF;
	float: right;
	font-weight: normal;
	padding: 0 1rem 0 0;
	position:relative;
	top: -0.5rem;
}


.cc-window.cc-banner {padding-top:0.5rem !important;padding-bottom:0.5rem !important;}









@media only screen and (max-width:1024px){

	#container{width:100%;}

	#container #fuss #fuss1 a img {
		max-width:18%;
		margin:1% 1.8% 0 0;
		}

	#fuss3 address{font-size:0.7rem;}
	#fuss3 address a{font-size:0.7rem;}


}



@media only screen and (max-width:600px){

	#fuss1{
		width:100%;float:none;
		margin-bottom:1em;
	}

	#fuss2{
		width: 100%;
		padding-top:5px;
	}
	
	#fuss2 img {height:auto;}
	
	#fuss3{
		width:100%;
		height:14em;
		text-align:center;
		padding-top:1.5em;margin-bottom:1em;
		background-color:rgba(109,128,162,1.00);
	}



	#fuss3 p{
		color:#faf9f9;
	}
	#fuss3 address a{font-size:0.9rem;}
	#fuss3 address{font-size:0.9rem;line-height:1.8em;text-align:center;}
	#fuss3 nav {padding-top:1em;text-align:center;}
	#fuss3 nav a{font-size:0.9rem;}

	#fuss3 nav{line-height:2.5em}	
	#fuss4{
		width:100%; 
		height:11em;
		padding-top:1em;
		text-align:center;	
	}

	#fuss4 img{max-width:60%;margin-left:auto;margin-right:auto;}
	}





	@media only screen and (max-width:480px){



	#container{
		width:100%;
	}
	#content_bg2{
		width:100%;
	}


	/*Toggle Menü */
	/* ----------------------------------------*/

	#kopf1{
		width: 30%;
		float: left;
		padding-top: 3%;
		padding-bottom: 2%;
		background-color: #EEEEEE;
	}

	#kopf2{
		display:none;
	}
	#kopf3{
		width:70%;float:left;padding-top:3%;padding-bottom:2%;
	}

	/*Menü-Link */

	span.menu-btn{display:inline;}

	a.open{
		display:inline;margin:0;padding:0;
	}
	a.close{
		display:none;
	}

	#menu-open:target a.open{
		display:none;
	}

	#menu-open:target a.close{
		display:inline;
	}

	nav#menu{
		margin-top: 7rem;
		padding-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		left: 0;
		position: absolute;
		top: 0;
		height:.15rem;
		overflow: hidden;
		background-color: #F8F8F8;
	}


	#menu-open:target nav#menu{
	  height:30em;
	}

	#menu-open:target section#rechts{
		margin-top:16rem;
	}

	nav#menu,
	section#rechts {
		transition: .5s;
	}


	section#links{
		float:none;
		width:100%;
		min-height:100px;
	}

	section#mitte{
		float:none;
		width:0;
		height:0px;
		min-height:0;
		overflow:hidden;
	}
	section#rechts{
		float:none;
		width:100%;
		min-height:200px;
	}


	.copyright{
		top: -0.1rem;
	}
	#logo{
		background-image: url(../images/logo_g.png);
		background-position: right 3.5em;
		-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
		width: 95%; /*230*/
		margin-right: auto;margin-left:auto;
		background-repeat: no-repeat;
		height: 13.5rem;
		background-size:contain;
	}	

}




@media only screen and (max-width:320px){
	
	nav#menu p{padding-bottom:2%;}


	nav#menu{
		padding:0 0 0 5%;
		margin-top: 14rem;
		}

	#menu-open:target nav#menu{
	  height:18em;}

	#menu-open:target section#rechts{
		margin-top:10rem;}


	article#inhalt h1{font-size:1.25em;}
	article#inhalt h1 span{font-size:1.05em;}

	#fuss3{height:16em;}

	#container{	width:100%;}
	#content_bg2{width:100%}

}



/*Definitionen für Sitemap */
#sitemap #container #content_bg1 #content_bg2 #rechts #inhalt ul li ul {
	padding-bottom: 0;
}
#sitemap #container #content_bg1 #content_bg2 #rechts #inhalt ul li ul li{
	padding-bottom: 2px;
	padding-bottom: 0.125rem;
	list-style-type: circle;
}
#sitemap #container #content_bg1 #content_bg2 #rechts #inhalt ul li ul li ul li{
	padding-bottom: 2px;
	padding-bottom: 0.125rem;
	list-style-type: square;
}
#sitemap #container #content_bg1 #content_bg2 #rechts #inhalt ul li {
	padding-bottom: 4;padding-bottom: 0.25rem;
}

#sitemap strong{
	color: #6D80A2;	}
	
/* Anfahrt Box für Icons */
.box {
	max-width: 90px;
	height:auto;
	padding: 0.8%;
	float: left;
	margin-right: 3%;
	background-color: #B7BDC1;
}


/* PopUp-Fenter */
.ui-dialog {max-width:100%;}
#aktion {background-color:#fff;padding:1.5rem 1rem 1rem 1.5rem;max-width:100%;height:360px !important;}
#aktion h3 em, #aktion h4, #aktion h3 a, #aktion h4 a{font-size:1.15rem;color: #4A4D4D}
#aktion p,  #aktion p em,  #aktion p a {font-size:1.05rem;color: #4A4D4D;line-height: 1.4}
#aktion h4, #aktion h4 a{color: #1D3A8F;}
#aktion strong, #aktion strong a {color: #1D3A8F;font-weight:bold;}

/* Karte */
/* Animation Karten */
.karte  {
  width: 64.7058823529412%;
  height: 500px;
  margin-bottom:1rem;
	
}
.karte img {/*border-radius:3px;*/width:100%;height:100%;object-fit: cover;}

.vorderseite, .rueckseite {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  /*border-radius: 3px;*/
  -webkit-transition: -webkit-transform 2s 0.8s;
  transition: transform 2s 0.4s;

}
.vorderseite {
    background-color: #6d80a2;
    font-size: 2em;
    color: #fff;
    -webkit-transform: perspective(480px) rotateY(-179.9deg);
    transform: perspective(480px) rotateY(-179.9deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    word-wrap: break-word;
    text-align: center;
    }
.rueckseite {
    background-color: #6d80a2;
    -webkit-transform: perspective(480px) rotateY(0deg);
    transform: perspective(480px) rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.karte:hover .vorderseite {
  -webkit-transform: perspective(480px) rotateY(0deg);
  transform: perspective(480px) rotateY(0deg);
}
.karte:hover .rueckseite {
  -webkit-transform: perspective(480px) rotateY(179.9deg);
  transform: perspective(480px) rotateY(179.9deg);
}


.home #container #content_bg1 #links #menu p #home_akt,
.ueber_uns #container #content_bg1 #links #menu p #ueber_uns_akt,
.gutachten #container #content_bg1 #links #menu p #gutachten_akt,
.bauphysik #container #content_bg1 #links #menu p #bauphysik_akt,
.baubegleitung #container #content_bg1 #links #menu p #baubegleitung_akt,
.energeieffizienz #container #content_bg1 #links #menu p #energeieffizienz_akt,
.beratung #container #content_bg1 #links #menu p #beratung_akt,
.daemmstoffe #container #content_bg1 #links #menu p #beratung_akt,
.foerdermittel #container #content_bg1 #links #menu p #beratung_akt,
.hauskaufberatung #container #content_bg1 #links #menu p #beratung_akt,
.messungen #container #content_bg1 #links #menu p #messungen_akt,
.profil #container #content_bg1 #links #menu p #ueber_uns_akt,
.kontaktloesung #container #content_bg1 #links #menu p #ueber_uns_akt,
.honorar #container #content_bg1 #links #menu p #ueber_uns_akt,
.gebaeudedichtheit #container #content_bg1 #links #menu p #gutachten_akt,
.energieeffizienz #container #content_bg1 #links #menu p #gutachten_akt,
.schimmelpilz #container #content_bg1 #links #menu p #gutachten_akt,
.feuchteschaeden #container #content_bg1 #links #menu p #gutachten_akt,
.thermische bauphysik #container #content_bg1 #links #menu p #gutachten_akt,
.privatgutachten #container #content_bg1 #links #menu p #gutachten_akt,
.versicherungsgutachten #container #content_bg1 #links #menu p #gutachten_akt,
.sebst_beweisverfahren #container #content_bg1 #links #menu p #gutachten_akt,
.gerichtsgutachten #container #content_bg1 #links #menu p #gutachten_akt,
.kfw #container #content_bg1 #links #menu p #baubegleitung_akt,
.gtü #container #content_bg1 #links #menu p #baubegleitung_akt,
.gem_gtue #container #content_bg1 #links #menu p #baubegleitung_akt,
.waermebruecken #container #content_bg1 #links #menu p #bauphysik_akt,
.u_r_wert #container #content_bg1 #links #menu p #bauphysik_akt,
.temp-feuchte #container #content_bg1 #links #menu p #bauphysik_akt,
.waermeschutz #container #content_bg1 #links #menu p #bauphysik_akt,
.lueftungskonzepte #container #content_bg1 #links #menu p #bauphysik_akt,
.energiesparberatung #container #content_bg1 #links #menu p #energeieffizienz_akt,
.energieberatungk #container #content_bg1 #links #menu p #energeieffizienz_akt,
.energieausweis #container #content_bg1 #links #menu p #energeieffizienz_akt,
.blower_door #container #content_bg1 #links #menu p #messungen_akt,
.luftkeimmessung #container #content_bg1 #links #menu p #messungen_akt,
.thermografie #container #content_bg1 #links #menu p #messungen_akt,
.a-wert #container #content_bg1 #links #menu p #messungen_akt,
.wasserschaden #container #content_bg1 #links #menu p #messungen_akt,
.leitungsortung #container #content_bg1 #links #menu p #messungen_akt,
.cm-messung #container #content_bg1 #links #menu p #messungen_akt,
.w-feuchtemessung #container #content_bg1 #links #menu p #messungen_akt,
.m-feuchtemessung #container #content_bg1 #links #menu p #messungen_akt,
.datenlogger #container #content_bg1 #links #menu p #messungen_akt,
.wassereindringung #container #content_bg1 #links #menu p #messungen_akt,
.kontaktproben #container #content_bg1 #links #menu p #messungen_akt,
.salzbestimmung #container #content_bg1 #links #menu p #messungen_akt,
.betonaggressives-wasser #container #content_bg1 #links #menu p #messungen_akt,
.aktuell #container #content_bg1 #links #menu p #aktuell_akt,
.schimmel #container #content_bg1 #links #menu p #schimmel_akt,
.drohne #container #content_bg1 #links #menu p #drohne_akt
{
	color: #6D80A2;
	font-weight: bold;
}

@media only screen and (min-width:1366px){ 

	body{
		background-image:url(../images/bg1.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		background-size:cover;
		background-attachment: fixed;}
	
	
	#container_innen {
	box-shadow: 15px 0px 22px -20px rgba(66,66,66,0.8),-15px 0px 22px -20px rgba(66,66,66,0.8);	}

	#fuss4, #fuss3, #fuss2, #fuss1 {box-shadow: 0 10px 10px -5px rgba(104,104,104,0.4);}
	
}



@media only screen and (max-width:767px){ 

	.video {height:auto;width:100%;margin-right:0;margin-bottom:1em;float:none;}

}


@media only screen and (min-width:768px){ 
	 .video  {
    height: auto;
    width: 47%;
    margin-right: 4%;margin-bottom:2em;
    float: left;
    border: 1px solid rgba(155,155,155,0.5);
	}
	.video:nth-of-type(2) {margin-right:0;}
}


@media only screen and (min-width:400px){ 

		#container #kopf #kopf3 img {
		max-width: 45px;
		max-height: 35px;
		margin: 1% 3.5% 0 0;}
}

@media only screen and (min-width:1920px){ 

	
	#container {width: 1280px;margin-top:2em;}
	header#kopf{padding-top:1em;box-shadow: 0 -8px 25px -5px rgba(104,104,104,0.4);}
	section#links{width:21.0937500000000%;min-height:750px;}
	section#mitte {width:29.7029702970297%;min-height:750px;}	
	section#rechts {width:70.2970297029703%;min-height:750px;}
	#kopf1, #fuss1 {width:21.0937500000000%;}
	#kopf2, #fuss2 {width:23.4375000000000%;}	
	#kopf3 {width:42.9687500000000%;float:right;}
	#fuss3 {width:42.9687500000000%;}
	#fuss4 {width:12.5000000000000%;}		
	#fuss2 img {height:7.5em;width:auto;}
	#content_bg2 {width:78.9062500000000%;}
	article#inhalt {padding: 2rem;}
	
	section#rechts figure img, #glidecontent {min-width:100%;}

}