/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'RobotoCon';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2');
}
/* roboto-condensed-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'RobotoConBold';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-condensed-v27-latin-600.woff2') format('woff2');
}

html, body {height:100%;margin:0;padding:0;overflow-x:hidden;}
body {display:flex;flex-direction:column;font-family:RobotoCon,sans-serif;color:#02214d;font-size:1.1em;letter-spacing:.05em;}

.site {flex: 1 0 auto;width:100%;max-width:1920px;margin:0 auto;}
.logo {display:block;border:0;max-width:120px; margin:7px auto 4px auto;cursor:pointer;}
.oben {width:100%;max-width:1920px;margin:0 auto;}
.inhalt {width:100%;max-width:1000px;margin:0 auto;}
.inhalt1 {margin:4% 2% 2% 2%;border-top:1px solid transparent;border-bottom:1px solid transparent;}
h1,h2 {font-family:RobotoConBold,sans-serif;text-transform:uppercase;font-size:3em;letter-spacing:.05em;}

.flexc {display:flex;flex-wrap:wrap;justify-content:center;gap:3%;}
a {text-decoration:none; color:#011033c;}
a:hover {color:black;}

.blau0 {background-color:#02214d;border:1px solid #02214d;color:white;}
.blau1 {background-color:#0057a3;border:1px solid #0057a3;color:white;}
.blau1 a {color:white;}

.kachel {background-color:white;color:#02214d;text-align:center;margin:6% auto 5% auto;cursor:pointer;}
.kachel div {margin:20% 0;font-weight:bold;}
.kachel div img {width:60px;margin:4%;}
.kante {background-image:url(bilder/kante20.png);background-repeat:repeat-x;margin-bottom:1%;}

.mau {text-align:center;}
#menu_norm {display:flex;flex-wrap:wrap;justify-content:center;gap:0;align-items:stretch;width:60%;max-width:900px;}
.menu {width:20%;min-width:140px;text-align:left;margin-bottom:-18px;color:white;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;}
.menu a {display:block;cursor:pointer;padding:6px 16px;margin:8px 0 0 0;font-weight:bold;color:white;}
.menu1 a:hover {background-color:white;color:#02214d;}

#menu_smart {display:none}
#menu_smart a {display:block;}

h2 {text-align:center;margin:4% auto 2% auto}
.c_submit {width:130px;margin:10px;padding:5px 0;text-align:left;color:white;}
.c_submit:hover {background-color:#02214d}

.cl {clear:both;}

.fuss {width:100%;flex-shrink:0;background-color:#02214d;border:1px solid #02214d;max-width:1920px;margin:0 auto;color:white;font-size:.9em;}

.menu2 {margin:.5%;padding:1px 0;}
.menu2 a {color:white;}
.menu2:hover {}

.flex3 {width:300px;margin:2% auto;}

.ds h2 {font-size:1.5em;text-align:left;letter-spacing:0;}
.formsuche {margin: 30px 0 0 -20px;} 

/* Beitraege */
.beitrag {margin:2% 0}
.flex3beitrag {width:300px;background-color:#ececed;text-align:center;margin:2% auto;padding:1% 0}
.titel {font-weight:bold;font-size:1.2em;}
.flex3titel {display:inline-block;margin-bottom:3%;border-bottom:1px solid #02214d;line-height:1.8em;}
.beitragbild {float: left; margin:2% 3% 1% 0;}
.bildunterschrift {font-size:.8em;}
.slider_wrap {margin:2% auto;}
.slider_beitragtext {width:95%;}

/* formular */
.c_submit {color:black;text-align:center;font-size:1.1em;}
.c_submit:hover {background-color:gray; color:white;}

@media (max-width: 800px) { 
  #menu_norm {display:none;}
  #menu_smart {display:block;}
  .mau {width:30%;}
  body {font-size:.9em}
  .beitragbild {margin:0px}
}

/*
#sm1 a {display:block;border-top:1px solid #c5d7e3;border-left:1px solid #c5d7e3;border-right:1px solid #c5d7e3;padding:8px;text-align:right;background-color:white; font-weight:bold}
#sm1 a:hover {background-color:#e7eff4;}

.titel {margin:1% 2%;font-weight:bold;font-size:1.1em;}
.datum {margin:1% 2%;}
.beitragbild {margin:1% 2%; float:left;}
.beitragbild1 {margin:0 2% 1% 0; float:left;}
.beitragtext {margin:1% 2%;}
.beitragdoc {margin:1% 2%;}

.inhalt {width:100%;max-width:1400px;margin:0 auto;}
.inhalt1 {margin:2%;border:1px solid transparent;}
h1,h2 {font-family:Staatliches,sans-serif;text-transform:uppercase;font-size:3em;letter-spacing:.05em;}
.schwarz {color:black;}
.blau {background-color:#185f91; color:white; border-radius:11px;}

.knopp  {display:inline-block;margin-left:12px;padding:0 9px;border-radius:22px;text-align:center;background-color:#185f91;font-size:.9em;}
.knopp a {color:white;}
.knopp1 {display:inline-block;margin-left:12px;padding:0 9px;border-radius:22px;text-align:center;background-color:white;font-size:.9em;text-transform:uppercase;}


.flexc {display:flex;flex-wrap:wrap;justify-content:center;gap:3%;}
.flexli {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3%;}
.flex2 {width:48%;min-width:300px;margin:1% 0;border-radius:11px;background-color:rgba(255,255,255,.5)}

.bildunterschrift {font-size:.85em;}

a {color:#185f91;text-decoration:none;cursor:pointer;}
.menu:hover a {color:white;}

.menu1 {width:120px;margin:1%;padding:3px 0;border-radius:22px;text-align:center;background-color:#e7eff4;font-weight:bold;}
.menu1:hover {background-color:white;}



*/