/*@viewport{width:device-width;zoom:1}*/
*{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 a,.button-g a,.klwk-gelb a,.klwk-grau a,
.button:hover,.button-g:hover,
.rck:hover,.vor:hover,.xrck:hover,.xvor:hover,.rcke:hover,.vore:hover,.xrcke:hover,.xvore:hover,
.rckc:hover,.vorc:hover,.xrckc:hover,.xvorc:hover,
.rck a,.vor a,.xrck a,.xvor a,.rcke a,.vore a,.xrcke a,.xvore a,.rckc a,.vorc a,.xrckc a,.xvorc a,.schalt a:hover,.lw a:hover{text-decoration:none}
a{color:#039}
a:hover{text-decoration:underline;color:#03C}

#adr{text-align:left}
.kn,.br,.mitte,.button,.button-g,.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc,.lw,.schalt,.iconbox{text-align:center}
.ar-fa,.lnav,.for,.BU{text-align:right}

.inh,.ff,.w,#links_img,.links33,.pp_li,.rck,.xrck,.xvor,.rcke,.xrcke,.xvore,.rckc,.xrckc,.xvorc,.fl,.bl,.bl2,.wkl,.bestmenge,.lw,.schalt,.thmb,.iconbox{float:left}
#langnav,#suche,#leer,.for,.for35,.fix100,.pp_re,.vor,.vore,.vorc,.br,.br-li,.for35{float:right}

footer,.w,.cl,.clearfix:after{clear:both}
.iconbox{width:7em;height:7em}
.lnav,input[type=submit],.plusminus,.button,.button-g,.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc{-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;}

.inh,.lnav,.wb,.wbl,.br,.br-li{border:1px solid #ccc}
.thmb,.iconbox{border:1px solid #000}
.lnav{cursor:pointer}

#b_rtl{margin:3em auto;max-width:55em;direction:rtl;line-height:150%;font-size:110%}
.thmb,.iconbox{margin:0.3em 0.3em}
.ab05{margin-top:0.5em}
.abst,.hista{margin-top:1em}
h2,h3{margin-top:2em}
.lw,.lw:hover,.schalt{margin:1em 1em 2em 0}
.bestmenge{margin-right:2em}
.ar-fa{margin:1em 0 0.5em}
.for,.for35,.fix100{margin:0 0 2em 2em}
.inh,.wb100{margin:2em 0}
.thmb{padding:0.25em}
.inh,.wb100,.lw{padding:1em}
.a05,.iconbox{padding-top:0.5em}
#f{padding-top:1em}
.padd10{padding-top:2em}
.padd-re2,.bl,.bl2{padding-right:2em;}
.fl{padding:0 1em 1em 0}
.wkl{padding:0 1em 0 0}
.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc{padding:0.5em 2em}
h1,h2,h3{color:#333}
h1{font-size:170%;margin:0 0 1em}
h2{font-size:150%}
h3{font-size:125%}
.h1u{font-size:60%}
.h2u{font-size:65%}
.h3u,.t76,.iconbox{font-size:76%}
.t65{font-size:65%}
.t70{font-size:70%}
#adr,.BU,.t80{font-size:80%}
.t85{font-size:85%}
.wb,.wbl,.inh,.button,.button-g,.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc,INPUT,SELECT,TEXTAREA{font-size:90%}
.ue{font-size:120%;padding:20px 0 10px}
.BU{font-style:italic}
.ff{padding-right:3em}
.load a{color:#999}

.pr{line-height:1.25em;font-size:125%}

.clearfix:after{content:" ";display: block}


.inh{line-height:1.5em;width:25em}

.za{line-height:200%}

.links33{width:50%}
.pp_re,.pp_li{width:48%}
.m5{width:200px}

SELECT,.plusminus{background-color:#fff}
.plusminus,input,TEXTAREA,SELECT{border:1px solid #999}

input.bigcheck{height:1.5em;width:1.5em} 
input[type=submit]{height:2em;padding:0.25em}
input{height:2em}
SELECT{width:12em;height:2em;}
.textarea{width:60%;height:7em}
input[type='radio']{height:1em;width:1em}

.plusminus{border-radius:0}

.kn,.submit,.schalt,.lw,.button-g,.klwk-gelb,.schalt:hover{border:3px outset #FC3}
.lw:hover,.schalt:hover{border:3px outset #ccc}
.lw:hover,.schalt:hover{cursor:pointer}

.schalt:hover{background-color:#FF6}
.button,.button-g{padding:0.5em 1em;width:12em;border-radius:0.25em;}
.button-g,.klwk-gelb{background-color:#FC0}
.plusminus,.button-g,.klwk-gelb,.button,.klwk-weiter,.klwk-grau,.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc,
.button a,.button-g a,.klwk-gelb a,.klwk-grau a,.rck a,.vor a,.xrck a,.xvor a,.rcke a,.vore a,.xrcke a,.xvore a,.rckc a,.vorc a,.xrckc a,.xvorc a,
.button:hover,.button-g:hover,.rck:hover,.vor:hover,.xrck:hover,.xvor:hover,.rcke:hover,.vore:hover,.xrcke:hover,.xvore:hover,
.rckc:hover,.vorc:hover,.xrckc:hover,.xvorc:hover,.schalt a,.lw a{color:#000}
.button,.klwk-weiter,.klwk-grau,.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc{background-color:#CCC;border:1px outset #aaa;}
.button a,.button-g a,.klwk-gelb a,.klwk-grau a,.rck a,.vor a,.xrck a,.xvor a,.rcke a,.vore a,.xrcke a,.xvore a,.rckc a,.vorc a,.xrckc a,.xvorc a{display:block}

.button:hover,.button-g:hover,.rck:hover,.vor:hover,.xrck:hover,.xvor:hover,.rcke:hover,.vore:hover,.xrcke:hover,.xvore:hover,.rckc:hover,.vorc:hover,.xrckc:hover,.xvorc:hover{background-color:#FF6;border:1px outset #F93;cursor:pointer}


#gal{width:600px}
.plusminus,.kn,.button,.button-g,.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc,.iconbox{font-weight:bold}
.rck,.vor,.xrck,.xvor,.rcke,.vore,.xrcke,.xvore,.rckc,.vorc,.xrckc,.xvorc{border-radius:0.25em;}
.xvor,.xvore,.xvorc{margin-left:2em}
.rck::before,.xrck::before{content:"zurück"}
.vor::after,.xvor::after{content:"weiter";}
.rcke::before,.xrcke::before{content:"back"}
.vore::after,.xvore::after{content:"next";}
.rckc::before,.xrckc::before{content:"上页"}
.vorc::after,.xvorc::after{content:"下页";}


#f{margin:5em 0;padding:1em 0;border-top:3px solid #ccc}

#f ul li{list-style:none}
#f ul {padding:0;margin:0}

.schalt,.wb,.wbl{padding:1em}

.wbl{margin:1em 0}
.wb,.wbl{margin:2em 0}
.wbl{width:60%}
.wbl::after{clear:both}

.w5{width:5em}
.w10{width:10em}
.w13{width:13em}
.w15{width:15em}
.w18{width:18em}
.schalt{min-width:12em;height:5em}

.br,.br-li{padding:1em;margin:0 0 0.5em 1em}
.knli{margin-right:2em}

.kn{-webkit-appearance:none;font-size:90%;padding:0.5em 1em;border-radius:0.25em;background-color:#FC0;border:1px outset #FC3;color:#000}
.kn a:hover{text-decoration:none}
.ue{font-weight:bold}
.kn a,.kn a:hover{color:#000}
.kn:hover{background-color:#FF6;border:1px outset #F93}


.za{line-height: 200%}
.hista{line-height:150%;}

.roterrahmen{border:1px solid #f00}
.gruenerrahmen{border:1px solid #090}
.blauerrahmen{border:1px solid #00f}

.rot{color:#F00}
.gruen{color: #093}


.video{position: relative; width:100%;margin-bottom:2em;overflow:hidden;padding-top: 56.25%;} /* 16:9 Aspect Ratio */
.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none;}


/* Aufklappbare Überschriften + Texte*/
.klapp{position:relative}
.klapp [type="checkbox"]{display:none}


#links_img{margin:0 3em 1em}
#links_img div{display:none;}
#links_img:hover div{display:block;width:300px;position:absolute;top:440px;left:180px}
#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}
/*Menupunkte horizontale Navileiste */
.navlnk li a{color:#000;text-decoration:none;padding:1.25em}
/* Mouse over horizontale Navileiste */
.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}
.c25{clear:both;width:15em;margin-top:0.5em;float:left}
.c75{width:30em;float:left;margin-top:0.25em}

.spalt3{column-count:3;column-rule-color:#ccc;column-rule-width:1px;column-rule-style:solid}


/*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}