.content { padding:10% 8% 10% 8%; margin:0% 2% 4% 2%; }
h1 { font-size:1.7em; }
h2 { font-size:1.2em; }
#menuContainer { font-size:1.1em; font-family:OS,Verdana,sans-serif; }
#naviIcon { width:9%; top:1%; right:2%; }
#notice { top:11%; right:3%; width:86%; }

.h1start { text-align:right; }
.imgStartL { float:left; width:30%; margin:10px 20px 0px 0px; }
.imgStartR { float:right; width:30%; 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); }
.shopInputText { border:1px solid grey; border-radius:2px; font-size:0.75em; padding:8px; background:rgba(255,255,255,0.8); padding:5px; font-size:100%; }
.checkButton { padding:9px 16px 9px 16px; background:rgba(106,101,82,0.8); color:white; border-radius:2px; border:1px solid grey; margin-bottom:3px; }
#submitButton { font-size:0.7em; }
#tdShopSubmit { width:100%; text-align:right; margin-top:20px; }
.imgVsWk { width:62%; }
.wkImgVs9mm { font-size:0.62vw; line-height:2.2; }
.wkImgVs6mm { font-size:0.4vw; line-height:2.2; }

#leadinPreise { font-size:3.5vw; line-height:1.4; }
.tablePreise { font-size:3.5vw; z-index:2; }
.tdPreise1 { width:45%; cursor:pointer; }
.tdPreise2 { width:30%; }
.tdPreise4 { width:45%; }
#linksPreise { line-height:2; font-size:1em; }
.infoPreise { bottom:-20px; width:300px; left:30px; }
.infoPreiseL { bottom:0px; width:300px; right:-30px; }
.infoPreiseLl { width:300px; }

#preisprae { text-align:right; }
#preis, #pkIntro, .buttonPK, .divPK { font-size:4vw; }
#pkIntro, .divPK { position:relative; left:5%; }
#preis { position:relative; right:5%; margin:20px 0px 20px 0px; }
#h1pkIntro { font-size:6vw; }
#pkTableResult { float:right; font-size:100%; }
.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:5vw; width:95%; float:right; }
.headerProd { padding-top:40px; }
.imgProdMobR { width:90%; position:relative; left:10%; padding-bottom:20px; border:1px solid transparent; }
.imgProdDtR { display:none; }
.imgProdMobL { width:90%; padding-bottom:20px; }
.imgProdDtL { display:none; }

.divImgCS { position:relative; display:inline-block; margin:2%; width:20%; }
.imgCSg1 { bottom:0; left:0; width:150px; }
.imgCSg2 { bottom:0; right:0; width:150px; }
.imgCsDt { display:none; }
.imgCsMob { width:100%; margin:13px 0px 10px 0px; }

.imgDS, .imgDSmob { width:100%; }
.imgDSkl { width:20%; }
.imgDSmi { width:30%; }
.imgDSdt, .imgDSmidt { display:none; }

#contentKon1 { padding:6% 4% 6% 4%; }
#divKon1 { width:100%; font-size:5vw; }
#divKon4 { width:100%; font-size:4vw; }
#imgKon1, #imgKon2 { display:none; }
.buttonKon { font-size:4vw; }
#tableKon { display:none; }
.inputKon { margin-bottom:10px; }
#konMob { font-size:4vw; }

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

.divPdf { width:30%; }

#tableWk { font-size:1em; }
.tdWkDt { display:none; }
.submitButton { font-size:4vw; }
#h1Wk { font-size:1.5em; }

#h1Best { font-size:2em; }
#tableBest, .tableBest, #tableLadrDt { display:none; }
#bestMob, #ladrMob { font-size:4vw; display:block; }
.inputBest { margin-bottom:15px; }
#divConf { padding:30% 10% 30% 10%; }

#imgsUmw { width:40%; }

#inhToc { font-size:4vw; }