/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  07/05/2021 // based on BS v5.0
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

.icon-wrap h3 {
    margin-bottom: 10px;
}

@media (min-width: 1440px) {
    .icon-wrap h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.layout-content .navbar-brand {
    top: 155px;
}

 .navbar-brand {
    height: 152px;
    width: 368px;
    bottom: 45px;
}
/* ==========================================================================
   NAVIGATION from 1200px
   ========================================================================== */

.button-24h {
    top: -20px;
    right: 3vw;
    height: 180px;
    width: 180px;
}

.navbar {
    padding-left: 50px;
}

.navbar {
    background-color: #122d4a;
    background-color: rgba(18, 45, 74, 0.9) !important;
}

.navbar-nav.main-nav li:last-child a.nav-link {
    transform: translateX(9999px);
}

.navbar-expand-xl .navbar-nav .nav-link {
    padding: 15px 0;
    margin-right: 15px;
    margin-left: 15px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    border-bottom: 8px solid #ffd83d;
}

.navbar-nav .nav-link {
    border-bottom: 8px solid transparent;
}

@media (min-width: 1440px) {
    .navbar-brand {
        height: 152px;
        width: 400px;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        margin-right: 25px;
        margin-left: 25px;
    }

    .button-24h.shrink {
        top: -300px;
        right: 3vw;
        height: 200px;
        width: 200px;
    }
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.px-xl-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.info-box {
    padding: 30px;
}


.figures {
    top: -152px;
    right: 60px;
    width: 240px;
    height: 172px;
}


@media (min-width: 1440px) {
    .figures {
        top: -174px;
        width: 270px;
        height: 193px;
    }
}

.team-container {
    padding-left: 80px;
}

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

.footer {
    padding: 80px 80px 50px 80px;
}