.content { padding:4% 4% 2% 4%; margin:0% 2% 2% 2%; }
#menuContainer { font-size:1.2em; font-family:OS,Verdana,sans-serif; }
#naviIcon { width:4%; top:2%; right:1%; }
#notice { top:5%; right:4%; width:50%; }

.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:7px 14px 7px 14px; margin:5px; cursor:pointer; text-align:center; }
.buttonShop:hover { background-color:rgba(255,255,255,0.6); }
.shopInputText { border:1px solid grey; border-radius:2px; font-size:0.75em; padding:8px; background:rgba(255,255,255,0.8); }
.checkButton { padding:11px 20px 11px 20px; background:rgba(106,101,82,0.5); color:white; border-radius:2px; border:1px solid grey; }
#tdShopSubmit { float:right; }
.imgVsWk { width:62%; }
.wkImgVs9mm { font-size:0.25vw; line-height:2.2; }
.wkImgVs6mm { font-size:0.16vw; line-height:2.2; }

#leadinPreise { font-size:1em; }
.tablePreise { width:100%; z-index:2; font-size:1em; }
.tdPreise1 { width:55%; cursor:pointer; }
.tdPreise2 { width:30%; }
.tdPreise4 { width:55%; }
.infoPreise { top:-50px; width:325px; left:110px; }
.infoPreiseL { bottom:0px; width:325px; right:-20px; }

#preisprae { max-width:300px; min-height:100px; text-align:right; }
#preis { margin:10px 0px 10px 0px; }
#pkIntro { width:100%; text-align:right; }
#pkTableResult { float:right; }
.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:7px 14px 7px 14px; 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 { width:100%; }
.headerProd, #tdProd1 { font-size:1.65vw; }
.imgProdDtR { width:40%; float:right; }
.imgProdMobR { display:none; }
.imgProdDtL { width:40%; float:left; }
.imgProdMobL { display:none; }

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

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

#contentKon1 { padding:2% 2% 2% 4%; display:flex; direction:rtl; height:350px; }
#divKon1 { display:inline-block;direction:ltr; position:absolute; left:2%; }
#divKon4 { width:50%; float:right; }
#imgKon1 { width:50%; }
#imgKon2 { width:50%; display:inline-block; }
.inputKon { width:80%; }
#tableKon { line-height:1; font-size:1em; width:90%; }
.buttonKon { font-size:1.5vw; margin-right:20%; }
#konMob { display:none; }

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

.divPdf { width:15%; }

#h1Wk { font-size:2vw; }
#tableWk { font-size:1.6vw; }
.tdWkMob { display:none; }
.submitButton { font-size:1.3vw; }

#bestMob, #ladrMob { display:none; }
#tableLadrDt { display:block; }
#h1Best { font-size:2.5vw; }
#divConf { padding:10%; }

#imgsUmw { width:35%; }