/*
grün: #165900
gelb: #FFCB03
gelb neu (dunkler): #c19c15
blau: #21759b
 */

html,body,input,textarea,select,tr,td{font-family:arial,arial;color:#555555;font-size:15px;}
body{margin:0px;background-color:#fff;}

div.hinweis,div.fehler{background-color:#B9FFB9;font-weight:bold;display:block;text-align:left;padding:12px;border:2px solid #00ff00;border-radius:7px;margin-bottom:10px;}
div.fehler{background-color:#FEC6C6;border:2px solid #ff0000;}

div{box-sizing:border-box;}
a{color:#d3a604;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:none;}

#alles{width:95%;max-width:1000px;min-height:90svh;margin:10px auto;border:1px solid #ccc;}
#content{padding:10px;}

h1{color:#165900;}
h2{color:#165900;line-height:30px;margin:20px 0px 5px 0px;}
h3{color:#165900;font-size:16px;margin:20px 0px 5px 0px;}

/* alignments: */
.clear,.c{clear:both }
.l{float:left;}
.r{float:right;}
.tr{text-align:right;}
.tl{text-align:left;}

#verdunklung{display:none;position:fixed;top:0px;left:0px;height:100%;z-index:900;width:100%;background-color:#000000;opacity:0.5;}

#navibutton div{
  width: 35px;
  height: 5px;
  background-color: #165900;
  margin: 6px 0;
}
/* #header{width:100%;height:120px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;} */
#header{width:100%;height:120px;}
.logo{height:100px;padding:10px;}

/* #navi_desktop{display:flex;justify-content: space-around;margin:20px 0px 20px 0px;} */
#navi_desktop{padding:20px 0px 20px 0px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:20px;}
#navi_desktop a{color:#c19c15;font-size:16px;text-transform: uppercase;font-weight:normal;margin-right:30px;}
#navi_desktop a:hover,#navi_desktop a.aktiv{font-weight:bold;color:#165900;}

#navi_mobile{z-index:1000;display:none;position:fixed;top:0px;left:0px;padding:10px;background-color:#ffffff;height:100%;overflow-y:scroll;width:230px;}
#navi_mobile::-webkit-scrollbar{display: none;}
#navi_mobile a{display:block;color:black;padding:10px;font-size:20px;}
#navibutton{display:none;padding:10px;font-size:30px;cursor:pointer;font-weight:bold;color:#fff;}
#navibutton_close{float:right;}

.newsbild{max-width:100%;margin-bottom:10px;}
.galeriebild{width:48%;float:left;margin:0px 10px 10px 0px;cursor:pointer;}

.div50{display:flex;float:left;align-items:center;justify-content:center;font-size:20px;color:#165900;height:100px;width:40%;padding:20px;margin:0px 30px 30px 0px;border:3px solid #FFCB03;}

@media(max-width: 800px)
{
  #header{height:80px;}
  .logo{height:60px;}
  #navi_desktop{display:none;}
  #navibutton{display:inline-block;}
  #alles{width:100%;margin:0px 0px 0px 0px;}
  #navi{z-index:1000;display:none;position:fixed;top:0px;left:0px;background-color:#ffffff;height:100%;overflow-y:scroll;width:250px;}
  .div50{float:none;width:90%;margin:0px 0px 10px 0px;}
  .galeriebild{width:100%;float:none;margin:0px 0px 10px 0px;}
}
