@charset "UTF-8";

/* CSS ac-energie
*********************************************/
/* reset */
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 {outline:none;}
table {
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
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%;}



/* start */

html, body{
	height: 100%;
}
body{
	font-family: bliss, sans-serif;
	font-size: 100%;
	line-height: 1.375em;
	margin: 0;
	padding: 0;
	border: 0;
}

@font-face {
    font-family: 'bliss';
    src: url('../ac-fonts/bliss2r.eot');
    src: url('../ac-fonts/bliss2r.eot?#iefix') format('embedded-opentype'),
         url('../ac-fonts/bliss2r.woff') format('woff'),
         url('../ac-fonts/bliss2r.ttf') format('truetype'),
         url('../ac-fonts/bliss2r.svg#officina-sans-book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ionicons';
    src: url('../ac-fonts/ionicons.eot');
    src: url('../ac-fonts/ionicons.eot?#iefix') format('embedded-opentype'),
         url('../ac-fonts/ionicons.woff') format('woff'),
         url('../ac-fonts/ionicons.ttf') format('truetype'),
         url('../ac-fonts/ionicons.svg#ionicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.h-sig{
	width: 0;
	height: 1px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0;
	line-height: 0;
	color:#FFFFFF;
	text-indent: -9999px;
}
h2{
	font-family: bliss, sans-serif;
	font-size: 1.75em;
	font-weight: normal;
	color: #333;
	line-height: 1.375em;
	margin: 0 0 0.75em;
	padding: 0;
}
h3{
	font-family: bliss, sans-serif;
	font-size: 1.375em;
	font-weight: normal;
	line-height: 1.25em;
	color: #333;
	margin: 1em 0 0.75em;
	padding: 0;
}
h4{
	font-family: bliss, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #333;
	padding: 0;
	margin-bottom: 0.6em;
}
p{
	padding: 0 0 12px 0;
	margin: 0;
}
img{
	width: 100%;
	height: auto;
}
.clear-fix{
	clear: both;
}
p.clear-fix{
	padding-bottom: 0;
}
.nobr{
	white-space: nowrap;
}

/*links
**************************************************/
a:link{
	text-decoration: none;
	color: #333;
}
a:visited{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: none;
	color: #6699CC;
}
a:active{
	text-decoration: none;
	color: #6699CC;
}

/* Navigation 
**********************************************/

.use-hover li:hover ul{ 
	display: block;     /* Javascript Fallback jQuery Navigation */
}
.nav1{
	position: absolute;
	bottom: 15px;
	right: 4%;
	width: auto;
	height: 24px;
	transition: 0.4s ease-in-out;
	z-index: 330;
}
.nav2, .nav2mobile{
	position: absolute; 
	bottom: 15%;
	left: 0;
	width: auto;
	height: 42px;
	background-color: #ccc;
	padding-left: 4%;
	z-index: 330;
}

.nav-imp{
	position: absolute;
	top: 0;
	right: 0;
	width: 72px;
	height: 24px;
}
.nav2mobile{
	display: none;
}
.nav1 ul.nav,
.nav2 ul.nav,
.nav-imp ul.nav{
	list-style: none;
	padding: 0;
	color: #000;
}
.nav1 ul.nav li,
.nav2 ul.nav li{
	font-size: 1.25em;
	float: left;
}
.nav1 ul.nav li{
	padding-left: 30px;
}
.nav2 ul.nav li{
	line-height: 42px;
	padding: 0 15px;
	border-right: 1px solid #fff;
}
.nav2 ul.nav li:first-of-type{
	padding-left: 0;
}
.nav2 ul.nav li:last-of-type{
	border: none;
}

.nav1 ul.nav li a,
.nav-imp ul.nav li a{
	display: block;
	list-style: none;
	font-weight: normal;
	line-height: 24px;
	transition: 0.4s ease-in-out;
}
.nav1 ul.nav li a{
	height: 24px;	
	color: #000;
}
.nav-imp ul.nav li a{
	height: 1rem;
}
.nav1 ul ul{
	position: absolute;
	top: 24px;
	left: 0;
	width: auto;
	height: auto;
	white-space: nowrap;
	margin: 0;
	list-style: none;
	background: url(../bilder/transp_weiss_15.png); 
	padding: 1.15em 3.3em 0 0;
	display: none;
}
.nav1 ul ul li {
	font-size: 1em !important;
	line-height: 1em;
	padding: 0.5em 0 1em 0;
}
.nav1 li li{
	clear: left;
}
.nav1 ul.nav ul.nav-child li a{
	color: #333 !important;
}
.nav1 ul.menu ul.nav-child li a:hover{
	color: #6699CC !important;
}

.nav-imp ul.nav li a{
	text-align: right;
	padding-right: 0;
}

.nav1 ul.nav li.current a:link,
.nav1 ul.nav li.current a:visited,
.nav1 ul.nav li.current.active a:visited,
.nav1 ul.nav li.current.active a:link,
.nav1 ul.nav li.current.active a:visited,
.nav1 ul.nav li.parent.active a:link,
.nav1 ul.nav li.parent.active a:visited,
.nav-imp ul.nav li.current a:visited{
	color: #6699CC;
	text-decoration: none;
}
.nav1 ul.nav li a:hover,
.nav-imp ul.nav li a:hover{
	color: #6699CC;
	text-decoration: none;
}
.start-footer{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0; 
	height: 60px;
	background-color: #fff;
}
.scroll{
	position: absolute;
	top: 24px;
	left: 50%;
	width: 30px;
	height: 18px;
	background: url(../bilder/pfeil-down.png) 0 0 no-repeat;
	margin-left: -15px;
	cursor: pointer;
	z-index: 12;
}
.scroll:hover{
	background: url(../bilder/pfeil-down.png) 0 -21px no-repeat;
}
#start{
	position: relative;
	height: 0;
	padding: 0;
	margin: 0;
}
/*.back{
	position: absolute;
	top: -15px;
	left: 50%;
	width: 30px;
	height: 15px;
	margin-left: -15px;
	background: url(../bilder/pfeil-up.png) 0 0 no-repeat;
	cursor: pointer;
}
.back:hover{
	background: url(../bilder/pfeil-up.png) 0 -21px no-repeat;
}*/

/*Layout
**********************************************/

#buehne{
	position: relative;
	top: 0;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	margin: 0 auto -120px;
	overflow: hidden;
}
.kopf{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #FFF;
	z-index: 1;
}
.logo{
	position: relative;
	top: 18px;
	left: 4%;
	width: 15%;
	max-width: 420px;
	min-width: 150px;
	height: auto;
	padding-bottom: 12px;
	transition: 0.4s ease-in-out;
	z-index: 1;
}
.qm-logo{
	position: absolute;
	top: 18px;
	left: 22.5%;
	width: 11.2%;
	max-width: 420px;
	min-width: 150px;
	height: auto;
	transition: 0.4s ease-in-out;
	z-index: 1;
}
#qm-desktop{
	display: block;
}
#qm-mobile{
	display: none;
}
.banner,
.custom_banner-impressum,
.banner iframe,
.maps{
	position: relative;
	width: 100%;
	height: 660px;
}
#ba_unternehmen,
#ba_referenzen{
	display: none;
}
.wrapper-gallery{
	position: absolute;
	left: 11%;
	width: 480px;
	height: 480px;
	bottom: 30%;
}
.circlegallery,
.gallery-overlay{
	position: absolute;
	top:0;
	width: 480px;
	height: 480px;
	border-radius: 50%;	
}
.circlegallery,
.gallery-overlay{
	border: 6px solid #fff;
}
.gallery-overlay{
	display: none;
}
.elt-bg{
	background: url(../../../images/bilder/circ-galerie/01-kash_124875613_600.png);
	background-size: contain;
}
.aut-bg{
	background: url(../../../images/bilder/circ-galerie/02-kash_95285332_600.png);
	background-size: contain;
}
.bls-bg{
	background: url(../../../images/bilder/circ-galerie/03-kash_40060540_600.png);
	background-size: contain;
}
.egt-bg{
	background: url(../../../images/bilder/circ-galerie/04-kash_113236204_circ600.png);
	background-size: contain;
}
.fus-bg{
	background: url(../../../images/bilder/circ-galerie/05-kash_116913652_circ600.png);
	background-size: contain;
}
.inhalt{
	position: relative;
	display: block;
	width: 60%;
	height: auto;
	padding-top: 45px;
	margin: 0 auto 150px;
	background-color: #FFF;	
}
#in_unternehmen{
	left: 0;
	width: 100%;
	padding-left: 0;
}
figure{
	width: 30%;
}
figure.image-left{
	position: relative;
	display: inline-block;
	margin: 0.3em 4.5em 1.2em 0;
	float: left;
}
figure.image-right{
	position: relative;
	display: inline-block;
	margin: 0.3em 0 1.2em 4.5em;
	float: right;
	z-index: 15;
}
figure img{
	width: 100%;
	height: auto;
	margin-top: 1.5em;
}
figure img:first-of-type{
	margin-top: 3.6em;
}

figure.image-center{
	width: 100%;
	height: auto;
	margin: 0.6em 0 1.2em;
}

figure figcaption {
	font-size: 0.875em;
	line-height: 1.25em;
  	padding: 0.6em 0;
}

.inhalt ul{
	position: relative;
	left: 16px;
	width: 100%;
	padding-bottom: 0.6em;
}
.inhalt ul{
	margin-left: 6px;
	list-style-image: url(../bilder/li-zeichen.png);
}

.inhalt ul li{
	margin: 0 0 0.6em 0;
}
.items-leading{
	width: 100%;
	margin-bottom: 112px;
}
.items-leading [itemprop="blogPost"]{
	position: relative;
	width: 84%;
	padding-bottom: 60px;
	padding: 36px 0 0 20%;
	margin-bottom: 0;
	/*border-bottom: 15px solid #F4D9B7;*/
	clear: both;
}

.items-leading [itemprop="blogPost"]:last-of-type{
	border-bottom: none;
}
.items-leading [itemprop="blogPost"] p{
	width: 70%;
}

.items-leading [itemprop="blogPost"] figure.image-left{
	margin-left: -18%;
}
.article-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ebeef7;
}
.fuss{
	position: relative;
	width: 100%;
	height: 105px;
	margin-top: 24px;
	clear: both;
	background-color: #ebeef7;
	overflow: hidden;
}

.fuss h3{
	margin-bottom: 0.3em;
}
.fuss ul{
	position: relative;
	width: auto;
	height: auto;
	margin-right: 2em;
	float: left;
}
.fuss ul li{
	list-style: none;
	white-space: nowrap;
	margin-bottom: 0.3em;
}
span.fax{
	letter-spacing: 0.015em;
}
.wrapper{
	position: relative;
	width: 92%;
	font-size: 0.875em;
	line-height: 1.25em;
	margin: 0.6em auto;
	padding: 0.3em 2%;
}
hr{
	width: 40%;
	border: dotted 1px #999;
	margin: 1em 0 2em;
}
.ion-download{
	font-family: ionicons;
	line-height: 1.825em;
}
.ion-download{
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ion-download:before{
	position: relative;
	content: "\f41f";
	top: -6px;
	font-size: 1.24em;
	color: #336699;
	float: left;
}


/* Start-image 
**********************************************/

.start-window{
		position: relative;		
}
#st_unternehmen{
	  	background-image: url(../../../images/bilder/unternehmen/ind-sh_6310804_2400.jpg);
  		background-size: cover;
}
#st_referenzen{
	  	background-image: url(../../../images/bilder/Referenzen/ref-Bilder_Anlage_Plattling_13_2400.jpg);
  		background-size: cover;
}
#st_elektrotechnik{
	  	background-image: url(../../../images/bilder/elt-kash_124875613_2400.jpg);
  		background-size: cover;
}
#st_automatisierung{
	  	background-image: url(../../../images/bilder/aut-kash_95285332_2400.jpg);
  		background-size: cover;
}
#st_blitzschutz{
	  	background-image: url(../../../images/bilder/bls-kash_40060540_2400.jpg);
  		background-size: cover;
}
#st_energietechnik{
	  	background-image: url(../../../images/bilder/egt-kash_113236204_2400.jpg);
  		background-size: cover;
}
#st_funktionale-sicherheit{
	  	background-image: url(../../../images/bilder/fus-kash_116913652_2400.jpg);
  		background-size: cover;
}
/*.vollbild{
	display: none;
}*/

/* Unternehmen 
**********************************************/

#in_unternehmen .leading-1{
	width: 100%;
	padding: 36px 0 6px;
}
#in_unternehmen .leading-3,
#in_unternehmen .leading-5{
	width: 100%;
	padding: 36px 0 0;
}
#in_unternehmen .leading-5{}
.banner-galerie{
	margin-left: -9px !important;
	width: calc(100% + 18px) !important;
}
.banner-galerie-item{
	position: relative;
	width: 33.33% !important;
	margin: 0;
	border-right: 9px solid #ebeef7;
	border-left: 9px solid #ebeef7;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	-webkit-transition: all 0.6s;
  	-moz-transition: all 0.6s;
  	transition: all 0.6s;
	float: left;
	overflow: hidden;
}
.team-galerie{
	position: relative;
	width: 95%;
	height: auto;
	margin: 0 auto !important;
	padding: 0;
}
.team-galerie h2,
.team-galerie h3{
	margin-left: 18.5%;
	margin-bottom: 1em;
}
.team-galerie h3{
	margin-bottom: 1.8rem;
}
ul.team-galerie{
	left: 0;
	width: 64%;
	text-align: justify;
	padding: 0;
	transition: 0.4s ease-in-out;
}
ul.team-galerie li{
	display: inline-block;	
	width: 30%;
	height: auto;
	list-style: none;
	vertical-align: top;
	text-align: center;
	padding: 0 0.5em;
	margin: 0;
	transition: 0.4s ease-in-out;
}
li.line{
	padding-left: 100%;
}
.bild-team-galerie img{
	width: 100%;
	height: auto;
	padding: 0;
}
ul.team-galerie li p{
	width: 100% !important;
}
.jobs{
	margin-bottom: 1.2em;
}
.jobs h4{
	width: 94%;
	font-size: 1.75em;
	line-height: 1.2em;
	margin: 0.45em 0 1em;
}
.jobs h5{
	font-size: 1.2em;
	margin: 0.45em 0 0.75em;
}
.jobs ul{
	width: 84%;
}
p#news{
	margin: 0;
	padding: 0;
}

.news-item img{
	border: 2px solid #999;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	pointer-events: none;
}


/* Referenzen
**********************************************/

#in_referenzen h2{
	margin-bottom: 1.8em;	
}
#in_referenzen h3{
	padding-top: 1rem;
	margin-bottom: 1.5em;	
}
#firsthead{
	padding-top: 0 !important;
}
#in_referenzen table{
	width: 100%;	
}
#in_referenzen table td{
	vertical-align: top;
	padding-bottom: 1em;	
}
#in_referenzen table td:first-child{
	width: 30%;
	padding-right: 2em;
}
#in_referenzen table td:nth-child(2){
	width: 18%;
	padding-right: 2em;
}
#in_referenzen table td:nth-child(3){
	width: 12%;
	text-align: center;
	padding-right: 2em;
}
#in_referenzen table td:last-child{
	width: 24%;
}

/* Leistungsspektrum
**********************************************/
ul.downloads{
	list-style-image: none;
	list-style: none;
	padding-left: 9px;
}
ul.downloads li:before{
	position: relative;
	top: 0.1em;
	font-family: ionicons;
	content: "\f41f";
	font-size: 1.5em;
	color: #6699CC;
	padding-right: 12px;
	margin: 0 0 1em -18px;
}
ul.downloads li{
	text-indent: -11px;
	margin: 0 0 1em;
}


/* Kontakt
**********************************************/
#cg_kontakt, #sub_kontakt, #mob2_kontakt, #cg_impressum, #sub_impressum, mob2_impressum{
	display: none !important;
}
#ba_kontakt p{
	padding: 0;
}
#in_kontakt{
	display: inline-block;
    zoom: 1;
    display*: inline; /* ie hack */
	left: 50%;
	width: auto;
	margin: 0 auto 150px;
	-webkit-transform: translatesX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	filter: progid:DXImageTransform.Microsoft.Matrix(Dx=-50%);	
}
table{
	border-collapse: collapse;
	margin-bottom: 1.2em;
}
#in_kontakt td{
	vertical-align: top;
	white-space: nowrap;
	padding: 0 15px 0 0;
}


/* Opt-in Google Maps
**********************************************/
#ihr-weg-zu-uns .ihr-partner-wrapper{
	padding-bottom: 6rem;
}
.maps{
	position: relative;
	background: url(../../../images/bilder/kontakt/ph-google-maps.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size:  cover;
  	-o-background-size:  cover;
 	background-size:  cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='((../../../images/bilder/kontakt/ph-google-maps.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/kontakt/ph-google-maps.jpg', sizingMethod='scale')";	
  	overflow: hidden; 	
}
.opt-in-button{
	position: absolute;
	top: 50%;
	 left: 50%;
	width: 40%;
	margin: 0 auto;
	padding: 12px 12px 30px 30px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translateY(-50%);
    transform: translate(-50%,-50%);			
	cursor: pointer;
	background-color: #FFF;
	transition: 0.4s ease;    
}
.opt-in-button h3{
	font-size: 1.5rem;
	margin-bottom: 1rem;
	transition: 0.6s ease;
}
.opt-in-button h3:hover{
	opacity: 0.6;
	transition: 0.6s ease;
}
.opt-in-button a{
	color: #e2001a;
	transition: 0.6s ease;
}
.opt-in-button a:hover{
	color: #999;
	transition: 0.6s ease;
}


/* Impressum / Datenschutz
**********************************************/

.custom_banner-impressum{
	background: #ccc;
	background-position: center center;
	background-size: cover;
}
#sf_kontakt,
#sf_datenschutz,
#sf_impressum{
	display: none;
}
#cg_datenschutz,
.nav2#sub_datenschutz{
	display: none !important;
}
#in_impressum{
	padding: 90px 0 4em;
}
#in_datenschutz h3,
#in_impressum h3{
	line-height: 1em;
	margin: 1.5em 0 0.6em;
}
#in_datenschutz h4{
	margin: 0.9em 0 0.6em;
}

/* #arrow-top
------------------------------------*/

.arrow-up{
	position: absolute;
	bottom: -24px;
	left: 50%;
	width: 30px;
	height: 15px;
	margin-left: -30px;
	z-index: 12;
}
#in_referenzen .arrow-up{
	margin-left: -18px;
}
.arrow-up-table{
	position: relative;
	display: block;
	top: 21px;
	left: 0;
	width: 30px;
	text-align: center;
	height: 15px;
	margin: 0 auto;
	z-index: 12;
}
#in_referenzen table td.arrow-top{
	padding-right: 0;
}

.arrow-up, .arrow-up-table{
	background: url(../bilder/pfeil-up.png) 0 0 no-repeat;
}
.arrow-up:hover,
.arrow-up-table:hover{
	background: url(../bilder/pfeil-up.png) 0 -21px no-repeat;
}




@media only screen and (min-width: 2400px) {
	
body{
	font-size: 125%;
}

/*Willkommen
**********************************************/


}


@media only screen and (max-width: 2400px) {
	
body{
	font-size: 115%;
}

/*Navigation
**********************************************/


}


@media only screen and (max-width: 2100px) {
	
/* Layout
**********************************************/


}

@media only screen and (max-width: 1800px) {
	
body{
	font-size: 100%;
}

/* Navigation 
**********************************************/


/*Layout
**********************************************/
#buehne{
	margin-bottom: -96px;
}

.fuss{
	height: 96px
}
/* Willkommen 
**********************************************/


}

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

/* Navigation 
**********************************************/


/*Layout
**********************************************/

/*Unternehmen
**********************************************/

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 540px;
}
.banner iframe.embedGoogleMap{
	height: 540px;
}
#in_kontakt{
		top: 30px;
		margin-bottom: 180px;
}

}


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

/*Layout
**********************************************/

.wrapper-gallery{
	left: 13%;
	width: 450px;
	height: 450px;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 450px;
	height: 450px;
}
.arrow-up{
	margin-left: -15px;
}

/*Willkommen
**********************************************/

/*kontakt
**********************************************/


}

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

/* Navigation 
**********************************************/


/*Layout
**********************************************/


/*Willkommen
**********************************************/


/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 480px;
}
.banner iframe.embedGoogleMap{
	height: 480px;
}
#in_kontakt{
	top: 30px;
	margin-bottom: 180px;
}


}

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

/* Navigation 
**********************************************/

.nav2{
	height: 36px;
}
.nav2 ul.nav li{
	font-size: 1.15em;
	line-height: 36px;
	padding: 0 12px;
}

/*Layout
**********************************************/

.logo{
	top: 15px;
	width: 18%;
}
.qm-logo{
	left: 24%;
	top: 15px;
	width: 13.8%;
}
.wrapper-gallery{
	left: 11%;
	width: 390px;
	height: 390px;
	bottom: 28.5%;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 390px;
	height: 390px;
}
.inhalt{
	left: 6%;
	width: 72%;
	height: auto;
}

/*Unternehmen
**********************************************/

#in_unternehmen .leading-1{
	padding: 24px 0 0;
}
.team-galerie{
	position: relative;
	width: 98%;
}
ul.team-galerie{
	width: 62%;
}
ul.team-galerie li{
	width: 44%;
}
.team-galerie h2,
.team-galerie h3{
	margin-left: 19.5%;
}
.lgx-parallax{
	height: 420px !important;
}

/*Referenzen
**********************************************/

#in_referenzen{
	width: 80%;
}
.arrow-up-table{
	left: -75px;
}
#in_referenzen .arrow-up{
	margin-left: -96px;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 450px;
}
.banner iframe.embedGoogleMap{
	height: 450px;
}


}

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

/* Navigation 
**********************************************/


/*Layout
**********************************************/
.arrow-up{
	margin-left: -75px;
}
.arrow-up{
	margin-left: -30px;
}
#in_referenzen .arrow-up{
	margin-left: -78px;
}
.arrow-up-table{
	left: -60px;
}

/*Unternehmen
**********************************************/

.wrapper-gallery{
	width: 360px;
	height: 360px;
	bottom: 28.5%;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 360px;
	height: 360px;
}
.lgx-parallax{
	height: 390px !important;
}


/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 420px;
}
.banner iframe.embedGoogleMap{
	height: 420px;
}


}


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

/* Navigation 
**********************************************/

/*Layout
**********************************************/

.logo{
	position: relative;
	top: 12px;
	width: 20%;
}
.qm-logo{
	left: 27%;
	top: 12px;
	width: 9%;
} 

/*Unternehmen
**********************************************/

.wrapper-gallery{
	width: 300px;
	height: 300px;
	bottom: 28.5%;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 300px;
	height: 300px;
}
.lgx-parallax{
	height: 360px !important;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 390px;
}
.banner iframe.embedGoogleMap{
	height: 390px;
}



}

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


/* Navigation 
**********************************************/


/*Layout
**********************************************/
.arrow-up{
	margin-left: -30px;
}
#in_referenzen .arrow-up{
	margin-left: -75px;
}

/*Unternehmen
**********************************************/

.lgx-parallax{
	height: 330px !important;
}


/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 360px;
}
.banner iframe.embedGoogleMap{
	height: 360px;
}




}

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


/* layout 
**********************************************/

#qm-desktop{
	display: none;
}
#qm-mobile{
	display: block;
	width: 32%;
}
.arrow-up-table{
	left: -48px;
}

/*Unternehmen
**********************************************/

.wrapper-gallery{
	width:270px;
	height: 270px;
	bottom: 30%;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 270px;
	height: 270px;
}

/*kontakt
**********************************************/


/*Impressum
**********************************************/

}

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

/* Navigation 
**********************************************/
.nav2, .nav2mobile{
	bottom: 18%;
}

/*Layout
**********************************************/

.inhalt{
	left: 12%;
	width: 80%;
	padding-top: 36px;
	margin: 0 0 120px;	
}
.arrow-up-table{
	left: -18px;
}
#in_referenzen .arrow-up{
	margin-left: -33px;
}

/*Unternehmen
**********************************************/
.items-leading [itemprop="blogPost"]{
	padding: 24px 0 0 18%;
}
.items-leading [itemprop="blogPost"] p{
	width: 84%;
}
#in_unternehmen .leading-1{
	padding: 24px 0 0;
}
.team-galerie{
	position: relative;
	width: 100%;
}
.team-galerie h2,
.team-galerie h3{
	margin-left: 18%;
}
ul.team-galerie{
	width: 65%;
}
.lgx-parallax{
	height: 300px !important;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 330px;
}
.banner iframe.embedGoogleMap{
	height: 330px;
}



/*Impressum
**********************************************/

}

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

/* Navigation 
**********************************************/
.nav2, .nav2mobile{
	height: 30px;
}
.nav2 ul.nav li{
	font-size: 1em;
	line-height: 30px;
}


/*layout
**********************************************/
.qm-logo {
	top: 13px;
	left: 184px;
}

#qm-mobile{
	position: absolute;
	width: 42px;
}

/*Unternehmen
**********************************************/

.wrapper-gallery{
	width:240px;
	height: 240px;
	bottom: 30%;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 240px;
	height: 240px;
}
.circlegallery,
.gallery-overlay{
	border: 4px solid #fff;
}

/*Referenzen
**********************************************/
.inhalt{
	left: 6%;
	width: 84%;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 300px;
}
.banner iframe.embedGoogleMap{
	height: 300px;
}
#in_kontakt{
	top: 24px;
	margin-bottom: 150px;
}


}

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

/* Navigation 
**********************************************/

.nav1 ul.nav li{
	font-size: 1.15em;
	padding-left: 24px;
}

.nav2mobile{
	display: block;
	left: 0;
	width: 210px;
	padding-left: 4%;
	font-size: 1.15em;
	text-align: center;
	line-height: 30px;
	background: url(../bilder/pfeil-r.png) right 6px no-repeat;
	background-color: #ccc;
	cursor: pointer;
}
.nav2{
	bottom: 9%;
	left: 50%;
	width: 50%;
	height: 240px;
	padding: 15px 0 0 0;
	background: url(../bilder/transp_weiss_15.png);
}
.nav2 ul.nav{
	font-size: 1.15em;
	display: block;
}
.nav2 ul.nav li,
.nav2 ul.nav li:first-of-type{
	line-height: 42px;
	text-align: left;
	padding: 0 0 0 24px;
	border: none;
	float: none;
}
.nav2mobile:hover{
	color: #6699CC;
}
.nav1 ul ul{
	padding: 1.15em 3em 0 0;
}

.start-footer{
	height: 54px;
}
.scroll{
	top: 21px;
}

/*Layout
**********************************************/
.inhalt{
	left: 4%;
}
.wrapper-gallery{
	left: 4%;
	width:210px;
	height: 210px;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 210px;
	height: 210px;
}
.inhalt ul{
	width: 94%;
}

/*Unternehmen
**********************************************/

.items-leading [itemprop="blogPost"]{
	padding: 18px 0 0 10%;
}
.items-leading [itemprop="blogPost"] p{
	width: 94%;
}
.banner-galerie-item{
	border-right: 6px solid #ebeef7;
	border-left: 6px solid #ebeef7;
}
.team-galerie h2,
.team-galerie h3{
	margin-left: 10%;
}
ul.team-galerie{
	width: 82%;
}
.lgx-parallax{
	height: 240px !important;
}


/* Referenzen 
**********************************************/
.inhalt#in_referenzen{
	left: 21%;
}
.table-head{
	display: none;
}
#in_referenzen table h3{
	margin-bottom: 12px;
}
#firsthead{
	width: 100% !important;
	float: left;
}

#in_referenzen tr{
	width: 100% !important;
	margin-bottom: 1em;
	float: left;
}

#in_referenzen td{
	float: left;
	width: 100% !important;
	text-align: left !important;
}

#in_referenzen td::before {
	content:attr(data-label);
	width: 24%;
	text-align: left;
	padding:1em 1em 3em 4%;
	font-weight: bold;
	margin:-1em 1em -1em -1em;
	float: left;
}
.arrow-up-table{
	left: -72px;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 270px;
}
.banner iframe.embedGoogleMap{
	height: 270px;
}
#in_kontakt{
	top: 18px;
}

/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	width: 78%;
}

/*Datenschutz / Impressum
**********************************************/
#mob2_datenschutz,
#mob2_impressum{
	display: none !important;
}

}

@media only screen and (max-width: 600px) {
	
/* Navigation 
**********************************************/
.nav1{
	bottom: 9px;
}
.nav2mobile{
	width: 180px;
	padding-right: 24px;
}
.start-footer{
	height: 48px;
}
.scroll{
	top: 18px;
}

/* Layout
**********************************************/

.logo{
	padding-bottom: 6px;
}
.wrapper-gallery{
	left: 4%;
	width: 180px;
	height: 180px;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 180px;
	height: 180px;
}
.inhalt{
	left: 4%;
}
#in_referenzen .arrow-up{
	margin-left: -75px;
}

/*Unternehmen
**********************************************/

ul.team-galerie{
	left: 12%;
}
ul.team-galerie li{
	width: 70%;
	margin-bottom: 1em;
	float: none;
}
ul.team-galerie li:nth-child(3){
	margin-bottom: 0;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 240px;
}
.banner iframe.embedGoogleMap{
	height: 240px;
}	

	
}

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

/* Navigation 
**********************************************/
/*.nav2mobile{
	width: 150px;
	padding-right: 30px;
}
.nav1 ul ul{
	padding: 1.15em 2.7em 0 0;
}*/

.nav1{
	right: 0;
	top: 66px;
	width: 50%;
	padding-bottom: 20%;
	display: none;
}
.nav1 ul.nav{
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	padding-top: 12px;
	background: url(../bilder/transp_weiss_15.png);
}
.nav1 ul.nav li{
	width: 85%;
	text-align: right;
	padding-bottom: 1em;
	clear: right;
}
.nav1mobile{
	position: absolute;
	top: 24px;
	width: 30px;
	height: 24px;
	right: 4%;
	background: url(../bilder/ac-menue30.png) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	z-index: 60;
}
.nav1mobile:hover{
	background: url(../bilder/ac-menue30.png) 0 -36px no-repeat;
}
.nav1mobile:visited{
	background: url(../bilder/ac-menue30.png) 0 0 no-repeat;
}
.nav1 ul ul{
	position: relative;
	right: 0;
	top: 12px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
	display: none;
}
.nav1 ul ul li {
	padding-bottom: 0;
	float: right !important;
}


/* Layout
**********************************************/	
.wrapper-gallery{
	left: 4%;
	width: 150px;
	height: 150px;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 150px;
	height: 150px;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 210px;
}
.banner iframe.embedGoogleMap{
	height: 210px;
}	



}

@media only screen and (max-width: 480px) {
	
/* Navigation 
**********************************************/
/*.nav1{
	right: 3%;
}
.nav1 ul.menu li{
	padding-left: 15px;
}

/* Layout
*****************************/	
.fuss{
	height: 168px;
}
.fuss ul{
	margin-bottom: 1em;
	float: none;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum,
.maps{
	position: relative;
	width: 100%;
	height: 180px;
}
.banner iframe.embedGoogleMap{
	height: 180px;
}	


}

@media only screen and (max-width: 450px) {
	
/* Navigation 
**********************************************/
.nav2{
	bottom: 48px;
}
.nav2mobile{
	width: 174px;
}

/* Layout
*****************************/

.logo{
	top: 9px;
}
.arrow-up{
	margin-left: -6px;
}
#in_referenzen .arrow-up{
	margin-left: -66px;
}
.arrow-up-table{
	left: -48px;
}
.wrapper-gallery{
	left: 50%;
	width: 300px;
	height: 300px;
	margin-left: -150px;
	bottom: 36%;
}
.circlegallery,
.gallery-overlay,
.showplusx-viewport{
	width: 300px;
	height: 300px;
}

/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	width: 84%;
}


}
@media only screen and (max-width: 450px) {
	
/* Navigation 
**********************************************/
.nav2mobile{
	width: 168px;
}

}

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

/* Navigation 
**********************************************/	
.nav2{
	bottom: 36px;
}
.nav2mobile{
	width: 156px;
}
.nav2 ul.nav li,
.nav2 ul.nav li:first-of-type{
	line-height: 1.15em;
	padding-bottom: 15px;
}

/* Layout
**********************************************/
.inhalt{
	width: 92%;
}
.start-footer{
	height: 36px;
}
.scroll{
	top: 12px;
}

/* Referenzen 
**********************************************/

#in_referenzen td::before {
	text-align: left;
	padding:1em 1em 4em 4%;
}


}

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

/* Navigation 
**********************************************/	
.nav2{
	bottom: 36px;
}
.nav2mobile{
	width: 150px;
}
}