.mobile-eigenes-logo {
    display: none;
}

@media (max-width: 767px) {
    .mobile-eigenes-logo {
        display: block !important;
        position: absolute;
        top: 12px;
        left: 16px;
        z-index: 99999 !important;
        pointer-events: auto !important;
        cursor: pointer;
        text-decoration: none;
    }

    .mobile-eigenes-logo img {
        display: block;
        height: 48px;
        width: auto;
        pointer-events: none;
    }
}



/* Hintergrund nur für den Login-Bereich */
/* Login-Bereich über volle Breite */
.login-background-area {
    background:
        linear-gradient(
            rgba(255, 255, 255, 0.80),
            rgba(255, 255, 255, 0.80)
        ),
        url("natur3.jpg") center center / cover no-repeat !important;

    /* links und rechts bis zum Bildschirmrand */
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    /* Abstände oben und unten entfernen */
    margin-top: -40px !important;
    margin-bottom: -50px !important;

    /* Inhalt trotzdem angenehm positionieren */
    padding-top: 40px !important;
    padding-bottom: 50px !important;

    box-sizing: border-box !important;
}


.login-icon-button {
    width: 44px !important;
    height: 44px !important;
    padding: 8px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

.login-icon-button svg {
    width: 25px;
    height: 25px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}




/* =========================================================
   MITGLIEDERBEREICH
   ========================================================= */


/* =========================================================
   GEMEINSAMER HINTERGRUND
   ========================================================= */

.mitgliederbereich-wrap {
    position: relative;
    box-sizing: border-box;
    width: 100%;

    min-height:
        var(
            --mitglieder-stabile-hoehe,
            900px
        );

    margin: 0 !important;
    padding: 0 !important;

    background-size:
        cover !important;

    background-position:
        center top !important;

    background-repeat:
        no-repeat !important;

    background-attachment:
        scroll !important;

    overflow:
        hidden !important;
}



/* =========================================================
   CLUBDESK CONTENT
   ========================================================= */

.mitglieder-content-wrapper {
    padding-bottom:
        0 !important;

    margin-bottom:
        0 !important;

    background:
        transparent !important;
}


.mitglieder-content-root {
    padding-bottom:
        0 !important;

    margin-bottom:
        0 !important;

    background:
        transparent !important;
}



/* =========================================================
   ORIGINALEN CLUBDESK-HINTERGRUND DES PROFILS ENTFERNEN
   ========================================================= */

#section_1000053 > .mitglied-bg-source,
#section_1000053 > span.cd-backgroundPane.mitglied-bg-source {
    display:
        none !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;
}



/* =========================================================
   ALLE DREI CLUBDESK-ABSCHNITTE
   ========================================================= */

#section_1000053,
#section_1000054,
#section_1000055 {
    position:
        relative;

    z-index:
        2;

    margin:
        0 !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        none !important;

    box-shadow:
        none !important;
}



/* =========================================================
   PROFIL-HÜLLEN TRANSPARENT
   ========================================================= */

.profil-shell-transparent {
    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        none !important;

    box-shadow:
        none !important;
}



/* =========================================================
   MESSMODUS
   ========================================================= */

.profil-messmodus {
    position:
        absolute !important;

    left:
        0 !important;

    top:
        0 !important;

    width:
        100% !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;
}



/* =========================================================
   WILLKOMMEN
   ========================================================= */

.mitglieder-willkommen {
    position:
        relative;

    z-index:
        20;

    box-sizing:
        border-box;

    width:
        100%;

    padding:
        38px
        20px
        4px;

    text-align:
        center;

    color:
        #ffffff;

    font-size:
        clamp(
            28px,
            3vw,
            42px
        );

    font-weight:
        600;

    line-height:
        1.15;

    text-shadow:
        0 0 3px
        rgba(
            17,
            31,
            50,
            0.22
        ),

        0 0 9px
        rgba(
            17,
            31,
            50,
            0.11
        );
}



/* =========================================================
   REITER
   ========================================================= */

.mitglieder-tabs {
    position:
        relative;

    z-index:
        20;

    display:
        flex !important;

    justify-content:
        center;

    align-items:
        center;

    gap:
        22px;

    box-sizing:
        border-box;

    width:
        100%;

    margin:
        0 !important;

    padding:
        18px
        20px
        36px !important;

    background:
        transparent !important;

    border:
        none !important;
}


.mitglieder-tabs button {
    appearance:
        none;

    -webkit-appearance:
        none;

    border:
        none !important;

    outline:
        none !important;

    border-radius:
        18px !important;

    padding:
        13px
        21px !important;

    background:
        transparent !important;

    font:
        inherit !important;

    font-size:
        18px !important;

    cursor:
        pointer !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        text-shadow 0.2s ease;
}



/* =========================================================
   NICHT AKTIVE REITER
   ========================================================= */

.mitglieder-tabs button:not(.aktiv) {
    color:
        rgba(
            255,
            255,
            255,
            0.97
        ) !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    text-shadow:
        0 0 2px
        rgba(
            17,
            31,
            50,
            0.17
        ),

        0 0 6px
        rgba(
            17,
            31,
            50,
            0.08
        ),

        0 0 11px
        rgba(
            17,
            31,
            50,
            0.035
        ) !important;
}


.mitglieder-tabs button:not(.aktiv):hover {
    color:
        #ffffff !important;

    text-shadow:
        0 0 3px
        rgba(
            17,
            31,
            50,
            0.22
        ),

        0 0 7px
        rgba(
            17,
            31,
            50,
            0.10
        ) !important;
}



/* =========================================================
   AKTIVER REITER
   ========================================================= */

.mitglieder-tabs button.aktiv {
    color:
        #26364a !important;

    text-shadow:
        none !important;

    background:
        rgba(
            255,
            255,
            255,
            0.84
        ) !important;

    box-shadow:
        0
        10px
        30px
        rgba(
            20,
            30,
            45,
            0.10
        ) !important;
}



/* =========================================================
   ORIGINAL CLUBDESK-FORMULAR
   ========================================================= */

.mein-profil-original {
    position:
        absolute !important;

    left:
        -10000px !important;

    top:
        0 !important;

    width:
        1px !important;

    height:
        1px !important;

    overflow:
        hidden !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;
}



/* =========================================================
   PROFIL-CARD
   ========================================================= */

.profil-ansicht {
    position:
        relative;

    isolation:
        isolate;

    box-sizing:
        border-box;

    width:
        calc(100% - 48px);

    max-width:
        1180px;

    margin:
        20px
        auto
        55px;

    padding:
        52px;

    border-radius:
        42px;

    background:
        linear-gradient(
            135deg,

            rgba(
                218,
                231,
                238,
                0.64
            )
            0%,

            rgba(
                228,
                235,
                234,
                0.59
            )
            50%,

            rgba(
                238,
                235,
                227,
                0.56
            )
            100%
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.55
        );

    backdrop-filter:
        blur(11px);

    -webkit-backdrop-filter:
        blur(11px);

    box-shadow:
        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            0.78
        );

    overflow:
        visible;
}



/* =========================================================
   WEICHER PROFIL-SCHATTEN
   ========================================================= */

.profil-ansicht::after {
    content:
        "";

    position:
        absolute;

    left:
        9%;

    right:
        9%;

    top:
        14%;

    bottom:
        -35px;

    border-radius:
        90px;

    background:
        rgba(
            24,
            35,
            50,
            0.15
        );

    filter:
        blur(65px);

    transform:
        translateY(20px)
        scale(0.94);

    opacity:
        0.27;

    pointer-events:
        none;

    z-index:
        -1;
}



/* =========================================================
   KÖRNUNG
   ========================================================= */

.profil-ansicht::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    border-radius:
        42px;

    pointer-events:
        none;

    opacity:
        0.085;

    background-image:
        radial-gradient(
            rgba(
                30,
                40,
                55,
                0.17
            )
            0.45px,

            transparent
            0.65px
        ),

        radial-gradient(
            rgba(
                255,
                255,
                255,
                0.72
            )
            0.45px,

            transparent
            0.65px
        );

    background-size:
        9px 9px,
        13px 13px;

    background-position:
        0 0,
        4px 5px;

    z-index:
        1;
}


.profil-ansicht > * {
    position:
        relative;

    z-index:
        2;
}



/* =========================================================
   PROFIL TITEL
   ========================================================= */

.profil-titel {
    margin:
        0
        0
        42px !important;

    color:
        #26364a !important;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        ) !important;

    line-height:
        1.05 !important;
}



/* =========================================================
   PROFILFELDER
   ========================================================= */

.profil-felder-liste {
    width:
        100%;

    max-width:
        850px;
}


.profil-info {
    display:
        block;

    width:
        100%;

    margin-bottom:
        20px;
}


.profil-info-label {
    margin:
        0
        0
        7px;

    color:
        rgba(
            38,
            54,
            74,
            0.64
        );

    font-size:
        14px;

    font-weight:
        500;
}


.profil-info-wert {
    box-sizing:
        border-box;

    display:
        flex;

    align-items:
        center;

    width:
        100%;

    min-height:
        58px;

    padding:
        15px
        19px;

    border-radius:
        21px;

    background:
        rgba(
            255,
            255,
            255,
            0.72
        );

    color:
        #26364a;

    font-size:
        18px;

    line-height:
        1.4;

    box-shadow:
        0
        8px
        24px
        rgba(
            30,
            45,
            60,
            0.04
        ),

        inset
        0
        1px
        0
        rgba(
            255,
            255,
            255,
            0.92
        );
}



/* =========================================================
   MITGLIEDSCHAFT
   ========================================================= */

.profil-mitgliedschaft {
    margin-top:
        30px;
}


.profil-mitgliedschaft
.profil-info-wert {
    font-size:
        19px;

    font-weight:
        600;
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .mitgliederbereich-wrap {
        min-height:
            var(
                --mitglieder-stabile-hoehe,
                760px
            );

        background-size:
            cover !important;

        background-position:
            center top !important;

        background-attachment:
            scroll !important;
    }


    .mitglieder-willkommen {
        padding:
            26px
            16px
            2px;

        font-size:
            28px;
    }


    .mitglieder-tabs {
        justify-content:
            flex-start;

        gap:
            8px;

        overflow-x:
            auto;

        -webkit-overflow-scrolling:
            touch;

        padding:
            14px
            14px
            28px !important;
    }


    .mitglieder-tabs button {
        flex:
            0 0 auto;

        white-space:
            nowrap;

        padding:
            11px
            15px !important;

        font-size:
            15px !important;
    }


    .profil-ansicht {
        width:
            calc(100% - 28px);

        margin:
            12px
            auto
            45px;

        padding:
            30px
            20px;

        border-radius:
            28px;
    }


    .profil-ansicht::before {
        border-radius:
            28px;
    }


    .profil-ansicht::after {
        left:
            10%;

        right:
            10%;

        bottom:
            -25px;

        filter:
            blur(44px);
    }


    .profil-titel {
        margin-bottom:
            30px !important;

        font-size:
            38px !important;
    }


    .profil-info {
        margin-bottom:
            16px;
    }


    .profil-info-wert {
        min-height:
            52px;

        padding:
            13px
            15px;

        border-radius:
            18px;

        font-size:
            16px;
    }


    .profil-mitgliedschaft
    .profil-info-wert {
        font-size:
            17px;
    }
}