@import 'menu.css';

html, body {height:100%;margin:0;padding:0;}
body {background-color: white; background-image:url(bilder/pageglare.png);background-position:top center;background-repeat:no-repeat;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;font-size:.9em;line-height:1.4em;text-align:center;}
a {text-decoration:none;color:#27582c;}

h1, h2, h3 {text-align:left;color:#27582c;margin:1.6em 0;}
h1 {font-size:1.5em}
h2 {font-size:1.2em}

.titel {text-align:left;color:#27582c;font-weight:bolder;margin:2% 0 0 0;}

#gr1 {position:relative;background-color:#27582c;height:.6vw;}
#logo {display:block;margin:2.4% 1%;width:24%;max-width:260px;min-width:150px;}
#mailto {position:absolute;z-index:5;top:-4px; right:30%;display:block; width:42px;z-index:1000;overflow:hidden;}
#knopp {position:absolute;z-index:4;top:-1.9vw; right:calc(14% - 30px);display:block; width:18%; min-width:90px;max-width:210px;z-index:1000;overflow:hidden;}
.inhalt_g {background-image:url(bilder/hg.jpg);border:1px solid transparent;}
.inhalt_w {background-color:white;border:1px solid transparent;}
.innen {position:relative;width:98%;max-width:1000px;margin:0 auto;border:1px solid transparent}
.banner {margin-top:1%}
.banner_bildcopy {position:absolute;bottom:10%;right:2%;color:white;text-shadow:2px 2px 2px black;opacity:.6;}

.flexc {display:flex;flex-wrap:wrap;justify-content:space-between;}
.div4 {width:23%;min-width:200px;max-width:223px; margin:2% 0; text-align:left;} 
.div4 img {width:100%;display:block;}
.div3 {width:32.4%;min-width:200px; margin:0%; text-align:left;} 

.cl {clear:both;}
.beitrag {text-align:left;margin:1% auto;}
.beitragbild {float:left;margin:2% 2% 1% 0;}
.bildunterschrift {font-size:.85em;text-align:right;margin-top:-3px;width:99%}
.beitragtext, .beitragdoc {min-width:300px;text-align:left;margin:0 1%}

/* erweiterung gallery */
.ug-thumb-wrapper.ug-tile {border:8px solid white;}


#fuss {margin:2% auto 0 auto; background-image:url(bilder/hg.jpg);}

#pfeil {position:sticky;bottom:0;}
#pfeil div {position:absolute;bottom:6px;right:6px;background-color:#27582c;padding:6px 10px 8px 10px;color:white;font-size:1.75em;cursor:pointer;}

@media screen and (max-width:799px){
 body {font-size:.8em;line-height:1.2em;}
 .flexc {justify-content:center;}
 .div4 {margin:2% 2%}
 #logo {margin:2% 0 2% 16%;
}

@media screen and (max-width:700px){
.beitragbild {float:none;margin:2% auto;}
.beitrag {text-align:center;}
}