/******RESPONSIVE ELEMENTS*****/
.grid_1,.grid_2,.grid_31,.grid_32,.grid_41,.grid_42{margin: 0;padding:0; box-sizing:border-box;}

.grid_1 { width: 100%; } 

.grid_2 { width: 50%; float:left} 

.grid_31 { width:33.3%;float:left} 
.grid_32 { width:66.6%;float:left} 

.grid_41 { width: 25%;} 


.grid_42 { width: 90%;} 



@media screen and (min-width : 1025px) and (max-width :1200px) {
#holder,#header, #content, #footer{ width:90%; }
ul#menu-menu-1 li a{ margin-right:2%}

#content img{ width:auto; max-width:95%; height: auto;}
}











/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 481px) and (max-width :1024px) {
.grid_1,.grid_32,.grid_41,.grid_42{width:100%; float:none }

#holder,#header, #content, #footer{width:95%;}
.is_tablet{ display:block}
.is_mobile{ display:none}
.is_desktop { display:none}


#lensse{ width:50%}
#lensse .search-form{ width:100%}

#content{ padding-top:20px}
#content img{ width:auto; max-width:95%; height: auto;}

#content img.pimage{ width:100%; max-width:480px;}


#content table#tb1{ width:95%!important}

#content .kontakt img{ width:95%; margin-bottom: 10px}
#content .kontakt p{ display:block; width:95%;  position:relative}
#content .kontakt .grid_2:nth-child(2) img{}
#content .kontakt .grid_2:nth-child(2) p { margin-left:0}
#content .kontakt p img.cmail{ position:relative; float:right; top:-15}

iframe{ max-width:1024px; width: 100%; height: 300px;}
#right img{ width:auto; float:none;}
#right.grid_31{ width: 100% }
}












/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 0px) and (max-width :480px) {
.grid_1,.grid_2,.grid_31,.grid_32,.grid_41,.grid_42{width:100%; float:none }

#holder,#header, #content, #footer{width:92%;}


.is_tablet{ display:none}
.is_mobile{ display:block}
.is_desktop { display:none}

#header{ height:60px;}
#lensse{ top:20px; width:80%}
#lensse .search-form{ width:100%}


#lang{ top:25px}

#content{ padding-top:20px}
#content img{ width:auto; max-width:100%; margin:auto;margin-bottom: 10px;}
#content table td{ display: block; }

#content .kontakt img{ width:auto!important; margin-bottom: 0; float: none;}
#content .kontakt p{ display:block; width:100%;  position:relative; text-align:center; margin-left: 4%}
#content .kontakt .grid_2:nth-child(2) img{ float:none}
#content .kontakt .grid_2:nth-child(2) p { margin-left:0}
#content .kontakt p img.cmail{ position:relative; float:right; top:0}

iframe{ max-width:480px; width: 100%; height: 300px;}
#right img{ width:auto; float:none;}

#content .searchbox img{ float:none; margin:auto; margin-bottom:15px;}

#footer ul#menu-menu-2{ width:100%;max-width:none}

#footer ul#menu-menu-2 li a{ width:100%; text-align:left; display:block; }
#footer p{ text-align:center; line-height:28px;}

#content .kontakt table#tb1{ width:100%}
#content .kontakt table#tb2{ width:100%}



}


@media screen and (min-width : 480px) and (max-width :680px) {
#content #propage .produkte{width: 50%; height:350px;}
#content img.pimage{ width:100%; max-width:600px;}



.grid_2{ width:100%}
#content .kontakt img{ width:100%;}
#content .kontakt p{ display:block;   position:relative}
#content .kontakt .grid_2:nth-child(2) img{ float:none}
#content .kontakt .grid_2:nth-child(2) p { margin-left:0}
#content .kontakt p img.cmail{ float:right; top:0}


#content .searchbox img{ float:none; margin:auto; margin-bottom:15px;}
#content .kontakt p {}
#content table#tb1{ width:100%}
#content table#tb2{ width:100%}
}