/* kenmedia.tr v5 — transparenter Header ueber dem Hero, weisses Logo.
   Ab ~24px Scrollen: dunkler, leicht transparenter Hintergrund mit Blur (Stil nach Referenz). */
.header--overlay{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:1px solid transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease}
.header--overlay.is-scrolled,.header--overlay.menu-open{background:rgba(11,12,16,.86);border-bottom-color:rgba(255,255,255,.08);
  backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
@supports not (backdrop-filter:blur(1px)){.header--overlay.is-scrolled,.header--overlay.menu-open{background:rgba(11,12,16,.97)}}
.header--overlay .nav a{color:#D2D6DC}
.header--overlay .nav a:hover,.header--overlay .nav a[aria-current]{color:#fff;background:rgba(255,255,255,.08)}
.header--overlay .h-tel{color:#fff}
.header--overlay .h-tel svg{color:var(--blue-lt)}
.header--overlay .menu-btn{color:#fff;border-color:rgba(255,255,255,.4)}
.header--overlay :focus-visible{outline-color:var(--blue-lt)}
/* Mobilmenue passend dunkel */
.drawer--dark{background:var(--dark);color:var(--on-dark)}
.drawer--dark li a{border-bottom-color:var(--line-d)}
.drawer--dark .btn-ghost{border-color:var(--line-d2);color:var(--on-dark)}
/* Hero beginnt unter dem Header */
.vhero{padding-top:calc(var(--header-h) + 96px);min-height:min(100vh,940px)}
@media (max-width:767px){.vhero{padding-top:calc(var(--header-h) + 56px)}}