/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  22/11/2019 // BS v4.3.1
*/

/* ==========================================================================
   HEADER
   ========================================================================== */

header {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.fullsize-image img {
    margin-bottom: 20px;
}

.navbar-brand span {
    width: 290px;
    height: 58px;
}

/* ==========================================================================
   NAVIGATION from 992px 
   https://www.codeply.com/go/4RtpB24k23/bootstrap-4-sticky-navbar-mobile-only
   ========================================================================== */
.navbar-nav {
    max-width: 1200px;
}

.stuck .navbar-nav {
    margin-top: 20px;
}


.navbar-toggler {
    display: none;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top-custom {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sticky-top-custom {
    position: sticky;
    transition: all 0.5s ease-in;
}

.stuck .sticky-top-custom {
    border-bottom: 1px solid #b4bd9a;
}

@media (min-width: 1440px) {
    .stuck .logo-icon span {
        transform: translateY(70px);
        transition: all 1s ease-in-out;
    }
}

.stuck .logo-icon a:hover span {
    opacity: 0.65;
}


.navbar-nav {
    width: 100%;
}

.stuck .navbar-nav {
    margin-top: 10px;
}

.navbar-nav li {
    width: 25%;
}

.navbar-nav li a:after {
    content: "";
    display: block;
    margin: 0 auto 7px auto;
    width: 27px;
    height: 14px;
    border-bottom: 2px solid #90d4f1;
}

.navbar-nav li:nth-child(1) a:after {
    border-bottom: 2px solid #90d4f1;
}

.navbar-nav li:nth-child(2) a:after {
    border-bottom: 2px solid #d9b2bd;
}

.navbar-nav li:nth-child(3) a:after {
    border-bottom: 2px solid #abb68c;
}

.navbar-nav li:nth-child(4) a:after {
    border-bottom: 2px solid #e3b56a;
}

.navbar-nav li a:hover:after {
    content: '';
    display: block;
    width: 27px;
    height: 14px;
    border: none;
}

.navbar-nav li:nth-child(1) a:hover:after,
.navbar-nav li:nth-child(1).active a:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.4 14.2' style='enable-background:new 0 0 26.4 14.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%2390D4F1;stroke-width:1.5;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='26.4' height='14.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpolyline class='st0' points='0.5,0.6 13.2,13.2 25.8,0.5 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.navbar-nav li:nth-child(2) a:hover:after,
.navbar-nav li:nth-child(2).active a:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.4 14.2' style='enable-background:new 0 0 26.4 14.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23d9b2bd;stroke-width:1.5;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='26.4' height='14.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpolyline class='st0' points='0.5,0.6 13.2,13.2 25.8,0.5 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.navbar-nav li:nth-child(3) a:hover:after,
.navbar-nav li:nth-child(3).active a:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.4 14.2' style='enable-background:new 0 0 26.4 14.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23abb68c;stroke-width:1.5;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='26.4' height='14.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpolyline class='st0' points='0.5,0.6 13.2,13.2 25.8,0.5 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.navbar-nav li:nth-child(4) a:hover:after,
.navbar-nav li:nth-child(4).active a:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.4 14.2' style='enable-background:new 0 0 26.4 14.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23e3b56a;stroke-width:1.5;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='26.4' height='14.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpolyline class='st0' points='0.5,0.6 13.2,13.2 25.8,0.5 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.stuck .navbar-nav li a:after,
.stuck .navbar-nav li.active a:after,
.stuck .navbar-nav li a:hover:after,
.navbar-nav li.active a:after {
    content: '';
    border: none;
}

.nav-link {
    margin-bottom: 0;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main {
    padding-top: 30px;
}

.main,
.footer {
    max-width: 1440px;
}

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

footer {
    padding: 20px 80px;
}