/* =========================================================
   MOST WANTED – VERANSTALTUNGEN
   FINALER, ISOLIERTER SEITENFLUSS
   veranstaltungen.php

   WICHTIG:
   Diese Datei steuert den kompletten Hintergrundfluss dieser
   Seite selbst. In veranstaltungen.php werden deshalb für die
   Eventbereiche KEINE mw-h-flow-Klassen und KEIN
   mw-harmonic-core.css mehr verwendet.
========================================================= */

/* =========================================================
   00 · BASIS / KONFLIKTSCHUTZ
========================================================= */

body.mw-page-veranstaltungen main#seiteninhalt,
body.mw-page-veranstaltungen main#seiteninhalt .events-page{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    background:#172229;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-page > section{
    position:relative;
    width:100%;
    min-height:0 !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background-clip:border-box !important;
}

/* Alte Harmonic-Pseudoelemente sicher neutralisieren, falls
   Klassen später versehentlich wieder ergänzt werden. */
body.mw-page-veranstaltungen main#seiteninhalt .events-page > section::before,
body.mw-page-veranstaltungen main#seiteninhalt .events-page > section::after{
    box-shadow:none !important;
}

/* =========================================================
   01 · EVENTÜBERSICHT
   Hero dunkel -> hell -> unten wieder etwas kühler/dunkler.
   Keine harte Kante, keine Lichtleiste.
========================================================= */

body.mw-page-veranstaltungen main#seiteninhalt section.events-overview{
    color:#172129;
    padding:145px 0 135px !important;
    background-color:#dce1e3 !important;
    background-image:
        radial-gradient(
            85% 28% at 14% 8%,
            rgba(255,255,255,.10) 0%,
            rgba(255,255,255,0) 72%
        ),
        radial-gradient(
            70% 34% at 88% 78%,
            rgba(90,109,118,.18) 0%,
            rgba(90,109,118,0) 72%
        ),
        linear-gradient(
            180deg,
            #172229 0%,
            #1f2d34 5%,
            #2d3d45 10%,
            #42535c 16%,
            #61727b 23%,
            #84939a 31%,
            #a9b5ba 39%,
            #c7d0d4 47%,
            #d9dfe1 56%,
            #dce1e3 72%,
            #d7dde0 82%,
            #c8d1d5 91%,
            #b6c1c6 100%
        ) !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .events-overview-header h2{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .events-overview-header > p:not(.event-label){
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    opacity:1 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-label{
    color:#00a9ea !important;
    -webkit-text-fill-color:#00a9ea !important;
}

/* =========================================================
   EVENTKARTEN
========================================================= */

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-card{
    background:#101416 !important;
    border-color:rgba(255,255,255,.09) !important;
    box-shadow:0 22px 48px rgba(23,34,41,.18) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-card h3,
body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-card strong{
    color:#f2f5f6 !important;
    -webkit-text-fill-color:#f2f5f6 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-card p,
body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-card li,
body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-card small{
    color:#c4cdd1 !important;
    -webkit-text-fill-color:#c4cdd1 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-button-secondary{
    color:#edf2f4 !important;
    -webkit-text-fill-color:#edf2f4 !important;
    border-color:rgba(0,174,239,.58) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-button-secondary:hover,
body.mw-page-veranstaltungen main#seiteninhalt .events-overview .event-button-secondary:focus-visible{
    color:#071116 !important;
    -webkit-text-fill-color:#071116 !important;
}

/* =========================================================
   02 · WALK-IN DAYS
   Startfarbe ist EXAKT die Endfarbe der Übersicht.
   Danach fließend in dunkle Bereiche, mit weichen internen
   "Wellen" durch Radialverläufe. Ende exakt #223039.
========================================================= */

body.mw-page-veranstaltungen main#seiteninhalt section.walkin-section{
    color:#edf1f2;
    padding:125px 0 110px !important;
    background-color:#33434c !important;
    background-image:
        radial-gradient(
            95% 18% at 14% 18%,
            rgba(211,220,224,.20) 0%,
            rgba(211,220,224,0) 70%
        ),
        radial-gradient(
            80% 22% at 86% 47%,
            rgba(89,111,122,.20) 0%,
            rgba(89,111,122,0) 72%
        ),
        radial-gradient(
            75% 20% at 18% 73%,
            rgba(65,86,96,.16) 0%,
            rgba(65,86,96,0) 72%
        ),
        linear-gradient(
            180deg,
            #b6c1c6 0%,
            #a6b2b8 5%,
            #8d9ba2 11%,
            #74838b 17%,
            #5e6f78 23%,
            #4d5e67 29%,
            #40515a 35%,
            #374850 42%,
            #33434c 50%,
            #374850 59%,
            #3b4c55 67%,
            #35464e 75%,
            #304049 82%,
            #2b3a42 89%,
            #26353d 95%,
            #223039 100%
        ) !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-section .walkin-header h2,
body.mw-page-veranstaltungen main#seiteninhalt .walkin-content h3{
    color:#f3f6f7 !important;
    -webkit-text-fill-color:#f3f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-section .walkin-lead,
body.mw-page-veranstaltungen main#seiteninhalt .walkin-content > p{
    color:#c5ced2 !important;
    -webkit-text-fill-color:#c5ced2 !important;
    opacity:1 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-content > p strong{
    color:#f2f5f6 !important;
    -webkit-text-fill-color:#f2f5f6 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-section .event-label{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}

/* Countdown */
body.mw-page-veranstaltungen main#seiteninhalt .walkin-countdown-box{
    background:
        radial-gradient(circle at 8% 10%, rgba(0,174,239,.17), transparent 35%),
        #111c22 !important;
    border-color:rgba(0,174,239,.42) !important;
    box-shadow:0 18px 42px rgba(13,25,31,.16) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .countdown-item{
    background:#0d171c !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .countdown-number{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .countdown-unit,
body.mw-page-veranstaltungen main#seiteninhalt .walkin-countdown-label,
body.mw-page-veranstaltungen main#seiteninhalt .walkin-countdown-message{
    color:#ced7db !important;
    -webkit-text-fill-color:#ced7db !important;
}

/* Facts */
body.mw-page-veranstaltungen main#seiteninhalt .walkin-section .event-fact{
    background:#101619 !important;
    border-color:rgba(255,255,255,.08) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-section .event-fact strong{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-section .event-fact > span:not(.event-fact-icon){
    color:#d1dade !important;
    -webkit-text-fill-color:#d1dade !important;
}

/* Highlight */
body.mw-page-veranstaltungen main#seiteninhalt .walkin-highlight{
    background:linear-gradient(110deg, rgba(0,174,239,.15), rgba(12,22,27,.44)) !important;
    border-left-color:#00aeef !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-highlight strong{
    color:#f4f6f7 !important;
    -webkit-text-fill-color:#f4f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-highlight span{
    color:#cbd4d8 !important;
    -webkit-text-fill-color:#cbd4d8 !important;
}

/* Tabelle */
body.mw-page-veranstaltungen main#seiteninhalt .walkin-table-wrapper{
    background:#101416 !important;
    border-color:rgba(255,255,255,.08) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-table th{
    color:#f2f5f6 !important;
    -webkit-text-fill-color:#f2f5f6 !important;
    background:#111a1f !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-table td{
    color:#c9d2d6 !important;
    -webkit-text-fill-color:#c9d2d6 !important;
    border-color:rgba(255,255,255,.07) !important;
}

/* Hinweis */
body.mw-page-veranstaltungen main#seiteninhalt .walkin-notice{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.10) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-notice h3{
    color:#f2f5f6 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-notice p{
    color:#c1cbd0 !important;
    -webkit-text-fill-color:#c1cbd0 !important;
}

/* Kontakt */
body.mw-page-veranstaltungen main#seiteninhalt .walkin-contact{
    margin-bottom:0 !important;
    background:linear-gradient(120deg,#00aeef,#087fc4) !important;
    box-shadow:0 20px 44px rgba(10,28,37,.18) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-contact h3,
body.mw-page-veranstaltungen main#seiteninhalt .walkin-contact a{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .walkin-contact p{
    color:rgba(255,255,255,.88) !important;
    -webkit-text-fill-color:rgba(255,255,255,.88) !important;
}

/* =========================================================
   03 · US CAR CLASSICS
   Start exakt #223039 = Walk-in-Ende. Kein Lichtband.
   Interne weiche Wellen, dann langsam in #181818.
========================================================= */

body.mw-page-veranstaltungen main#seiteninhalt section#us-cars.us-cars-section{
    color:#edf1f2;
    padding:105px 0 105px !important;
    background-color:#223039 !important;
    background-image:
        radial-gradient(
            92% 19% at 82% 16%,
            rgba(78,102,113,.16) 0%,
            rgba(78,102,113,0) 72%
        ),
        radial-gradient(
            85% 22% at 16% 49%,
            rgba(69,92,102,.16) 0%,
            rgba(69,92,102,0) 73%
        ),
        radial-gradient(
            75% 18% at 86% 76%,
            rgba(50,72,82,.14) 0%,
            rgba(50,72,82,0) 74%
        ),
        linear-gradient(
            180deg,
            #223039 0%,
            #26353d 9%,
            #2c3c44 18%,
            #33434c 28%,
            #394a52 38%,
            #3d4e56 48%,
            #394a52 58%,
            #33434c 68%,
            #2c3c44 77%,
            #26353d 85%,
            #213038 91%,
            #1d282e 96%,
            #181818 100%
        ) !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    border:0 !important;
    outline:0 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-header{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-header h2,
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-main-content > h3{
    color:#f3f6f7 !important;
    -webkit-text-fill-color:#f3f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-lead,
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-main-content > p{
    color:#c4cdd1 !important;
    -webkit-text-fill-color:#c4cdd1 !important;
    opacity:1 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-main-content strong,
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-lead strong{
    color:#f3f6f7 !important;
    -webkit-text-fill-color:#f3f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-section .event-label{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}

/* Highlight */
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-highlight{
    background:
        radial-gradient(circle at 8% 10%, rgba(0,174,239,.14), transparent 38%),
        #101a1f !important;
    border-color:rgba(0,174,239,.44) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-highlight strong{
    color:#f4f6f7 !important;
    -webkit-text-fill-color:#f4f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-highlight span{
    color:#c7d0d4 !important;
    -webkit-text-fill-color:#c7d0d4 !important;
}

/* Facts */
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-fact{
    background:#101416 !important;
    border-color:rgba(255,255,255,.08) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-fact strong{
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-fact > span:not(.us-cars-fact-icon){
    color:#d0d8dc !important;
    -webkit-text-fill-color:#d0d8dc !important;
}

/* Programm */
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-program-item{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.07) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-program-item > span{
    background:rgba(0,174,239,.14) !important;
    color:#00aeef !important;
    -webkit-text-fill-color:#00aeef !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-program-item strong{
    color:#f3f6f7 !important;
    -webkit-text-fill-color:#f3f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-program-item p{
    color:#bdc8cd !important;
    -webkit-text-fill-color:#bdc8cd !important;
}

/* Hinweise */
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-notice,
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-feature-highlight{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.09) !important;
    border-left-color:#00aeef !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-notice h3,
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-feature-highlight h3{
    color:#f3f6f7 !important;
    -webkit-text-fill-color:#f3f6f7 !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-notice p,
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-feature-highlight p{
    color:#c1cbd0 !important;
    -webkit-text-fill-color:#c1cbd0 !important;
}

/* Abschlussbox */
body.mw-page-veranstaltungen main#seiteninhalt .us-cars-contact{
    margin-bottom:0 !important;
    background:linear-gradient(120deg,#00aeef,#087fc4) !important;
    box-shadow:0 20px 46px rgba(10,28,37,.18) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-contact h3{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-contact p{
    color:rgba(255,255,255,.89) !important;
    -webkit-text-fill-color:rgba(255,255,255,.89) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-contact .us-cars-main-button{
    background:#fff !important;
    color:#11191d !important;
    -webkit-text-fill-color:#11191d !important;
    border-color:#fff !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-contact .event-button-secondary{
    background:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:rgba(255,255,255,.72) !important;
}

body.mw-page-veranstaltungen main#seiteninhalt .us-cars-main-content{
    padding-bottom:0 !important;
}

/* =========================================================
   04 · REVIEWS -> FOOTER
   footer-new.php folgt direkt nach </main>.
   Die globale Review-Lichtlinie und der Footer-Glow werden
   auf DIESER Seite neutralisiert, damit kein harter Lichtsaum
   mehr zwischen Inhalt und Footer entsteht.
========================================================= */

body.mw-page-veranstaltungen .mw-home-reviews{
    margin:0 !important;
    border:0 !important;
    background:
        radial-gradient(
            78% 28% at 18% 20%,
            rgba(44,62,71,.12) 0%,
            rgba(44,62,71,0) 72%
        ),
        linear-gradient(
            180deg,
            #181818 0%,
            #171b1d 18%,
            #151a1d 38%,
            #121719 58%,
            #0e1214 78%,
            #0a0b0c 92%,
            #070707 100%
        ) !important;
}

body.mw-page-veranstaltungen .mw-home-reviews::before,
body.mw-page-veranstaltungen .mw-home-reviews::after{
    content:none !important;
    display:none !important;
}

body.mw-page-veranstaltungen .mw-footer{
    margin:0 !important;
    border:0 !important;
    background:#070707 !important;
}

body.mw-page-veranstaltungen .mw-footer::before{
    content:none !important;
    display:none !important;
}

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

@media (max-width:700px){

    body.mw-page-veranstaltungen main#seiteninhalt section.events-overview{
        padding-top:105px !important;
        padding-bottom:95px !important;
    }

    body.mw-page-veranstaltungen main#seiteninhalt section.walkin-section{
        padding-top:95px !important;
        padding-bottom:80px !important;
    }

    body.mw-page-veranstaltungen main#seiteninhalt section#us-cars.us-cars-section{
        padding-top:85px !important;
        padding-bottom:80px !important;
    }

    body.mw-page-veranstaltungen main#seiteninhalt .walkin-table-wrapper{
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }


    /* =====================================================
       MOBILE · LESBARKEIT EVENTÜBERSICHT
    ===================================================== */

    body.mw-page-veranstaltungen main#seiteninhalt
    .events-overview .events-overview-header h2{
        color:#f4f7f8 !important;
        -webkit-text-fill-color:#f4f7f8 !important;
    }

    body.mw-page-veranstaltungen main#seiteninhalt
    .events-overview .events-overview-header > p:not(.event-label){
        color:#e4eaed !important;
        -webkit-text-fill-color:#e4eaed !important;
        opacity:1 !important;
    }


    /* =====================================================
       MOBILE · WALK-IN-EINLEITUNG
    ===================================================== */

    body.mw-page-veranstaltungen main#seiteninhalt
    .walkin-section .walkin-header h2{
        color:#172129 !important;
        -webkit-text-fill-color:#172129 !important;
    }

    body.mw-page-veranstaltungen main#seiteninhalt
    .walkin-section .walkin-lead{
        color:#52636c !important;
        -webkit-text-fill-color:#52636c !important;
        opacity:1 !important;
    }

}