* {
    margin: 0;
    padding: 0;
}

html {
      overflow-y: scroll;
}


body {
      color: #616161;
      font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
      font-size: 13px;
      line-height: 1.8em;
      background-color: #f8f8f8;
}

.clr {
      clear: both;
}


footer a{
         text-decoration:none;
         color: red;
}

a:visited {
           text-decoration:none;
           color:#616161;
          }


h1, h2, h3, h4 {
                font-size: 21px;
                font-weight: normal;
                line-height: 2.9em;
}



hr  {
     color: red ;
}


.logo {
       position: absolute;
       font-size: 13px;
       line-height: 1.5em;
      
}

.logo a {
         color: #9F9F9F;
         text-decoration: none;
 
}

#page {
        max-width: 1000px;
        min-width: 1000px;
        width: 100%;
        margin: 34px auto;
        box-sizing: border-box;

}

header  nav ul {
                width: 800px;
                margin: 0 auto;
                background: #FFF;
                box-sizing: border-box;
                line-height: 1.2em;
                text-align: center;
                margin-bottom:21px;
                background-color: #f8f8f8;
}

header nav ul li {
                  list-style: none;
                  display: inline;
                  margin-left: 34px;
}

header nav ul li:first-child {
                              margin-left: 0;
}

header nav ul li a {
                    text-decoration: none;
                    color: #616161;
                    font-size: 21px;
                    letter-spacing: 0.03em;
}

header nav ul li a:hover, header nav ul li a:focus, header nav ul li a:visited, header nav ul li a:active {
                                                                                                           text-decoration: underline;
}



subnav ul {
           width: 1000px;
           margin: 0 auto;
           margin-top: 21px;
           margin-bottom: 21px;
           box-sizing: border-box;
           line-height: 13px;
           text-align: center;
}

subnav ul li {
              list-style: none;
              display: inline;
              margin-left:34px;
}

subnav  ul li:first-child {
                           margin-left: 0px;
}



subnav  ul li a {
                 text-decoration: none;
                 color: #616161;
                 font-size: 13px;
            
                
}

subnav ul li a:hover, header nav ul li a:focus, header nav ul li a:visited, header nav ul li a:active {
                                                                                                        text-decoration: underline;
}

subnav ul li a:hover, header nav ul li a:focus, header nav ul li a:visited, header nav ul li a:active {
                                                                                                        text-decoration: underline;
}


section {
         margin-top: 0px;
         box-sizing: border-box;
         border-top: 1px solid #D9D9D9;
         padding-top: 21px;
}



.infobox {
          width: 100%;
          box-sizing: border-box;
          padding: 0 34px 34px 34px;
          font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

}

.infobox h2 {
             line-height: 1em;
             margin-bottom: 13px;
             font-weight: normal;
}

.bilder-liste li {
                  list-style: none;
                  width: 287px;
                  height: 287px;
                  margin-left: 34px;
                  margin-bottom: 21px;
                  background: #ffffff;
                  float: left;
                  box-sizing: border-box;
                  text-align: center;
                  background-color: #f8f8f8;

}

.bilder-liste li img {
                      max-width: 100%;
                      max-height: 100%;
                      margin: 50% auto 0 auto;
                      transform: translateY(-50%);
                  
                     
}

.imgbox {
         width: 100%;
         box-sizing: border-box;
         padding: 0 34px 34px 34px;
         position: relative;
         text-align: center;
}

.imgbox .imgbox-inner {
                       width:932px;
                       height:622px;
                       margin: 0 auto 0 auto;
                       text-align: center;
                       background: #ffffff;
                       line-height: 0;
                       margin-bottom: 13px;
                       display: flex;
                       justify-content: center;
                       align-items: center;
}

.imgbox img {
             max-width: 932px;
             max-height: 622px;
             margin: 0 auto 0 auto;
            
            
                          
}

.imgbox .imgtitle {
                   float: left;
                   margin-right: 21px;
                   font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

}

.imgbox .imgcopyright {
                       float: right;
                       color: #616161;
                       font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

}

.imgbox .navleft {
                  position: absolute;
                  width: 34px;
                  padding-right: 21px;
                  box-sizing: border-box;
                  left: 0;
                  top: 50%;
                  font-size: 21px;
}

.imgbox .navright {
                   position: absolute;
                   width: 34px;
                   padding-left: 21px;
                   box-sizing: border-box;
                   right: 0;
                   top: 50%;
                   font-size: 21px;
}

.imgbox .navleft a, .imgbox .navright a {
                                         text-decoration: none;
                                         color: #000;
}

footer {
        border-top: 1px solid #D9D9D9;
        box-sizing: border-box;
        margin-top: 21px;
        padding-top: 21px;
        line-height: 1em;
}

footer ul {
           float: left;
           box-sizing: border-box;
}

footer ul li {
              list-style: none;
              display: inline;
              margin-left: 21px;
}

footer ul li:first-child {
                          margin-left: 0;
}

footer ul li a {
                text-decoration: none;
                color: #9F9F9F;
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:visited, footer ul li a:active {
                                                                                           text-decoration: underline;
}

footer .cr {
            float: right;
            color: #9F9F9F;
            
}

/*** Mobile Menu ***/
.slicknav_menu {
        display:none;
}

@media screen and (max-width: 767px) {
        /* #menu is the original menu */
        .js header nav ul {
                display:none;
        }

        .js .slicknav_menu {
                display:block;
        }

        .logo {
                position: relative;
        }
}