/* nav-footer.css – groessere Navigation oben und groesserer Footer (Benny, 2026-10-26: "geht sonst unter").
   Gilt fuer Studio und Live gleich. Als letzte Stylesheet-Datei laden. */

/* ===== Navigation oben (Desktop) ===== */
@media (min-width:901px){
  body .nav__inner{ height:76px; gap:20px; }
  body .nav__social{ gap:14px; }
  body .nav__ic{ width:40px; height:40px; }
  body .nav__ic svg{ width:20px; height:20px; }
  body .nav__mode{ height:42px; }
  body .nav__mode-link{ font-size:clamp(.75rem,.5rem + .35vw,.875rem); padding:0 16px; }
  body.page-studio .nav__links,body.page-live .nav__links{ gap:clamp(14px,1.5vw,26px); }
  body.page-studio .nav__links a,body.page-live .nav__links a{ font-size:clamp(.75rem,.4rem + .5vw,.9rem); letter-spacing:.16em; }
  body.page-studio .nav__lang .lang,body.page-live .lang{ font-size:clamp(.75rem,.5rem + .3vw,.85rem); }
}
@media (min-width:901px) and (max-width:1100px){
  body .nav__inner{ gap:14px; }
  body .nav__ic{ width:34px; height:34px; }
  body .nav__ic svg{ width:18px; height:18px; }
  body.page-studio .nav__links,body.page-live .nav__links{ gap:12px; }
  body.page-studio .nav__links a,body.page-live .nav__links a{ letter-spacing:.12em; }
}

/* ===== Footer ===== */
body .footer__social{ gap:18px; margin-bottom:24px; }
body .footer .nav__ic{ width:48px; height:48px; }
body .footer .nav__ic svg{ width:22px; height:22px; }
body.page-studio .footer__links a,body.page-live .footer__links a{ font-size:1rem; letter-spacing:.06em; color:#c4c4c4; padding:6px 0; }
body.page-studio .footer__links a:hover,body.page-live .footer__links a:hover{ color:#fff; }
body.page-studio .footer__copy,body.page-live .footer__copy{ font-size:.9375rem; color:#a8a8a8; }