body {
    font-size: 1.0em;
    font-family: Verdana, Arial, sans-serif;
    background-image: url("wueste.jpg");
    background-position:center;
    background-repeat:no-repeat;
}

a   {
    color: #02234c;
    font:bold 1em Verdana,Arial,sans-serif;
}

.diashow{
        position:relative;
        margin:2em auto;
        padding:0;
        width:640px;
        height:590px;
        overflow:hidden;
        border-radius:5px;
        border: 5px solid #02234c;
}

.container{
          padding:0;
          margin:480px auto;
          width:600px;
          height:100px;
          overflow:auto;
          white-space:nowrap; 
}


.container a:hover img.prev{
 }

.container a:hover{
    border-bottom:3px solid;
         border-color:#02234c; 
}

.container a:hover span{
          left:5px;
          top:5px;
          width:629px;
          height:460px;
       }

.container .quer img{
          width:630px;
          height:auto;
          margin:5px 1px; 
          border:none;
}

.container .hoch img{
           margin:5px 0; 
           width:auto;
           height:400px;
           border:none;
}

.container a img{
          height:70px;
          border:1px solid ;
}

.container span{
          position:absolute;
          left:20000px; 
          text-align:center;
          font:bold 1em Verdana,Arial,sans-serif;
          overflow:hidden;
        }

.dia{
         text-align:center;
         font:bold 1em Verdana,Arial,sans-serif;
         position:absolute;
         left:5px;
         top:5px;
         width:630px;
         height:460px;
         border-radius:3px;
}



h1 {
    text-align: center;
    color: black;
    font:bold 1em Verdana,Arial,sans-serif;
   
}

#logo img {    
    display: block;
    width: 25%;
    height: 25%;
    margin: 1em auto auto;   
}

nav ul {
    text-align: center;
    }

nav li {
    display: inline-block;
    
}
nav a {
    text-decoration: none;
    font-weight: bold;
}

nav a:focus, 
nav a:hover {
    background-color: #6eb3f8;
}

nav a:active {
  /*  background-color: #1beb7b; */
    text-decoration: underline;
}

/* nav a:visited {
    background-color: #f86ee8;
} */
/* nav a:link {
    background-color: #f8a36e;
} */

#footer-cookie,
    #footer-cookie * {
      box-sizing: border-box;
    }

    #footer-cookie {
      display: none;
      position: fixed;
      bottom: 50%;
      left: 0px;
      width: 100%;
      height: 60px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 60px;
      background: #303030;
      color: #fff;
    }
    
    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: right;
    }

    #footer-cookie #accept a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    @media (max-width: 1200px) {
      #footer-cookie {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: inherit;
        height: auto;
      }

      #footer-cookie #description {
        width: 100%;
      }

      #footer-cookie #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }
    }