body {
  color: #000000;
  font-size: medium;
  font-family: 'Segoe UI', Tahoma, Verdana, Frutiger, Arial, Helvetica, sans-serif;
  background-color: #1e1e1e;
  background-image: url(../images/layout/Wallpaper-Kachel.jpg);
  margin: 0;
}

main {
  display: block;
}

main a, #banner a { text-decoration: none; }

main a:link,    #banner a:link    { color: #1d4693; }
main a:visited, #banner a:visited { color: #1d4693; }
main a:active,  #banner a:active  { color: #275fc7; }
main a:hover,   #banner a:hover   { color: #275fc7; }
main a:focus,   #banner a:focus   { color: #275fc7; }

/*Strip the ul of padding and list styling*/
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

/*Create a horizontal list with spacing*/
nav li {
  display: block;
  float: left;
}

/*Style for menu links*/
nav li a {
  display: block;
  padding: 10px 8px;
  font-size: medium;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}

/*Hover state for top level links*/
nav li:hover a {
  color: #fcd20f;
  text-decoration: underline;
}

/*Style for dropdown links*/
nav li ul a, nav li:hover ul a {
  padding: 10px 8px 10px 8px;
  font-weight: normal;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}
nav li a.navakt {
  color: #ffffff;
  text-decoration: underline;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
  color: #fcd20f;
  text-decoration: underline;
}

/*Hide dropdown links until they are needed*/
nav li ul {
  display: none;
}

/*Make dropdown links vertical*/
nav li ul li {
  display: block;
  float: none;
}

/*Prevent text wrapping*/
nav li ul li a {
  width: auto;
  min-width: 120px;
}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
  display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  padding: 10px 8px;
  display: none;
}

/*Hide checkbox*/
nav input[type=checkbox] {
  display: none;
  -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
  display: block;
}

/*Responsive Styles*/

@media screen and (max-width: 949px){
  /*Make dropdown links appear inline*/
  nav ul {
    position: static;
    display: none;
  }
  /*Create vertical spacing*/
  nav li {
    float: none;
  }
  /*Make all menu links full width*/
  nav ul li, nav li a {
  }
  nav li ul a, nav li:hover ul a {
    padding: 10px 8px 10px 18px;
  }
  /*Display 'show menu' link*/
  .show-menu {
    display: block;
  }
  .hidden {
    display: block;
  }
}

@media screen {

  #wrapper0 {
    position: relative;
    margin: 0 auto;
    min-width: 950px;
    max-width: 1200px;
    background-color: #ffffff;
  }

  #oben {
    margin: 0;
    height: 0;
    background-size: 100% auto;
    padding-bottom: 25%;
  }

  #banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 25%;
  }

  #banner-caption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1px 4px;
    background: #ffffffa8;
    color: #000000;
    font-size: small;
  }

  #logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 26.6667%;
    height: 0;
    background-image: url(../images/layout/Logo.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 17.6667%;
  }

  #menue {
    margin: 0;
    background-color: #000000;
  }

  #menue1 {
    padding: 5px;
    min-height: 2.5em;
  }

  #cont {
    margin: 0 10px 0 10px;
  }

  #cont1 {
    padding: 0 5px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
  }

  #unten {
    margin: 10px 10px 0 10px;
  }

  #unten1 {
    border-top: 2px solid #000000;
    padding: 8px;
    font-size: small;
    text-align: center;
  }

} /* @media screen */

@media only screen and (max-width: 949px) {

  #menu {
    display: none;
  }

  /*Display 'show menu' link*/
  .show-menu {
    display: block;
  }

  #wrapper0 {
    position: relative;
    margin: 0;
    min-width: 0;
    max-width: none;
    background-color: #ffffff;
  }

  #menue {
    margin: 0;
    background-color: #000000;
  }

  #menue1 {
    padding: 5px;
    min-height: 2.5em;
  }

  #cont {
    margin: 0 10px 0 10px;
  }

  #cont1 {
    padding: 0 5px;
    min-height: 0;
    height: auto;
  }

  #unten {
    margin: 10px 10px 0 10px;
  }

  #unten1 {
    border-top: 2px solid #000000;
    padding: 8px;
    font-size: small;
    text-align: center;
  }

} /* @media only screen and (max-width: 949px) */

h1, h2, h3, h4 {
  color: #000000;
}

h1 a, h2 a, h3 a, h4 a {
  color: #000000 !important;
}

.breadcrumb {
  margin: 5px 0;
  font-size: small;
}

.license {
  margin-top: 30px;
  font-size: small;
}

.first {
  margin-top: 0;
}

.h_rechts {
  margin-top: 2px;
  margin-bottom: 3px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

div.imgwrap {
  font-size: small;
}

img.img {
  border: 1px solid #0b56a5;
}

img.imgh {
}

.imgleft {
  margin-right: 10px;
  margin-bottom: 10px;
}

.imgright {
  margin-left: 10px;
  margin-bottom: 10px;
}

div.beschriftung {
  padding-left: 3px;
}

div.headerbild {
  height: 250px;
  border: 1px solid #0b56a5;
  overflow: hidden;
}

div#map-container {
  margin: 15px 0;
}

div#map {
  height: 400px;
  border: 1px solid #0b56a5;
}

.video-container {
  position: relative;
  height: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin: 15px 0;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

dfn.accessibility {
  font-style: normal;
}

a.ext::after {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.25em;
  content: url('icons/link.svg');
}

@media only screen and (max-width: 949px) {

  img.imgh {
    border: 1px solid #0b56a5;
  }

  div.headerbild {
    height: auto;
    border: none;
    overflow: none;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  #cont li ul, #cont li {
    padding-top: 6px;
    padding-bottom: 6px;
  }

} /* @media only screen and (max-width: 949px) */