/* Header-Variante nach Vorlage: Logo links, Menü zentriert und größer, Button + Social rechts.
   Aktivieren: in index.html nach style.css einbinden:
   <link rel="stylesheet" href="css/header-vorlage.css">   (zum Zurückwechseln Zeile entfernen) */
.nav{height:72px;gap:clamp(14px,1.8vw,30px)}
.logo{font-size:1.7rem}
.logo i{width:44px;height:44px}
nav{flex:1;margin:0;justify-content:center;gap:clamp(12px,1.7vw,34px);font-size:clamp(.85rem,1.05vw,1rem);letter-spacing:.03em}
nav a{padding:6px 0;border-bottom:2px solid transparent}
nav a.on{color:#ff4b52;border-bottom-color:#ff4b52}
.soc a{width:26px;height:26px}
@media(max-width:1180px){
  .menu{display:block}
  nav{display:none;flex:none;position:absolute;top:72px;left:0;right:0;background:#0d0b0a;flex-direction:column;align-items:flex-start;padding:16px clamp(16px,3.5vw,56px);gap:14px;font-size:1rem}
  nav.open{display:flex}
  .nav .btn,.nav .soc{display:none}
}