/*@media (orientation: portrait) {
  body {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
left: 13%;
width: 100%;
  }
}
*/

/* ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1080px) 
and (orientation : landscape) {
	#mobileindicator {
	  font-size:2px;
	}

	#mainarea,
 	#footer,
	#header,
	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-width: 100%;
 	}

	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-height: inherit;
 	}

	.product_text_dropdown .fullarea_inner {
	  min-width: 850px;
	  max-width: 850px;
	 }

 	#mainnav {
 		width:90%;
 	}

 	.dropmenu_produkte .rightmenuarea .legende {
 		width: 35%;
 	}

	.product_text_dropdown .zertifikatarea_padder {
	    min-width: auto;
	    max-width: auto;
	} 	


	.reference_text_dropdown .rightarea .contactlinkblock {
		height: 38vw;
	}

	.dropmenu_aktuelles .rightmenuarea .template:hover .aktuellesmenuitem,
	.dropmenu_referenzen .rightmenuarea .template:hover .referenzmenuitem,
	.dropmenu_produkte .rightmenuarea .template:hover .referenzmenuitem,
	.dropmenu_unternehmen ul ul:hover li div.menuitem, .dropmenu_unternehmen ul ul:hover li > a {
 	   opacity: 1;
	}


	.pagesdropdown_layout_listeverknuepfungen .item_list .label {
	    width: 60%;
	}	
	.pagesdropdown_layout_listeverknuepfungen .item_list .image {
	    width: 39%;
	}
	.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li.active span.activearrow {
    width: 22px;
    right: -22px;		
	    min-height: 22px;
	    height: 22px;
	}

	.dropmenu_produkte .leftmenuarea h3.mainitem.active span.activearrow {
	    width: 17px;
	    right: -17px;
	    height: 22px;
	    min-height: 22px;
	    margin-top: -3.5vh;
	}

	.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li.active span.activearrow {
	    width: 22px;
	    right: -22px;
	    height: 22px;
	}
	.dropmenu_referenzen .leftmenuarea h3.mainitem.active span.activearrow {
	    width: 17px;
	    right: -17px;
	    height: 22px;
	    min-height: 22px;
	    margin-top: -3.5vh;
	}
	.product_references_close_button {
	    position: absolute;
	    right: 2%;
	    bottom: 2%;
	    background: url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
	    background-size: contain;
	    width: 5vw;
	    height: 5vw;
	    margin: 0.5em 0.5em 0 0;
	    z-index: 1;
	    max-width: 140px;
	    max-height: 140px;
	    min-width: initial;
	    min-height: initial;
	}

	.produkt_references_dropdown .bg img {
	    width: 100% !important;
	}

	.tx-haendlersuche #gmapformandresultlist {
	    min-width: 28%;
	}

	.tx-haendlersuche .row_address {
	    position: relative;
	    width: 100%;
	}

	.tx-haendlersuche button.submit {
		width: 2em;
		padding:0;
		background-color: #fff;
	}

	.dropmenu_service ul li[data-menutemplate="3"] ul li {
	    width: 18vw;
	    min-width: 27em;
	}

	.dropmenu_service ul li[data-menutemplate="3"] ul li div.menuitem {
	    width: 18vw;
	    height: 50vh;
	    margin-bottom: 2%;
	    border: 1px solid #000000;
	    background-color: #000000;
	    min-width: 27em;
	}

	#mainnav > ul > li {
		margin-right: 2vw;
	}

	#logoblock_padder {
		float: left;
		width: 2vw;
		min-width: 20px;
		height: 41px;
	}

}

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1080px) 
and (orientation : portrait) { 
	.portraitoverlay {
		display:block;
		background-color: #000000;
		width: 100%;
		height: 100%;
		z-index:1000001;
		top:0;
		left:0;
		text-align: center;
		padding:20vh 10vw;
		box-sizing:border-box;
	}

	.portraitoverlay h2 {
		color:#ffffff;
		font-size: 2.5em;
		line-height: 2em;
	}
	.siteholder,#pt-main,.pt-page {
		display: none;
	}

	#mainarea,
 	#footer,
	#header,
	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-width: 100%;
 	}

	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-height: inherit;
 	}



}


/* 10px 2G-4S in landscape */
/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape) { 
	#mainarea,
 	#footer,
	#header,
	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-width: 100%;
 	}

	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-height: inherit;
 	}

	#mobileindicator {
	  font-size:2px;
	}
}
*/


/* iPhone 2G-4S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  { 

#contactform .leftarea {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 0;
}

#contactform .rightarea {
    margin-left: 0;
    width: 100%;
}

#contactform .row {
    margin-bottom: 3vw;
}

#contactform input[type=text] {
    border: 1px solid #aca19c;
    width: 100%;
    box-sizing: border-box;
    padding: 2vw;
    font-size: 1.5em;
}

#contactform input.ort {
    border: 1px solid #aca19c;
    width: 100%;
    margin-left: 0;
    margin-top: 3vw;
}

#contactform textarea {
    border: 1px solid #aca19c;
    width: 100%;
    box-sizing: border-box;
    padding: 2vw;
    font-size: 1.5em;
    height: 35vw;
}


#newsletter input[type=text] {
    border: 1px solid #aca19c;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #e3e0de;
    background-color: #aca19d;
    width: 100%;
    box-sizing: border-box;
    padding: 2vw;
    margin-bottom: 4vw;
    font-size: 1.5em;
}

.pt-perspective {
  position: static;
  width: auto;
  height: 100%;
  perspective: 0;
  transform-style: auto;
}

.pt-page {
  width: auto;
  height: auto;
  position: static;
  visibility: hidden;
  overflow: auto;
  backface-visibility: visible;
  transform: translate3d(0, 0, 0);
}

.pt-page-2 {
	display: none;
}

.pt-page-current,
.no-js .pt-page {
  visibility: visible;
}

.no-js body {
  overflow: auto;
}

.pt-page-ontop {
  z-index: 999;
}

	#mobileindicator {
	  font-size:1px;
	}


	#mainarea,
 	#footer,
	#header,
	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-width: 100%;
 	}

	.singleimage_fullscreen,
	.incontentgallery_fullscreen {
  		min-height: inherit;
 	}

	#classicnav,
	#footer,
	.thumbsgallery_activator,
	.thumbsgallery,
	.thumbsgallery2 {
		display: none;
	}

	#mobilenav {
		display: block;
	    position: fixed;
	    z-index: 1000000000000;
	    width: 100%;

	    min-height: 0;
	    height: 16vw;
	    position: fixed;
		border-bottom: 2px solid #fff;
	    background-color: #190d0c;
	    top: inherit;
    }

	#mobilenav .toparrow {
	    width: 100%;
	    height: 3vw;
	    background: url(../images/mobilicons/pfeil_hauptmenue.svg) 50% 0 no-repeat;
	    background-size: contain;
	    position: fixed;
	    z-index: 12222;
	    top: 15.2vw;
  	}

	#header {
		min-height: 0;
	    height: 16vw;
	    position: fixed;
	    z-index: 10000;
		border-bottom: 2px solid #ffffff;
	    background-color: #462E24;
	    top:inherit;
    }


	.headertoparrow {
	    width: 100%;
	    height: 20px;
	    background: url(../images/pfeil_hauptmenue.png) 50% 0px no-repeat;
	    margin: 0 auto;
	    background-size: 36% auto;
	    position: fixed;
	    z-index: 100;
	    top:16vw;
	    display: none;
	}

	#mobilenav > span.opener {
	    background: url(../images/svgpz/pz_burger.svg) 0 0 no-repeat;
	    background-size: contain;
	    display: inline-block;
	    width: 11vw;
	    color: #ffffff;
	    font-size: 2em;
	    box-sizing: border-box;
	    height: 11vw;
	    margin-top: 2vw;
	    margin-right: 4vw;
	    float: right;
	}

	#mobilenav .menutitel {
		display: inline-block;
		width: 68vw;
		color: #fff;
		text-align: initial;
		font-size: 1.5em;
		font-weight: 500;
		line-height: 16vw;
		vertical-align: top;
		padding-left: 4vw;
	}

	#mobilenav .menutitel .mobilelogo {
		height: 11vw;
	    margin-top: 2.5vw;
   	}

	.mobilelogo a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	#mobilenav .menutitel .mobilelogo img.logo {
	    width: 11vw;
	    height: 11vw;
	    vertical-align: sub;
	}

	#mobilenav .menutitel .mobilelogo img.claim {
	    width: 42vw;
	    height: auto;
	    vertical-align: center;
	}

	#mobilemainnav {
		display: none;
	}


	#leftcontent {
		width: 100%;
	    background-color: transparent;
	    float: none;
	    height: 40vh;
	    height: 50vh;
	    height: 55vh;
	    border-bottom: 1px solid rgba(200,200,200,0.8);
 	}

	#mainarea {
    	border-top:0;
    	border-bottom:0;
    	height: auto !important;
    	padding-top:16vw;
    	overflow: visible;
	}

.siteholder_leererblockfuerplugins	 #mainarea {
	height: 100vh !important;
}

.wrmultislider {
	position: relative;
}

.wrmultislider_textslider h2 {
	padding:0 0.2em;
	font-size: 4em;
}

.wrmultislider_textslider p {
	font-size: 1.75em;
	padding:0 0.2em;
}

.wrmultislider_logo img {
    width: 50vw;
    height: 50vw;
}

	#maincontent {
	    width: 100%;
	    margin-left: 0;
	    overflow-y: auto;
	    border-left: 0;
	    height: auto;
	}

	.openfullscreen {
		display: none;
	}

	#mobilemainnav {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    top: 16.4vw;
	    width: 100%;	
	    z-index:3;
	}

	#mobilemainnav .mobilenav {
		margin:0;
		padding:0;
		list-style-type: none;
		background-color: #a1b0d1;
	}

	#mobilemainnav .mobilenav li {
	  font-family: 'Fira Sans Condensed', sans-serif;  
		display: block;
		height: 8vh;
		box-sizing:border-box;
		border-bottom:1px solid #dee3ef;
	}

	
	#mobilemainnav .mobilenav li a {
		display: block;
		height: 9vh;
		box-sizing:border-box;
		text-align: center;
		font-size: 2em;
		text-decoration: none;
		line-height: 9vh;
		color:#ffffff;
		font-weight: 500;
	}

	#mobilemainnav .mobilenav li a:active {
		color:#190d0c;
	}

	#mobilemainnav .mobilefooternav {
		margin:0;
		padding:0;
		list-style-type: none;
		background-color: #a1b0d1;
	}

	#mobilemainnav .mobilefooternav li {
  font-family: 'Fira Sans Condensed', sans-serif;  
		display: block;
		height: 8vh;
		box-sizing:border-box;
		border-bottom:1px solid #dee3ef;		
	}
	#mobilemainnav .mobilefooternav li a {
		display: block;
		height: 9vh;
		box-sizing:border-box;
		text-align: center;
		font-size:2em;
		color:#ffffff;
		text-decoration: none;
		line-height: 9vh;
		font-weight: 500;

	}

	#mobilemainnav .mobilefooternav li.active a {
		color:#190d0c;
	}


	.dropmenu_mobile_aktuelles {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #ffffff;	    
	}

	.dropmenu_mobile_aktuelles_sub {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #ffffff;	    
	}

	.dropmenu_mobile_aktuelles .backtocontent {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#000;
		background-color: #fff;
		border-bottom: 1px solid #000;
		box-sizing: border-box;		
	}


	.dropmenu_mobile_aktuelles ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_aktuelles ul li {
		padding:4vw;
		clear: both;
		border-bottom:1px solid #dee3ef;
	}

	.dropmenu_mobile_aktuelles ul li .image {
		float: left;
		width: 11vw;
		height: 11vw;
	}

	.dropmenu_mobile_aktuelles ul li .icomoonimage {
	  display: inline-block;
	  width: 11vw;
	  height: 11vw;
	  vertical-align: middle;
	content: 'viewport-units-buggyfill; width: 11vw;  height: 11vw;'

	}

	.dropmenu_mobile_aktuelles ul li .icomoonimage i {
	  font-size: 11vw;
	  color:#fff;
	}



	.dropmenu_mobile_aktuelles ul li .image .inactive {
		display: block;
	}

	.dropmenu_mobile_aktuelles ul li .image .active {
		display: none;
	}

	.dropmenu_mobile_aktuelles ul li .image img {
		width: 100%;
		height: auto;
	}


	.dropmenu_mobile_aktuelles ul li span {
		margin-left:15vw;
		display: block;
		color:#fff;
		font-size: 2em;
		line-height: 1.6em;
	}

	.dropmenu_mobile_aktuelles .arrow {
		display: inline-block;
		width: 5%;
		font-size: 1.4em;
	}

	.dropmenu_mobile_aktuelles_sub .backtocontentsub {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#000;
		background-color: #fff;
		border-bottom: 1px solid #000;
		box-sizing: border-box;		

/*position: fixed;
    width: 100%;
    z-index: 11111;*/		
	}

	.dropmenu_mobile_aktuelles_sub .aktuellesmenuitem {
		border-bottom:1px solid #dee3ef;
	}

	.dropmenu_mobile_aktuelles_sub .aktuellesmenuitem a {
		padding:3vw 4vw;
		color:#fff;
		font-size: 1.5em;
		display: block;
		text-decoration: none;
	}

	.dropmenu_mobile_aktuelles_sub .aktuellesmenuitem a .dotcontent {
		display: inline-block;
		width: 95%;
	}

	.dropmenu_mobile_aktuelles_sub .aktuellesmenuitem a .arrow {
		display: inline-block;
		width: 5%;
		font-size: 1.4em;
	}


	#maincontent p {
	    font-size: 1.5em;
	}

	.dropmenu_mobile_aktuelles_sub .aktuellesmenuitem_archiv {
		display: none;
	}
	.dropmenu_mobile_aktuelles_sub .aktuellesmenuitem_archiv_visible {
		display: block;
	}












	.dropmenu_mobile_produkte {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #000;	    
	}

	.dropmenu_mobile_produkte .backtocontent {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#000;
		background-color: #fff;
		border-bottom: 1px solid #000;
		box-sizing: border-box;		
	}


	.dropmenu_mobile_produkte ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_produkte ul li {
		padding:4vw 4vw 4vw 4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
		display: block;
		color:#fff;
		font-size: 2em;
		line-height: 1.6em;
	}



.dropmenu_mobile_produkte ul li.mainitem_stoebern {
  margin-top:0;
  background:none;
  background-size:auto 62%;
}

.dropmenu_mobile_produkte ul li i {
    font-size: 11vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2em;
   }


.image-icon {
  font-size: 11vw;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-right: 1vw;  
  height: 11vw;
  width: 11vw;
}

.dropmenu_mobile_produkte ul li .image-icon-farbwelten {
  background: url(../images/svgpz/riemchenverblender/icon_menue_farbwelten.svg) 0 0 no-repeat;
  background-size: contain;
}
.dropmenu_mobile_produkte ul li.active .image-icon-farbwelten {
  background: url(../images/svgpz/riemchenverblender/icon_menue_farbwelten_aktiv.svg) 0 0 no-repeat;
  background-size: contain;
}


.dropmenu_mobile_produkte ul li .image-icon-verblender {
  background: url(../images/svgpz/riemchenverblender/icon_menue_verblender.svg) 0 0 no-repeat;
  background-size: contain;
}

.dropmenu_mobile_produkte ul li .image-icon-riemchen {
  background: url(../images/svgpz/riemchenverblender/icon_menue_riemchen.svg) 0 0 no-repeat;
  background-size: contain;
}

.dropmenu_mobile_produkte ul li .image-icon-plusprodukte {
  background: url(../images/nachhaltigkeit/icon_menue_plusprodukte.svg) 0 0 no-repeat;
  background-size: contain;
}



.dropmenu_mobile {
	overflow-y: scroll !important; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;    	
	  font-family: 'Fira Sans Condensed', sans-serif;  

}

	.dropmenu_mobile_produkte_farbwelten,
	.dropmenu_mobile_produkte_stoebern,
	.dropmenu_mobile_produkte_produktneuheiten,
	.dropmenu_mobile_produkte_alle,
	.dropmenu_mobile_produkte_alleriemchen,
	.dropmenu_mobile_nachhaltigkeit_sub,
	.dropmenu_mobile_produkte_alleplusprodukte {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #dee3ef;	
		padding-bottom: 7em;
    	box-sizing: border-box;

		overflow-y: scroll; /* has to be scroll, not auto */
  		-webkit-overflow-scrolling: touch;    	
	}

	.dropmenu_mobile_produkte_farbwelten .backtocontent,
	.dropmenu_mobile_produkte_stoebern .backtocontent,
	.dropmenu_mobile_produkte_stoebern_sub .backtocontent,
	.dropmenu_mobile_produkte_produktneuheiten .backtocontent, 
	.dropmenu_mobile_produkte_alle .backtocontent,
	.dropmenu_mobile_produkte_alleriemchen .backtocontent,
	.dropmenu_mobile_produkte_alleplusprodukte .backtocontent {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#000;
		background-color: #fff;
		border-bottom: 1px solid #000;
		box-sizing: border-box;		
	}


	.dropmenu_mobile_produkte_stoebern ul {
		list-style-type: none;
		margin:0;
		padding:0 0 178px 0;
	}

	.dropmenu_mobile_produkte_stoebern ul li {
		padding:4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
	}

	.dropmenu_mobile_produkte_stoebern ul li .image {
		float: left;
		width: 11vw;
		height: 11vw;
	}

	.dropmenu_mobile_produkte_stoebern ul li .icomoonimage {
	  display: inline-block;
	  width: 11vw;
	  height: 11vw;
	  vertical-align: middle;
	content: 'viewport-units-buggyfill; width: 11vw;  height: 11vw;'

	}

	.dropmenu_mobile_produkte_stoebern ul li .icomoonimage i {
	  font-size: 11vw;
	  color:#fff;
	}



	.dropmenu_mobile_produkte_stoebern ul li .image .inactive {
		display: block;
	}

	.dropmenu_mobile_produkte_stoebern ul li .image .active {
		display: none;
	}

	.dropmenu_mobile_produkte_stoebern ul li .image img {
		width: 100%;
		height: auto;
	}


	.dropmenu_mobile_produkte_stoebern ul li span {
		margin-left:15vw;
		display: block;
		color:#fff;
		font-size: 2em;
		line-height: 1.6em;
	}
	.dropmenu_mobile_produkte_stoebern ul li span.activearrow {
		display: none;
	}

	.dropmenu_mobile_produkte_stoebern_sub .template,
	.dropmenu_mobile_produkte_produktneuheiten .template {
		display: flex;
		flex-wrap: wrap;
	}
	
	.dropmenu_mobile_produkte_stoebern_sub {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #dee3ef;	    
		padding-bottom:10vw;
	}

	
	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem,
	.dropmenu_mobile_produkte_alle .referenzmenuitem {
		width: 50%;
		float: left;
		position: relative;
	}

	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem.referenzmenuitem-produktgruppe-2,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem.referenzmenuitem-produktgruppe-2 {
		float: none;
	}

	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem .image,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem .image,
	.dropmenu_mobile_produkte_farbwelten .referenzmenuitem .image,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .image,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .image,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem .image,
	.dropmenu_mobile_produkte_alle .referenzmenuitem .image {
		width: 90%;
		margin-left:5%;
		margin-top:4vw;
	}

	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem .image img,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem .image img,
	.dropmenu_mobile_produkte_farbwelten .referenzmenuitem .image img,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .image img,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .image img,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem .image img,
	.dropmenu_mobile_produkte_alle .referenzmenuitem .image img {
		width: 100%;
		height:auto;
	    border: 1px solid #000;		
	}
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .image img,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .image img,
	.dropmenu_mobile_produkte_alleplzsprodukte .referenzmenuitem .image img {
		border: 0;
	}
	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem.referenzmenuitem.referenzmenuitem-produktgruppe-2 .image img,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem.referenzmenuitem.referenzmenuitem-produktgruppe-2 .image img {
		border:0;
	}

	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem .caption,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem .caption,
	.dropmenu_mobile_produkte_farbwelten .referenzmenuitem .caption,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .caption,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .caption,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem .caption,
	.dropmenu_mobile_produkte_alle .referenzmenuitem .caption {
		width: 90%;
		margin-left:5%;
	}

	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem .caption a,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem .caption a,
	.dropmenu_mobile_produkte_farbwelten .referenzmenuitem .caption a,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .caption a,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .caption a,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem .caption a,
	.dropmenu_mobile_produkte_alle .referenzmenuitem .caption a {
		text-decoration: none;
		color:#404040;
		font-weight: bold;
		font-size:1.25em;
	}
	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_produkte_farbwelten .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_produkte_alle .referenzmenuitem .caption .iconimage {
    	position: absolute;
    	top: 2vw;
    	right: -1.5vw;
	}
	.dropmenu_mobile_produkte_stoebern_sub .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_produkte_produktneuheiten .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_produkte_farbwelten .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_produkte_alleriemchen .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_nachhaltigkeit_sub .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_produkte_alleplusprodukte .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_produkte_alle .referenzmenuitem .caption .iconimage img {
		width: 60%;
    	height: 60%;
    }



	.dropmenu_mobile_produkte_suche,
	.dropmenu_mobile_produkte_suche_sub {
	    overflow-y: auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b1d0;
	    z-index: 2;
	    border-top: 1px solid #dee3ef;
	    padding-bottom: 10vw;
	    color: #000;
	    font-size: 1.5em;
   	}

	.dropmenu_mobile_produkte_suche {
		box-sizing:border-box;
	}


	.dropmenu_mobile_produkte_suche .backtocontent,
	.dropmenu_mobile_produkte_suche_sub .backtocontent {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#ffffff;
		background-color: #584239;
		border-bottom: 1px solid #ffffff;
		box-sizing: border-box;		
	}
	.dropmenu_mobile_produkte_suche form {
		font-size: 1.5em;
	}

	.dropmenu_mobile_produkte_suche form p {
		margin:3vw;
		color:#000;
		font-size: 0.9375em;
	}

	.dropmenu_mobile_produkte_suche input[type=text] {
		margin: 5%;
		border:0;
		border-radius:0;
		border-top: 1px solid #4c4c4c;
    	border-bottom: 1px solid #bfbfbf;
	    background-color: #fff;
    	color: #000000;
        width: 90%;
	    box-sizing: border-box;
	    padding: 0.5em 1em;
	    font-size: 0.7em;
	}

	.dropmenu_mobile_produkte_suche input[type="text"]::-webkit-input-placeholder {
	    color: #74625b;
	}
	.dropmenu_mobile_produkte_suche input[type="text"]:-moz-placeholder {
	    /* FF 4-18 */
	    color: #74625b;
	}
	.dropmenu_mobile_produkte_suche input[type="text"]::-moz-placeholder {
	    /* FF 19+ */
	    color: #74625b;
	}
	.dropmenu_mobile_produkte_suche input[type="text"]:-ms-input-placeholder {
	    /* IE 10+ */
	    color: #74625b;
	}

	.dropmenu_mobile_produkte_suche .row label {
		background: url(../images/bg_searchlabel.gif) 0 50% repeat-x;
		display: block;
		text-align: center;
	}

	.dropmenu_mobile_produkte_suche .row label span {
		padding:0 0.5em;
		background-color:#a1b0d1;
		font-style: 1em;
	}


	.dropmenu_mobile_produkte_suche .row .fieldarea {
		margin:3vw 3vw;
		color:#000;
	}

	.dropmenu_mobile_produkte_suche .row .fieldarea .item {
		display: block;
		padding:0.2em;
	}

	.dropmenu_mobile_produkte_suche .row .fieldarea .item input[type=checkbox] {
		margin-right: 1em;
		width: 2em;
		height: 2em;
	}

	.dropmenu_mobile_produkte_suche .row .fieldarea_farben .item {
		float: left;
		width:12%;
	}
	.dropmenu_mobile_produkte_suche .row .fieldarea_farben .item input {
		display: none;
	}

	.dropmenu_mobile_produkte_suche .row .fieldarea_farben .item  img {
		width:100%;
		height:auto;
	}

	.dropmenu_mobile_produkte_suche .row_submit  {
		clear: both;
		border-top:1px solid #ffffff;
		margin-top:8%;
		padding-top:8%;
		padding-bottom:20%;
		text-align: center;
	}

	.dropmenu_mobile_produkte_suche .row_submit input {
		background: transparent;
		border:0;
		color:#000;
		text-transform: uppercase;
		text-decoration: underline;
		font-size:0.9375em;
	} 


	.dropmenu_mobile_produkte_suche_sub .template {
		display: flex;
		flex-wrap: wrap;
	}

	.dropmenu_mobile_produkte_suche_sub .referenzmenuitem {
		width: 50%;
	}

	.dropmenu_mobile_produkte_suche_sub .referenzmenuitem .image {
		width: 90%;
		margin-left:5%;
		margin-top:4vw;
	}

	.dropmenu_mobile_produkte_suche_sub .referenzmenuitem .image img {
		width: 100%;
		height:auto;
	    border: 1px solid #000;
    }

	.dropmenu_mobile_produkte_suche_sub .referenzmenuitem.referenzmenuitem-produktgruppe-2 .image img {
	    border: 0;
    }    

	.dropmenu_mobile_produkte_suche_sub .referenzmenuitem .caption {
		width: 90%;
		margin-left:5%;
	}

	.dropmenu_mobile_produkte_suche_sub .referenzmenuitem .caption a {
		text-decoration: none;
		color:#000;
		font-weight: bold;
		font-size:0.875em;
	}


#leftcontent.leftcontent_produkte {
	height: 80vh;
	height:calc(100vh - 28vw);
	overflow:visible;
}

#leftcontent.leftcontent_produkte #leftcontent_padder {
	overflow: visible;
}

#leftcontent.leftcontent_produkte .gallery img.product_stapel, .gallery2 img.product_stapel {
    object-fit: cover;
    height: 100%;
    position:static;

}


#leftcontent.leftcontent_produkte .product_info_button {
    top: auto;
    bottom: 1em;
    z-index: 100000000;
    background: url(../images/svgpz/pz_icon_pfeil_li.svg) 0 0 no-repeat;
    background-size: contain;
}


#leftcontent.leftcontent_produkte .product_info_button:hover {
    background: url(../images/svgpz/pz_icon_pfeil_li_hover.svg) 0 0 no-repeat
    background-size: contain;
}

#leftcontent.leftcontent_produkte .verfugtansichtbutton {
    margin: 0.5em 1em 0 0;
    bottom: 1em;
}

#leftcontent.leftcontent_produkte  .incontentgallery {
	overflow: visible;
}

.pt-page {
	overflow: visible !important;
}
/* startsietenslider start */

.gallery_startslider .galleryelement {
    width: 100%;
    height: 100%;
    position: relative;
}

.gallery_startslider .galleryelement picture {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}

/*
.gallery_startslider .galleryelement picture img {
	width:100% !important;
	height: 100% !important;
}
*/

.gallery_startslider .contentinfo {
    position: absolute;
    bottom: 0;
    width: 100%;
 	top:auto;
    right: 0;
    height: 54vh;
    opacity: 0.85;
    padding: 2vw;
    box-sizing: border-box;
    padding: 3vw;
}

.gallery_startslider .contentinfo p {
    font-size: 1.5em;
    line-height: 1.31em;
}

.jhlogolinks {
	width: 100%;
	text-align: center;
}

.jhlogolinks i {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    line-height: 37vh;
    font-size: 7em;
    color: rgba(255,255,255,0.7);
    padding-left: 0;
}

/* startsietenslider end */




.dropmenu_mobile_aktuelles_sub .archivlink {
    display: block;
    cursor: pointer;
}

.dropmenu_mobile_aktuelles_sub .archivlink_padder {
  border-bottom: 1px solid #aca19c;  
  position: relative;
}

.dropmenu_mobile_aktuelles_sub .archivlink:hover .archivlink_padder,
.dropmenu_mobile_aktuelles_sub .archivlink.active .archivlink_padder {
  border-bottom: 1px solid #ffffff;  
}

.dropmenu_mobile_aktuelles_sub .archivlink p {
  background:url(../images/button_archiv_inaktiv.png) top right no-repeat;
  padding-right: 40px;
  line-height: 1.2em;
  color:#aca19c;
  cursor:pointer;
  display: inline-block;
  margin-bottom:0.45em;
font-size: 1.5em;  
padding-left: 4vw;
}

.dropmenu_mobile_aktuelles_sub .archivlink:hover p,
.dropmenu_mobile_aktuelles_sub .archivlink.active p {
  background:url(../images/button_archiv.png) top right no-repeat;
  color:#ffffff;
}

.dropmenu_mobile_aktuelles_sub .archivlink .opener {
   background: url(../images/pfeil_archiv_inaktiv.png) 0 0 no-repeat;
    background-size: contain;
    width: 6vw;
    height: 6vw;
    position: absolute;
    bottom: -6vw;
    right: 1vw;
    cursor: pointer;
}

.dropmenu_mobile_aktuelles_sub .archivlink:hover .opener {
   background: url(../images/pfeil_archiv.png) 0 0 no-repeat;
    background-size: contain;
}

.dropmenu_mobile_aktuelles_sub .archivlink.active .opener {
   display: none;
}


.dropmenu_mobile_aktuelles_sub .archivlink .closer {
    background: url(../images/button_schliessen_archiv.png) 0 0 no-repeat;
    background-size: contain;
    width: 11vw;
    height: 8vw;
    position: absolute;
    bottom: -5vw;
    right: 0.8vw;
    display: none;
    cursor: pointer;
}

.dropmenu_mobile_aktuelles_sub .archivlink.active .closer {
  display:block;
}



	.dropmenu_mobile_referenzen {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #ffffff;	    
	}


	.dropmenu_mobile_referenzen .backtocontent {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#000;
		background-color: #fff;
		border-bottom: 1px solid #000;
		box-sizing: border-box;		
	}


	.dropmenu_mobile_referenzen ul {
		list-style-type: none;
		margin:0;
		padding:0 0 178px 0;

	}

	.dropmenu_mobile_referenzen ul li {
		padding:4vw 4vw 4vw 4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
		display: block;
		color:#fff;
		font-size: 2em;
		line-height: 1.6em;
	}
.dropmenu_mobile_referenzen ul li i {
    font-size: 11vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2em;
}
.dropmenu_mobile_referenzen ul li.mainitem_stoebern {
  margin-top:0;
}
/*
.dropmenu_mobile_referenzen ul li.mainitem_stoebern.active,
.dropmenu_mobile_referenzen ul li.mainitem_stoebern:hover {
  background:url(../images/icon_produkte_stoebern.png) 3vw center no-repeat;
  background-size:auto 62%;
}
*/
/*.dropmenu_mobile_referenzen ul li.mainitem_alle.active,
.dropmenu_mobile_referenzen ul li.mainitem_alle:hover {
  background:url(../images/icon_produkte_alle.png) 3vw center no-repeat;
  background-size:auto 62%;
}
*/
/*
.dropmenu_mobile_referenzen ul li.mainitem_suchen.active,
.dropmenu_mobile_referenzen ul li.mainitem_suchen:hover {
  background:url(../images/icon_produkte_suchen.png) 3vw center no-repeat;
  background-size:auto 62%;
}
*/

	.dropmenu_mobile_referenzen_stoebern,
	.dropmenu_mobile_referenzen_alle,
	.dropmenu_mobile_nachhaltigkeit,
	.dropmenu_mobile_nachhaltigkeit_sub,
	.dropmenu_mobile_unternehmen,
	.dropmenu_mobile_unternehmen_sub,
	.dropmenu_mobile_service,
	.dropmenu_mobile_service_sub,
	.dropmenu_mobile_service_sub_sub {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #ffffff;	    
	    padding-bottom: 7em;
	    box-sizing: border-box;		
	}

	.dropmenu_mobile_referenzen_stoebern .backtocontent,
	.dropmenu_mobile_referenzen_stoebern_sub .backtocontent,
	.dropmenu_mobile_referenzen_alle .backtocontent,
	.dropmenu_mobile_nachhaltigkeit .backtocontent,
	.dropmenu_mobile_nachhaltigkeit_sub .backtocontent,	
	.dropmenu_mobile_unternehmen .backtocontent,
	.dropmenu_mobile_unternehmen_sub .backtocontent,
	.dropmenu_mobile_service .backtocontent,
	.dropmenu_mobile_service_sub .backtocontent,
	.dropmenu_mobile_service_sub_sub .backtocontent {
		font-size: 1.5em;
	    padding: 0 4vw;
	    height: 12vw;
	    line-height: 12vw;
	    color: #fff;
	    background-color: #190d0c;
	    border-top: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    box-sizing: border-box;
   	}


	.dropmenu_mobile_referenzen_stoebern ul {
		list-style-type: none;
		margin:0;
		padding:0 0 178px 0;

	}

	.dropmenu_mobile_referenzen_stoebern ul li {
		padding:4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
	}

	.dropmenu_mobile_referenzen_stoebern ul li .image {
		float: left;
		width: 11vw;
		height: 11vw;
	}

	.dropmenu_mobile_referenzen_stoebern ul li .icomoonimage {
	  display: inline-block;
	  width: 11vw;
	  height: 11vw;
	  vertical-align: middle;
	content: 'viewport-units-buggyfill; width: 11vw;  height: 11vw;'

	}

	.dropmenu_mobile_referenzen_stoebern ul li .icomoonimage i {
	  font-size: 11vw;
	  color:#fff;
	}


	.dropmenu_mobile_referenzen_stoebern ul li .image .inactive {
		display: block;
	}

	.dropmenu_mobile_referenzen_stoebern ul li .image .active {
		display: none;
	}

	.dropmenu_mobile_referenzen_stoebern ul li .image img {
		width: 100%;
		height: auto;
	}


	.dropmenu_mobile_referenzen_stoebern ul li span {
		margin-left:15vw;
		display: block;
		color:#fff;
		font-size: 2em;
		line-height: 1.6em;
	}
	.dropmenu_mobile_referenzen_stoebern ul li span.activearrow {
		display: none;
	}
	.dropmenu_mobile_referenzen_stoebern_sub {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #000;	    
		padding-bottom:10vw;
	}


	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem {
		/*width: 50%;
		float: left;*/
	}

	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem .image,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem .image {
		width: 90%;
		margin-left:5%;
		margin-top:4vw;
	}

	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem .image img,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem .image img {
		width: 100%;
		height:auto;
    	border: 1px solid #000;		
	}

	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem .caption,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem .caption {
		width: 90%;
		margin-left:5%;
	}

	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem .caption a,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem .caption a {
		text-decoration: none;
		color:#404040;
		font-weight: bold;
		font-size:1.25em;
	}
	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem .caption .iconimage,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem .caption .iconimage {
    	position: absolute;
    	top: 2vw;
    	right: -1.5vw;
	}
	.dropmenu_mobile_referenzen_stoebern_sub .referenzmenuitem .caption .iconimage img,
	.dropmenu_mobile_referenzen_alle .referenzmenuitem .caption .iconimage img {
		width: 60%;
    	height: 60%;
    }

	.dropmenu_mobile_referenzen_suche,
	.dropmenu_mobile_referenzen_suche_sub {
		overflow-y:auto;
	    position: absolute;
	    top: 16vw;
	    width: 100%;
	    display: none;
	    background-color: #a1b0d1;
	    z-index:2;
		border-top: 1px solid #000;	    
		padding-bottom:10vw;
		color:#000;
		font-size: 1.5em;
	}

	.dropmenu_mobile_referenzen_suche {
		box-sizing:border-box;
	}

	.dropmenu_mobile_referenzen_suche .backtocontent,
	.dropmenu_mobile_referenzen_suche_sub .backtocontent {
		font-size:1.5em;
		padding:0 4vw;
		height: 12vw;
    	line-height: 12vw;		
		color:#ffffff;
		background-color: #584239;
		border-bottom: 1px solid #ffffff;
		box-sizing: border-box;		
	}
	.dropmenu_mobile_referenzen_suche form {
		font-size: 1.5em;
	}



	.dropmenu_mobile_referenzen_suche form p {
		margin:3vw;
		color:#ffffff;
		font-size: 0.9375em;
	}

	.dropmenu_mobile_referenzen_suche select {
		width: calc(100% - 2em);
    	margin: 0px 1em;

		padding: 0.5em;
    	font-size: 0.8em;
    	box-sizing: border-box;
    }
	.dropmenu_mobile_referenzen_suche select option{

	}

	.dropmenu_mobile_referenzen_suche input[type=text] {
		margin: 5%;
		border:0;
		border-radius: 0;
		border-top: 1px solid #4c4c4c;
	    border-bottom: 1px solid #bfbfbf;
	    background-color: #fff;
	    color: #000000;
	    width: 90%;
	    box-sizing: border-box;
	    padding: 0.5em 1em;
	    font-size: 0.7em;
	}

	.dropmenu_mobile_referenzen_suche input[type="text"]::-webkit-input-placeholder {
	    color: #74625b;
	}
	.dropmenu_mobile_referenzen_suche input[type="text"]:-moz-placeholder {
	    /* FF 4-18 */
	    color: #74625b;
	}
	.dropmenu_mobile_referenzen_suche input[type="text"]::-moz-placeholder {
	    /* FF 19+ */
	    color: #74625b;
	}
	.dropmenu_mobile_referenzen_suche input[type="text"]:-ms-input-placeholder {
	    /* IE 10+ */
	    color: #74625b;
	}

	.dropmenu_mobile_referenzen_suche .row label {
		background: url(../images/bg_searchlabel.gif) 0 50% repeat-x;
		display: block;
		text-align: center;
	}

	.dropmenu_mobile_referenzen_suche .row label span {
		padding:0 0.5em;
		background-color:#a1b0d1;
		font-style: 1em;
	}


	.dropmenu_mobile_referenzen_suche .row .fieldarea {
		margin:3vw 3vw;
		color:#190d0c;
	}

	.dropmenu_mobile_referenzen_suche .row .fieldarea .item {
		display: block;
		padding:0.2em;
	}

	.dropmenu_mobile_referenzen_suche .row .fieldarea .item input[type=checkbox] {
		margin-right: 1em;
		width: 2em;
		height: 2em;
	}

	.dropmenu_mobile_referenzen_suche .row .fieldarea_farben .item {
		float: left;
	}
	.dropmenu_mobile_referenzen_suche .row .fieldarea_farben .item input {
		display: none;
	}

	.dropmenu_mobile_referenzen_suche .row_submit  {
		clear: both;
		border-top:1px solid #000;
		margin-top:8%;
		padding-top:8%;
		padding-bottom:20%;
		text-align: center;
	}

	.dropmenu_mobile_referenzen_suche .row_submit input {
		background: transparent;
		border:0;
		color:#000;
		text-transform: uppercase;
		text-decoration: underline;
		font-size:0.9375em;
	} 


	.dropmenu_mobile_referenzen_suche_sub .referenzmenuitem {
		width: 100%;
		float: left;
	}

	.dropmenu_mobile_referenzen_suche_sub .referenzmenuitem .image {
		width: 90%;
		margin-left:5%;
		margin-top:4vw;
	}

	.dropmenu_mobile_referenzen_suche_sub .referenzmenuitem .image img {
		width: 100%;
		height:auto;
    	border: 1px solid #000;		
	}

	.dropmenu_mobile_referenzen_suche_sub .referenzmenuitem .caption {
		width: 90%;
		margin-left:5%;
	}

	.dropmenu_mobile_referenzen_suche_sub .referenzmenuitem .caption a {
		text-decoration: none;
		color:#000;
		font-weight: bold;
		font-size:0.875em;
	}

.product_texturansicht_button {
	display: none;
}
.refcontent_mobile {
	padding:3vw;
	display: block;
	position: relative;
}
.refcontent_mobile .pagemaincontentbgimage  {
	top:0;
}

.refcontent_mobile  h2 {
  color:#fff;
  font-weight: 500;
  font-size: 2.5em;
}
.refcontent_mobile  h4 {
  color:#fff;
  font-weight: 500;
  font-size: 1.2em;
  margin:0;
  padding:0;
}
.refcontent_mobile  p {
    font-size: 1.5em;
    color:#fff;
    padding:0;
    margin:0 0 1em 0;
}

.refcontent_mobile  p a {
    color:inherit;
}

.reference_info_button {
	display: none;
}




	.dropmenu_mobile_nachhaltigkeit ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_nachhaltigkeit ul li {
		padding: 4vw 4vw 4vw 4vw;
	    clear: both;
	    border-bottom: 1px solid #dee3ef;
	    display: block;
	    color: #fff;
	    font-size: 2em;
	    line-height: 1.6em;
	}

	.dropmenu_mobile_nachhaltigkeit ul li a {
		color:inherit;
		text-decoration: none;
		font-family: 'Fira Sans Condensed', sans-serif;
	}

	.dropmenu_mobile_nachhaltigkeit_sub ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_nachhaltigkeit_sub ul li {
		padding:4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
	}	
	.dropmenu_mobile_nachhaltigkeit_sub ul li a {
		color:inherit;
		text-decoration: none;
		color:#fff;
		font-size: 1.6em;
		line-height: 1.6em;
		font-family: 'Fira Sans Condensed', sans-serif;
	}




	.dropmenu_mobile_unternehmen ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_unternehmen ul li {
		padding: 4vw 4vw 4vw 4vw;
	    clear: both;
	    border-bottom: 1px solid #dee3ef;
	    display: block;
	    color: #fff;
	    font-size: 2em;
	    line-height: 1.6em;
	}

	.dropmenu_mobile_unternehmen ul li a {
		color:inherit;
		text-decoration: none;
		font-family: 'Fira Sans Condensed', sans-serif;
	}

	.dropmenu_mobile_unternehmen_sub ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_unternehmen_sub ul li {
		padding:4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
	}	
	.dropmenu_mobile_unternehmen_sub ul li a {
		color:inherit;
		text-decoration: none;
		color:#fff;
		font-size: 1.6em;
		line-height: 1.6em;
		font-family: 'Fira Sans Condensed', sans-serif;
	}




	.dropmenu_mobile_service ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_service ul li {
		padding:4vw 4vw 4vw 4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
		display: block;
		color:#fff;
		font-size: 2em;
		line-height: 1.6em;
	}

	.dropmenu_mobile_service ul li a {
		color:inherit;
		text-decoration: none;
	}

	.dropmenu_mobile_service_sub ul,
	.dropmenu_mobile_service_sub_sub ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.dropmenu_mobile_service_sub ul li,
	.dropmenu_mobile_service_sub_sub ul li {
		padding:4vw;
		clear: both;
		border-bottom: 1px solid #dee3ef;
	}	
	.dropmenu_mobile_service_sub ul li a,
	.dropmenu_mobile_service_sub_sub ul li a {
		color:inherit;
		text-decoration: none;
		color:#fff;
		font-size: 1.6em;
		line-height: 1.6em;
	}

/*	.backtocontentitem {
	  	position: fixed;
	    top: calc(16vw + 1px);
	    z-index: 1000000000001;

	    width: 100%;
		font-size:1.5em;
		padding:0;
		color:#ffffff;
		background-color: #584239;
		border-bottom: 2px solid #ffffff;
		display: none;
		height: 12vw;
		line-height: 12vw;
		box-sizing:border-box;
		text-align: center;
	}
*/

	.backtocontentitem {
    position: fixed;
    top: 16vw;
    z-index: 1000000000001;
    width: 100%;
    font-size: 1.5em;
    padding: 0;
    color: #fff;
    background-color: #190d0c;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: none;
    height: calc(12vw + 1px);
    line-height: 12vw;
    box-sizing: border-box;
    text-align: center;
   	}


	.backtocontentitem span {
		position: absolute;
		left:0.5em;
	}

	.backtocontent {
		text-align: center;
	}

	#mobilemenubackbar .icon,
	.backtocontent .icon {
		position: absolute;
		left:0.5em;
	}


	.backtocontent span.icon_firstlevel,
	.backtocontentitem span.icon_firstlevel {
		position: absolute;
		left:0.5em;
		width:5vw;
		height: 12vw;
		background:url(../images/svg/mobil_pfeil_zurueck.svg) left center no-repeat;
		background-size: auto 45%;
	}

	#mobilemenubackbar span.icon_secondlevel,
	.backtocontentitem span.icon_secondlevel {
		width:8vw;
		height: 12vw;
		background:url(../images/svg/mobil_doppelpfeil_zurueck.svg) left center no-repeat;
		background-size: auto 45%;
	}


	.subarrow {
		width: 100%;
	    height: 3vw;

    	background:url(../images/mobilicons/pfeil_hauptmenue.svg) 50% -0.2em no-repeat;
        background-size: contain;
	    position: absolute;
	    position: fixed;
	    z-index: 9999912222;
	    top: 25.95vw;
	    top: 25.75vw;
	    top: 28vw;
	    display: none;
	}


	.product_text_dropdown .zertifikatarea_content .zertifikat_icons {
		display: none;
	    float: none;
	    width: 100%;
	    text-align: center;
	    /* display: none; */
	    padding-top: 16vw;
	}

	.product_text_dropdown .zertifikatarea_content .zertifikat_icons_mobil {
		display: block;
	    float: none;
	    width: 100%;
	    text-align: center;
	    /* display: none; */
	    padding-top: 16vw;
	}

	.product_text_dropdown .zertifikatarea_content .zertifikat_icons_mobil img {
		width: 100%;
		height: auto;
	}


	.product_text_dropdown .zertifikatarea_content .zertifikat_spalte1 {
	    float: none;
	    width: 100%;
	    margin-right: 2.5%;
	    margin-top: 2vw;
	    padding: 5vw;
	    box-sizing: border-box;
	}
	.product_text_dropdown .zertifikatarea_content .zertifikat_spalte2 {
	    float: left;
	    width: 100%;
	    margin-right: 7.5%;
	    margin-top: 2vw;
	    padding: 5vw 5vw 15vw 5vw;
	    box-sizing: border-box;

	}
	.product_text_dropdown .zertifikatarea .pdfzertifikat {
	    display: none;
	}
	.product_text_dropdown .zertifikatarea .printzertifikat {
	    display: none;
	}
	.product_text_dropdown .zertifikatarea .closedropdown {
		display: none;
	}

	.product_text_dropdown .zertifikatarea .closezertifikat {
		font-size: 0;
	    position: absolute;
	    width: 16vw;
	    height: 16vw;
	    right: 4vw;
	    bottom: 2vw;
	    background: url(../images/button_schliessen_aktuelles.png) 0 0 no-repeat;
	    background-size: contain;
	    border:0;	
	}

	.product_text_dropdown .fullarea {
		margin-top:16vw;
		height:calc(100vh - 16vw) !important;
	}	

	.product_text_dropdown .fullarea_inner {
	    box-sizing: border-box;
	    padding: 5vw;
	    margin: 0 auto;
	    width: 100%;
	    min-width: 100%;
	    max-width: none;
	    overflow-y: auto;
	    height: 83vh;
	    height: 100vh;
	    padding-bottom: 20vw;
	}


	.product_text_dropdown .fullarea table.zertifikate th.artikelnummer, 
	.product_text_dropdown .fullarea table.zertifikate td.artikelnummer,
	.product_text_dropdown .fullarea table.zertifikate th.produktname, 
	.product_text_dropdown .fullarea table.zertifikate td.produktname,
	.product_text_dropdown .fullarea table.zertifikate td.icon_laeufer, 
	.product_text_dropdown .fullarea table.zertifikate td.celogo { 
		display: none;
		visibility: hidden;
	}	

	.product_close_button {
	    position: absolute;
	    right: 1%;
	    bottom: 1%;
	    background: url(../images/button_schliessen.png) 0 0 no-repeat;
	    background-size: contain;
	    width: 12vw;
	    height: 12vw;
	    margin: 0.5em 0.5em 0 0;
	    z-index: 1;
	    max-width: 12vw;
	    max-height: 12vw;
	    min-width: 12vw;
	    min-height: 12vw;
	}

	.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_links p {
		background: none;
	}	
	.product_text_dropdown .fullarea p.pdfinfo {
		padding-top:5vw;
	}
	.product_text_dropdown .fullarea p.pdfinfo,
	.product_text_dropdown .fullarea p.optikinfo {
		float: none;
		width:100%;
		margin-left: 0;
	}
	.product_text_dropdown .fullarea .whitebox {
		padding: 3vw;
	}	

	.product_text_dropdown .zertifikatarea_padder {
		max-width: 100%;
		min-width: 100%;
	}

	.openpagesdropdown {
	    position: absolute;
	    right: 2vw;
	    left:auto;
	    top: 0;
	    background:url(../images/svgpz/pz_icon_pfeil_re.svg) 0 0 no-repeat;
	    background-size: contain;
	    width: 3.125vw;
	    height: 3.125vw;
	    margin: 2vw 0 0 0.5em;
	    z-index: 22;
	    max-width: 50px;
	    max-height: 50px;
	    min-width: 37px;
	    min-height: 37px;
	}
	.openpagesdropdown:hover {
	    background:url(../images/svgpz/pz_icon_pfeil_re_hover.svg) 0 0 no-repeat
	    background-size: contain;
	}
	#mainarea .openpagesdropdown {
		display: none !important;
	}
	.pagesdropdown_layout_startseite .left {
	    float: none;
	    width: 100%;
	    border-right: 0;
	    height: 100%;
	    padding-right: 5%;
	    padding-left: 5%;
	    box-sizing: border-box;
	    padding-top: 18vw;
	    text-align: center;
	}	

	.pagesdropdown_layout_startseite .left a {
		color:#ffffff;
	}


	.pagesdropdown_layout_startseite .left .image {
	    width: 47%;
	    height: auto;
	    margin: 0 auto;
	}

	.pagesdropdown_layout_startseite .right {
	    margin-left: 0;
	    width: 100%;
	    padding-left: 5%;
	    padding-right: 5%;
	    box-sizing: border-box;
	    border-top: 1px solid #ffffff;
	    padding-top: 13vw;
	    margin-top: 10vw;
	    text-align: center;
	}


	.pagesdropdown_layout_startseite .right .image {
	    width: 50%;
	    height: auto;
	    margin: 0 auto;
	}

	.pagesdropdown_layout_startseite .right .image img.inaktiv {
	    display: none;
	}

	.pagesdropdown_layout_startseite .right .image img.aktiv {
	    display: block;
	}
	.pagesdropdown_layout_startseite .right h2, .pagesdropdown_layout_startseite .right a, .pagesdropdown_layout_startseite .right p {
	    color: #ffffff;
	}

.verfugtansichtbutton {
    background: url(../images/svgpz/pz_icon_fugenfarbe_hell.svg) 0 0 no-repeat
    background-size: contain;
}
.verfugtansichtbutton_active {
    background: url(../images/svgpz/pz_icon_fugenfarbe_hell_hover.svg) 0 0 no-repeat
    background-size: contain;
}


.verfugtansichtbutton:hover {
    background: url(../images/svgpz/pz_icon_fugenfarbe_dunkel.svg) 0 0 no-repeat
    background-size: contain;
}

.verfugtansichtbutton_active:hover {
    background: url(../images/svgpz/pz_icon_fugenfarbe_dunkel_hover.svg) 0 0 no-repeat
    background-size: contain;
}



.siteholder_basetemplatewhite #mainarea {
  display: flex;
  display: -webkit-flex;
  
  flex-direction:column;
  -webkit-flex-direction:column;
}


.siteholder_basetemplatewhite #mainarea #leftcontent {
	flex:1;
	-webkit-flex:1;
	order:2;
	-webkit-order:2;
	height: auto;
}
.siteholder_basetemplatewhite #mainarea #maincontent {
	flex:1;
	-webkit-flex:1;
	order:1;
	-webkit-order:1;
}




/*
 remove rubberband
*/
/*
html.norubber{
margin:0;
padding:0;
overflow: hidden;
}
html.norubber body{
position: absolute;
width:100%;
height:100%;
overflow: auto;
}
*/

.pagesdropdown {
	display:none;
}


.product_text_dropdown {
    height: 100vh;
    z-index: 100000001;
    top:-100vh;
 }

/*html.object-fit img.product_wall {
    height: 100%;
    width: auto;
}
*/
.product_text_dropdown .zertifikatarea {
	position: absolute;
}


.pagesdropdown {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    z-index: 30;
    top: -100vh;
    color: #ffffff;
    overflow: hidden;
    padding-top:16vw;
    padding-bottom: 2vh;
    box-sizing:border-box; 
}

.pagesdropdown_layout1 .head {
    width: 100%;
    margin-bottom: 3.5vh;
    height: auto;
}

.pagesdropdown_layout1 .head div.csc-textpic .csc-textpic-imagewrap img {
	width: 100%;
	height: auto;
}

.pagesdropdown_layout1 .main_left {
    float: none;
    width: 100%;
}

.pagesdropdown_layout1 .main_right {
    margin-left: 0;
    width: 100%;
    margin-top: 7vw;
}

.pagesdropdown_layout1 {
    padding: 3.5vh;
    box-sizing: border-box;
    height: auto;
    overflow-y: auto;
}
.pagesdropdown_layout1 .main_left div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
    width: 40%;
}
.pagesdropdown_layout1 .main_left div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
}

.pagesdropdown_layout1 .main_right div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
    width: 40%;
}
.pagesdropdown_layout1 .main_right div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
}

.pagesdropdown_layout1 h2 {
    word-break: break-all;
    font-size: 2em;
}

.pagesdropdown .closer {
    width: 18vw;
    height: 18vw;
    bottom:-30vw;
}


.pagesdropdownouter_10 .closer {
    width: 13vw;
    height: 13vw;
    bottom: 1em;
    top: auto;
    position: fixed;
}

.pagesdropdown_layout_startseite {
    padding: 3vw 0 2vw 0;
    box-sizing: border-box;
    height: 100vh;
    width: 100% !important;
    max-width: 1600px;
    overflow: auto;
}

.pagesdropdown_layout_startseite .closer {
    width: 18vw;
    height: 18vw;
    bottom: -20vw;
}

.mobileproductname {
	display: block;
    position: absolute;
    bottom: 1em;
    margin: 0 20vw;
    width: 60vw;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
}

	.product_text_dropdown .fullarea_inner_produkte_links {
	    float: none;
	    width: 100%;
	}
	.product_text_dropdown .fullarea_inner_produkte_rechts {
	    margin-left: 0;
	}
	.product_text_dropdown .fullarea_inner_produkte_rechts .zurhaendlersuche {
	    margin: 4em 0;
	}
	.backgroundcentered_image_product {
	    background-size: auto 100%;
	 }

	.siteholder_basetemplatewhite #maincontent ul li a {
	    color: #000;
	}


	.product_references_button {
	    margin: 0;
	    top: auto;
	    bottom: 1em;
	    z-index: 100000000;
	    left:calc(50% - 18px);	    
	}

	.produkt_references_dropdown_infoleft {
	    right: 0;
	    bottom:auto;
	    height: 30vh;
	}
	.produkt_references_dropdown .bg {
		height: 30vh;
    	overflow: hidden;
    	position: relative;
	}
	.produkt_references_dropdown .bg .backgroundcentered_image {
		background-size: cover;
	}

	.product_references_list {
		left: 0;
	    top: 30vh;
	    padding:2em;
	}

	.product_references_close_button {
	    width: 12vw;
	    height: 12vw;
	    min-width: auto;
	    min-height: auto;
	}

	.product_references_close_button a {
	    width: 12vw;
	    height: 12vw;
	}

	.product_references_list .template {
	    flex-direction: row;
	    -webkit-flex-direction: row;
	    padding-top: 0;
	    margin-top: 0;
	    width: 100%;
	    height: 50vh;
	}	


	.produkt_references_dropdown_infoleft_tablecell img {
		visibility: hidden;
	}
	.produkt_references_dropdown_infoleft_tablecell img.iconsortierung {
		visibility: visible;
	}	

	.product_references_list .referenzmenuitem .image img.iconsortierung {
	    width: 5vw;
	    height: 5vw;
	}

	.product_references_list .template3xn .referenzmenuitem {
	    width: 42vw;
	}

	.product_references_list .template3xn .referenzmenuitem .image {
	    width: 38vw;
	    height: 26vw;
	}

	.product_references_list .scrollarea {
	    overflow-x: hidden;
	    overflow-y: auto;
	}

.produkt_references_dropdown {
    width: 100vw;
    height: 100vh;
}	
.produkt_references_dropdown_infoleft .schwarzerrahmen {
    background: url(../images/svg/pfeil_produkt-zu-referenz-mobil.svg) left bottom no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -1px;
    top: auto;
    right: -1px;
    bottom: -1px;
    height: 1.5em;
}


.product_references_list .template2xn .referenzmenuitem {
    margin-right: 2vw;
    width: 100%;
    padding-bottom: 1em;
}

.product_references_list .template2xn .referenzmenuitem .image {
    width: 100%;
    height: 44vw;
}


.product_references_list .template1xn .referenzmenuitem {
    margin-right: 2vw;
    width: 100%;
    padding-bottom: 1em;
}

.product_references_list .template1xn .referenzmenuitem .image {
    width: 100%;
    height: 44vw;
}

.produkt_references_dropdown_infoleft_tablecell {
    background: -moz-radial-gradient(center 65%, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,0.97) 1%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center 65%, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center 65%, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
#maincontent .hktexturenliste .item {
    width: 100%;
}


.dropmenu_mobile_service li i {
	font-size: 11vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
}


.dropmenu_mobile_service li[data-uid="205"] i {
	font-size: 11vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
}

.dropmenu_mobile_service li[data-uid="205"] a {
    display: inline-block;
    vertical-align: middle;
}

.dropmenu_mobile_service li[data-uid="206"] {
	display: none;
}


.tx-haendlersuche #gmapformandresultlist {
	right: 0;
    max-width: 1000em;
    right: 0em;
    
}

.tx-haendlersuche button.submit:hover {
    background: #fff;
}

.openpagesdropdown {
    background: url(../images/svgpz/pz_icon_pfeil_re.svg) 0 0 no-repeat;
    background-size: contain;
}

.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full {
    padding: 0;
    flex-direction: column;
}

.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full a.link {
    display: block;
    width: 100%;
    margin-bottom: 1em;
}

.product_text_dropdown .fullarea p.optikinfo {
    font-size: 1.25em;
}

.pagesdropdown_layout10 h1 {
    color: #190d0c;
    text-align: center;
}

.pagesdropdown_layout10 .main {
    flex-direction: column;
    text-align: center;
}



		.swiper-container {
		    overflow: visible;
		    margin-top:5em !important;
		}
		.slide_frage {
		    left: 0 !important;
		    position: static !important;
		}
		.slide_start .slide_frage_inner {
		    padding: 2em 1em !important;
		}


		.swiper-slide .choice {
		    position: static !important;
		    margin-top:2em;
		}

		.swiper-slide .choice_start {
		    margin-left: 0 !important;		
		}
		.slide_frage_inner.brokenline:before {
		    width: 42% !important;
		}
		.slide_frage_inner.brokenline:after {
		    width: 42% !important;
		}

		.swiper-slide .choice .choicebox {
		    width: 100% !important;
		}

		.powermail_submit {
		    font-size: 6.1875vw;
		}
		.powermail_submit:hover {
		    font-size: 6.1875vw;
		}


		.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_plz {
		    width: 100% !important; 
		}		

		.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_ort {
		    width: 100% !important;
		}		

		.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_type_input {
		    width: 100%;
		    margin-right: 0;
		}

		.pagemaincontentbgimage {
		    top: 59vh;
		}		

		.tx-hebrokapr #maincontent {
			position: relative;
		}

		.tx-hebrokapr #maincontent .pagemaincontentbgimage {
		  display: block;
		  top:0;
		}

		.pagemaincontentbgimagemobile {
			display: block;
			position: fixed;
		}

		#mainarea .pagemaincontentbgimage {
			display: none !important;
		}

/* provisorisch zum livegang -  produkte: Dropdownbg Referenzen */
.product_references_list {
    background: url(../images/bglayer/pz_hg_referenzen_zum_produkt_blau.jpg) right top no-repeat;
    background-size: cover;
}		
.product_references_list .template {
	    height: calc(66vh - 80px) !important;
	    padding-top:5vw;
}
.produkt_references_dropdown {
    z-index: 999999999 !important;
}


.thumbsgallery_activator_video {
	display: none;
}

.reference_imagegallery {
	position: static;
}

.reference_imagegallery.hide {
    visibility: visible;
}

.videogallery {
	display: none;
}

.videogallerymobile {
	display: block;
}

.videogallerymobile iframe {
	width: 100%;
	height: 56.25vw;
	margin-top:10vw;
	border:0;


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  
and (orientation : landscape){ 

	#leftcontent {
		height: 100vh;
	}
}