@media (max-width: 1366px ){ 

.navigation{
	margin-left:900px;
}

.backwhite{
	width:calc( ( ( 100% - 1140px)  / 2)  + 310px) ;
}

}


@media (max-width: 1280px ){ 

.navigation{
	margin-left:830px;
}

.backwhite{
	width:calc( ( ( 100% - 1140px)  / 2)  + 414px) ;
}

.buedetailtxtrechts{
	width:280px;
}


}


@media (max-width: 1140px){ /*##ipad hoch*/

#container { /*  die totale seite   */
	width:1024px;
	margin: 0 auto;  
	padding-left:5px;
	padding-right:5px;
	
}

/* neu*/
.desknavi{
	margin-right:calc(((100% - 1024px) / 2) + 5px);
	//background-color:red;
}


.navigation{
	margin-left:687px;
}

.backwhite{
	width:360px  ;
}

.pekacheldiv{
	margin-right:30px;
}

.prkachelwrap, .prlistewrap{
	margin-left:0px;
}

.prkacheldiv{
	width:220px;
	height:220px; 
	margin-bottom:40px;
	margin-right:35px;
}

#prkachelswitcher{
	width:220px;
	margin-right:35px;
}

.prdetailwrap{
	margin-left:0px;
	//width:100%;
	width:768px;
	margin:0 auto;
}

.prdetailtxtrechts{
	margin-left: 60px;
}


.buedetailwrap{
	//margin-right:0px;
	width:440px;
}

.lakacheldiv{
	width:480px;
	height:480px; 
	margin-bottom:30px;
	margin-right:30px;
}


.nekacheldiv{
	width:480px; 
	margin-right:30px;
}


#logo{
	margin-left: calc( (100% / 2.0 ) - 510px);
}

.footerwrap{
	margin-left:0px;
}


}



@media (max-width: 1023px){ /*##ipad hoch*/

#container { /*  die totale seite   */
	width:768px;
}

#article {
	margin-top:90px;
}


.navigation{
	display:block;
}

.desknavi{
	display:none;
}


.navigation{
	margin-left:435px;
}

.backwhite{
	width:360px  ;
}


.nekacheldiv{
	width:350px; 
	margin-bottom:44px;
	margin-right:30px;
}

.prkachelwrap, .prlistewrap{
	margin-left:0px;
}

.prkacheldiv{
	width:220px;
	height:220px; 
	margin-bottom:40px;
	margin-right:35px;
}

.prkachelpreis, .prkacheltext, .lakachelpreis, .lakacheltext {
	opacity:1;
}

#prkachelswitcher{
	width:220px;
	margin-right:35px;
}

.prdetailwrap{
	width:100%;
}

.prdetailtxtrechts{
	width:670px;
}

.prdetailtxtlinks{
	margin-bottom: 30px;
}

.efzeile{
	width:calc(100% - 10px);
	padding-left:20px;
	padding-right:20px;
}

.eflinks{
	width:100px;
}

.efrechts{
	width:calc(100% - 110px);
}

.lakacheldiv{
	width:352px;
	height:352px; 
}

#logo{
	margin-left: calc( (100% / 2.0 ) - 384px);
}


}




@media (max-width: 767px){ /*##ipad hoch*/

#container { /*  die totale seite   */
	width:480px;
}

#article {
	margin-top:90px;
}


#header{
	height:90px;
}


.navigation{
	margin-left:180px;
}

.nekacheldiv{
	width:100%; 
	margin-bottom:35px;
	margin-right:0px;
}

.pekacheldiv{
	width:220px;
	height:360px; 
	margin-bottom:0px;
	margin-right:20px;
	float:left;
}

.pedetailtxtlinks{
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
}


.prkachelpreis, .prkacheltext {
  opacity: 1;
}


.pedetailtxtrechts{
	width:100%;
	float:left;
}


#logo{
	margin-left: calc( (100% / 2.0 ) - 240px);
}

.prkacheldiv{
	width:215px;
	height:215px; 
	margin-bottom:25px;
	margin-right:25px;
}

#prkachelswitcher{
	width:215px;
	margin-right:25px;
}

.prdetailwrap{
	width:100%;
}

.prdetailclose{
	margin-right:25px;
}

.prdetailtxtlinks{
	width:calc(100% - 20px);
	margin-right:0px;
}

.prdetailtxtrechts{
	width:calc(100% - 20px);
	margin-left: 0px;
}


.efzeile{
	width:calc(100% - 0px);
	padding-left:5px;
	padding-right:5px;
}

.buedetailtxtrechts{
	width:100%;
}

.lakacheldiv{
	width:480px;
	height:480px; 
}


.footermiddle{
	display:block;
}

.footerwrap .ctcolumns3 {
  width: 90%;
 margin-bottom:10px;
}




}



/*@media (max-width: 479px){ ## mobil rest*/

/*   REDO NEW */ 

@media (max-width: 500px){


#article {
	margin-top:70px;
}

.ismobile{
	height:10px;
	border-top:0px solid green;
}

.myfancyright{
	display:none;
}

.myfancyleft{
	display:none;
}

#container { /*  die totale seite   */
	width:calc(100% - 10px);
}

#header{
	height:70px;
}

#logo{
	width:60%;
	margin-left:5px;
	padding-top:30px;
}

.navigation{
	width:100%;
	float:right;
	margin:0;
	margin-top:15px;
}

#naviicons {
	width:60px;
}

.seitennavi{
	position:absolute;
	bottom:auto;
	overflow:hidden;
}

#navimliste{/*mobil*/
	padding-top:10px;
    padding-left:45px;
    padding-bottom:45px;
    overflow:hidden;
    position: relative !important;
    min-height:auto;
}

#suchwrap{
	margin-left:5px;
}


#burger{ /*burgerbutton*/
    top:10px;
}

.buedetailwrap{
	width:100%;
	margin-right:0px;
}

.buedetailtxtrechts{
	width:100%;
}

.pedetailclose{
/* email und co bricht runter*/
	float:none;
	margin-bottom:20px;
}


.pedetailhl{
	width:calc(100% - 5px);
}

.nekacheldiv{
	width:100%; 
	height:auto;
	margin-bottom:44px;
	margin-right:0px;
}


.prkacheldiv, .lakacheldiv{
	width:100% ;
	height:calc(100vw - 25px); 
	margin-bottom:30px;
	margin-right:5px;
}

.prkacheltext{
	top:140px;
}

#prkachelswitcher{
	width:calc(100% - 10px);
	margin-right:5px;
}

.prdetailclose{
	margin-bottom:25px;
}

.prdetailtxtlinks{
	width:calc(100% -10px);
	margin-right:0px;
}

.prdetailtxtrechts{
	width:calc(100% -10px);
	margin-left:0px;
}


#findall{
	margin-top:16px;
	margin-bottom:10px;   /*-5*/
}

.mscrolldown {
   transform: translate3d(0, -240px, 0); // um 200px nach oben verschieben
}

.navigation , .thehead{
	transition: transform .50s .1s ease-in-out;
}

/* position nach english*/
#navimenue{
	margin-top:7px;
}

/* position nach english der suche*/
#suchvor{
	margin-top:20px;
}

/* ### abstand der navipunkte nach oben #### */
.fancybox-toolbar{
	right:0px;
	top:15px;
}



}


@media (max-height: 780px){ 
.seitennavi{
	position:absolute;
	top:0;
	bottom:auto;
	overflow:hidden;
}

#navimliste{/*mobil*/
    padding-left:45px;
    padding-bottom:45px;
    overflow:hidden;
    position: relative !important;
}


}