/* =========================================================
   MOST WANTED – STUDIO HARMONIC FINAL
========================================================= */


/* =========================================================
   1. INTRO
   Hero -> heller Inhaltsbereich
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-intro.mw-h-flow{
    --mw-flow-from:#172229;
    --mw-flow-bg:#dce1e3;
    --mw-flow-text:#172129;

    background:
        linear-gradient(
            180deg,
            #718089 0%,
            #9aa7ae 5%,
            #bbc5ca 11%,
            #d0d7da 18%,
            #dce1e3 27%,
            #dce1e3 100%
        ) !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-intro.mw-h-flow::before{
    content:none !important;
    display:none !important;
}


/* Überschrift */
body.mw-page-studio .mw-studio-intro .mw-studio-title{
    color:#172129 !important;
}


/* Fließtext vollständig einheitlich */
body.mw-page-studio .mw-studio-intro p,
body.mw-page-studio .mw-studio-intro .mw-studio-lead{
    color:#596870 !important;
}


/* die bisherigen weißen Fettmarkierungen integrieren */
body.mw-page-studio .mw-studio-intro p strong{
    color:#596870 !important;
    -webkit-text-fill-color:#596870 !important;
    font-weight:700;
}


/* =========================================================
   2. VALUES
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-values.mw-h-flow{
    --mw-flow-from:#dce1e3;
    --mw-flow-bg:#d4dade;
    --mw-flow-text:#172129;

    background:
        linear-gradient(
            180deg,
            #dce1e3 0%,
            #d9dfe1 30%,
            #d4dade 100%
        ) !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-values.mw-h-flow::before{
    content:none !important;
    display:none !important;
}


/* =========================================================
   3. EXPERIENCE
   Nicht sofort riesige graue Fläche:
   langsam vom hellen Bereich ins dunklere Studio-Feeling
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow{
    --mw-flow-from:#d4dade;
    --mw-flow-bg:#33434c;
    --mw-flow-text:#edf1f2;

    background:
        linear-gradient(
            180deg,
            #d4dade 0%,
            #c8d1d5 7%,
            #b8c3c8 14%,
            #a5b1b7 22%,
            #919fa7 31%,
            #7d8c94 40%,
            #697981 50%,
            #586870 60%,
            #495962 70%,
            #3e4e57 82%,
            #33434c 100%
        ) !important;

    padding-top:150px !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow::before{
    content:none !important;
    display:none !important;
}


/* Text bleibt im zunehmend dunklen Bereich sicher lesbar */
body.mw-page-studio .mw-studio-experience .mw-studio-title,
body.mw-page-studio .mw-studio-experience h3{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

body.mw-page-studio .mw-studio-experience p{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}


/* =========================================================
   4. VIDEO
   Dunkel beginnen, aber deutlich früher wieder Richtung hell
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-video-section.mw-h-flow{
    --mw-flow-from:#33434c;
    --mw-flow-bg:#c7d0d4;
    --mw-flow-text:#edf1f2;

    background:
        linear-gradient(
            180deg,
            #33434c 0%,
            #304049 10%,
            #2f4049 20%,
            #35464f 30%,
            #43545d 40%,
            #596970 50%,
            #718089 60%,
            #8d9aa1 70%,
            #a7b3b9 80%,
            #bbc5ca 90%,
            #c7d0d4 100%
        ) !important;

    padding-bottom:150px !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-video-section.mw-h-flow::before{
    content:none !important;
    display:none !important;
}


/* Kopfbereich des Videos liegt noch dunkel */
body.mw-page-studio .mw-studio-video-section .mw-studio-title{
    color:#f1f4f5 !important;
}

body.mw-page-studio .mw-studio-video-section .mw-studio-video-head p{
    color:#bdc8cd !important;
}


/* =========================================================
   5. TEAM
   Jetzt bereits hell einsteigen
   und zum Ende langsam wieder abdunkeln
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-team.mw-h-flow{
    --mw-flow-from:#c7d0d4;
    --mw-flow-bg:#9eabb1;
    --mw-flow-text:#172129;

    background:
        linear-gradient(
            180deg,
            #c7d0d4 0%,
            #cbd3d7 16%,
            #cbd3d7 52%,
            #c3ccd0 66%,
            #b8c3c8 76%,
            #adb8bd 85%,
            #a4b0b6 93%,
            #9eabb1 100%
        ) !important;

    padding-top:115px !important;
    padding-bottom:150px !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-team.mw-h-flow::before{
    content:none !important;
    display:none !important;
}


body.mw-page-studio .mw-studio-team .mw-studio-title{
    color:#172129 !important;
}

body.mw-page-studio .mw-studio-team > .mw-studio-inner > p{
    color:#596870 !important;
}


/* dunkle Team-Karten */
body.mw-page-studio .mw-studio-team-card h3{
    color:#f0f4f5 !important;
}

body.mw-page-studio .mw-studio-team-card p{
    color:#bdc8cd !important;
}


/* =========================================================
   6. VISIT / CTA
   deutlich längerer Übergang zum Footer
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-visit.mw-h-flow{
    --mw-flow-from:#9eabb1;
    --mw-flow-bg:#172229;
    --mw-flow-text:#edf1f2;

    background:
        linear-gradient(
            180deg,
            #9eabb1 0%,
            #939fa6 7%,
            #87949c 14%,
            #7a8891 22%,
            #6e7d85 30%,
            #62717a 38%,
            #56666f 46%,
            #4a5a63 54%,
            #3f4f58 62%,
            #35444d 70%,
            #2c3a43 78%,
            #24323a 86%,
            #1d2a32 93%,
            #172229 100%
        ) !important;

    padding-top:170px !important;
    padding-bottom:140px !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-visit.mw-h-flow::before{
    content:none !important;
    display:none !important;
}


/* Visit-Box bleibt auf dem dunklen Zielbereich */
body.mw-page-studio .mw-studio-visit-box{
    background:
        linear-gradient(
            180deg,
            rgba(19,31,38,.98),
            rgba(15,26,32,.98)
        ) !important;

    border-color:rgba(0,174,239,.18) !important;
}


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

@media(max-width:700px){

    body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow{
        padding-top:105px !important;
    }

    body.mw-page-studio main#seiteninhalt section.mw-studio-video-section.mw-h-flow{
        padding-bottom:105px !important;
    }

    body.mw-page-studio main#seiteninhalt section.mw-studio-team.mw-h-flow{
        padding-top:90px !important;
        padding-bottom:110px !important;
    }

    body.mw-page-studio main#seiteninhalt section.mw-studio-visit.mw-h-flow{
        padding-top:120px !important;
        padding-bottom:100px !important;
    }

}

/* =========================================================
   STUDIO – EXPERIENCE: SCHRIFT AUF SCHWARZ
   Nur diese Studio-Section; bewusst nach site-consistency geladen.
========================================================= */

body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow .mw-studio-title,
body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow .mw-studio-experience-copy > p:first-child,
body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow .mw-studio-list h3,
body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow .mw-studio-list p{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

body.mw-page-studio main#seiteninhalt section.mw-studio-experience.mw-h-flow .mw-studio-kicker{
    color:#00AEEF !important;
    -webkit-text-fill-color:#00AEEF !important;
}