/*
Theme Name: Haus der Innovation v1.0
Theme URI:
Author: Be vild.
Author URI:
Description:
Version:
License: #
License URI: #
Text Domain: haus-der-innovation-v1-0
Tags:
*/

/*
body{
  background-image:url(assets/images/background.png), url(assets/images/background.png) ,url(assets/images/background.png);
  background-position: top right, center left, bottom right;
  background-repeat: no-repeat;
} */


.hdi-main-header{margin-top:0;margin-block-start:0;}








.hdi-main-footer{
  margin-top:100px;
  margin-bottom:20px;
}

.hdi-meta-nav{
  padding:5px 20px;
}

.has-modal-open .wp-block-navigation__responsive-close {
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}


.hdi-main-nav .wp-block-navigation__responsive-container.is-menu-open{
  height: calc(100vh - 100px);
  width: 100vw;
  bottom: 0;
  top: auto;
padding:0;
/*  padding-right: var(--wp--preset--spacing--60);  */
/*  padding-left: var(--wp--preset--spacing--60);*/

  background:url(assets/images/bg-hdi-navi.png) bottom right no-repeat;

}

.hdi-main-nav .wp-block-navigation__container{
  margin-top:5%!important;
  margin-bottom:5%!important;
}
.hdi-main-nav #ilbIconList-5 .ilbIconList{padding:0;}

.hdi-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  padding-top:0;
}

.hdi-wrap-first{
 /* background-image: url(assets/images/background.png);
    background-size: 80% !important;
    background-repeat: no-repeat;
    background-position: 200% 0;
    padding-bottom: 400px; */

}

body:not(.block-editor-page) .lottie-first{
  position:absolute;
  width:80%;
  min-height: 1500px;
  overflow: hidden;
  top: 200px;
  right:0;
}


body:not(.block-editor-page) .lottie-second{
  position:absolute;
  width:80%;
  min-height: 1500px;
  overflow: hidden;
  left:0;
  
}


body:not(.block-editor-page) .lottie-first .wp-block-lpb-lottie-player{
  right: -500px;
  position: relative;
}

body:not(.block-editor-page) .lottie-second .wp-block-lpb-lottie-player{
  left: -700px;
  position: relative;
}



.hdi-wrap-middle{
  /*background-image: url(assets/images/background.png);
  background-size: 135% !important;
    background-repeat: no-repeat;
    background-position: -1400px -500px;
    padding-bottom: 400px;*/
}


.hdi-wrap-last{
  /*background-image: url(assets/images/background.png);
    background-size: 120% !important;
    background-repeat: no-repeat;
    background-position: -55vw 300px;
    padding-bottom: 400px;*/
}

.hdi-header{

}

.wp-block-button__link{
  border-radius:0;
  transition: all .4s ease-in;
}

.wp-block-button__link:hover{
  background:#fff;
  color:#333;
}

.swiper-horizontal {
  padding-bottom: 20px;
}

.ghbModalMainSection{
  background:rgba(183, 43, 54, .75);
}
.ghbModalMainSection .ghbChildSection{
  border-radius:0;
  

}
.ghbModalMainSection .ghbChildSection .closeBtn {
  transform: scale(2);
  height:auto;width:auto;
  position: absolute;
  right: 20px;
  top: 20px;
}


.hdi-partner-lb-group{
  margin:0 auto;
    width:70%;
}

.hdi-partner-lb-content{
  font-size:22px;
  font-weight:normal;
  
  text-align:center;

}

.hdi-partner-lb-logo{
 text-align:center;
 width: 100%;
 
}

.hdi-partner-lb-logo img{
  filter:brightness(0);
}


.hdi-event-list-wrap{
  border-top:10px #F2F2F2 solid;
  border-left:10px #F2F2F2 solid;
  border-bottom:10px #F2F2F2 solid;
  padding:25px;
  width:80%;
}

.hdi-wrap-last .hdi-contact-form{
  border-top:10px #fff solid;
  border-left:10px #fff solid;
  border-bottom:10px #fff solid;
  /*background:#fff;*/
  padding:25px;

}


section{
  margin:200px 0;
}

.hdi-footer-contact-form .wpforms-field-container textarea,
.hdi-footer-contact-form .wpforms-field-container input, 
.hdi-footer-contact-form .wpforms-field-container input[type="text"],
.hdi-footer-contact-form .wpforms-field-container input[type="email"]{
border-top: 0;
  border-left: 0;
  border-right: 0;
}

.hdi-footer-contact-form .wpforms-field-container .wpforms-field-label{
  margin-bottom:0;
}

#wpforms-71-field_1-container .wpforms-field-container input,
#wpforms-71-field_1-container .wpforms-field-container textarea,
{
  
  border-top: 0;
  border-left: 0;
  border-right: 0;
}




.vertical-center{
  align-content: center;
}


.wp-block-navigation__responsive-container-open{
background: #fff;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{
  width:48px;
  height:48px;
  fill: var(--wp--preset--color--vivid-red);
}



.post-navigation-link-previous a,
.post-navigation-link-next a{
  text-decoration: none;
}


/* dots 

active #869791;
normal #D6D6D6
size 10px

*/
.swiper-pagination-bullet{
  width:10px;
  height:10px;
  opacity: 1;
  background:#d6d6d6;
}

.swiper-pagination-bullet-active{
  background:#869791;
  opacity: 1;
}

.wp-block-gutsliders-post-slider .swiper-button-next,
.wp-block-gutsliders-post-slider .swiper-button-prev {
  background: none;
  color: var(--wp--preset--color--pale-pink);
}


.wp-block-gutsliders-post-slider .swiper-button-next:hover, .wp-block-gutsliders-post-slider .swiper-button-prev:hover {
  background: var(--wp--preset--color--pale-pink);
  color: #fff;
}
.wp-block-gutsliders-post-slider .swiper-button-prev {
  left: -50px;  
}

.wp-block-gutsliders-post-slider .swiper-button-next {
  right: -50px;  
}

.hdi-footer-contact-form{

}

.hdi-footer-contact-form .wpforms-field-row.wpforms-field-medium,
.hdi-footer-contact-form input.wpforms-field-medium{
  width:100%!important;
  max-width:100%!important;
}


/* SLIDER */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


.game-section {
  padding: 60px 50px;
}
.game-section .owl-stage {
  margin: 15px 0;
  display: flex;
  display: -webkit-flex;
}
.game-section .item {
  margin: 0 15px 60px;
  width: 320px;
  height: 400px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  background: rgba(183, 43, 54) no-repeat center center / contain;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.game-section .item.active {
  width: 500px;
  box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
  background: rgba(183, 43, 54) no-repeat top center / contain;
  background-size: 50%;
}
/*.game-section .item:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}*/
.game-section .item-desc {
  padding: 0 24px 12px;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateY(calc(100% - 54px));
  -webkit-transform: translateY(calc(100% - 54px));
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.game-section .item.active .item-desc {
  transform: none;
  -webkit-transform: none;
}
.game-section .item-desc p {
  opacity: 0;
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
  transition: all 0.4s ease-in-out 0.2s;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.game-section .item-desc p a{
  color:#fff;
}

.game-section .item.active .item-desc p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.game-section .owl-theme.custom-carousel .owl-dots {
  margin-top: -20px;
  position: relative;
  z-index: 5;
  display:none;
}


@media (min-width: 992px) and (max-width: 1199px) {

  .game-section {
    padding: 50px 30px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 260px;
    height: 360px;
  }
  .game-section .item.active {
    width: 400px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 46px));
    -webkit-transform: translateY(calc(100% - 46px));
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .game-section {
    padding: 50px 30px 40px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 240px;
    height: 330px;
  }
  .game-section .item.active {
    width: 360px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}

@media (max-width: 767px) {
  
  .game-section {
    padding: 30px 15px 20px;
  }
  .game-section .item {
    margin: 0 10px 40px;
    width: 200px;
    height: 280px;
  }
  .game-section .item.active {
    width: 270px;
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
  }
  .game-section .item-desc {
    padding: 0 14px 5px;
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}


/* CALENDAR PLUGIN */
.hdi-event-list-wrap {}

.hdi-event-list-wrap .ics-calendar dl.events dd.event .title{
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  transition: all .4s ease-in;
  text-transform: uppercase;
  color: var(--wp--preset--color--luminous-vivid-orange);
}

.hdi-event-list-wrap .ics-calendar dl.events dd.event .title:hover{
  color:var(--wp--preset--color--vivid-purple);
}

.hdi-event-list-wrap .ics-calendar dl.events dd.event .title.has_desc{

  text-decoration: none;
}

.hdi-event-list-wrap .ics-calendar dl.events dd.event .title.has_desc::after{
  content:'[Details zeigen]';
  font-weight:200;
  font-size:16px;
  display:block;
}


.hdi-event-list-wrap .ics-calendar-list-wrapper .ics-calendar-date [data-date-format="l"]:after{
  content: ',';
}

.hdi-event-list-wrap .ics-calendar .event .descloc .eventdesc{
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}




.hdi-event-list-wrap .ics-calendar-list-wrapper .ics-calendar-date{
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
}

.hdi-event-list-wrap .ics-calendar dl.events dt.time{

}

.hdi-event-list-wrap .ics-calendar dl.events dt.time:after{
  content: ' Uhr';
}

.hdi-event-list-wrap .ics-calendar .events .time .end_time{
  font-weight:700;
  font-size:inherit;
}


.eb-post-carousel-wrapper.eb-post-carousel-bowxe .ebpg-entry-thumbnail img{
  border-radius: 0;
}

/* RESPONSIVE */
@media screen and (max-width:39.975em){
  .hdi-main-header #lpbLottiePlayer-2 .lpbLottiePlayer dotlottie-player {
    width: 230px;
  
  }

  .hdi-stage-section .wp-block-group,
  .hdi-news-section .wp-block-group,
  .hdi-partner-section .wp-block-group,
  .hdi-about-section .wp-block-group,
  .hdi-contact-section .wp-block-group{
    margin:0;
    padding:0 1rem!important;
  }

  .hdi-stage-section .wp-block-heading{
    font-size: 36px!important;
  }

  .hdi-news-section{
    padding:0 3rem!important;
  }

  .hdi-news-section .post-title{
    font-size:24px!important;
    line-height: 1;
  }

  .hdi-event-section{
    margin:0;
    padding:0!important;
  }

  .hdi-event-section .hdi-event-description{
    padding:0 1rem!important;
  }

  .hdi-event-list-wrap .ics-calendar dl.events dd.event .title.has_desc{
    font-size:24px!important;
    line-height: 1;
  }

  .hdi-event-list-wrap .ics-calendar-list-wrapper .ics-calendar-date{
    font-size: 20px;
  }

  .hdi-partner-section{
    margin:2rem 0;
    padding:0!important;
  }

  .hdi-partner-section .has-text-align-right,
  .hdi-about-section .has-text-align-right{
    text-align: left;
  }

  .hdi-partner-section p{
    margin-top:0;
  }

  .game-section {
    padding: 0 0.25rem;
  }

  .game-section .item {
    margin: 0 10px 40px;
    width: 280px;
    height: 450px;
  }

  .hdi-about-section{
    padding:0 1rem!important;
  }

  .hdi-about-section .wp-block-heading{
    font-size: 36px!important;
  }

  .hdi-contact-section{
    padding:0!important;

  }

  .hdi-contact-section .wp-block-heading{
    font-size:36px!important;
    line-height: 1;
  }

  .hdi-wrap-last .hdi-contact-form{
border:0;
  }


  .hdi-main-footer{
    padding:0 1rem!important;
  }

  .hdi-main-nav .wp-block-navigation__container,
  .hdi-main-nav .wp-block-navigation .wp-block-navigation-item__label,
  .hdi-main-nav .wp-block-navigation .wp-block-navigation-item{
    font-size:46px!important;
  }

  .hdi-main-nav .wp-block-navigation__responsive-container.is-menu-open{
    background:url(assets/images/bg-hdi-navi.png) bottom right no-repeat;
    background-size:50%;
  }

  .hdi-main-nav .wp-block-navigation__responsive-dialog{
    margin:1rem;
  }

  .hdi-main-nav .wp-block-navigation__container{
    margin-top:100px!important;
  }
  .hdi-main-nav #ilbIconList-4 .ilbIconList{
    padding:0;
  }

  body:not(.block-editor-page) .lottie-first{
    min-height:100vh;
  }
  body:not(.block-editor-page) .lottie-first .wp-block-lpb-lottie-player{
    right:-150px;
    top:350px;
  }

  body:not(.block-editor-page) .lottie-second{
    min-height:100vh;
  }

  body:not(.block-editor-page) .lottie-second .wp-block-lpb-lottie-player{
    left:-150px;
    top: 200px;
    width: 400px;
  }
}