body {
  line-height: 1;
}
#lmenu {width:140px;}
#content {float:left;max-width:1040px;}
#contentmain {min-width:880px;max-width:880px;margin-left:10px}
#wrap {width:1180px;}
.primage {max-width:160px;max-height:100px;}
#firmenlogo {width:860px;background-image:url(/menupic/firmenlogo-s-net.gif);}
.abox {border:1px solid #cccccc;float:left;width:192px;height:250px;padding:4px;margin:4px;}
.ismobil {display:none !important;}
.nomobil {display:block !important;}
.nmenuoben {width:100%;}



.div-1 {
  display:flex;  width:150px; height:180px;float:left;background:white;
  box-shadow: 0 6px 6px rgba(0,0,0,0.16), 0 6px 6px rgba(0,0,0,0.23);
  border-radius: 10px;margin:10px;padding-bottom:4px;z-index:100;
 }

.div-2 {
  display:flex;
  width:100%;text-align:center;padding:4px;margin-left:auto;margin-right:auto;
  box-shadow: width:100%;height:100%;box-shadow: 0 0 5px #aaa inset;  
  border-radius: 10px;
  font-family:Verdana;font-size:26px;color:blue; z-index:200;
}


.div-3 {
  display:flex;  float:left;width:58px;height:58px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 4px;margin:2px;margin-left:4px;overflow:hidden;font-size:30px;
 }

.div3font {font-size:6px;line-height:1.1;}



.mimage { max-height:110px;max-width:120px;}
.pimage { max-height:38px;max-width:44px;max-width:95%;max-height:95%;display:block;}
.minfo {display:block;overflow:hidden;max-width:120px;max-height:48px;position:relative;z-index:9999;}
.minfo a {display:block;font-size:12px;line-height:1.2;}
.mitem {font-size:13px;}
 .mtitle {font-size:24px;font-family:"Times New Roman"}
.timage {height:110px;}
#backp {position:relative;left:60px;top:-7px;z-index:2000;}
.d3image {height:40px;border:0px solid;overflow:hidden;}
#menumoreshow, #menumored {display:none;}
#menumoreshowd {display:block;}

.ttable {display:table;border-spacing:10px;}
.trow {display:table-row;}
.tcell {display:table-cell;vertical-align:top;}

@media only screen and (max-width: 680px) {
 .ttable,.trow,.tcell {display:block;margin-bottom:6px;}
  #menumore, #menumoreshowd {display:none;}
  #menumoreshow {display:block;}
 #backp {position:relative;left:45px;top:-7px;}
 .d3image {height:26px;border:0px solid;overflow:hidden;}
 .abox {width:152px;}
 .nmenuoben {width:360px;}
 .rmenu {display:none;}
 .nomobil {display:none !important;}
 .ismobil {display:block !important;}
 .primage {max-width:150px;max-height:100px;}
 #wrap {width:360px;border:1px solid;}
 #contentmain {min-width:300px;max-width:348px;}
 #firmenlogo {width:222px;background-image:url(/menupic/firmenlogo-s-mobil.gif);background-position:-4px 0px;}
 #lmenu {display:none;position:absolute;top:40px;left:0px;}
 #content {float:left;}
 .img {max-width:354px;height:auto;}
 .div-1 {width:134px;height:136px;margin-left:16px;margin-right:16px;}
 .div-2 {font-size:11px;}
 .pimage { max-height:26px;max-width:30px;}
 .div-3 {width:42px;height:40px;margin-left:8px;font-size:4px;overflow:hidden;} 
 .div3font {font-size:5px;line-height:1;}
 .mimage { max-height:60px;max-width:90px;}
 .mitem {font-size:10px;color:#ff0000;}
 .mtitle {font-size:16px;}
 .minfo {display:block;overflow:hidden;max-width:105px;}
.timage {height:80px;}
}



@media only screen and (max-width: 800px) {
 .div-2:hover {  box-shadow: 0 0 5px #0063ce inset;}
 .div-3:hover {  box-shadow: 0 0 5px #0063ce inset;}

}

@media only screen and (min-width: 800px) {
.div-2:hover {
  box-shadow: width:100%;height:100%;box-shadow: 0 0 5px #0063ce inset;font-size:16px;
  width:180px;height:240px;background-color:#ffffff;z-index:9999;
margin-left:-10px;margin-right:-10px;
}


.div-2:hover .div-3 {width:80px;height:83px;}

.div-2:hover .div3font {font-size:9px;}
.div-2:hover .mitem {font-size:20px;}
.div-2:hover .minfo {max-width:210px;box-shadow: width:100%;height:100%;box-shadow: 0 0 5px #0063ce inset;background-color:#f4f4f4;max-height:74px;padding:2px;border-radius: 4px;}
.div-2:hover #backp {left:86px;top:-7px;}
.div-2:hover .d3image {width:68px;height:40px;}
.div-3:hover {box-shadow: width:100%;height:100%;box-shadow: 0 0 5px #0063ce inset;}
.div-3:hover {width:100px !important;height:102px !important;position:fixed;z-index:1000;margin-top:-42px;background-color:white;padding-top:6px;}
.b2:hover { margin-left:-18px;}
.b3:hover { margin-top:-57px;}
.b4:hover { margin-top:-57px;margin-left:-18px;}

}