/* Custom */
.custom-full-width-image img {
    width: 100% !important;
    height: auto !important;
}

/* Loader */
.carl-team-loader-wrapper {
    display: none;
    position: fixed;
    /* left: 0; */
    left: auto;
    top: 0;
    bottom: 0;
    right: 0;
    /* width: 100%; */
    width: 600px;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.9); */
    background: #0b111d;
    z-index: 9999;
}

.carl-loader-wrapper {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}
@media only screen and (max-width: 767px) {
  .carl-team-loader-wrapper {
    left: 0;
    width: 100%;
  }
}
.carl-loader-wrapper .carl-loader-flex,
.carl-team-loader-wrapper .carl-loader-flex {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.carl-loader-wrapper .carl-loader,
.carl-team-loader-wrapper .carl-loader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.carl-loader-wrapper .carl-loader div,
.carl-team-loader-wrapper .carl-loader div {
  animation: carl-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.carl-team-loader-wrapper .carl-loader div:after,
.carl-loader-wrapper .carl-loader div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ea515b;
  margin: -4px 0 0 -4px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(1),
.carl-loader-wrapper .carl-loader div:nth-child(1) {
  animation-delay: -0.036s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(1):after,
.carl-loader-wrapper .carl-loader div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(2),
.carl-loader-wrapper .carl-loader div:nth-child(2) {
  animation-delay: -0.072s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(2):after,
.carl-loader-wrapper .carl-loader div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(3),
.carl-loader-wrapper .carl-loader div:nth-child(3) {
  animation-delay: -0.108s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(3):after,
.carl-loader-wrapper .carl-loader div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(4),
.carl-loader-wrapper .carl-loader div:nth-child(4) {
  animation-delay: -0.144s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(4):after,
.carl-loader-wrapper .carl-loader div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(5),
.carl-loader-wrapper .carl-loader div:nth-child(5) {
  animation-delay: -0.18s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(5):after,
.carl-loader-wrapper .carl-loader div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(6),
.carl-loader-wrapper .carl-loader div:nth-child(6) {
  animation-delay: -0.216s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(6):after,
.carl-loader-wrapper .carl-loader div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(7),
.carl-loader-wrapper .carl-loader div:nth-child(7) {
  animation-delay: -0.252s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(7):after,
.carl-loader-wrapper .carl-loader div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(8),
.carl-loader-wrapper .carl-loader div:nth-child(8) {
  animation-delay: -0.288s;
}
.carl-team-loader-wrapper .carl-loader div:nth-child(8):after,
.carl-loader-wrapper .carl-loader div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes carl-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Share */

.carls-likebox-container {
    display: flex;
    margin: 0;
    padding: 0;
    clear: both;
}

.carls-likebox-container li {
    display: flex;
    list-style-type: none;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 15px !important;
    min-height: 26px;
    font-size: .875rem;
}

.carls-likebox-container li:last-of-type {
    margin-right: 0 !important;
}

.carls-likebox-container li:after {
    content: none !important;
}

.carls-likebox-container a.share-more {
    display: inline-block;
    line-height: 20px;
}


/* Header-Overwrites */
.carl-header {
    position: sticky;
    background: #fff;
    box-shadow: 0 1px 0 rgba(194,211,223,0.6);
    min-height: 80px;
    top: 0;
    z-index: 999999;
    flex-wrap: wrap;
    justify-content: center;
    padding-inline: 100px;

    > div {
        width: auto;
    }

    @media (min-width: 1200px) {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .logo {
        height: 80px;
        align-items: center;
        justify-content: start;
        margin-right: 32px;

        @media only screen and (max-width: 1200px) {
            width: 175px;
            justify-content: center;
            margin-right: 0;
        }

        img {
            max-width: 220px;
        }
    }

    .navbar {
        padding-block: 0;
    }

    @media only screen and (max-width: 1200px) {
        padding-inline: 30px;

        .menu-left, .menu-right {
            width: 100vw;
            background: #fff;
            margin-left: -30px;
            margin-right: -30px;

            .menu {
                width: 100%;
            }
        }

        .menu-left:has(.show) {
            border-top: 1px solid rgba(194,211,223,0.6);
            padding-top: 20px;
        }

        .menu-right:has(.show) {
            padding-bottom: 30px;
        }
    }

    @media only screen and (max-width: 1440px) {
        padding-inline: 30px;
    }

}

.carl-header .navbar-toggler {
    position: absolute;
    right: 20px;
}

.carl-header .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23212529' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-size: 33px auto;
}

.carl-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4393 0.439331C19.0251 -0.146455 19.9746 -0.146455 20.5604 0.439331C21.1461 1.02512 21.1462 1.97466 20.5604 2.56042L12.621 10.4999L20.5604 18.4393C21.1461 19.0251 21.1462 19.9747 20.5604 20.5604C19.9747 21.1462 19.0251 21.1461 18.4393 20.5604L10.4999 12.621L2.56042 20.5604C1.97466 21.1462 1.02512 21.1461 0.439331 20.5604C-0.146455 19.9746 -0.146455 19.0251 0.439331 18.4393L8.37878 10.4999L0.439331 2.56042C-0.146455 1.97464 -0.146455 1.02512 0.439331 0.439331C1.02512 -0.146455 1.97464 -0.146455 2.56042 0.439331L10.4999 8.37878L18.4393 0.439331Z' fill='%23212529'/%3E%3C/svg%3E");
    background-size: 20px;
}

.carl-header .menu:first-child {
    margin-left: 0 !important;
}

.carl-header .menu ul li {
    font-size: 19px !important;
    font-weight: 400;
    line-height: 24px !important;
    margin-left: 0 !important;
    width: 100%;

    @media (min-width: 1200px) {
        margin-left: 24px !important;
    }

    @media only screen and (max-width: 1200px) {
        padding-inline: 30px !important;

        a {
            width: 100%;
            border-bottom: 1px solid rgba(194,211,223,0.6);
            padding-block: 12px;
        }
    }
}

.carl-header .menu ul li.btn-cta a {
    background: #ea515b;
    padding-inline: 24px !important;
    color: #fff !important;
    width: fit-content;

    @media only screen and (max-width: 1200px) {
        margin-top: 16px;
        margin-left: 0px;
    }

    &:hover {
        color: #fff !important;
        opacity: 0.65;
    }
}

.carl-header .menu ul li.btn-cta:hover {
    &:before {
        display: none;
    }
}

.carl-header .menu ul li.dropdown .dropdown-toggle:after {
    transition: 150ms;
    content: "";
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='8px'%3E%3Cpath fill-rule='evenodd' fill='rgb(3, 27, 69)' d='M11.242,2.171 L6.171,7.242 L5.999,7.70 L5.828,7.242 L0.757,2.171 L2.171,0.757 L5.999,4.585 L9.828,0.757 L11.242,2.171 Z'/%3E%3C/svg%3E");
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    top: 3px;
    border: none;
}

.carl-header .menu ul li.dropdown:has(.show), .carl-header .menu ul.navbar-nav > li:hover {
    position: relative;
}

@media (min-width: 1200px) {
    .carl-header .menu ul li.dropdown:has(.show)::before, .carl-header .menu ul.navbar-nav > li:hover::before {
        content: "";
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #ea515b;
    }
}

.carl-header .menu ul li.dropdown .dropdown-toggle.show:after {
    transform: rotate(180deg);
}

.carl-header .dropdown-menu {
    border: 1px solid #e8e8e8!important
}

.carl-header .menu ul li .dropdown-menu {
    background-color: #fff;
    color: #031b45;
    top: 50px;
    left: -35px;
    position: static;
    padding: 10px 0;
    display: none;

    @media (min-width: 1200px) {
        position: absolute;
    }

    &.show {
        display: flex;
        top: 80px;
        border-radius: 0;
        left: 0;
        width: 100%;
        padding-inline: 30px;
        padding-block: 32px;
        box-shadow: none;
        border: none !important;
        border-top: 1px solid rgba(194,211,223,0.6) !important;
        margin-top: -1px;
        min-height: 260px;

        @media (min-width: 1200px) {
            padding-inline: 100px;
            width: calc(100vw - 15px);
            position: fixed;
        }
    }

    @media (hover: none) and (pointer: coarse) {
        &.show {
            width: 100%;

            @media (min-width: 1200px) {
                width: 100vw;
            }
        }
    }

    @media only screen and (max-width: 1440px) {
        @media (min-width: 1200px) {
            &.show {
                padding-inline: 30px;
            }
        }
    }
}

body.admin-bar .carl-header .menu ul li .dropdown-menu.show {
    top: calc(80px + 32px);
}

.carl-header .menu ul li .dropdown-menu ul {
    margin-top: 0!important;
    display: flex;
    flex-flow: column
}

.carl-header .menu ul li .dropdown-menu ul>li {
    font-family: Akkurat,sans-serif!important;
    padding: 0!important;
    margin: 0!important;
    opacity: 1!important;
    transform: translateY(0)!important
}

.carl-header .menu ul li .dropdown-menu ul>li a {
    display: block;
    padding: 7px 35px;
    color: #031b45!important
}

.carl-header .menu ul li .dropdown-menu:before {
    content: "";
    width: 100%;
    height: 27px;
    background-color: transparent;
    position: absolute;
    top: -27px
}

.carl-header .menu .dropdown-menu.megamenu {

    box-shadow: 0 5px 10px rgba(194,211,223,0.6);

    .megamenu-heading {
        display: none;
        width: 15%;
        font-weight: 400 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 16px !important;

        @media (min-width: 1200px) {
            display: block;
        }
    }

    .megamenu-links-wrapper {
        margin-inline: 0 !important;
        padding-inline: 0 !important;

        @media (min-width: 1200px) {
            width: 65%;
            padding-inline: 24px !important;
        }

        .megamenu-links-list {
            list-style: none;
            padding: 0;
            margin: 0;
            column-gap: 32px;
            grid-template-columns: repeat(2, 1fr);

            @media (min-width: 1200px) {
                display: grid;
            }

            .nav-item a {
                padding: 16px 0 !important;
                border-bottom: 1px solid rgba(194,211,223,0.6);
                font-weight: 400;

                &:hover {
                    background: transparent;
                }
            }
        }
    }

    .megamenu-widget {
        width: 20%;
        font-weight: 400;

        .widget-headline {
            display: block;
            width: fit-content;
            background: #031b45;
            color: #fff;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.75px;
            padding: 2px 8px;
            margin-bottom: 16px;
        }

        .wp-block-latest-posts {
            > li {
                display: flex;
                gap: 16px;
                flex-wrap: wrap;
            }

            .wp-block-latest-posts__featured-image {
                order: 2;
            }

            .wp-block-latest-posts__post-title {
                order: 1;
                line-height: 1.4;
            }
        }

        li a {
            padding: 0;
            font-weight: 400;
        }
    }
}

.carl-header .menu .carl-lang-switcher {
    position: fixed;
    top: 30px;
    left: 20px;
    display: block;

    @media (min-width: 1200px) {
        position: relative;
        top: 0;
        left: auto;
        margin-left: 32px;

    }
}
.carl-lang-switcher ul li.has-menu-dropdown>a.is-open:after {
    transform: rotate(180deg) !important;
}

.carl-header .menu .carl-lang-switcher ul li {
    margin-left: 0 !important;
    padding: 0 !important;

    a {
        border-bottom: none !important;
    }
}

body.admin-bar .carl-header .menu .carl-lang-switcher {
    top: 76px;

    @media (min-width: 1200px) {
        top: 0;
    }
}

@media only screen and (max-width: 1200px) {
    div#navbarNavDropdown {
        max-height: 72vh;
        overflow-y: auto;
        overflow-x: clip;
    }
}


/* Footer-Overwrites */
.carl-footer {
    font-size: 16px;

    .slogan {
        font-size: 24px;
    }

    .carl-footer-menu {
        column-gap: 32px;
        row-gap: 64px;
        grid-template-columns: repeat(2, 1fr);

        @media (min-width: 768px) {
            display: grid;
        }

        @media (min-width: 1024px) {
            grid-template-columns: repeat(3, 1fr);
        }

        > li.menu-item {
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 1px;
            font-size: 14px;

            > a {
                pointer-events: none;
            }

            .sub-menu {
                margin-top: 12px !important;
                text-transform: none;
                letter-spacing: normal;

                > li {
                    line-height: 1.8 !important;
                    padding-left: 0 !important;

                    > a {
                        color: #fff !important;
                    }
                }
            }

            .sub-menu .sub-menu {
                margin-top: 0!important;

                > li {
                    > a {
                        color: #a1a6b5 !important;
                    }
                }
            }
        }
    }

    .footer-widget-right {
        margin-top: 60px;

        @media (min-width: 1200px) {
            margin-top: 0;
        }

        .gform_wrapper {
            max-width: 275px;

            .gfield input.large {
                width: 100%;
                background: transparent !important;
                border: 2px solid #fff !important;
            }
        }

        .gform_wrapper .ginput_container_checkbox .gfield_checkbox .gchoice input[type=checkbox]+label {
            font-size: 14px !important;
            line-height: 20px !important;

            a {
                color: #fff;
                text-decoration: underline;
            }
         }

        .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice input[type=checkbox]+label:after {
            background-color: transparent;
            border: 1px solid #fff !important;
            border-radius: 5px;
        }

        .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice input[type=checkbox]+br+label:before,.gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice input[type=checkbox]+label:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.006,1.426 L4.443,9.006 L4.000,8.561 L3.557,9.006 L-0.006,5.426 L1.419,3.994 L4.001,6.588 L10.581,-0.006 L12.006,1.426 Z'/%3E%3C/svg%3E");
        }

        .gform_wrapper.gravity-theme .gform_footer .born-submit-wrapper:after, .gform_wrapper.gravity-theme button:after {
            display: none;
        }

        .gform_wrapper.gravity-theme .gform_footer {
            margin: 30px 0 0 !important;

            input[type=submit], button[type=submit] {
                color: #fff !important;
                background: #ea515b !important;
                padding: 8px 32px !important;
                font-size: 18px !important;
            }
        }

        .carl-cta-button {
            padding: 0 !important;
        }

        .carl-cta-button .content>div a {
            color: #fff !important;
            background: #ea515b !important;
            padding: 12px 24px !important;
            font-size: 16px !important;
            font-weight: 400;

            &:after {
                display: none;
            }
        }
    }

    .carl-copyright {
        font-size: 14px;

        .menu ul li a {
            color: #fff;
            text-decoration: underline;

            &:hover {
                color: #73a2e2;
            }
        }
    }

    .social-link {
        color: #fff;

        &:hover {
            color: #73a2e2;
        }
    }
}


