/*
#185f91 100% blau
#8bafc8  50% blau
#c5d7e3  25% blau
#e7eff4  10% blau
*/

/* staatliches-regular - latin */
@font-face {
  font-style:normal;font-weight:400;
  font-family:'Staatliches';
  src:url('fonts/staatliches-v13-latin-regular.woff2') format('woff2'),
    url('fonts/staatliches-v13-latin-regular.ttf') format('truetype');
}
/* source-sans-3-regular - latin */
@font-face {
  font-family:'SourceSans3';
  font-style:normal;font-weight:400;
  src:url('fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'),
   url('fonts/source-sans-3-v15-latin-regular.ttf') format('truetype');
}
/* source-sans-3-700 - latin */
@font-face {
  font-family:'SourceSans3';
  font-style:normal;font-weight:700;
  src:url('fonts/source-sans-3-v15-latin-700.woff2') format('woff2'),
    url('fonts/source-sans-3-v15-latin-700.ttf') format('truetype');
}

#menu_norm {}
#menu_smart {display:none}

#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;}

html, body {height:100%;margin:0;padding:0;}
body {display:flex;flex-direction:column;font-family:SourceSans3,sans-serif;color:#185f91;font-size:1.1em;}

.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%;}

.site {flex: 1 0 auto;width:100%;max-width:1920px;margin:0 auto;position:relative;}
.kopf {background:linear-gradient(to right, white 0%,#e7eff4 100%);background-image:url(bilder/punkte_oben.jpg);background-size:cover;border:1px solid transparent;}
.logo {display:block;float:left;border:0;width:20%;max-width:168px;margin:1%}
.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;}

.fuss {flex-shrink:0;background-color:#185f91;width:100%;max-width:1920px;margin:0 auto;color:white; font-size:.9em;}

.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)}
.flex3 {width:29%;min-width:300px;margin:1% 0;border-radius:11px;background-color:rgba(255,255,255,.5)}

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

.menu, .c_submit {width:130px;font-weight:bold;margin:1% 10px 1% 10px;padding:5px 0;border-radius:26px;text-align:center;background-color:#c5d7e3;}
.menu:hover, .c_submit:hover {background-color:#185f91}
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;}


.cl {clear:both;}

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

/*

#kopf {align-items:flex-end;margin:0;}
#menu {border-bottom:1px solid gray;margin:0;}
.kuppel {width:100%;max-width:190px;background-image:url(pics/kuppel.png);background-size:100%;background-position:center bottom;background-repeat:no-repeat;text-align:center;padding:2.7% 0 .3% 0;}
.kuppel a {color:white;font-weight:semi-bold;}

.logo {width:9%;min-width:75px;margin:1%}
.slogan {margin:1%;font-size:1.3em;font-weight:bold;text-align:left;}
.suche {text-align:right;}

.inhalt {width:96%; margin:2% auto; min-height:450px;}

.flexc {display:flex;flex-wrap:wrap;justify-content:center;margin:2% 0;gap:3%;}
.flex2 {width:48.5%;min-width:300px;}
.flex3 {width:31.3%;min-width:300px;}

.b990 {max-width:990px;margin:0 auto;}

h1,h2,.canvas {font-family:canvas;font-weight:normal;color:#b07f48;}
h1 {font-size:3em; text-align:center}
h2 {font-size:2em;}
h2.einfach {font-family:jost,sans-serif;color:#444;font-size:1.5em;font-weight:bold;}

a {color:#624a25;text-decoration:none;}
.sw {color:black;}

.kstadt{position:absolute;font-size:1em;}

.fuss {background-color:#b07f48; color:white; text-align:center; border:1px solid #b07f48;}
.fuss a {color:white;}
.mini {color:#666; font-size:.8em;} mini.a {color:#666;}

.cinfo {background-color:white;position:absolute;top:0;left:0;display:none;width:100%}
.cinfo_platz{height:0;}

.selectbox {position:relative;cursor:pointer;width:310px;border:1px solid gray;font-size:.95em;padding:2px 4px}
.optionbox {position:absolute;z-index:1000;top:24px;left:-1px;padding:2px 4px;background-color:rgba(255,255,255,.9);display:none;width:310px;border-right:1px solid gray;border-left:1px solid gray;border-bottom:1px solid gray}


@media (max-width: 830px) {
 .kuppel {max-width:120px;background-image:none;background-color:#b0c200; margin: 1% 0;padding:.4% 0;}
} 

@media (max-width: 600px) { 
  body {font-size:.9em}
 .slogan {text-align:center;}
 .suche {text-align:center;}
 .kuppel {max-width:100px;}
  h1 {font-size:2.2em;}
  h2 {font-size:2.1em;}
}

@media (max-width: 400px) { 
  body {font-size:.8em}
  h1 {font-size:2em;}
  h2 {font-size:1.9em;}
}
*/