/*@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{clear:right;margin:1.5em 0;line-height:2.5em}
a,.rck:hover,.vor:hover,.xrck:hover,.xvor:hover,.rck a,.vor a,.xrck a,.xvor a,.{text-decoration:none}
a{text-decoration:none;color:#039}
a:hover{text-decoration:underline;color:#03C}
#adr{text-align:left}
.lnav{text-align:right}
.rck,.vor,.xrck,.xvor{text-align:center}
.rck,.xrck,.xvor,.fl,.ff{float:left}
.fl{padding:0 1em 1em 0}
#langnav,#suche,.vor{float:right}
footer,.w,.cl,.clearfix:after{clear:both}
.lnav,input[type=submit],.rck,.vor,.xrck,.xvor{-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.lnav{border:1px solid #ccc;cursor:pointer}
h2,h3{margin-top:2em}
#f{padding-top:1em}
.rck,.vor,.xrck,.xvor{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%}
#adr{font-size:80%}
.rck,.vor,.xrck,.xvor,INPUT,SELECT,TEXTAREA{font-size:90%}
.ff{padding-right:3em}
SELECT{background-color:#fff}
,input,TEXTAREA,SELECT{border:1px solid #999}
input[type=submit]{height:2em;padding:0.25em}
input{height:2em}
SELECT{width:12em;height:2em}
.rck,.vor,.xrck,.xvor,.rck a,.vor a,.xrck a,.xvor a,.rck:hover,.vor:hover,.xrck:hover,.xvor:hover{color:#000}
.rck,.vor,.xrck,.xvor{background-color:#CCC;border:1px outset #aaa;}
.rck a,.vor a,.xrck a,.xvor a{display:block}
.rck:hover,.vor:hover,.xrck:hover,.xvor:hover{background-color:#FF6;border:1px outset #F93;cursor:pointer}
#gal{width:600px}
.rck,.vor,.xrck,.xvor{font-weight:bold}
.rck,.vor,.xrck,.xvor{border-radius:0.25em;}
.xvor{margin-left:2em}
.rck::before,.xrck::before{content:"zurück"}
.vor::after,.xvor::after{content:"weiter";}
#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}
/*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 .mega2d,.navlnk li:hover .mega4{top:3em;visibility:visible}
.mega1a,.mega1b,.mega1c,.mega2a,.mega2b,.mega2c,.mega2d,.mega4{position:absolute;margin-top:0.5em;visibility:hidden}
.mega1a{width:15em}
.mega1b{width:25em}
.mega2a,.mega2b,.mega2d{width:20em}
.mega2c{left:1em;width:95%}
.mega4{width:40em}
.cnt{background:#ffc;padding:1em 1.5em;display:flex;width:100%;justify-content:space-between}
.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}

/****** 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,.mega2d,.mega4,.wrp .navlnk{width:100%}
input.textarea{font-size:100%}
.navlnk li a,.navlnk .mobil{font-size:120%}
input.select{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,#shwM2d:checked ~ .mega2d,#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,.mega2d,.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,.liste{line-height:1.75em}
}

/*********** bis 600 Pixel Breite ***********/
@media all and (max-width:600px) {
#suche{padding-top:3em}
.liste,.li-eng{padding-left:1em}
#gal{width:100%}
h1{font-size:150%;margin:0 0 1em}
h2{font-size:125%;margin-top:1em}
h3{font-size:110%;margin-top:0em}
#gal{text-align:left}
.rck{float:left;}
.vor,.xvor{float:right;}
.rck,.vor,.xrck,.xvor{width:45%}
.rck::before,.xrck::before{content:"<<"}
.vor::after,.xvor::after{content:">>"}
}