/* ----------------
 * fonts
 * ---------------- */
@font-face {
   font-family: 'Cabin';
   font-style: normal;
   font-weight: normal;
   src: url('cabin-regular-webfont.eot');
   src: url('cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('cabin-regular-webfont.woff2') format('woff2'),
        url('cabin-regular-webfont.woff') format('woff');
}

body, h1, h2, h3, h4, h5, h6 {
   font-family: "Cabin", sans-serif;
}

/* ----------------
 * colors
 * ---------------- */
.custom-taubenblau {
   color: #505c72 !important;
   background-color: #fff !important;
}

.custom-taubenblau-grau {
   color: #505c72 !important;
   background-color: #f1f1f1 !important;
}

.custom-reverse-taubenblau {
   color: #fff !important;
   background-color: #505c72 !important;
}


/* ----------------
 * seasons images
 * ---------------- */
.bgimg0, .bgimg1, .bgimg2, .bgimg3 {
   background-position: center;
   background-size: cover;
   min-height: 80%;
}

.bgimg0 {
   background-image: url("winter_small.jpg");
}

.bgimg1 {
   background-image: url("fruehling_small.jpg");
}

.bgimg2 {
   background-image: url("sommer_small.jpg");
}

.bgimg3 {
   background-image: url("herbst_small.jpg");
}

@media all and (min-width: 901px) {
   .bgimg0 {
      background-image: url("winter.jpg");
   }

   .bgimg1 {
      background-image: url("fruehling.jpg");
   }

   .bgimg2 {
      background-image: url("sommer.jpg");
   }

   .bgimg3 {
      background-image: url("herbst.jpg");
   }
} 

/* ----------------
 * navigation
 * ---------------- */
@media (max-width: 1050px) {
   .custom-hide-small {
      display: none !important;
   }
}

@media (min-width: 1051px) {
   .custom-hide-large {
      display: none !important;
   }
}

/* ----------------
 * misc
 * ---------------- */
body, html {
   height: 100%;
   line-height: 1.8;
}

.w3-bar .w3-button {
   padding: 16px;
}

/* ----------------
 * custom
 * ---------------- */
.custom-logo {
   font-size: 48px;
}

.custom-margin {
   margin-top: 59px;
}

.custom-supersize {
   font-size: 96px !important;
}

.custom-buzz {
   letter-spacing: .2em;
   text-transform: uppercase;
}

.custom-capital {
   text-transform: uppercase;
}

.custom-bottom-padding {
   padding-bottom: 48px!important;
}

.custom-map {
   height: 100% !important;
}

/* ----------------
 * modal
 * ---------------- */
.custom-modal {
   z-index: 3;
   display: none;
   padding-top: 50px;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0,0.4);
}

.custom-modal-content {
   margin: auto;
   background-color: #fff;
   position: relative;
   padding: 0;
   outline: 0;
   width: 900px;
}

/* small */
@media (max-width: 900px) {
   .custom-modal {
      padding-top: 30px;
   }
   .custom-modal-content {
      margin: 0 10px;
      width: auto !important;
   }
}

/* large */
@media (min-width: 1200px) {
   .custom-modal-content {
      width: 1200px;
   }
}