/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {margin:0;padding:0;background-color:white;font-family: 'Open Sans', sans-serif; color:#222;}

/*menu*/
.lb {
  position:relative;
  background-image:url(bilder/logo_hg.jpg?s=1);
  background-repeat: no-repeat;
  background-position: 0 30%;
  background-size: 120% 66%;
  text-align:center;
  margin:1% 0;
  font-size:.95em;
  }
.lblogo {width:46%;min-width:240px;margin-left:1.5%;}
.lbsym {height:22px;}
.lbso {position:absolute; top:0; right:2%; padding:0 1%; background-color:white;color:#006ab3; text-align:right}
.m1 {margin:0 2%;}
/*menu*/

.site  {width:100%;max-width:1920px; margin:.5% auto 0 auto; position:relative; text-align:center;}
.inhalt0 {max-width:998px; margin:0 auto;}
.inhalt {margin:2%; text-align:center;}

h1,h2 {}

a {color:#0049a1;text-decoration:none;}
a:hover {color:black;}

.blue {margin-top:-10%;position:relative;}

.news_ue1 {font-size:2vw;text-align:left;margin:0 0 0 2%;}

/* */

.brotkruemel {text-align:left;font-size:.8em;width:80%;margin: 0 0 0 20%;}
.mini {font-size:.8em;}
.td_dash {background-color:#eee}

.flexc {display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;}
.flexs {display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;}
.flexo {display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;}
.flex3 {width:22%;min-width:300px;margin:1%;}
.flex2 {width:42%;min-width:310px;margin:2%;}
.flexs2 {width:45%;min-width:310px;margin:2%;}

.spalten2 {column-count:2;column-width:300px;column-gap:3em;}
.spalten3 {column-count:3;column-width:300px;column-gap:3em;}

.box_rot {position:absolute;z-index:500;bottom:5%;right:2%;background-color:#e2001a;color:white;max-width:280px;font-size:1.2em;padding:.6%;font-weight:bold}
.box_rot1 {position:sticky;z-index:500;top:0;background-color:#e2001a;color:white;max-width:130px;font-size:.85em;padding:.1%;float:right;margin-right:2%}
.box_blau {background-color:#006ab3;padding:4% 2%;color:white;text-align:center;font-size:1.2em;}
.box_hellblau {background-color:#e5e5ff;padding:.5% 2%;}
.box_hellgrau {background-color:#f6f6ff;padding:2%;}

.fuss {color:white;background-color:#646464;border:1px solid transparent;}
.fuss a {color:white;}
.fuss a:hover {color:silver;}

.cl {clear:both;}

.banner {margin:0 auto;position:relative;}
.banner_bild {display:block;width:100.001%;margin:0;border:0} 
.banner_textlayer {position:absolute;top:0;left:0;width:100%;}
.banner_textlayer1 {text-align:left;font-weight:bold;margin:4% auto 0 auto;max-width:998px;color:white;letter-spacing:.2em;font-size:2vw;text-shadow:.1em .1em .5em black;}

/*oeffnungszeiten/Geschaeftsstelle*/
#wrap1 tr {vertical-align:top;}
#wrap1 td {white-space: nowrap;}

@media all and (max-width: 600px){
  body {font-size:.9em;}
  .m1 {margin:.5%;padding:.5%;background-color:#eee}
  
  .box_rot {position:relative;bottom:0;right:0;margin:-2% auto;max-width:320px;font-size:1em;}

  .blue {margin-top:2%}
  .box_blau {width:100%;max-width:320px;padding: 2% 0;font-size:1em;}

  .flexs2 {max-width:320px;}
  .news_ue1 {font-size:1em;}
}