/* =========================================================
   MOST WANTED – AKUPUNKTURPIERCING
   HARMONIC CLEAN FINAL
========================================================= */


/* =========================================================
   0. BASIS
   Übergänge dieser Seite vollständig hier steuern
========================================================= */

body.mw-page-akupunkturpiercing main#seiteninhalt{
    overflow:visible !important;
}

body.mw-page-akupunkturpiercing
main#seiteninhalt > section{
    position:relative;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    background-clip:border-box;
}

/* Core-Pseudoverläufe ausschalten */
body.mw-page-akupunkturpiercing
main#seiteninhalt > section.mw-h-flow::before,
body.mw-page-akupunkturpiercing
main#seiteninhalt > section.mw-h-flow::after{
    content:none !important;
    display:none !important;
}


/* =========================================================
   1. INTRO
   Hero -> hell
========================================================= */

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

    background:
        linear-gradient(
            180deg,
            #718089 0%,
            #92a0a7 6%,
            #afb9be 12%,
            #c5ced2 19%,
            #d5dcdf 27%,
            #dce1e3 36%,
            #dce1e3 100%
        ) !important;

    padding-bottom:145px !important;
}


/* Bild 1: Text endlich sauber lesbar */

body.mw-page-akupunkturpiercing
.mw-acu-intro h2{
    color:#172129 !important;
    -webkit-text-fill-color:#172129 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-intro .mw-acu-lead{
    color:#44545d !important;
    -webkit-text-fill-color:#44545d !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-intro p{
    color:#596870 !important;
    -webkit-text-fill-color:#596870 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-intro p strong{
    color:#34464f !important;
    -webkit-text-fill-color:#34464f !important;
}


/* =========================================================
   2. PIERCINGARTEN
   Hell -> bereits deutlich abdunkeln
========================================================= */

body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-types.mw-h-flow{
    --mw-flow-from:#dce1e3;
    --mw-flow-bg:#718089;
    --mw-flow-text:#172129;

    margin-top:-1px !important;

    background:
        linear-gradient(
            180deg,
            #dce1e3 0%,
            #d9dfe1 10%,
            #d3dade 20%,
            #cad2d6 30%,
            #bec8cc 40%,
            #b1bcc1 50%,
            #a2afb5 60%,
            #93a0a7 70%,
            #84939a 80%,
            #78878f 90%,
            #718089 100%
        ) !important;

    padding-bottom:155px !important;
}


/* Überschriften und Begleittext */

body.mw-page-akupunkturpiercing
.mw-acu-types h2,
body.mw-page-akupunkturpiercing
.mw-acu-types h3{
    color:#172129 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-types .mw-acu-heading > p{
    color:#53636b !important;
}


/* Karten weiterhin dunkel und wertig */

body.mw-page-akupunkturpiercing
.mw-acu-types .mw-acu-card{
    background:
        linear-gradient(
            180deg,
            #151d22,
            #10171b
        ) !important;

    border-color:rgba(255,255,255,.08) !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-types .mw-acu-card h3{
    color:#f1f4f5 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-types .mw-acu-card p{
    color:#b7c2c7 !important;
}


/* =========================================================
   3. EVIDENCE
   Bild 2: langer Übergang VON mittel ZU dunkel
   und am Ende schon wieder leicht heller
========================================================= */

body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-evidence.mw-h-flow{
    --mw-flow-from:#718089;
    --mw-flow-bg:#33434c;
    --mw-flow-text:#edf1f2;

    margin-top:-1px !important;

    background:
        linear-gradient(
            180deg,
            #718089 0%,
            #697981 7%,
            #61717a 14%,
            #596970 21%,
            #516169 28%,
            #495962 35%,
            #42525b 42%,
            #3c4c55 49%,
            #374750 56%,
            #33434c 64%,
            #33434c 76%,
            #384850 84%,
            #41515a 91%,
            #4c5c65 100%
        ) !important;

    padding-top:165px !important;
    padding-bottom:165px !important;
}


/* Evidence-Box */

body.mw-page-akupunkturpiercing
.mw-acu-evidence-box{
    background:
        linear-gradient(
            180deg,
            rgba(15,22,26,.98),
            rgba(12,18,21,.98)
        ) !important;

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

body.mw-page-akupunkturpiercing
.mw-acu-evidence h2{
    color:#f1f4f5 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-evidence p{
    color:#bdc8cd !important;
}


/* =========================================================
   4. PROCESS
   Bild 2 unten:
   #4c5c65 -> langsam wieder hell
========================================================= */

body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-process.mw-h-flow{
    --mw-flow-from:#4c5c65;
    --mw-flow-bg:#d4dade;
    --mw-flow-text:#172129;

    margin-top:-1px !important;

    background:
        linear-gradient(
            180deg,
            #4c5c65 0%,
            #56666e 6%,
            #62727a 12%,
            #708088 18%,
            #809097 25%,
            #91a0a7 32%,
            #a2afb5 40%,
            #b1bcc1 48%,
            #bec8cc 57%,
            #c7d0d4 66%,
            #ced6da 76%,
            #d2d9dc 87%,
            #d4dade 100%
        ) !important;

    padding-top:175px !important;
    padding-bottom:145px !important;
}


/* Prozess-Texte */

body.mw-page-akupunkturpiercing
.mw-acu-process h2{
    color:#172129 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-process .mw-acu-heading > p{
    color:#58676f !important;
}


/* =========================================================
   5. CARE
   Hell -> mittleres Grau/Slate
========================================================= */

body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-care.mw-h-flow{
    --mw-flow-from:#d4dade;
    --mw-flow-bg:#87959d;
    --mw-flow-text:#172129;

    margin-top:-1px !important;

    background:
        linear-gradient(
            180deg,
            #d4dade 0%,
            #d1d8dc 10%,
            #cad2d6 20%,
            #c1cacf 30%,
            #b6c0c5 40%,
            #aab6bc 50%,
            #9fabb1 60%,
            #95a2a9 70%,
            #8d9ba2 82%,
            #87959d 100%
        ) !important;

    padding-bottom:150px !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-care h2{
    color:#172129 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-care p{
    color:#4f5f67 !important;
}


/* =========================================================
   6. CTA
   Bild 3:
   langer Abschluss von #87959d bis Footer-Dunkel
========================================================= */

body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-cta.mw-h-flow{
    --mw-flow-from:#87959d;
    --mw-flow-bg:#172229;
    --mw-flow-text:#edf1f2;

    margin-top:-1px !important;

    background:
        linear-gradient(
            180deg,
            #87959d 0%,
            #7d8c94 6%,
            #718089 12%,
            #65757d 18%,
            #596970 24%,
            #4e5e67 31%,
            #44545d 38%,
            #3b4b54 45%,
            #33434c 52%,
            #2d3c45 59%,
            #28373f 66%,
            #24323a 73%,
            #202e36 80%,
            #1d2a32 87%,
            #1a262d 94%,
            #172229 100%
        ) !important;

    padding-top:185px !important;
    padding-bottom:80px !important;
}


/* CTA-Box */

body.mw-page-akupunkturpiercing
.mw-acu-cta-box{
    background:
        linear-gradient(
            180deg,
            rgba(15,23,28,.98),
            rgba(12,18,21,.98)
        ) !important;

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

body.mw-page-akupunkturpiercing
.mw-acu-cta h2{
    color:#f1f4f5 !important;
}

body.mw-page-akupunkturpiercing
.mw-acu-cta p{
    color:#bdc8cd !important;
}


/* =========================================================
   7. ABSOLUTE SICHERHEIT GEGEN SECTION-KANTEN
========================================================= */

body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-types,
body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-evidence,
body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-process,
body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-care,
body.mw-page-akupunkturpiercing
main#seiteninhalt section.mw-acu-cta{
    border-top:0 !important;
    border-bottom:0 !important;
    outline:0 !important;
    box-shadow:none;
}


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

@media(max-width:700px){

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

    body.mw-page-akupunkturpiercing
    main#seiteninhalt section.mw-acu-types.mw-h-flow{
        padding-bottom:110px !important;
    }

    body.mw-page-akupunkturpiercing
    main#seiteninhalt section.mw-acu-evidence.mw-h-flow{
        padding-top:120px !important;
        padding-bottom:120px !important;
    }

    body.mw-page-akupunkturpiercing
    main#seiteninhalt section.mw-acu-process.mw-h-flow{
        padding-top:125px !important;
        padding-bottom:110px !important;
    }

    body.mw-page-akupunkturpiercing
    main#seiteninhalt section.mw-acu-care.mw-h-flow{
        padding-bottom:110px !important;
    }

    body.mw-page-akupunkturpiercing
    main#seiteninhalt section.mw-acu-cta.mw-h-flow{
        padding-top:125px !important;
        padding-bottom:65px !important;
    }
    /* =====================================================
       MOBILE · PROCESS-LESBARKEIT
       akupunkturpiercing.php
    ===================================================== */

    body.mw-page-akupunkturpiercing
    .mw-acu-process h2{
        color:#f4f7f8 !important;
        -webkit-text-fill-color:#f4f7f8 !important;
    }

    body.mw-page-akupunkturpiercing
    .mw-acu-process .mw-acu-heading > p{
        color:#d5dfe3 !important;
        -webkit-text-fill-color:#d5dfe3 !important;
        opacity:1 !important;
    }
}