/* ---------- Header ---------- */
.site-header{
  border-bottom: 1px solid transparent;
  transition:
    background-color calc(.22s * var(--motion-mult)) var(--ease),
    border-color calc(.22s * var(--motion-mult)) var(--ease),
    box-shadow calc(.22s * var(--motion-mult)) var(--ease),
    backdrop-filter calc(.22s * var(--motion-mult)) var(--ease),
    -webkit-backdrop-filter calc(.22s * var(--motion-mult)) var(--ease);
}

/* Progress */
.scroll-progress{ height:3px; background:transparent; }
.scroll-progress__bar{
  display:block; height:3px; width:0%;
  background: linear-gradient(90deg, rgba(249,178,51,9), rgba(249,178,51,.95), rgba(249,178,0,0));
}

/* Navbar padding */
.site-header .navbar{
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: padding calc(.22s * var(--motion-mult)) var(--ease);
}

/* Logo */
.brand-logo{
/*  width:40px; */
    height:60px;
  border-radius:.75rem;
  transition:
    width calc(.22s * var(--motion-mult)) var(--ease),
    height calc(.22s * var(--motion-mult)) var(--ease),
    transform calc(.22s * var(--motion-mult)) var(--ease);
}

/* Glass mode */
.site-header.is-glass{
  background: var(--glass-bg);
  border-color: var(--glass-border);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.site-header.is-glass .nav-link,
.site-header.is-glass .navbar-brand,
.site-header.is-glass .brand-name{ color: var(--glass-text) !important; }
.site-header.is-glass .nav-link:hover{ color:#fff !important; }
.site-header.is-glass .navbar-toggler{ border-color: rgba(255,255,255,.35); }
.site-header.is-glass .navbar-toggler-icon{ filter: invert(1) contrast(1.2); }

/* Solid mode */
.site-header.is-solid{
  background: var(--solid-bg);
  border-color: var(--solid-border);
  box-shadow: 0 .35rem 1.25rem rgba(0,0,0,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header.is-solid .nav-link,
.site-header.is-solid .navbar-brand,
.site-header.is-solid .brand-name{ color: var(--solid-text) !important; }
.site-header.is-solid .nav-link:hover{ color:#000 !important; }
.site-header.is-solid .navbar{ padding-top:.55rem; padding-bottom:.55rem; }
.site-header.is-solid .brand-logo{ height:40px; transform: translateY(-1px); }

/* ---------- Mega Dropdown ---------- */
.dropdown-mega .dropdown-menu{
  width: min(760px, calc(100vw - 2rem));
  border-radius: var(--radius-xl);
  overflow:hidden;
}
.mega{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
}
.mega__col{ padding: 1rem; }
.mega__title{
  margin:.25rem 0 .75rem;
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.78;
}
.mega__link{
  display:block;
  padding:.75rem .75rem;
  border-radius:.95rem;
  text-decoration:none;
  transition: transform var(--tilt-dur) var(--ease), background-color var(--tilt-dur) var(--ease);
}
.mega__link-title{ display:block; font-weight:800; }
.mega__link-meta{ display:block; font-size:1rem; opacity:.75; font-weight:500;}

.mega__chips{ display:flex; flex-wrap:wrap; gap:.5rem; }
.mega__chip{
  display:inline-flex;
  align-items:center;
  padding:.45rem .7rem;
  border-radius:999px;
  text-decoration:none;
  font-size:.9rem;
  border:1px solid rgba(255,255,255,.18);
  transition: transform var(--tilt-dur) var(--ease), background-color var(--tilt-dur) var(--ease);
}

.mega__card{
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,.18);
}
.mega__card-title{ font-weight:900; margin:0 0 .25rem; }
.mega__card-text{ margin:0 0 .75rem; opacity:.8; }

/* Glass dropdown look */
.site-header.is-glass .dropdown-menu{
  background: rgba(18,18,18,.94);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,.24);
}
.site-header.is-glass .mega__title{ color: rgba(255,255,255,.75); }
.site-header.is-glass .mega__link{ color: rgba(255,255,255,.92); }
.site-header.is-glass .mega__link:hover{ background: rgba(255,255,255,.10); transform: translateY(-1px); }
.site-header.is-glass .mega__chip{ color: rgba(255,255,255,.92); }
.site-header.is-glass .mega__chip:hover{ background: rgba(255,255,255,.10); transform: translateY(-1px); }
.site-header.is-glass .mega__card{ background: rgba(255,255,255,.06); color: rgba(255,255,255,.92); }

/* Solid dropdown look */
.site-header.is-solid .dropdown-menu{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,.10);
}
.site-header.is-solid .mega__title{ color: rgba(0,0,0,.55); }
.site-header.is-solid .mega__link{ color: rgba(0,0,0,.92); }
.site-header.is-solid .mega__link:hover{ background: rgba(0,0,0,.05); transform: translateY(-1px); }
.site-header.is-solid .mega__chip{ color: rgba(0,0,0,.92); border-color: rgba(0,0,0,.12); }
.site-header.is-solid .mega__chip:hover{ background: rgba(0,0,0,.05); transform: translateY(-1px); }
.site-header.is-solid .mega__card{ background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.10); color: rgba(0,0,0,.92); }

@media (max-width: 991.98px){
  .mega{ grid-template-columns: 1fr; }
}
.navbar .navbar-brand{ min-width:0; }
.navbar .brand-logo{ display:block; height:auto; max-width:min(180px, 70vw); }



/* Mobile: aufgeklapptes Menü (collapse) wie Desktop-Scroll-State dunkel */
@media (max-width: 991.98px){
  /* gesamter aufgeklappter Bereich */
  .site-header .navbar-collapse{
    margin-top: .75rem;
    border-radius: 16px;
    padding: .75rem .75rem;
    background: var(--tcmx-dark2);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 22px 70px rgba(0,0,0,.32);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  /* Links im mobilen Panel lesbar */
  .site-header .navbar-collapse .nav-link{
    color: rgba(255,255,255,.92);
  }
  .site-header .navbar-collapse .nav-link:hover{
    color: #fff !important;
  }

  /* Dropdown/Mega im mobilen Panel: kein weißer Dropdown-Block */
  .site-header .navbar-collapse .dropdown-menu{
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: .5rem;
  }

  /* Mega-Container selbst dunkel (falls er als eigener Block gerendert wird) */
  .site-header .navbar-collapse .mega{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    padding: .75rem;
  }

  /* Mega-Texte */
  .site-header .navbar-collapse .mega__title,
  .site-header .navbar-collapse .mega__link-title{
    color: rgba(255,255,255,.92);
  }
  .site-header .navbar-collapse .mega__link-meta{
    color: rgba(255,255,255,.68);
  }
  .site-header .navbar-collapse .mega__link:hover .mega__link-title{
    color: #fff;
  }

  /* Chips */
  .site-header .navbar-collapse .mega__chip{
    color: rgba(255,255,255,.86);
    border-color: rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
  }

  /* Card im Mega */
  .site-header .navbar-collapse .mega__card{
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.12);
  }
  .site-header .navbar-collapse .mega__card-title{
    color: rgba(255,255,255,.92);
  }
  .site-header .navbar-collapse .mega__card-text{
    color: rgba(255,255,255,.70);
  }
}

/* Mobile: nur WENN Menü geöffnet ist (kein Scroll-State!), dunkler Panel-Hintergrund */
@media (max-width: 991.98px){

  /* gesamtes aufgeklapptes Menü-Panel */
  .site-header .navbar-collapse.show,
  .site-header .navbar-collapse.collapsing{
    margin-top: .75rem;
    border-radius: 16px;
    padding: .75rem;
    background: var(--tcmx-dark2);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 22px 70px rgba(0,0,0,.32);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  /* Dropdown: kein weißes Bootstrap-Dropdown-Panel im Collapse */
  .site-header .navbar-collapse.show .dropdown-menu,
  .site-header .navbar-collapse.collapsing .dropdown-menu{
    background: transparent;
    border: 0;
    margin-top: .5rem;
    padding: 0;
  }

  /* Mega-Wrapper selbst wie Desktop „dunkel“ */
  .site-header .navbar-collapse.show .mega,
  .site-header .navbar-collapse.collapsing .mega{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    padding: .75rem;
  }

.site-header.is-solid .nav-link, .site-header.is-solid .navbar-brand, .site-header.is-solid .brand-name {
    color: rgba(255,255,255,.86) !important;
}
.site-header.is-glass {
    background: rgba(0,0,0,.32);;
    border-color: var(--glass-border);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

}