/* ============================================================
   UROANDRO – STARTSEITE MOBILE FINAL
   28.08.2026

   Korrigiert:
   - Hero-Text auf Smartphones nach oben
   - keine Überlagerung mit den Personen
   - Barrierefreiheits-Launcher größer und vollständig sichtbar
   - echtes UroAndro-Logo im Footer
   ============================================================ */


/* ------------------------------------------------------------
   FOOTER – UROANDRO LOGO
   ------------------------------------------------------------ */

.uim-v3-exact-footer .uad-footer-brand-final {
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;
}

.uim-v3-exact-footer .uad-footer-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}

.uim-v3-exact-footer .uad-footer-logo-final {
    display: block !important;
    width: 190px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

.uim-v3-exact-footer .uad-footer-brand-copy {
    min-width: 0 !important;
}


/* ------------------------------------------------------------
   BARRIEREFREIHEITS-BUTTON
   Desktop ebenfalls etwas größer und nicht abschneiden
   ------------------------------------------------------------ */

#uad-a11y-v3 {
    overflow: visible !important;
}

#uad-a11y-launcher-v3 {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 2147483647 !important;
}

#uad-a11y-launcher-v3 .uad-a11y-launcher-icon-v3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 42px !important;
    line-height: 1 !important;
}


/* ------------------------------------------------------------
   SMARTPHONE
   ------------------------------------------------------------ */

@media (max-width: 700px) {

    /*
     * Hero:
     * Text bewusst oben im freien Himmelbereich.
     * Nicht mehr über Gesichtern / Personen.
     */

    .hero.hero-editorial {
        position: relative !important;
        min-height: 1080px !important;
        overflow: hidden !important;
    }

    .hero-editorial-inner {
        position: relative !important;
        min-height: 1080px !important;

        display: block !important;

        padding-top: 44px !important;
        padding-left: 26px !important;
        padding-right: 24px !important;
        padding-bottom: 260px !important;
    }

    .hero-editorial-copy {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: min(92%, 600px) !important;
        max-width: 600px !important;

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

        z-index: 5 !important;
    }


    /* Kompetenz · Erfahrung · Geduld */

    .hero-editorial-copy .hero-kicker,
    .hero-editorial-copy [class*="eyebrow"],
    .hero-editorial-copy [class*="kicker"] {
        margin-top: 0 !important;
        margin-bottom: 24px !important;

        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.55 !important;
        letter-spacing: .12em !important;
    }


    /*
     * Große Hauptüberschrift kompakter,
     * damit sie komplett im oberen Bildbereich bleibt.
     */

    .hero-editorial-copy h1 {
        margin-top: 0 !important;
        margin-bottom: 22px !important;

        max-width: 560px !important;

        font-size: clamp(47px, 12.2vw, 68px) !important;
        line-height: .98 !important;

        letter-spacing: -.035em !important;
    }


    /*
     * Untertext ebenfalls nach oben und kompakter.
     */

    .hero-editorial-copy > p,
    .hero-editorial-copy .hero-subtitle,
    .hero-editorial-copy [class*="subtitle"] {
        max-width: 560px !important;

        margin-top: 18px !important;
        margin-bottom: 0 !important;

        font-size: clamp(22px, 5.6vw, 29px) !important;
        line-height: 1.34 !important;
    }


    /* --------------------------------------------------------
       Barrierefreiheits-Launcher:
       größer + komplett oberhalb der unteren Kante
       -------------------------------------------------------- */

    #uad-a11y-v3 {
        overflow: visible !important;
    }

    #uad-a11y-launcher-v3 {
        width: 100px !important;
        height: 100px !important;

        min-width: 100px !important;
        min-height: 100px !important;

        right: 18px !important;

        /*
         * Wichtig:
         * Button vollständig oberhalb des unteren Bildrandes.
         */
        bottom: 24px !important;

        margin: 0 !important;

        overflow: visible !important;

        transform: none !important;
    }

    #uad-a11y-launcher-v3 .uad-a11y-launcher-icon-v3 {
        font-size: 46px !important;
        line-height: 1 !important;
    }


    /* --------------------------------------------------------
       Footer Logo auf Smartphone
       -------------------------------------------------------- */

    .uim-v3-exact-footer .uad-footer-brand-final {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 18px !important;
    }

    .uim-v3-exact-footer .uad-footer-logo-final {
        width: 220px !important;
        height: auto !important;

        max-width: 82vw !important;
    }

    .uim-v3-exact-footer .uad-footer-brand-copy {
        width: 100% !important;
    }
}


/* ------------------------------------------------------------
   KLEINE HANDYS
   ------------------------------------------------------------ */

@media (max-width: 430px) {

    .hero-editorial-inner {
        padding-top: 34px !important;
        padding-left: 22px !important;
        padding-right: 18px !important;
    }

    .hero-editorial-copy {
        width: 94% !important;
    }

    .hero-editorial-copy h1 {
        font-size: clamp(43px, 11.6vw, 53px) !important;
        line-height: .98 !important;
    }

    .hero-editorial-copy > p,
    .hero-editorial-copy .hero-subtitle,
    .hero-editorial-copy [class*="subtitle"] {
        font-size: clamp(21px, 5.3vw, 25px) !important;
        line-height: 1.32 !important;
    }

    #uad-a11y-launcher-v3 {
        width: 96px !important;
        height: 96px !important;

        min-width: 96px !important;
        min-height: 96px !important;

        right: 14px !important;
        bottom: 22px !important;
    }

    #uad-a11y-launcher-v3 .uad-a11y-launcher-icon-v3 {
        font-size: 43px !important;
    }
}


/* ============================================================
   UROANDRO
   HEADER-LOGO + SICHTBARER FOOTER
   FINAL 28.08.2026
   ============================================================ */


/* ------------------------------------------------------------
   HEADER:
   Logo darf in KEINEM Container mehr abgeschnitten werden
   ------------------------------------------------------------ */

.practice-logo,
.practice-logo *,
.practice-identity,
uroandro-v3-header,
uroandro-v3-header > *,
header .practice-logo,
header .practice-logo * {
    overflow: visible !important;
}


/*
 * Logo-Link bekommt echte Höhe.
 * Das verhindert, dass ein höheres Logo unten abgeschnitten wird.
 */

.practice-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 88px !important;

    padding-top: 8px !important;
    padding-bottom: 8px !important;

    box-sizing: border-box !important;
}


/*
 * Tatsächliches UroAndro-Logo
 */

.practice-logo img,
header img[src*="UroAndro-Logo"],
uroandro-v3-header img[src*="UroAndro-Logo"] {
    display: block !important;

    width: auto !important;
    max-width: 290px !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: left center !important;

    margin: 0 !important;

    clip-path: none !important;
    mask: none !important;

    transform: none !important;

    overflow: visible !important;
}


/* ------------------------------------------------------------
   SICHTBARER FOOTER
   ------------------------------------------------------------ */

.site-footer .uad-visible-footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 0 30px 0 !important;
    padding: 0 0 24px 0 !important;

    border-bottom: 1px solid rgba(86, 72, 49, .18) !important;

    box-sizing: border-box !important;
}


.site-footer .uad-visible-footer-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    text-decoration: none !important;

    overflow: visible !important;
}


.site-footer .uad-visible-footer-logo {
    display: block !important;

    width: 230px !important;
    max-width: min(72vw, 230px) !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;

    margin: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    filter: none !important;

    clip-path: none !important;
    mask: none !important;
}


.site-footer .uad-visible-footer-name {
    display: block !important;

    margin-top: 2px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 27px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;

    color: #66513d !important;
}


.site-footer .uad-visible-footer-specialties {
    display: block !important;

    margin-top: 7px !important;

    max-width: 560px !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
    letter-spacing: .02em !important;

    color: #765f49 !important;
}


/* ------------------------------------------------------------
   MOBILE HEADER
   ------------------------------------------------------------ */

@media (max-width: 700px) {

    .practice-logo {
        min-height: 76px !important;

        padding-top: 7px !important;
        padding-bottom: 9px !important;
    }

    .practice-logo img,
    header img[src*="UroAndro-Logo"],
    uroandro-v3-header img[src*="UroAndro-Logo"] {
        width: auto !important;

        max-width: 220px !important;

        height: auto !important;
        max-height: 68px !important;

        object-fit: contain !important;

        object-position: left center !important;
    }


    /* Footer */

    .site-footer .uad-visible-footer-brand {
        margin-bottom: 24px !important;
        padding-bottom: 22px !important;
    }

    .site-footer .uad-visible-footer-logo {
        width: 210px !important;
        max-width: 76vw !important;
    }

    .site-footer .uad-visible-footer-name {
        font-size: 25px !important;
    }

    .site-footer .uad-visible-footer-specialties {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}


/* ------------------------------------------------------------
   SEHR KLEINE HANDYS
   ------------------------------------------------------------ */

@media (max-width: 430px) {

    .practice-logo {
        min-height: 72px !important;
    }

    .practice-logo img,
    header img[src*="UroAndro-Logo"],
    uroandro-v3-header img[src*="UroAndro-Logo"] {
        max-width: 200px !important;
        max-height: 64px !important;
    }

    .site-footer .uad-visible-footer-logo {
        width: 195px !important;
    }
}



/* ============================================================
   UROANDRO – ECHTES PRAXISLOGO
   HEADER + FOOTER FINAL
   28.08.2026
   ============================================================ */


/* ------------------------------------------------------------
   ALLE CONTAINER DÜRFEN DAS LOGO NICHT ABSCHNEIDEN
   ------------------------------------------------------------ */

.site-header,
.practice-header,
.practice-header-inner,
.uim-v3-final,
.uim-v3-brand,
.practice-logo {
    overflow: visible !important;
}


/* ------------------------------------------------------------
   OBERSTER HEADER – tatsächlich sichtbares Logo
   ------------------------------------------------------------ */

.uim-v3-final {
    min-height: 100px !important;
    height: auto !important;

    align-items: center !important;

    padding-top: 8px !important;
    padding-bottom: 8px !important;

    box-sizing: border-box !important;
}


.uim-v3-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 84px !important;
    height: auto !important;

    padding: 4px 0 !important;

    overflow: visible !important;
}


.uim-v3-brand-image {
    display: block !important;

    width: 300px !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: left center !important;

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

    transform: none !important;

    clip-path: none !important;
    mask: none !important;

    overflow: visible !important;
}


/* ------------------------------------------------------------
   ZWEITES / ALTES HEADERLOGO
   falls dieses noch geladen wird
   ------------------------------------------------------------ */

.practice-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    height: auto !important;
    min-height: 82px !important;

    padding: 5px 0 !important;

    overflow: visible !important;
}


.practice-logo img {
    display: block !important;

    width: 280px !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: left center !important;

    margin: 0 !important;

    transform: none !important;

    clip-path: none !important;
    mask: none !important;
}


/* ------------------------------------------------------------
   SICHTBARER FOOTER
   ------------------------------------------------------------ */

.site-footer .uad-visible-footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 0 26px 0 !important;
    padding: 0 0 24px 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


.site-footer .uad-visible-footer-logo-link {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 0 10px 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


.site-footer .uad-visible-footer-logo {
    display: block !important;

    width: 270px !important;
    max-width: 80vw !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: left center !important;

    visibility: visible !important;
    opacity: 1 !important;

    filter: none !important;

    clip-path: none !important;
    mask: none !important;
}


.site-footer .uad-visible-footer-name {
    display: block !important;

    margin-top: 4px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 25px !important;
    line-height: 1.2 !important;

    color: #66513d !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* ------------------------------------------------------------
   ZWEITER FOOTER
   ------------------------------------------------------------ */

.uim-v3-exact-footer .uad-footer-logo-final {
    display: block !important;

    width: 270px !important;
    max-width: 80vw !important;

    height: auto !important;

    object-fit: contain !important;

    visibility: visible !important;
    opacity: 1 !important;
}


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

@media (max-width: 700px) {

    /* Header bekommt genug Höhe für das komplette Logo */

    .uim-v3-final {
        min-height: 108px !important;

        padding-top: 8px !important;
        padding-bottom: 10px !important;
    }


    .uim-v3-brand {
        min-height: 88px !important;

        padding-top: 3px !important;
        padding-bottom: 5px !important;
    }


    .uim-v3-brand-image {
        width: 230px !important;
        max-width: 46vw !important;

        height: auto !important;
        max-height: none !important;
    }


    .practice-logo {
        min-height: 80px !important;
    }


    .practice-logo img {
        width: 220px !important;
        max-width: 46vw !important;

        height: auto !important;
        max-height: none !important;
    }


    /* Footer */

    .site-footer .uad-visible-footer-brand {
        margin-bottom: 22px !important;
    }


    .site-footer .uad-visible-footer-logo {
        width: 225px !important;
        max-width: 76vw !important;
    }


    .site-footer .uad-visible-footer-name {
        font-size: 23px !important;
    }


    .uim-v3-exact-footer .uad-footer-logo-final {
        width: 225px !important;
        max-width: 76vw !important;
    }
}


/* ============================================================
   SEHR KLEINE HANDYS
   ============================================================ */

@media (max-width: 430px) {

    .uim-v3-final {
        min-height: 104px !important;
    }


    .uim-v3-brand {
        min-height: 84px !important;
    }


    .uim-v3-brand-image {
        width: 215px !important;
        max-width: 48vw !important;
    }


    .site-footer .uad-visible-footer-logo,
    .uim-v3-exact-footer .uad-footer-logo-final {
        width: 205px !important;
        max-width: 78vw !important;
    }
}



/* ============================================================
   28.08.2026
   FINALER FIX:
   - richtiges Footer-Logo
   - altes Footer-Emblem ausblenden
   - Header-Logo unten nicht abschneiden
   ============================================================ */


/* ------------------------------------------------------------
   HEADER – sichtbares richtiges Logo
   ------------------------------------------------------------ */

.site-header,
.practice-header,
.practice-header-inner,
.uim-v3-final,
.uim-v3-brand {
    overflow: visible !important;
}

.uim-v3-final {
    min-height: 112px !important;
    padding-top: 10px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
    align-items: center !important;
}

.uim-v3-brand {
    min-height: 92px !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}

.uim-v3-brand-image {
    display: block !important;
    width: 300px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    overflow: visible !important;
    clip-path: none !important;
    mask: none !important;
    transform: translateY(-2px) !important;
}


/* Falls das zweite Headerlogo noch sichtbar geladen wird */
.practice-logo,
.practice-logo * {
    overflow: visible !important;
}

.practice-logo {
    min-height: 84px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

.practice-logo img {
    display: block !important;
    width: 280px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: translateY(-2px) !important;
}


/* ------------------------------------------------------------
   SICHTBARER FOOTER – altes UroAndro-Emblem ausblenden
   ------------------------------------------------------------ */

.site-footer img[src*="UroAndro"],
.site-footer img[src*="uroandro"],
.site-footer img[src*="Emblem"],
.site-footer img[src*="emblem"],
.site-footer [class*="footer-symbol"],
.site-footer [class*="brand-symbol"],
.site-footer .uim-v3-footer-symbol {
    display: none !important;
    background: none !important;
    background-image: none !important;
}


/* ------------------------------------------------------------
   SICHTBARER FOOTER – echtes Praxislogo
   ------------------------------------------------------------ */

.site-footer .uad-real-footer-brand {
    display: block !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 0 18px 0 !important;
    border-bottom: 1px solid rgba(86,72,49,.18) !important;
    overflow: visible !important;
}

.site-footer .uad-real-footer-logo-link {
    display: inline-block !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.site-footer .uad-real-footer-logo {
    display: block !important;
    width: 320px !important;
    max-width: min(86vw, 320px) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    overflow: visible !important;
    clip-path: none !important;
    mask: none !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 700px) {

    .uim-v3-final {
        min-height: 120px !important;
        padding-top: 10px !important;
        padding-bottom: 14px !important;
    }

    .uim-v3-brand {
        min-height: 96px !important;
        padding-bottom: 10px !important;
    }

    .uim-v3-brand-image {
        width: 235px !important;
        max-width: 48vw !important;
        transform: translateY(-3px) !important;
    }

    .practice-logo {
        min-height: 88px !important;
        padding-bottom: 10px !important;
    }

    .practice-logo img {
        width: 225px !important;
        max-width: 48vw !important;
        transform: translateY(-3px) !important;
    }

    .site-footer .uad-real-footer-logo {
        width: 240px !important;
        max-width: 78vw !important;
    }
}

@media (max-width: 430px) {

    .uim-v3-final {
        min-height: 116px !important;
    }

    .uim-v3-brand-image,
    .practice-logo img {
        width: 220px !important;
        max-width: 50vw !important;
    }

    .site-footer .uad-real-footer-logo {
        width: 220px !important;
        max-width: 80vw !important;
    }
}



/* ============================================================
   UROANDRO – FOOTER WORDMARK WIE HEADER
   Kein altes quadratisches Praxislogo mehr
   ============================================================ */


/* Alte von uns eingefügte Bildvarianten endgültig verstecken */

.site-footer .uad-real-footer-brand,
.site-footer .uad-visible-footer-brand {
    display: none !important;
}


/* ------------------------------------------------------------
   Neue Wortmarke
   ------------------------------------------------------------ */

.site-footer .uad-footer-wordmark-final {
    display: block !important;

    width: 100% !important;

    margin: 0 0 28px 0 !important;
    padding: 0 0 24px 0 !important;

    border-bottom: 1px solid rgba(83,67,48,.18) !important;
}


.site-footer .uad-footer-wordmark-final > a {
    display: inline-block !important;

    color: inherit !important;

    text-decoration: none !important;
}


.site-footer .uad-footer-wordmark-name {
    display: block !important;

    margin: 0 0 8px 0 !important;

    font-family:
        Baskerville,
        "Palatino Linotype",
        Palatino,
        Georgia,
        serif !important;

    font-size: 48px !important;
    font-weight: 400 !important;

    line-height: .95 !important;

    letter-spacing: -.035em !important;

    white-space: nowrap !important;
}


.site-footer .uad-footer-uro {
    color: #174d5d !important;
}


.site-footer .uad-footer-andro {
    color: #b98636 !important;
}


.site-footer .uad-footer-wordmark-fields {
    margin-top: 4px !important;

    color: #725c45 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    letter-spacing: .09em !important;
}


.site-footer .uad-footer-wordmark-slogan {
    margin-top: 10px !important;

    color: #55483c !important;

    font-family:
        Baskerville,
        Georgia,
        serif !important;

    font-size: 16px !important;
    font-style: italic !important;

    line-height: 1.35 !important;
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media (max-width: 650px) {

    .site-footer .uad-footer-wordmark-final {
        margin-bottom: 24px !important;
        padding-bottom: 20px !important;
    }


    .site-footer .uad-footer-wordmark-name {
        font-size: 42px !important;
    }


    .site-footer .uad-footer-wordmark-fields {
        font-size: 11px !important;

        letter-spacing: .065em !important;
    }


    .site-footer .uad-footer-wordmark-slogan {
        font-size: 15px !important;
    }
}


@media (max-width: 430px) {

    .site-footer .uad-footer-wordmark-name {
        font-size: 39px !important;
    }
}

/* UROANDRO-MOBILE-HERO-FINAL-START */

@media (max-width: 768px) {

    /*
       -------------------------------------------------------
       MOBILE HERO
       -------------------------------------------------------
       Das Foto liegt auf ::before.
       ::after und die Copy-Ebene erzeugen den hellen Schleier.
       Deshalb:
       ::before = echtes Foto
       ::after  = komplett weg
       -------------------------------------------------------
    */


    .hero.hero-editorial {
        position: relative !important;

        min-height: 330px !important;

        overflow: hidden !important;

        background: #f7ead5 !important;

        isolation: isolate !important;
    }


    /*
       ECHTES FOTO
    */

    .hero-editorial-background {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        display: block !important;

        opacity: 1 !important;

        visibility: visible !important;

        background: none !important;

        filter: none !important;

        overflow: hidden !important;

        z-index: 1 !important;
    }


    .hero-editorial-background::before {
        content: "" !important;

        position: absolute !important;

        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        opacity: 1 !important;

        visibility: visible !important;

        background-image:
            url("/assets/images/hero-sonnenuntergang.jpg") !important;

        background-repeat: no-repeat !important;

        /*
           Das Bild wird in voller Höhe dargestellt.
           Dadurch werden die Personen vertikal weniger abgeschnitten.
        */

        background-size: auto 100% !important;

        /*
           Etwas weiter links im QUELLBILD fokussieren.
           Dadurch wandert das Motiv im sichtbaren Bereich nach rechts
           und das Kind sitzt nicht mehr am linken Rand.
        */

        background-position: center center !important;

        filter: none !important;

        -webkit-filter: none !important;

        mix-blend-mode: normal !important;

        transform: none !important;

        z-index: 1 !important;
    }


    /*
       WEISSEN / NEBELIGEN FILM KOMPLETT ENTFERNEN
    */

    .hero-editorial-background::after {
        content: none !important;

        display: none !important;

        opacity: 0 !important;

        visibility: hidden !important;

        background: none !important;

        background-image: none !important;

        filter: none !important;

        backdrop-filter: none !important;

        -webkit-backdrop-filter: none !important;
    }


    /*
       Zusätzliche Weiß-/Verlaufsebene hinter dem Text entfernen.
       Der Text selbst bleibt erhalten.
    */

    .hero-editorial-copy::before,
    .hero-editorial-copy::after {
        content: none !important;

        display: none !important;

        opacity: 0 !important;

        background: none !important;

        background-image: none !important;

        filter: none !important;

        backdrop-filter: none !important;

        -webkit-backdrop-filter: none !important;
    }


    /*
       Auch keine übergeordnete Nebelebene.
    */

    .hero.hero-editorial::before,
    .hero.hero-editorial::after {
        content: none !important;

        display: none !important;

        opacity: 0 !important;

        background: none !important;

        background-image: none !important;

        filter: none !important;

        backdrop-filter: none !important;

        -webkit-backdrop-filter: none !important;
    }


    /*
       Text über dem unverfälschten Foto.
    */

    .hero-editorial-copy {
        position: relative !important;

        z-index: 5 !important;

        background: transparent !important;

        filter: none !important;

        backdrop-filter: none !important;

        -webkit-backdrop-filter: none !important;
    }
}


/*
   Sehr schmale Smartphones:
   Motiv noch etwas weiter nach rechts setzen,
   damit Kind + Erwachsene besser sichtbar bleiben.
*/

@media (max-width: 430px) {

    .hero-editorial-background::before {
        background-position: center center !important;
    }
}


/*
   Sehr kleine Smartphones
*/

@media (max-width: 360px) {

    .hero-editorial-background::before {
        background-position: center center !important;
    }
}

/* UROANDRO-MOBILE-HERO-FINAL-END */



/* UROANDRO-MOBILE-HERO-CENTER-LOCK-START */

/*
   50 % = exakt mittig
   54 % = Motiv nur leicht nach links verschoben
*/

@media (max-width: 768px) {

    .hero-editorial-background::before {
        background-position: 54% center !important;
    }
}

@media (max-width: 430px) {

    .hero-editorial-background::before {
        background-position: 54% center !important;
    }
}

@media (max-width: 360px) {

    .hero-editorial-background::before {
        background-position: 54% center !important;
    }
}

/* UROANDRO-MOBILE-HERO-CENTER-LOCK-END */







/* UROANDRO-MOBILE-HERO-TEXT-DARK-FINAL-START */

@media (max-width: 768px) {

    /*
       WICHTIG:
       Die große Überschrift wird NICHT verändert.
       Dadurch bleibt:
       "Die Basis einer" dunkel
       und "erfolgreichen Therapie." in der Akzentfarbe.
    */

    .hero.hero-editorial
    .hero-editorial-copy .hero-kicker,

    .hero.hero-editorial
    .hero-editorial-copy .eyebrow,

    .hero.hero-editorial
    .hero-editorial-copy p,

    .hero.hero-editorial
    .hero-editorial-copy .hero-text,

    .hero.hero-editorial
    .hero-editorial-copy .hero-lead,

    .hero.hero-editorial
    .hero-editorial-copy .hero-subtitle,

    .hero.hero-editorial
    .hero-editorial-copy .hero-description,

    .hero.hero-editorial
    .hero-editorial-copy .hero-editorial-description,

    .hero.hero-editorial
    .hero-editorial-copy .hero-editorial-text,

    .hero.hero-editorial
    .hero-editorial-copy .hero-editorial-copy-text {

        color: #3b3029 !important;

        text-shadow:
            0 1px 1px
            rgba(255,255,255,.28)
            !important;
    }


    /*
       Falls im Begleittext einzelne SPAN/STRONG
       durch eine ältere Regel noch weiß sind.
       H1 bleibt ausdrücklich ausgeschlossen.
    */

    .hero.hero-editorial
    .hero-editorial-copy p span,

    .hero.hero-editorial
    .hero-editorial-copy p strong,

    .hero.hero-editorial
    .hero-editorial-copy .hero-text span,

    .hero.hero-editorial
    .hero-editorial-copy .hero-lead span,

    .hero.hero-editorial
    .hero-editorial-copy .hero-description span {

        color: #3b3029 !important;

        text-shadow:
            0 1px 1px
            rgba(255,255,255,.28)
            !important;
    }
}

/* UROANDRO-MOBILE-HERO-TEXT-DARK-FINAL-END */