/* =========================================================
   HARMONIC PAGE FLOW
   team.php
   ========================================================= */


/* =========================================================
   01 · INTRO
   Hero -> Intro

   Bewusst dunkler Start nach dem Hero.
   Der dunkle Bereich läuft deutlich länger in die Seite,
   bevor das helle Grundgrau erreicht wird.
   ========================================================= */

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

    position:relative;
}


/* ---------------------------------------------------------
   INTRO – Texte auf hellem Hintergrund besser lesbar
   --------------------------------------------------------- */

body.mw-page-team
section.mw-team-intro .mw-team-copy p{
    color:#52636d !important;
    -webkit-text-fill-color:#52636d !important;
    opacity:1 !important;
}

body.mw-page-team
section.mw-team-intro .mw-team-copy .mw-team-lead{
    color:#455861 !important;
    -webkit-text-fill-color:#455861 !important;
    opacity:1 !important;
}


/* Hauptheadline bleibt kräftig dunkel */

body.mw-page-team
section.mw-team-intro .mw-team-copy h2{
    color:#172129 !important;
    -webkit-text-fill-color:#172129 !important;
}


/* =========================================================
   MOST WANTED ARTISTS – FACTS BOX
   rechte dunkle Box
   ========================================================= */

body.mw-page-team
section.mw-team-intro .mw-team-facts{
    color:#edf1f2;
}


/* Die vier bisher zu dunklen Titel */

body.mw-page-team
section.mw-team-intro
.mw-team-facts
.mw-team-fact strong{
    color:#f2f5f6 !important;
    -webkit-text-fill-color:#f2f5f6 !important;
    opacity:1 !important;
}


/* Beschreibung unter den Titeln */

body.mw-page-team
section.mw-team-intro
.mw-team-facts
.mw-team-fact small{
    color:#bdc7cc !important;
    -webkit-text-fill-color:#bdc7cc !important;
    opacity:1 !important;
}


/* Nummern 01–04 bleiben Most-Wanted-Blau */

body.mw-page-team
section.mw-team-intro
.mw-team-facts
.mw-team-fact > span{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
    opacity:1 !important;
}


/* Überschrift MOST WANTED ARTISTS */

body.mw-page-team
section.mw-team-intro
.mw-team-facts > .mw-team-kicker{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}


/* =========================================================
   02 · ARTISTS
   ========================================================= */

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

    position:relative;
    overflow:hidden;
    isolation:isolate;
}


/* Künstler-Inhalt liegt über unserem Übergang */

body.mw-page-team
section.mw-team-artists.mw-h-flow > *{
    position:relative;
    z-index:2;
}


/* =========================================================
   LANGER WELLENARTIGER ÜBERGANG
   Artists -> CTA

   Da die Künstlersektion sehr lang ist, beginnt die
   Abdunklung deutlich vor ihrem tatsächlichen Ende.
   ========================================================= */

body.mw-page-team
section.mw-team-artists.mw-h-flow::after{
    content:"";

    position:absolute;
    left:-8%;
    right:-8%;
    bottom:-1px;

    height:clamp(380px, 38vw, 650px);

    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            to bottom,

            rgba(23,34,41,0) 0%,
            rgba(23,34,41,.025) 10%,
            rgba(23,34,41,.06) 20%,
            rgba(23,34,41,.13) 31%,
            rgba(23,34,41,.24) 43%,
            rgba(23,34,41,.39) 56%,
            rgba(23,34,41,.57) 68%,
            rgba(23,34,41,.74) 79%,
            rgba(23,34,41,.90) 90%,
            #172229 100%
        );

    border-radius:
        48% 52% 0 0 /
        14% 18% 0 0;

    transform:scaleX(1.08);
}


/* =========================================================
   TEAM-KARTEN
   Keine harte schwarze Kartenwand
   ========================================================= */

body.mw-page-team
.mw-team-artists .mw-team-card{
    background:rgba(214,221,224,.72) !important;
    border-color:rgba(31,49,59,.14) !important;

    box-shadow:
        0 14px 34px rgba(24,40,49,.08) !important;
}


body.mw-page-team
.mw-team-artists .mw-team-card h3{
    color:#172129 !important;
    -webkit-text-fill-color:#172129 !important;
}


body.mw-page-team
.mw-team-artists .mw-team-card p{
    color:#52636d !important;
    -webkit-text-fill-color:#52636d !important;
}


/* Rollenbezeichnung */

body.mw-page-team
.mw-team-artists .mw-team-role{
    color:#52636d !important;
}


/* Galerie-Link darf deutlich bleiben */

body.mw-page-team
.mw-team-artists .mw-team-gallery-link{
    color:#172129 !important;
}


/* =========================================================
   ARTISTS – Überschrift / Beschreibung
   ========================================================= */

body.mw-page-team
section.mw-team-artists .mw-team-heading h2{
    color:#172129 !important;
}


body.mw-page-team
section.mw-team-artists .mw-team-heading p{
    color:#52636d !important;
    -webkit-text-fill-color:#52636d !important;
}


/* =========================================================
   03 · CTA
   Übergang ist bereits vollständig dunkel
   ========================================================= */

body.mw-page-team
main#seiteninhalt
section.mw-team-cta.mw-h-flow{
    --mw-flow-from:#172229;
    --mw-flow-bg:#172229;
    --mw-flow-text:#edf1f2;
}


/* CTA-Box */

body.mw-page-team
section.mw-team-cta .mw-team-cta-box{
    color:#edf1f2;
}


/* CTA Headline */

body.mw-page-team
section.mw-team-cta .mw-team-cta-box h2{
    color:#f4f6f7 !important;
    -webkit-text-fill-color:#f4f6f7 !important;
}


/* CTA Fließtext */

body.mw-page-team
section.mw-team-cta .mw-team-cta-box p{
    color:#bdc7cc !important;
    -webkit-text-fill-color:#bdc7cc !important;
    opacity:1 !important;
}


/* CTA Kicker */

body.mw-page-team
section.mw-team-cta .mw-team-kicker{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}