*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif,Verdana;margin:0;padding: 0}
img{border:0;max-width:100%;height:auto}
#adr,#logo{position:absolute}
#adr{margin:4.5em 0 1em 3.5em;}
#logo{width:150px;}
#b{margin:3em auto;max-width:55em}
#k{padding:0.5em 0 0;margin:0em auto;max-width:900px;}
#suche,#leer{clear:right;margin:1.5em 0;line-height:2.5em}
a,.button-g a,.button-g:hover{text-decoration:none;color:#039}
a:hover{text-decoration:underline;color:#03C}
#adr{text-align:left}
.lnav,.re{text-align:right}
.button-g{text-align:center}
.ff,.bl,.bl2,.bestmenge{float:left}
#langnav,#suche,.fix100,.br,#leer{float:right}
footer,.cl,.clearfix:after{clear:both}
.clearfix:after{content:" ";display: block}
.t80{font-size:80%}
.pr{line-height:1.25em;font-size:125%}
.button-g{border:3px outset #FC3;padding:0.5em 1em;width:12em;border-radius:0.25em;background-color:#FC0}
.button-g a{display:block}
.button-g:hover{background-color:#FF6;border:1px outset #F93;cursor:pointer}
.lnav,input[type=submit],.button-g,.plusminus{-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.lnav,.wb{border:1px solid #ccc}
.lnav{cursor:pointer}
h2,h3{margin-top:2em}
.bestmenge{margin-right:2em}
.fix100{margin:0 0 2em 2em}
#f{padding-top:1em}
.fl{padding:0 1em 1em 0}
h1,h2{color:#333}
h1{font-size:170%;margin:0 0 1em}
h2{font-size:150%}
#adr{font-size:80%}
.wb,INPUT,SELECT,TEXTAREA,.button-g{font-size:90%}
.wb{padding:1em;margin:2em 0}
.bl,.bl2{padding-right:2em;}
.ff{padding-right:3em}
SELECT,.plusminus{background-color:#fff}
.plusminus,input,TEXTAREA,SELECT{border:1px solid #999}
.plusminus{border-radius:0}
.plusminus,.button-g{color:#000;font-weight:bold}
input[type=submit]{height:2em;padding:0.25em}
input{height:2em}
SELECT{width:12em;height:2em;}
#f{margin:5em 0;padding:1em 0;border-top:3px solid #ccc}
#f ul li{list-style:none}
#f ul {padding:0;margin:0}
#navi{text-align:center;font-size:90%;clear:both}
nav{z-index: 99;width:100%;background:#ccc;font-size:100%}
nav input{display:none}			/*verbirgt Checkboxen*/
nav ul{padding:0;margin:0;line-height:3.5em}
.wrp{position:relative;text-align:center}
.navlnk{display:inline-flex;}
.navlnk li{list-style:none;text-align:left}
.navlnk li a{color:#000;text-decoration:none;padding:1.25em}
.navlnk li a:hover{background: #ffc}
.navlnk .mobil{display: none}
.navlnk li:hover .mega1a,.navlnk li:hover .mega1b,.navlnk li:hover .mega1c,.navlnk li:hover .mega2a,.navlnk li:hover .mega2b,.navlnk li:hover .mega2c,.navlnk li:hover .mega4{top:3em;visibility:visible}
.mega1a,.mega1b,.mega1c,.mega2a,.mega2b,.mega2c,.mega4{position:absolute;padding:0 3em;margin-top: 0.5em;visibility:hidden}
.mega1a{left:3em;width:30%}
.mega1b{left:30em;width:40%}
.mega1c{left:35em;width:40%}
.mega2a{left:10em;width:65%}
.mega2b{left:35em;width:50%}
.mega2c{left:1em;width:95%}
.mega4{left:12em;width:55%}
.cnt{background:#ffc;padding:1em 2em;display: flex;width:100%;justify-content: space-between}
.row2a{width:calc(50%)}
.row4{width:calc(50%)}
.cnt p{font-weight:bold;color:#000;margin-bottom:-0.5em}
.mglnk li{line-height:1.75em}
.mglnk li a{padding:0;color:#00f;display: block}
.mglnk li a:hover{text-decoration:underline}
.wrp .btn{color: #000;font-size:120%;padding:0.85em 1em;cursor:pointer;display:none}
.wrp .btn.close-btn{position:absolute;right:30px;top:10px}
/*Suche*/#output li{margin:1em 0}
.th,em,#output a{/*Linktext 1.+letzte Z. Treffer*/font-weight:bold}
.searchword{color:#222;background:#0FF}
.searchword0{color:#222;background:#faf000}
.searchword1{color:#222;background:#F9C}
.searchword2{color:#222;background:#9F6}
.searchword3{color:#222;background:#fbb000}
.searchword4{color:#222;background:#9Cf}
.searchword5{color:#222;background:#F00}
.searchword6{color:#222;background:#96F}

/****** bis 900 Pixel Breite *******/
@media all and (max-width:900px) {
body{margin:0.5em;}
#b{margin:2em 0.5em;max-width:900px}
.row1a,.row1b,.row1c,.row2a,.row2b,.row4,.mega1a,.mega1b,.mega1c,.mega2a,.mega2b,.mega2c,.mega4,.wrp .navlnk{width:100%}
.navlnk li a,.navlnk .mobil{font-size:120%}
input.select{font-size:125%}
.plusminus,input.textarea{height:2em}
.plusminus{padding:0.25em 0.75em;font-size:125%}
.wrp{text-align:left}
.wrp .navlnk{position:fixed;height:100%;max-width:350px;top:0;left:-100%;background:#ccc;padding:1em;line-height:3em;overflow-y:auto}
#menu-btn:checked ~ .navlnk{left:0%}
#menu-btn:checked ~ .btn.menu-btn,.navlnk .dsktop{display:none}
.wrp .navlnk,.navlnk li a,#close-btn:checked ~ .btn.menu-btn,.navlnk .mobil,.wrp .btn{display:block}
input.select{-webkit-appearance:none}
.navlnk li{margin:1em}
.navlnk li a{padding:0}
#shwM1a:checked ~ .mega1a,#shwM1b:checked ~ .mega1b,#shwM1b:checked ~ .mega1c,#shwM2a:checked ~ .mega2a,#shwM2b:checked ~ .mega2b,#shwM2c:checked ~ .mega2c,#shwM4:checked ~ .mega4{max-height:100%}
.navlnk .mobil{color:#000;padding-left:0;cursor:pointer}
.navlnk .mobil:hover{background:#ffc}
.mega1a,.mega1b,.mega1c,.mega2a,.mega2b,.mega2c,.mega4{position:static;visibility:visible;padding:0;max-height:0px;overflow:hidden;left:0em}
.cnt{flex-direction:column;	/*unterbindet float*/
padding:0 1em}
.row1a,.row1b,.row1c,.row2a,.row2b,.row4{margin-bottom:1em}
.mglnk{padding-left:0}
.mglnk li{margin:0;line-height:3em}
#f{line-height:1.75em}
.wb{padding:1em}
.bestmenge{float:none;margin:1em 0}
#f,.liste{line-height:1.75em}
}

/*********** bis 600 Pixel Breite ***********/

@media all and (max-width:600px) {
.fix100{padding:0}
#suche{padding-top:3em}
.fix100{margin:0 0 1em 0;width:100%;float:none}
h1{font-size:150%;margin:0 0 1em}
h2{font-size:125%;margin-top:1em}
.liste{padding-left:1em}
.bl2{padding-right:0}
.bl{padding-right:1em}
.wb{padding:1em 0;border:none,margin:0 0 2em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.fix100,.wb,.wbl,.button-g{width:100%}
.fix100,.button-g{float:none}
}