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

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
.anchor {
    display: block;
    height: 115px;
    margin-top: -115px;
    visibility: hidden; 
}

/* ==========================================================================
   NAVIGATION 
   ========================================================================== */
.navbar-brand span {
    width: 90px;
    height: 122px;
    background: url(../images/Animation_Navigation_Finale@x2.gif);
    background-size: 90px 122px;
}

.dropdown-menu-end {
    text-align:  right !important;
}

#dropdown_1 span,
#dropdown_2 span {
    display: block;
    width: 45px;
    height: 45px;
    margin-left: 0;
    background: url(../images/icon-menu.svg);
    text-indent: -9999px;
    border: 0;
}

#dropdown_2 span {
    background: url(../images/icon-info.svg);
}

.dropdown-menu {
    margin-top: 16px !important;
    padding-left: 8px;
}

.dropdown-menu-end {
    padding-right: 10px
}

.dropdown-menu-end.dropdown-menu {
    padding-left: 0;
}

.dropdown-menu-end .dropdown-item {
    padding: 4px 0 4px 15px;
}


.dropdown-item {
    padding-left: 0;
}

.dropdown-menu li:last-child .dropdown-item {
    border-bottom: 1px solid transparent;
}

.instagram span,
.facebook span {
    margin: 0;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.px-section {
      padding-left: 35px;
      padding-right: 35px;
}

.booking {
    top: 138px;
    left: 8px;
}

.booking a {
    padding: 10px 20px;
    font-size: 24px;
}

.claim {
    padding-top: 35px;
    padding-bottom: 35px;
}

@media (min-width: 768px) {
    
    .teaser-container .teaser:nth-child(odd) {
        padding-right: 15px;
    }

    .teaser-container .teaser:nth-child(even) {
        padding-left: 15px;
    }
}

.hut-graphic {
    width: 20vw;
}

.wasserfall .hut-graphic {
    width: 15vw;
}

.ischboden .hut-graphic {
    bottom: -70px;
    width: 20vw;
}

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

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

.kirschbaum .hut-graphic,
.grindelwald .hut-graphic {
    width: 10vw;
}

.owl-carousel .owl-nav  {
    top: calc(50% - 37px); 
    height: 37px;
}

.owl-carousel .owl-prev span,
.owl-carousel .owl-next span {
    background-size: 100% 100%;
}

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

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

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

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

#map_canvas {
    padding-top: 50%;
}

/* ==========================================================================
   FORM
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */
.section-footer {
    margin-top: 60px;
}