:root{
  --evp-accent:#e8754b;
  --evp-white:#f5f5f5;
  --evp-muted:#92969e;
}

.evp24-wordmark{
  display:flex!important;
  align-items:baseline!important;
  white-space:nowrap!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-1.2px!important;
}

.evp24-wordmark .ev{
  color:var(--evp-white)!important;
}

.evp24-wordmark .play24{
  color:var(--evp-accent)!important;
}

.evp24-tagline{
  color:var(--evp-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  margin-top:7px!important;
  text-transform:uppercase!important;
}

.evp24-sidebar-brand{
  margin-left:55px!important;
  position:relative!important;
  z-index:10!important;
}

.evp24-loading-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.evp24-loading-mark{
  width:175px!important;
  height:175px!important;
  object-fit:contain!important;
  margin:0 auto 25px!important;
  filter:drop-shadow(0 0 24px rgba(232,117,75,.28))!important;
}

.evp24-loading-brand .evp24-wordmark{
  font-size:68px!important;
  letter-spacing:-3px!important;
}

.evp24-loading-brand .evp24-tagline{
  font-size:12px!important;
  letter-spacing:6px!important;
  margin-top:26px!important;
}

@media(max-width:1000px),(max-height:650px){
  .evp24-sidebar-brand{
    margin-left:48px!important;
  }

  .evp24-sidebar-brand .evp24-wordmark{
    font-size:22px!important;
  }

  .evp24-loading-mark{
    width:120px!important;
    height:120px!important;
  }

  .evp24-loading-brand .evp24-wordmark{
    font-size:46px!important;
  }
}


/* EVPLAY24 VISUAL FIX V11 */


/* ============================================================
   WORDMARK
   Alte Gradient-/Text-Fill-Regeln sicher überschreiben
   ============================================================ */

.evp24-wordmark,
.evp24-wordmark span{
  background:none !important;
  background-image:none !important;
  text-shadow:none !important;
}

.evp24-wordmark .ev{
  color:#f7f7f7 !important;
  -webkit-text-fill-color:#f7f7f7 !important;
}

.evp24-wordmark .play24{
  color:#e8754b !important;
  -webkit-text-fill-color:#e8754b !important;
}


/* ============================================================
   EINHEITLICHES SIDEBAR LOGO
   ============================================================ */

.evp24-side-fixed{
  position:absolute !important;

  top:27px !important;
  left:72px !important;

  width:132px !important;
  max-width:132px !important;

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

  z-index:50 !important;

  pointer-events:none !important;

  overflow:visible !important;
}

.evp24-side-fixed .evp24-wordmark{
  display:flex !important;

  align-items:baseline !important;

  justify-content:flex-start !important;

  width:auto !important;

  min-width:0 !important;

  margin:0 !important;

  padding:0 !important;

  font-size:26px !important;

  font-weight:800 !important;

  letter-spacing:-1.2px !important;

  line-height:1 !important;
}

.evp24-side-fixed .evp24-tagline{
  display:block !important;

  margin-top:8px !important;

  padding:0 !important;

  font-size:9px !important;

  font-weight:700 !important;

  letter-spacing:1.8px !important;

  line-height:1 !important;

  color:#8d9199 !important;

  -webkit-text-fill-color:#8d9199 !important;

  white-space:nowrap !important;
}


/*
 * Alte Runtime-Sidebar-Marke wird nicht mehr
 * für die Positionierung benutzt.
 */

.evp24-sidebar-brand{
  margin-left:0 !important;
}


/* ============================================================
   LOADING / LOGIN
   ============================================================ */

.evp24-loading-brand{
  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  margin-left:auto !important;
  margin-right:auto !important;
}


/*
 * Nur unser neues Symbol.
 */

.evp24-loading-mark{
  display:block !important;

  position:relative !important;

  width:168px !important;
  height:168px !important;

  margin:
    0
    auto
    24px !important;

  padding:0 !important;

  object-fit:contain !important;

  opacity:1 !important;

  visibility:visible !important;

  filter:
    drop-shadow(
      0
      0
      24px
      rgba(232,117,75,.28)
    ) !important;
}


/*
 * Großer Schriftzug.
 */

.evp24-loading-brand .evp24-wordmark{
  display:flex !important;

  justify-content:center !important;

  width:auto !important;

  margin:0 auto !important;

  padding:0 !important;

  font-size:66px !important;

  font-weight:800 !important;

  line-height:1 !important;

  letter-spacing:-3px !important;
}

.evp24-loading-brand
.evp24-wordmark .ev{
  color:#f7f7f7 !important;
  -webkit-text-fill-color:#f7f7f7 !important;
}

.evp24-loading-brand
.evp24-wordmark .play24{
  color:#e8754b !important;
  -webkit-text-fill-color:#e8754b !important;
}


/*
 * MEDIA PLATFORM
 */

.evp24-loading-brand .evp24-tagline{
  margin-top:25px !important;

  color:#9a9da4 !important;

  -webkit-text-fill-color:#9a9da4 !important;

  font-size:11px !important;

  font-weight:700 !important;

  letter-spacing:6px !important;
}


/* ============================================================
   Narrow / Tesla Split Screen
   ============================================================ */

@media
(max-width:1000px),
(max-height:650px){

  .evp24-side-fixed{
    top:22px !important;
    left:64px !important;

    width:125px !important;
  }

  .evp24-side-fixed .evp24-wordmark{
    font-size:22px !important;
  }

  .evp24-side-fixed .evp24-tagline{
    margin-top:6px !important;

    font-size:8px !important;

    letter-spacing:1.5px !important;
  }

  .evp24-loading-mark{
    width:118px !important;
    height:118px !important;

    margin-bottom:16px !important;
  }

  .evp24-loading-brand
  .evp24-wordmark{
    font-size:44px !important;

    letter-spacing:-2px !important;
  }

  .evp24-loading-brand
  .evp24-tagline{
    margin-top:17px !important;

    font-size:8px !important;

    letter-spacing:4px !important;
  }
}


/* EVPLAY24 NATIVE SIDEBAR LOGO V13 */


/* ============================================================
   1. Das zusätzlich erzeugte Runtime-Logo abschalten
   ============================================================ */

.evp24-side-fixed{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* ============================================================
   2. Native Logos wieder sichtbar machen
   ============================================================ */

.logo.evp24-legacy-sidebar-logo,
.brand.evp24-legacy-sidebar-logo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}


/* ============================================================
   3. IPTV native .logo
   ============================================================ */

.logo{
    position:absolute !important;

    top:29px !important;
    left:82px !important;

    width:auto !important;
    min-width:130px !important;

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

    line-height:1 !important;

    z-index:100 !important;

    overflow:visible !important;
}


/* gesamtes EVPlay24 orange */

.logo,
.logo a,
.logo span,
.logo strong,
.logo .white,
.logo .red{
    color:#e8754b !important;

    -webkit-text-fill-color:#e8754b !important;

    background:none !important;
    background-image:none !important;

    text-shadow:none !important;
}


/* Wortmarke */

.logo{
    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif !important;

    font-size:27px !important;

    font-weight:800 !important;

    letter-spacing:-1.3px !important;
}


/* MEDIA PORTAL */

.logo small{
    display:block !important;

    margin-top:9px !important;

    color:#8d9199 !important;

    -webkit-text-fill-color:#8d9199 !important;

    font-size:9px !important;

    font-weight:700 !important;

    letter-spacing:1.9px !important;

    line-height:1 !important;

    white-space:nowrap !important;
}


/* ============================================================
   4. Movies / andere Seiten native .brand
   ============================================================ */

.brand{
    position:absolute !important;

    top:29px !important;
    left:82px !important;

    width:auto !important;
    min-width:130px !important;

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

    z-index:100 !important;

    line-height:1 !important;

    overflow:visible !important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif !important;

    font-size:27px !important;

    font-weight:800 !important;

    letter-spacing:-1.3px !important;
}


.brand,
.brand span,
.brand strong,
.brand a{
    color:#e8754b !important;

    -webkit-text-fill-color:#e8754b !important;

    background:none !important;
    background-image:none !important;

    text-shadow:none !important;
}


.brand small{
    display:block !important;

    margin-top:9px !important;

    color:#8d9199 !important;

    -webkit-text-fill-color:#8d9199 !important;

    font-size:9px !important;

    font-weight:700 !important;

    letter-spacing:1.9px !important;

    line-height:1 !important;

    white-space:nowrap !important;
}


/* ============================================================
   5. Falls alter Legacy-Wrapper versteckt wurde
   ============================================================ */

.logo,
.logo *,
.brand,
.brand *{
    visibility:visible !important;
}


/* ============================================================
   6. Narrow / Tesla Browser
   ============================================================ */

@media
(max-width:1000px),
(max-height:650px){

    .logo,
    .brand{
        top:23px !important;
        left:70px !important;

        font-size:22px !important;

        min-width:115px !important;
    }

    .logo small,
    .brand small{
        margin-top:7px !important;

        font-size:8px !important;

        letter-spacing:1.5px !important;
    }
}


/* EVPLAY24 YOUTUBE LOGO FIX V14 */

body .brand{
    position:absolute !important;

    top:29px !important;
    left:82px !important;

    width:auto !important;
    min-width:130px !important;

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

    z-index:200 !important;

    overflow:visible !important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif !important;

    font-size:27px !important;

    font-weight:800 !important;

    letter-spacing:-1.3px !important;

    line-height:1 !important;

    color:#e8754b !important;

    -webkit-text-fill-color:#e8754b !important;

    background:none !important;

    text-shadow:none !important;
}


body .brand span,
body .brand strong,
body .brand a{
    color:#e8754b !important;

    -webkit-text-fill-color:#e8754b !important;

    background:none !important;

    text-shadow:none !important;
}


body .brand small{
    display:block !important;

    margin-top:9px !important;

    color:#8d9199 !important;

    -webkit-text-fill-color:#8d9199 !important;

    font-size:9px !important;

    font-weight:700 !important;

    letter-spacing:1.9px !important;

    line-height:1 !important;

    white-space:nowrap !important;
}


/* alte zusätzliche Runtime-Marke bleibt aus */
.evp24-side-fixed{
    display:none !important;
}


@media
(max-width:1000px),
(max-height:650px){

    body .brand{
        top:23px !important;
        left:70px !important;

        font-size:22px !important;
    }

    body .brand small{
        margin-top:7px !important;

        font-size:8px !important;

        letter-spacing:1.5px !important;
    }
}


/* EVPLAY24 SIDEBAR FIT V15 */


/* ============================================================
   Sidebar-Logo überall kompakt und innerhalb des Menüs
   ============================================================ */

.logo,
.brand,
.evp24-side-fixed{
    box-sizing:border-box !important;
}


/* zusätzliches Runtime-Logo weiterhin abschalten */

.evp24-side-fixed{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* ============================================================
   Native Logo-Container vereinheitlichen
   ============================================================ */

.logo,
.brand{
    position:absolute !important;

    top:28px !important;
    left:74px !important;

    width:118px !important;
    max-width:118px !important;
    min-width:118px !important;

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

    overflow:hidden !important;

    white-space:nowrap !important;

    z-index:120 !important;

    line-height:1 !important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif !important;

    font-size:23px !important;

    font-weight:800 !important;

    letter-spacing:-1px !important;

    text-align:left !important;

    background:none !important;

    text-shadow:none !important;
}


/* Wortmarke komplett orange */

.logo,
.logo a,
.logo span,
.logo strong,
.logo .white,
.logo .red,

.brand,
.brand a,
.brand span,
.brand strong{

    color:#e8754b !important;

    -webkit-text-fill-color:#e8754b !important;

    background:none !important;
    background-image:none !important;

    text-shadow:none !important;
}


/* MEDIA PORTAL */

.logo small,
.brand small{
    display:block !important;

    width:118px !important;
    max-width:118px !important;

    margin-top:7px !important;

    overflow:hidden !important;

    color:#8d9199 !important;

    -webkit-text-fill-color:#8d9199 !important;

    font-size:8px !important;

    font-weight:700 !important;

    letter-spacing:1.55px !important;

    line-height:1 !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;
}


/* ============================================================
   Legacy-Ausblendung nur für echte Duplikate
   ============================================================ */

.evp24-legacy-sidebar-logo:not(.logo):not(.brand){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* ============================================================
   Hamburger bekommt seinen Platz
   ============================================================ */

[class*="hamburger"],
.menuToggle,
.menuBtn,
.menuButton{
    z-index:150 !important;
}


/* ============================================================
   Sidebar-Inhalt darf nicht horizontal überlaufen
   ============================================================ */

.sidebar,
.drawer,
aside,
[class*="sidebar"],
[class*="drawer"]{
    overflow-x:hidden !important;
}


/* ============================================================
   Kleinere Ansicht
   ============================================================ */

@media
(max-width:1000px),
(max-height:650px){

    .logo,
    .brand{
        top:23px !important;
        left:67px !important;

        width:108px !important;
        max-width:108px !important;
        min-width:108px !important;

        font-size:20px !important;

        letter-spacing:-.8px !important;
    }

    .logo small,
    .brand small{
        width:108px !important;
        max-width:108px !important;

        margin-top:6px !important;

        font-size:7px !important;

        letter-spacing:1.3px !important;
    }
}


/* EVPLAY24 SIDEBAR FIT V16 */


/* ------------------------------------------------------------
   Zusatz-/Runtime-Logo komplett aus
   ------------------------------------------------------------ */

.evp24-side-fixed{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* ------------------------------------------------------------
   Native EVPlay24 Wortmarke
   ------------------------------------------------------------ */

.logo,
.brand{
    position:absolute !important;

    top:31px !important;
    left:84px !important;

    width:108px !important;
    max-width:108px !important;
    min-width:108px !important;

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

    overflow:visible !important;

    white-space:nowrap !important;

    z-index:120 !important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif !important;

    font-size:21px !important;

    font-weight:800 !important;

    letter-spacing:-0.8px !important;

    line-height:1 !important;

    text-align:left !important;

    background:none !important;

    text-shadow:none !important;
}


/* alles orange */

.logo,
.logo a,
.logo span,
.logo strong,
.logo .white,
.logo .red,

.brand,
.brand a,
.brand span,
.brand strong{
    color:#e8754b !important;

    -webkit-text-fill-color:#e8754b !important;

    background:none !important;
    background-image:none !important;

    text-shadow:none !important;
}


/* MEDIA PORTAL */

.logo small,
.brand small{
    display:block !important;

    width:108px !important;

    margin-top:7px !important;

    padding:0 !important;

    color:#8d9199 !important;

    -webkit-text-fill-color:#8d9199 !important;

    font-size:7px !important;

    font-weight:700 !important;

    letter-spacing:1.35px !important;

    line-height:1 !important;

    white-space:nowrap !important;

    overflow:visible !important;
}


/* ------------------------------------------------------------
   echte Duplikate ausblenden
   ------------------------------------------------------------ */

.evp24-legacy-sidebar-logo:not(.logo):not(.brand){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* ------------------------------------------------------------
   Sidebar selbst nicht überlaufen lassen
   ------------------------------------------------------------ */

.sidebar,
.drawer,
aside,
[class*="sidebar"],
[class*="drawer"]{
    overflow-x:hidden !important;
}


/* ------------------------------------------------------------
   Hamburger immer davor
   ------------------------------------------------------------ */

.menuToggle,
.menuBtn,
.menuButton,
[class*="hamburger"]{
    z-index:200 !important;
}


/* ------------------------------------------------------------
   Narrow View
   ------------------------------------------------------------ */

@media
(max-width:1000px),
(max-height:650px){

    .logo,
    .brand{
        top:26px !important;
        left:72px !important;

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

        font-size:18px !important;

        letter-spacing:-0.5px !important;
    }

    .logo small,
    .brand small{
        width:100px !important;

        margin-top:6px !important;

        font-size:6.5px !important;

        letter-spacing:1.1px !important;
    }
}


/* EVPLAY24 SIDEBAR FINAL V17 */


/* ============================================================
   Zusätzliche alte Runtime-Logos komplett deaktivieren
   ============================================================ */

.evp24-side-fixed,
.evp24-sidebar-brand{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* ============================================================
   Erkannte Sidebar
   ============================================================ */

.evp24-sidebar-root{
    box-sizing:border-box !important;

    overflow-x:hidden !important;
}


/* ============================================================
   EIN einziges natives EVPlay24 Logo
   WICHTIG:
   NICHT absolute positioniert.
   Dadurch bleiben die Menüeinträge darunter.
   ============================================================ */

.evp24-sidebar-root .evp24-native-brand{

    position:relative !important;

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

    display:block !important;

    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;

    height:49px !important;
    min-height:49px !important;

    box-sizing:border-box !important;

    margin:
        27px
        0
        23px
        82px !important;

    padding:0 !important;

    overflow:visible !important;

    z-index:20 !important;

    white-space:nowrap !important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    line-height:1 !important;

    background:none !important;

    transform:none !important;
}


/* Wortmarke */

.evp24-native-brand .evp24-native-word{

    display:block !important;

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

    color:#e8754b !important;
    -webkit-text-fill-color:#e8754b !important;

    font-size:22px !important;
    font-weight:800 !important;

    line-height:24px !important;

    letter-spacing:-0.8px !important;

    background:none !important;
    background-image:none !important;

    text-shadow:none !important;
}


/* MEDIA PORTAL */

.evp24-native-brand .evp24-native-sub{

    display:block !important;

    margin-top:8px !important;

    padding:0 !important;

    color:#8d9199 !important;
    -webkit-text-fill-color:#8d9199 !important;

    font-size:7px !important;

    font-weight:700 !important;

    line-height:8px !important;

    letter-spacing:1.45px !important;

    text-transform:uppercase !important;

    background:none !important;

    white-space:nowrap !important;
}


/* ============================================================
   Alte native Logo-Kinder nicht mehr einzeln stylen
   ============================================================ */

.evp24-native-brand span,
.evp24-native-brand strong,
.evp24-native-brand a,
.evp24-native-brand small{

    background:none !important;
    background-image:none !important;

    text-shadow:none !important;
}


/* ============================================================
   Erste Navigation nicht unter das Logo ziehen
   ============================================================ */

.evp24-sidebar-root .evp24-first-menu-item{

    margin-top:0 !important;
}


/* ============================================================
   Hamburger bleibt unabhängig oben links
   ============================================================ */

.evp24-sidebar-root .menuToggle,
.evp24-sidebar-root .menuBtn,
.evp24-sidebar-root .menuButton,
.evp24-sidebar-root [class*="hamburger"]{

    position:absolute !important;

    top:18px !important;
    left:18px !important;

    z-index:100 !important;
}


/* ============================================================
   Narrow / Tesla Split View
   ============================================================ */

@media
(max-width:1000px),
(max-height:650px){

    .evp24-sidebar-root .evp24-native-brand{

        width:108px !important;
        min-width:108px !important;
        max-width:108px !important;

        height:44px !important;
        min-height:44px !important;

        margin:
            22px
            0
            19px
            70px !important;
    }

    .evp24-native-brand .evp24-native-word{

        font-size:19px !important;

        line-height:21px !important;

        letter-spacing:-0.6px !important;
    }

    .evp24-native-brand .evp24-native-sub{

        margin-top:6px !important;

        font-size:6.5px !important;

        letter-spacing:1.15px !important;
    }
}


/* EVPLAY24 SIDEBAR TUNE V18 */

/*
 * Logo etwas höher und etwas näher
 * an den Hamburger.
 */

.evp24-sidebar-root .evp24-native-brand{
    margin:
        20px
        0
        22px
        72px !important;

    width:120px !important;
    min-width:120px !important;
    max-width:120px !important;
}


/* Wortmarke minimal grösser lassen */

.evp24-native-brand .evp24-native-word{
    font-size:22px !important;
    line-height:23px !important;
}


/* MEDIA PORTAL etwas kompakter */

.evp24-native-brand .evp24-native-sub{
    margin-top:6px !important;
}


/* Narrow / Tesla Split */

@media
(max-width:1000px),
(max-height:650px){

    .evp24-sidebar-root .evp24-native-brand{
        margin:
            17px
            0
            18px
            64px !important;

        width:108px !important;
        min-width:108px !important;
        max-width:108px !important;
    }
}


/* EVPLAY24 LOGO POSITION V19 */

/*
   Logo näher an Hamburger:
   - weiter links
   - weiter hoch
*/

.evp24-sidebar-root .evp24-native-brand{
    margin:
        12px
        0
        22px
        60px !important;
}


/* Tesla / schmaler Bildschirm */

@media
(max-width:1000px),
(max-height:650px){

    .evp24-sidebar-root .evp24-native-brand{
        margin:
            11px
            0
            18px
            56px !important;
    }
}