.content { padding:4%; margin:0% 2% 2% 2%; }
h1 { font-size:1.5em; }
#menuContainer { font-size:1.1em; font-family:OS,Verdana,sans-serif; }
#naviIcon { width:6%; top:2%; right:1%; }
#notice { top:3%; right:4%; width:80%; }

.imgStartL { float:left; height:100px;; margin:10px 20px 0px 0px; }
.imgStartR { float:right; height:100px; margin:10px 0px 0px 20px; }

.buttonShop { background-color:rgba(255,255,255,0.3); display:inline-block; border:1px solid grey; border-radius:2px; box-shadow:1px 1px 2px grey; padding:4px 8px 4px 8px; margin:5px; cursor:pointer; text-align:center; }
.buttonShop:hover { background-color:rgba(255,255,255,0.6); }
.checkButton { padding:9px 16px 9px 16px; background:rgba(106,101,82,0.5); color:white; border-radius:2px; border:1px solid grey; margin-bottom:3px; }
.shopInputText { border:1px solid grey; border-radius:2px; font-size:0.75em; padding:5px; background:rgba(255,255,255,0.8); }
#submitButton { top:40px; font-size:0.7em; padding:4px 8px 4px 8px; }
#tdShopSubmit { float:right; }
#tableWk { font-size:80%; }
.imgVsWk { width:62%; }
.wkImgVs9mm { font-size:0.25vw; line-height:2.2; }
.wkImgVs6mm { font-size:0.16vw; line-height:2.2; }

#leadinPreise { font-size:0.8em; white-space:normal; line-height:1.5; }
.tablePreise { font-size:0.8em; width:100%; z-index:2; }
.tdPreise1 { width:55%; cursor:pointer; }
.tdPreise2 { width:30%; }
.tdPreise4 { width:55%; }
.infoPreise { bottom:-20px; width:300px; left:50px; }
.infoPreiseL { bottom:0px; width:300px; right:0px; }

#preisprae { min-height:100px; text-align:right; }
#preis, #pkIntro, .buttonPK { font-size:2vw; }
#preis { margin:20px 0px 20px 0px; }
.divPK { font-size:3vw; }
#h1pkIntro { font-size:1.5em; }
#pkIntro { float:left; }
#pkTableResult { float:right; }
#preis { max-width:50%; }
.buttonPK { background-color:rgba(255,255,255,0.3); display:inline-block; border:1px solid grey; border-radius:2px; box-shadow:1px 1px 2px grey; padding:5px 10px 5px 10px; margin:5px; cursor:pointer; text-align:center; }
.buttonPK:hover { background-color:rgba(255,255,255,0.6); }
.pkInputText { border:1px solid grey; border-radius:2px; padding:4px 8px 4px 8px; background:rgba(255,255,255,0.8); }

#tableProd { font-size:3vw; width:100%; }
.headerProd, #tdProd1 { font-size:2.5vw; }
.imgProdDtR { width:50%; float:right; }
.imgProdMobR { display:none; }
.imgProdDtL { width:40%; float:left; }
.imgProdMobL { display:none; }

#imgCs3 { float:left; margin:10px 15px 3px 0px; }
#imgCs4 { float:right; margin:10px 0px 3px 15px; }
.imgCsDt { box-shadow:2px 2px 3px grey; width:40%; }
.imgCsDt2 { box-shadow:2px 2px 3px grey; width:100%; }
.divImgCS { position:relative; display:inline-block; margin:2%; width:20%; }
.imgCSg1 { bottom:0; left:0; width:250px; }
.imgCSg2 { bottom:0; right:0; width:250px; }
.imgCsMob { display:none; }

.imgDS, .imgDSdt { width:40%; }
.imgDSkl { width:25%; }
.imgDSmi, .imgDSmidt { width:38%; }
.imgDSmob { display:none; }

#contentKon1 { padding:4%; }
#imgKon1 { display:none; }
#imgKon2 { display:none; }
.buttonKon { font-size:2vw; }
#konMob { display:none; }

#imgBS1 { width:40%; float:right; }
#imgBS2 { width:30%; float:left; margin-top:10px; }

.divPdf { width:25%; }

#tableWk { font-size:2.8vw; }
.tdWkMob { display:none; }
.submitButton { font-size:2.2vw; }

#h1Best { font-size:3vw; }
#tableBest, .tableBest, #tableLadrDt { font-size:2.4vw; }
#bestMob, #ladrMob { display:none; }
#tableLadrDt { display:block; }

#imgsUmw { width:40%; }