/****** bis 900 Pixel Breite *******/

@media all and (max-width:900px) {
body{margin:0.5em;}
#b{margin:2em 0.5em;max-width:900px}
.for{width:35%}
.plusminus,input[type='radio'],input.textarea{height:2em;}
.plusminus{font-size:125%;padding:0.25em 0.75em;}
input.bigcheck{height:3em;width:3em} 
input[type='radio']{width:2em}
input.text,input.tel,input.email,input.password{width:95%}
input.textarea{font-size:100%}
input.select{-webkit-appearance:none;font-size:125%}
textarea{width:95%;height:5em}
.inh{width:50%}
.load a{color:#039}
.wb{padding:1em}
.bestmenge{float:none;margin:1em 0}
.wrp{text-align:left}
.wrp .btn{display:block}
.wrp .navlnk{position:fixed;height:100%;width:100%;max-width:350px;top:0;left:-100%;background:#ccc;display:block;padding:1em;line-height:3em;overflow-y: auto;}
#menu-btn:checked ~ .navlnk{left:0%}
#menu-btn:checked ~ .btn.menu-btn{display:none}
#close-btn:checked ~ .btn.menu-btn{display:block;}
.navlnk li{margin:1em}
.navlnk li a{padding:0;display:block;font-size:120%}
#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 .dsktop{display: none}
.navlnk .mobil{display: block;color:#000;padding-left:0;cursor:pointer;font-size:120%}
.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;width: 100%;}
.cnt{flex-direction:column;	/*unterbindet float*/
padding:0 1em;}
.row1a,.row1b,.row1c,.row2a,.row2b,.row4{width:100%;margin-bottom:1em}
.mglnk{padding-left:0}
.mglnk li{margin:0;line-height:3em}
#f,.liste{line-height:1.75em}
}

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

@media all and (max-width:600px) {

.fix100,.hst,.fl,.pp_re,.pp_li{padding:0;}
.wb,.wbl{padding:1em 0;border:none}
.abm{padding-top:1em}
#suche{padding-top:3em}
.liste,.li-eng{padding-left:1em}
.bl2{padding-right:0}
.bl{padding-right:1em}
.kleinz{padding:1em 0 0 1.25em}
.knli{margin-right:0}
.fix100{margin:0 0 1em 0}
.for,.for35{margin:0 0 1em 1em}
.wb,.wbl{margin:0 0 2em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.inh,.klinh,#links_img div,#links_img:hover div{display:none}
.pp_li,.pp_re,.w13,.w15,.fix100,.wb,.wbl,.button-g,.knli,.knre,.c25,.c75,#gal,.links33{width:100%}
.fix100,.fl,.pp_re,.pp_li,.br,.br-li,.button-g,#frmlr p,.links33{float:none}
.for35{width:35%}
.fl,.pp_re,.pp_li,.br,.br-li{border:1px solid #ccc}
.br,.br-li{padding:0.5em;margin:1em 0} 
.za{line-height:150%}
h1{font-size:150%;margin:0 0 1em}
h2{font-size:125%;margin-top:1em}
h3{font-size:110%;margin-top:0em}
.hst{list-style:none;margin:1em 0 0}
.jpdet{clear:both;}
#frmlr p{margin-top:-0.1em}
/* Aufklappbare Überschriften + Texte*/
.klapp{border-top:1px solid #ccc}
.klapp h2{padding-left:1.25em}
.klabel{cursor:pointer;}
.klapp input:checked + .klinh{display:block}
.klabel:before{content:"▾";display:block;font-weight:bold;position:absolute;top:0.75em;left:0em}
#links_img{margin:0 1em 1em;width:25%}
#gal{text-align:left}
.rck,.rcke,.rckc{float:left;}
.vor,.xvor,.vore,.xvore,.vorc,.xvorc{float:right;}
.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc{width:45%}
.rck::before,.xrck::before,.rcke::before,.xrcke::before{content:"<<"}
.vor::after,.xvor::after,.vore::after,.xvore::after{content:">>";}
.schalt,.lw{width:80%}
.schalt{margin:1em 0}
.spalt3{column-count:1}
}