/*
  RodPlek 1.5c: einfacher kompakter Header.
  Die Anordnung aus 1.5a bleibt erhalten; nur Breite und Groesse reagieren auf
  die bereits vorhandene Scroll-Klasse body.is-scrolled.
*/

@media (min-width:768px){
  .site-header{
    width:min(calc(100% - 32px), 1280px);
    margin-inline:auto;
    border-radius:0 0 18px 18px;
  }
}

.site-header{
  transition:height .24s ease, box-shadow .24s ease !important;
}

.header-inner,
.brand-lockup,
.logo-gif,
.brand-copy strong,
.brand-copy span,
.site-nav,
.site-nav a,
.header-actions .icon-btn{
  transition:
    height .24s ease,
    width .24s ease,
    min-width .24s ease,
    padding .24s ease,
    gap .24s ease,
    font-size .24s ease,
    transform .24s ease;
}

/* Desktop: Werte des frueheren kompakten RodPlek-Headers. */
@media (min-width:981px){
  body.is-scrolled .site-header{
    height:62px !important;
  }

  body.is-scrolled .header-inner{
    gap:18px;
  }

  body.is-scrolled .brand-lockup{
    gap:10px;
  }

  body.is-scrolled .logo-gif{
    height:50px !important;
  }

  body.is-scrolled .brand-copy strong{
    font-size:1.08rem;
  }

  body.is-scrolled .brand-copy span{
    font-size:.76rem;
  }

  body.is-scrolled .site-nav{
    gap:7px !important;
  }

  body.is-scrolled .site-nav a{
    min-width:92px;
    padding:7px 12px !important;
    font-size:.9rem !important;
  }
}

/* Tablet: gleiche Anordnung, nur kompaktere Abmessungen. */
@media (min-width:768px) and (max-width:980px){
  body.is-scrolled .site-header{
    height:62px !important;
  }

  body.is-scrolled .header-inner{
    gap:9px;
  }

  body.is-scrolled .brand-lockup{
    gap:8px;
  }

  body.is-scrolled .logo-gif{
    height:44px !important;
  }

  body.is-scrolled .brand-copy strong{
    font-size:.96rem;
  }

  body.is-scrolled .brand-copy span{
    font-size:.7rem;
  }

  body.is-scrolled .header-actions{
    gap:7px;
  }

  body.is-scrolled .header-actions .icon-btn{
    width:40px;
    height:40px;
    border-radius:12px;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header,
  .header-inner,
  .brand-lockup,
  .logo-gif,
  .brand-copy strong,
  .brand-copy span,
  .site-nav,
  .site-nav a,
  .header-actions .icon-btn{
    transition:none !important;
  }
}