:root {
    --c-yellow: #fbd035;
    --c-lighter-blue: #ffff;
    --bkui_blue-3: #4a97bf !important;
    --bkui_blue: #4a97bf !important;
    --bkui_blue-2: #4a97bf !important;
    --bkui_dark-blue: #cce0eb !important;
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
    }
}


@media (max-width: 768px) {
    a {
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}


.bkui_shell h1 {
    color: var(--c-lighter-blue) !important;
}

.bkui_section {
    background: unset;
    background-color: #fff !important;
}

body {
    background-color: #4a97bf45;
}


.header {
    background: unset;
    background-color: #4a97bf !important;
    padding: 20px;

}


@media (max-width: 440px) {
    .header {
        margin-top: 24px;

        background-color: unset !important;

    }

    .header-intro::after {
        content: "";
        display: block;
        border-bottom: 10px solid #4a97bf;
        margin-top: -8px;
    }

}


.header--alt {
    background: unset;
    background-color: #4a97bf !important;
}

.nav-menu {
    background: unset;
    background-color: #4a97bf !important;
}


.card-member .card__list-rating {
    justify-content: center;
}


.slider-intro {
    height: 450px;
}

/* ------------------------------------------------------------ *\
    List rating
\* ------------------------------------------------------------ */
.list-rating {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.48rem;
    color: var(--c-yellow);
    line-height: 1;
}

.list-rating li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-rating--medium {
    gap: 0.6rem;
}

.list-rating--medium svg {
    width: 2rem;
    height: 2rem;
}

/* ------------------------------------------------------------ *\
    Button status
\* ------------------------------------------------------------ */


.btn--online, .btn--online:hover, .btn--online:focus {
    border-color: #01af19;
    background: #01af19;
}


.btn--calling, .btn--calling:hover, .btn--calling:focus {
    border-color: #d91919;
    background: #d91919;
}


.btn--pause, .btn--pause:hover, .btn--pause:focus {
    border-color: #fc7940;
    background: #fc7940;
}


.btn--offline, .btn--offline:hover, .btn--offline:focus {
    border-color: #cecece;
    background: #cecece;
}

.btn--online:hover, .btn--online:focus, .btn--calling:hover, .btn--calling:focus, .btn--pause:hover, .btn--pause:focus, .btn--offline:hover, .btn--offline:focus {
    text-decoration: underline;

}

/* ------------------------------------------------------------ *\
    Price discount
\* ------------------------------------------------------------ */

.discount-price {
    color: red;
}


/* ------------------------------------------------------------ *\
        Profile card 2 cols
\* ------------------------------------------------------------ */

.profiles-col2 .profiles-team {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 10px 30px;

}


@media (min-width: 0px) {
    .profiles-col2 .profiles-team {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

.profiles-col2 .profiles__item {
    margin-top: 0 !important;

}

.profiles-col2 .profile-card {
    grid: unset;
}


.profiles-col2 .profile__head {
    display: flex;
    justify-content: space-between;
    align-items: center;


}

.profiles-col2 .profile__info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}

.profiles-col2 .profile__info_inner {
    flex: 1;
    text-align-last: left;
    margin-bottom: 1.6rem;
}

.profiles-col2 .profile__image {
    flex: 0 0 33.412%;
}

.profiles-col2, profile__info-list {
    list-style-type: none;
    font-size: 1.5rem;
    line-height: 1.1;
}

.profiles-col2 .profile-card .profile__info-list li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 0.4rem;
}


.profiles-col2 .profile__hinweis {
    background: var(--c-lighter-blue);
    padding: 0.8rem 0.8rem 0.5rem;

    line-height: 1.407;
    margin-bottom: 1.6rem;
}


.profiles-col2 .profile__decrtiption {
    margin-bottom: 1.6rem;
}

.profiles-col2 .profile__badge {
    width: 100%;
    border-color: var(--c-blue);
    background: var(--c-blue);
    color: #fff;
    border-radius: 1rem;
    text-align: center;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

.profiles-col2 .profile__badge .badge {
    line-height: 1.1;
    text-align: center;
}


.profiles-col2 .profile__badge.exklusiv {
    border-color: #fc7940;
    background: #fc7940;
}

.text-line-through {
    text-decoration: line-through;
    color: red;
}

/* ------------------------------------------------------------ */


.section__head .nav-menu {
    display: flex;
    justify-content: center;
}


#atlantislogo {
    margin-top: 30px;
    width: 832px;
    height: auto;
    color: #ffffff;
    fill: #ffffff;
}


@media (max-width: 440px) {

    #atlantislogo {
        height: 304px;
        margin-top: -11px;
    }
}


@media (max-width: 575px) {
    .footer .footer__box {
        top: -16rem !important;
        margin-bottom: -9.7rem !important;
    }
}

@media (max-width: 575px) {

    .footer .footer__menu ul {
        display: inline;
    }
}

/* Optional: nur auf mobilen Geräten */
@media (max-width: 575px) {
    .header {
        position: sticky;
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .header-intro {
        top: 0;
        position: sticky;
        position: fixed;
        top: 0;
        z-index: 99;
    }

    .wrapper {
        padding-top: 155px;
    }


    .logo {

        max-width: 300px !important;
        height: 90px;
        position: absolute;
        top: -16px;
        width: 211px;
        left: 82px;
    }

}

@media (max-width: 575px) {

    .header__logo .logo {
        display: none !important;
    }
}

@media (min-width: 576px) {

    .mobilefriendly {
        display: none !important;

    }
}


.header-intro svg path {
    fill: white;


}
    @media (max-width: 575px) {
        .profile {
            line-height: 1.5;
        }
    }

.section{
    position: relative;
    top: -3.2rem;
    z-index: 2;
    padding: 0 0 9.2rem;
}


.bkui_btn:focus{
    background-color: #CEE2ED !important;
    border-color: #3c7898 !important;
    color: #3c7898 !important;
}