/* ===============================
   Basis / Global
================================== */
body {
  background:#FFFAF0;
  color:#333;
  font-size:17px;
  font-family: verdana;
}

a { color:#850000; }

hr { height:0; color:#c1c1c1; }

#showlogin { display:none; }

.mod_einbild_img { width:101%; }

/* ===============================
   Überschriften / Typo
================================== */
h1 {
  background:#007385;
  margin-top:0;
  text-align:center;
  font-size:28px;
  margin-bottom:30px;
  font-family: 'Oswald', Verdana, sans-serif;
  width:98%;
  color:#FFFAF0;
  letter-spacing:-1px;
}

h2 {
  xxbackground:#007385;
  margin-top:0;
  text-align:left;
  font-size:25px;
  xxmargin-bottom:30px;
  font-family: 'Oswald', Verdana, sans-serif;
  width:94%;
  color:#007385;
  letter-spacing:-1px;
}

h3 {
  background:#007385;
  text-align:center;
  /* vorher: clamp(22px); war ungültig */
  font-size:22px;
  font-family: 'Oswald', Verdana, sans-serif;
  width:94%;
  color:#fff;
  xxletter-spacing:-1px;
  padding:10px !important;
}

h4 {
  color:#333 !important;
  font-size:22px;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  padding:10px;
  text-align:center;
  font-weight:bold;
}

/* ===============================
   Bereiche / Boxen / Layout
================================== */
.contentbox_wide { padding-top:20px; padding-left:2%; width:80%;}
.contentbox_wide img { max-width:100%; width:auto; }

#slider-startseite {
  margin-top:8%;
  margin-bottom:30px;
}

.breit-unten {
  display:block;
  width:74%;
  margin-left:13%;
}
.breit-unten h1 { width:98.5%; }

.wrapper { margin-bottom:-50px; }

.pbox {
  z-index:5000;
  background:#fff;
  border:10px #FFAF04 solid;
  color:#c1c1c1;
}
.pbox h1 { xxbackground:#850000; color:#fff; }
.pbox a { color:#fff; }

.wunderblock h1 {
  background:#7D818B;
  margin-bottom:20px;
}
.wunderblock h2 {
  color:#007385 !important;
  padding:0;
  font-size:25px;
  margin-bottom:20px;
}
.wunderblock h3 {
  background:#E5A5A6;
  border:1px solid #666;
  xxfont-size:21px;
  line-height:140%;
  xxcolor:#007385;
}

#banner { height:50px !important; }

.cc-window { font-family: georgia; }

/* ===============================
   Rechte Spalte / Rightbox
================================== */
.rightbox h1 { margin-top:30px; }
.rightbox h2 {
  color:#fff;
  background:#E5A5A6;
  padding:16px;
  margin-top:-1px;
  text-align:center;
}
.rightbox h3 {
  background:none;
  font-size:22px;
  padding:15px;
  color:#007385;
}
.rightbox .obo_grid .obo_one-third { width:100%; margin-bottom:15px; background:#E6E2DC; }
.rightbox .bloro_grid .bloro_unit { min-height:unset !important; }

/* ===============================
   Navigation
================================== */
ul.nav { margin-top:-3%; padding-left:47%; z-index:5000; }

.nav li a:hover,
.nav li a:focus,
.nav li a:active,
.nav li a.active,
.nav a.menu-current,
.nav a.menu-parent,
.nav li a {
  color:#fff;
  xxtext-transform:uppercase;
  font-size:20px;
  text-shadow:1px 1px 1px #000000;
}

/* ===============================
   Grids
================================== */
.bloro_grid .bloro_unit {
  xxbackground:#fdf1d8;
  border:1px solid #999;
  margin-left:20px;
  max-width:23%;
  min-height:780px;
  font-size:17px;
  xxmargin-top:30px;
  margin-bottom:20px;
}
.bloro_grid .bloro_unit h2 { color:#fff; background:#FFE8AA; xxmin-height:55px; }
.bloro_grid .bloro_unit a { color:#3B4244; }

.obo_grid .obo_unit {
  float:left;
  xxpadding:0 10px 0 0 !important;
  margin-left:10px;
  min-height:220px;
  border:1px solid #999;
  padding:10px;
}
.obo_grid .obo_one-third { width:31%; font-size:34px; }

/* ===============================
   Footer
================================== */
.footer {
  background:#007385;
  color:#FFF1DF;
  padding-bottom:35px;
  xxmargin-top:50px;
  height:30px;
}
.footer a { color:#FFF1DF; }
.footer-innen img { margin-top:10px; }
.fussleiste, .fussleiste-inner { background:#007385; }

/* ===============================
   Module / News
================================== */
.mod_nwi_default .mod_nwi_teasertext h3 { padding:15px; }
.mod_nwi_default .mod_nwi_teaserpic { display:none; }
.mod_nwi_default .mod_nwi_teasertext { margin-top:-12px; }

.news-teaser { padding-bottom:30px; }

/* ===============================
   Responsive
================================== */

/* ≤1400px */
@media screen and (max-width:1440px) {
  
  h3 {font-size:19px;}
  .bloro_grid .bloro_unit {
    border:1px solid #999;
    margin-left:5px;
    max-width:24%;
    min-height:350px;
    margin-bottom: 60px;
  }
  .bloro_grid img {width:100%;}

.contentbox_wide { width:100%; padding-left:1%;}
  .contentbox {margin-top: 20px;}

  .nav li a:hover,
  .nav li a:focus,
  .nav li a:active,
  .nav li a.active,
  .nav a.menu-current,
  .nav a.menu-parent,
  .nav li a {
    color:#fff;
    xxtext-transform:uppercase;
    xxfont-size:17px;
    xxtext-shadow:2px 2px 2px #000000;
  }

  ul.nav { margin-top:-3%; padding-left:24%; z-index:5000; }
}

/* ≤800px */
@media screen and (max-width:800px) {
  body { background:#fff; font-size:18px; }

  #navileiste { background:#EDC3C3; }

  h1 { width:94%; font-size:26px; background:#007385; color:#fff; }
  h2 { width:94%; font-size:25px; background:none; color:#333; }
  h3 { font-size:20px; }
  h4 { font-size:18px; color:#850000; }

  .pbox .pbody { padding:0; margin:0; }
  .pbox img { max-width:70%; margin-left:15%; margin-bottom:20px; }

  .bloro_grid .bloro_unit { border:1px solid #999; background:#fff; min-height:300px; }
  .contentbox_wide { width:95%; margin-left:10px; }

  .breit-unten { display:block; width:98%; margin-left:1%; }
  .breit-unten h1 { text-align:center; margin-left:1%; }

  ul.nav { padding-left:0; }

  .socialwrapper { bottom:150px; display:flex; margin-left:30%; position:static; }
  .socialbaker { xxdisplay:flex; }

  .bloro_grid .bloro_unit { max-width:98%; margin-bottom:10px; font-size:18px !important; }
  .bloro_grid .bloro_unit h2 { color:#333; font-size:25px; }
  .bloro_unit img { display:block; }

  .footer { height:auto !important; }

  ul#topmenu li,
  ul#topmenu li li,
  ul#topmenu li li li {
    background:#007385;
    color:#fff;
    font-size:25px !important;
    text-shadow:none !important;
  }
  ul#topmenu li.menu-current {
    background:#E5A5A6;
    color: ##E5A5A6;
    font-size:25px !important;
    text-shadow:none !important;
  }

  .obo_grid .obo_unit {
    min-height:150px !important;
    border:none;
    width:98%;
    margin-left:1px;
  }

  .pbox h1 { background:#850000; color:#fff; }
  .pbox h2 { font-size:110%; padding:20px; }

  .wunderblock h1 { background:#007385; margin-bottom:20px; font-size:25px; }
  .wunderblock h2 {
    hyphens:auto;
    background:#007385;
    padding:10px 0;
    font-size:22px;
    margin-bottom:20px;
    color:#fff !important;
    text-align:center;
  }
  .wunderblock h3 {
    background:#E5A5A6;
    border:1px solid #666;
    xxfont-size:18px;
    line-height:140%;
    xxcolor:#007385;
  }
}