/* Fonts */

/* source-sans-pro-300 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  
  /* source-sans-pro-regular - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  
  /* source-sans-pro-italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  
  /* source-sans-pro-700 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  
/* General */

#page{
  min-height: 100vh;
  position: relative;
  padding-bottom: 10rem;
}

a{
  text-decoration: none;
}

.ratio{
    width: 0;
  }
  
  .ratio-100{
    padding-bottom: 100%!important;
  }
  
  .ratio-50{
    padding-bottom: 50%!important;
  }
  
  .ratio-25{
    padding-bottom: 25%!important;
  }
  
  .ratio-20{
    padding-bottom: 20%!important;
  }
  
  .ratio.auto{
    padding: 3rem;
  }

  .wrapper-navbar .container{
    transform: translateY(0);
  }
  
  body.loaded .container{
    transform: translateY(0);
    opacity: 1;
  }
  
  .no-pointer-events{
    pointer-events: none;
  }
  
  .wp-block-button__link{
    border-radius: 0;
  }
  
  .wp-block-buttons > .wp-block-button{
    margin-bottom: 0;
  }
  
  .wp-block-columns.nogap{
    gap: 0;
  }
  
  #main-nav{
    z-index: 99;
    font-size: 1.2rem;
  }

  #main-menu li:last-of-type a{
    padding-right: 0;
  }

  .navbar-toggler{
    font-size: 1.5rem;
    border: none;
    border-radius: 0;
  }
  
  .nav-link{
    padding: .2rem;
  }

  .sub-header ul{
    list-style: none;
    margin-bottom: 0;
    display: flex;
  }
  
  .sub-header ul li{
    margin-left: .5em;
  }
  
  .sub-header a{
    color: rgba(0,0,0,.55);
    font-size: 80%;
  }
  
  .sub-header a:hover{
    color: rgba(0,0,0,.7);
  }
  
  #page-wrapper{
    padding-top: 0;
  }
  
  *[tabindex="-1"]{
    outline: none!important;
  }

  .row-full{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: 100px;
    margin-top: 100px;
    left: 50%;
   }

#menutoggleicon{
  width: 2.5rem;
  height: auto;
  fill: #3664cc;
}

/* Ninja Forms Overrides */

.nf-form-content{
  max-width: 100%!important;
}

/* Footer */

.wrapper.footer{
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.footer ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  
  .footer ul a{
    color: #4c6172;
  }
  
/* Startseite */
  
  .custom-logo-link img{
      max-width: 15em;
    }

/* Carousel / Slider */

#haus-overlay{
    pointer-events: none;
    position: absolute;
    z-index: 5;
    top: -1px;
    width: 100%;
}

#haus-overlay .cls-1 {
    fill: #fff;
  }

#haus-overlay .cls-2 {
    fill: #fff;
    opacity: .3;
  }

.carousel-item-ratio{
    padding-bottom: 75%;
}

.carousel-control-next, .carousel-control-prev{
    width: 20%;
    opacity: .8;
}

@media (min-width:782px){
.carousel-item-ratio{
    padding-bottom: 50%;
}
.carousel-control-next, .carousel-control-prev{
    width: 15%;
}
}

@media (min-width:1024px){
.carousel-item-ratio{
    padding-bottom: 39.5%;
}
.carousel-control-next, .carousel-control-prev{
    width: 10%;
}
}

.carousel-item-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .2;
    z-index: 3;
}

.slide-item img{
    position: absolute;
    top:0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;;
    height: 100%;;
}

.slide-item .caption{
    position: absolute;
    left: 0;
    bottom: 1.5em;
    background: rgba(255, 255, 255, 0.8);
    padding: .75em;
    font-size: 2em;
    color: #3664cc;
    margin-right: 1em;
    z-index: 15;
}

.slide-item a{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.carousel button{
    z-index: 20;
}

.carousel-control-prev-svg, .carousel-control-next-svg{
    width: 30%;
}

.carousel-control-prev-svg svg, .carousel-control-next-svg svg{
    color: #3664cc;
    width: 100%;
    height: auto;
}

.carousel button:hover{
    background: rgba(255, 255, 255, 0.3);
}
/*# sourceMappingURL=style.css.map */

/* Facts Shortcode */

.fact{
  text-align: center;
}

.fact svg{
  max-height: 80%;
  height: 5rem;
  width: auto;
  fill: #3664cc;
}

.fact .name{
  font-size: 1.5rem;
}

.fact .number{
  font-size: 4rem;
  line-height: 1.5;
}

/* Posts Shortcode */

.post-card{
  position: relative;
  height: 100%; 
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); 
  transform: scale(1);
  transition: all .2s ease;
  transform: scale(1);
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: .25rem;
}

.post-card .post-image{
  padding-bottom: 70%;
}

.post-card-link{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.post-desc{
  padding: 1rem;
}

.post-date, .post-location{
  font-size: .85em;
}

.post-image, .placeholder_image{
  position: relative;
  width: 100%;
  padding-bottom: 66%;
}

.placeholder_image{
  display: inline-block;
}

.post-image img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .25rem;
}

/* Single Post */

.hero-wrap #haus-overlay .cls-2{
  opacity: .8;
}

.hero-wrap{
  width: 100%;
  position: relative;
}

.hero-wrap img{
  position: absolute;
  top:0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;;
  height: 100%;
  opacity: .3;
}

.hero-ratio{
  padding-bottom: 39.5%;
}

.gallery-ratio{
  padding-bottom: 100%;
}

.gallery-image img{
  position: absolute;
  top:0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;;
  height: 100%;
  opacity: .9;
  transition: .2s all ease;
}

.gallery-image{
  cursor: pointer;
}

.gallery-image:hover img{
  opacity: 1;
  transform: scale(1.05);
}

.gallery-wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

#gallery, .gallery.carousel{
  position: absolute;
  width: 100%;
  background-color: rgba(0,0,0,.55);
}

#gallery, #gallery .carousel-inner, .gallery-slide, .gallery.carousel, .gallery.carousel .carousel-inner{
  height: 100%;
}

.gallery-slide{
  position: relative;
}

.gallery-slide img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 80vw;
  max-height: 90vh;
}

/* Team */

.post-card .post-image.team-image{
  padding-bottom: 120%;
}

.team-department, .team-email{
  font-size: .85em;
}