a { text-decoration:none; outline:none; }
.alignCenter { text-align:center; }
#body { font-family:OSlight,Verdana,sans-serif; box-sizing:border-box; width:100%; background-color:black; height:100%; border:0; padding:0; margin:0; overflow:hidden; z-index:0; }
#bgDiv { width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; overflow:hidden; }
#bgImage { width:100%; height:100%; }
.button { cursor:pointer; background-color:rgba(255,255,255,0.3); display:inline-block; border:1px solid grey; border-radius:2px; box-shadow:1px 1px 2px grey; margin:5px; text-align:center; padding:10px 18px 10px 18px; }
.buttonBest, .buttonKon { background-color:rgba(255,255,255,0.3); border:1px solid grey; padding:12px 20px 12px 20px; cursor:pointer; text-align:center; }
.checkboxStyled { position:relative; }
.checkboxStyled label { cursor:pointer; position:absolute; width:18px; height:20px; left:0; background:#e3e3e3; padding-left:5px; border:1px solid #685d6b; }
.checkboxStyled label:after { opacity:0; content: ''; position: absolute; width:10px; height:7px; background:transparent; top:4px; left:6px;border:3px solid #685d6b; border-top:none; border-right:none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.checkboxStyled label:hover::after { opacity:0.5; }
.checkboxStyled input[type=checkbox]:checked + label:after { opacity:1; }
.content, #contentKon1 { background:rgba(255,255,255,0.7); margin:0% 2% 2% 2%; border-radius:5px; position:relative; z-index:2; font-family:OSlight,Verdana,sans-serif; line-height:1.6; text-shadow:1px 1px 1px white; }
#divConf { text-align:center; box-sizing:border-box; width:100%; }
.divImgCS { position:relative; display:inline-block; }
.divPK { display:inline-block; padding:0px 40px 40px 0px; }
#firmendaten, #kurierlieferung, #lieferadr1, #lieferadr2, #tableLadrDt, #ladrMob, #frechnung { display:none; }
@font-face { font-family:OSlight; src:url('fonts/opensans-light-webfont.woff') format('woff'); }
@font-face { font-family:OS; src:url('fonts/opensans-regular-webfont.woff') format('woff'); }
#footer { color:white; text-shadow:1px 1px 1px black; width:98%; font-family:OS,Verdana,sans-serif; font-size:2em; text-align:right; position:relative; z-index:2; opacity:0.7; margin-bottom:2%; }
h1, h2, h3 { line-height:1.4; }
h1 { margin-top:0; }
h5 { font-size:200%; margin:0; }        /* Counter unter nature services */
.hinweisPraeg { display:none; position:absolute; left:150px; text-align:center; border:1px solid grey; box-shadow:0 0 3px 1px #c0c0c0; border-radius:2px; padding:12px; z-index:3; background:rgba(255,255,255,0.8); }
html { width:100%; height:100%; scroll-behavior:smooth; }
.imgCS { width:100%; cursor:pointer; box-shadow:2px 2px 3px grey; }
.imgCsDt2 { cursor:pointer; margin-left:20px; }
.imgCSg1, .imgCSg2 { display:none; position:absolute; box-shadow:3px 3px 4px grey; z-index:4; cursor:pointer; }
.imgInfoPreise { margin:4px 10px 4px 0px; float:left; display:inline; }
.infoPreise, .infoPreiseL, .infoPreiseLl { background:rgba(255,255,255,0.8); position:absolute; display:none; text-align:left; color:#000000; padding:20px; z-index:10; border:1px solid #54554f; border-radius:5px; box-shadow: 1px 1px 5px #54554f; }
.infoPreiseLl { bottom:-50px; }
input[type="checkbox"], input[type="radio"] { position:absolute; clip:rect(0,0,0,0); }
.inputBest, .inputKon, .inputBestgew { padding:5px; border:1px solid #54554f; border-radius:2px; opacity:0.6; }
#kalenderPortrait, #kalenderLandscape { display:none; }
.kleinschrift { font-size:75%; }
#menuContainer { position:relative; box-sizing:border-box; width:100%; line-height:170%; font-family:OS,Verdana,sans-serif; z-index:2; text-align:right; padding:0% 2% 0% 2%; }
.menupunkt_on { text-decoration:none; color:white; text-shadow:1px 1px 1px black; opacity:1; }
a:link.menupunkt_off, a:visited.menupunkt_off, a:active.menupunkt_off { text-decoration:none; color:white; text-shadow:1px 1px 1px black; opacity:0.7; }  a:hover.menupunkt_off { text-decoration:none; color:white; text-shadow:1px 1px 1px black; opacity:1; }
#notice { font-family:OSlight,Verdana,sans-serif; }
.nowrap { white-space:nowrap; }
.radioBest { float:left; z-index:1; width:35px; position:relative; }
.radioBest input[type=radio]:disabled + label:hover::after { opacity:0; }   .radioBest input[type=radio]:checked + label:after { opacity:1; }
.radioBest label { cursor:pointer; position:absolute; width:25px; height:25px; background-color:transparent; background-image:url(Bilder/Shop/copy-off1.png); background-repeat:no-repeat; background-position:center center; border:0px; }   .radioBest label:after { position:absolute; opacity:0; content:''; width:25px; height:25px; background-image:url(Bilder/Shop/copy-on1.png); background-repeat:no-repeat; background-position:center center; top:0; left:0; border:0px; }  .radioBest label:hover::after { opacity:0.3; }
.recy { padding:20px; background-color:DarkOliveGreen; margin:2%; display:inline-block; color:white; font-size:75%; border-radius:4px; text-shadow:none; }
.submitButtonWk { background-color:rgba(255,255,255,0.3); display:inline-block; border:1px solid grey; border-radius:2px; box-shadow:1px 1px 2px grey; font-weight:lighter; margin:5px; text-align:center; padding:13px 24px 13px 24px; }  .submitButtonWk:hover { background-color:rgba(255,255,255,0.6); }
#tableBest { display:inline-block; }
#tableWkBon { background-color:white; border-radius:255px 15px 225px 15px/15px 225px 15px 255px; background:hsla(255,255,255,1); border:solid 5px hsla(0,0,0,1); margin:5% 0 5% 0; box-shadow:2px 2px 4px grey; text-align:left; padding-bottom:20px; }
.tdPreise1 { position:relative; }
.tdPreise2 { text-align:right; position:relative; }
.tdPreise3 { width:15%; text-align:right; }
ul { list-style-type:none; }
ul#navi li { white-space:nowrap; display:inline-block; padding-left:2%; padding-right:2%; }
.verweis { color:#4447b6; white-space:normal; }  a.verweis:visited, a.verweis:active, a.verweis:hover { color:#0000c0; }
.verweisStart { color:black; }