/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  19/01/2022 // BS v5.1.3
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
p,
.video-container,
table {
  max-width: 992px;
}

.btn-style {
    min-width: 220px;
    min-height: 63px;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
/*.section {
    max-width: 1800px;
}
*/

.px-section {
    padding-left: 85px;
    padding-right: 85px;
}

@media (min-width: 1600px) {
   .px-section {
       padding-left: 150px;
       padding-right: 150px;
   }
}

.berghaus .hut-graphic {
    width: 25vw;
}

.owl-carousel .owl-prev {
    left: 10px;
}

.owl-carousel .owl-next {
    right: 10px;
}

.owl-carousel .owl-prev:hover {
    margin-left: -10px;
}

.owl-carousel .owl-next:hover {
    margin-right: -10px;
}

@media (min-width: 1400px) {
   .calendar-article {
      position: relative;
      max-width: 1235px;
      padding-bottom: 53px !important;
   }

   .graphic_ischboden,
   .graphic_wasserfall,
   .graphic_grindelwald,
   .graphic_weidhaus,
   .graphic_schneit,
   .graphic_kirschbaumhuette,
   .graphic_berghaus {
      opacity: 0;
      animation: fadeIn 1s;
      animation-delay: 2s;
      animation-fill-mode: forwards;
   }

   @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
  }

  .graphic_ischboden {
   position: absolute;
   right: 25px;
   width: 250px;
   height: 250px;
   top: -180px;
   background: url(../images/Animatin_Ischboden_Finale@x3.gif) no-repeat;
   background-position: bottom right;
   background-size: contain;
}

   .graphic_wasserfall {
      position: absolute;
      right: 40px;
      width: 250px;
      height: 170px;
      top: -115px;
      background: url(../images/Animatino_Wasserfall_Finale@x2.gif) no-repeat;
      background-position: bottom right;
      background-size: contain;
   }

   .graphic_grindelwald {
      position: absolute;
      right: 40px;
      width: 110px;
      height: 170px;
      top: -115px;
      background: url(../images/Animation_AlphuetteGrindelwald_Finale@x2.gif) no-repeat;
      background-position: bottom right;
      background-size: contain;
   }

   .graphic_weidhaus {
      position: absolute;
      right: 45px;
      width: 250px;
      height: 180px;
      top: -127px;
      background: url(../images/Animation_Weidhaus_Finale@x2.gif) no-repeat;
      background-position: bottom right;
      background-size: contain;
   }

   .graphic_schneit {
      position: absolute;
      right: 45px;
      width: 350px;
      height: 220px;
      top: -168px;
      background: url(../images/Animation_AlpSchneit_Finale@x2.gif) no-repeat;
      background-position: top right;
      background-size: contain;
   }

   .graphic_kirschbaumhuette {
      position: absolute;
      right: 40px;
      width: 110px;
      height: 170px;
      top: -115px;
      background: url(../images/Animation_Kirschbaumhuette_Finale@x2.gif) no-repeat;
      background-position: bottom right;
      background-size: contain;
   }

   .graphic_berghaus {
      position: absolute;
      right: 25px;
      width: 350px;
      height: 180px;
      top: -127px;
      background: url(../images/Animation_Waldhaus_Finale@x2.gif) no-repeat;
      background-position: bottom right;
      background-size: contain;
   }
}
/* ==========================================================================
   FORM
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */