/* ══════════════════════════════════════════════════════════════════════════
   LUFTRAUMWERK — STRUKTUREBENE (Phase S2, 19.08.2026)
   Hauptnavigation, Brotkrumen und Fussbereich fuer ALLE Seiten.
   Bewusst neutral gehalten: das ist keine neue Art Direction, sondern die
   fehlende Seitenstruktur. Alle Klassen tragen .lws- und koennen mit keiner
   bestehenden Seitenklasse kollidieren.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --lws-dark:#0A0A0A; --lws-line:rgba(255,255,255,.14);
  --lws-text:#E4E4E4; --lws-muted:#9A9A96; --lws-acid:#E8FF00;
  --lws-kopf:58px;
}
.lws-kopf,.lws-kopf *,.lws-fuss,.lws-fuss *,.lws-krume,.lws-krume *{box-sizing:border-box}

/* ── Hauptnavigation ───────────────────────────────────────────────────── */
.lws-kopf{
  /* Auf Seiten mit gefiltertem oder transformiertem Vorfahren richtet sich ein
     festes Element nicht am Fenster aus. Die Bindung an die Fensterbreite
     verhindert, dass die Kopfleiste einen fremden Ueberlauf uebernimmt. */
  position:fixed;top:0;left:0;right:auto;width:100vw;max-width:100%;
  z-index:9500;height:var(--lws-kopf);
  display:flex;align-items:center;gap:clamp(10px,2vw,30px);
  padding:0 clamp(14px,3vw,42px);
  background:rgba(10,10,10,.82);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--lws-line);
  font-family:'Manrope',system-ui,-apple-system,sans-serif;
}
.lws-kopf__marke{
  flex:none;font-weight:700;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;
}
.lws-kopf__marke b{color:var(--lws-acid);font-weight:700}
.lws-nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,26px);margin-left:auto}
.lws-nav a{
  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--lws-muted);text-decoration:none;padding:5px 0;
  border-bottom:1px solid transparent;transition:color .3s,border-color .3s;
}
.lws-nav a:hover,.lws-nav a:focus-visible,.lws-nav a[aria-current="page"]{
  color:#fff;border-bottom-color:var(--lws-acid)}
.lws-cta{
  flex:none;display:inline-flex;align-items:center;height:34px;padding:0 16px;
  background:var(--lws-acid);color:#0A0A0A;text-decoration:none;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.lws-cta:hover,.lws-cta:focus-visible{background:#fff}
.lws-burger{display:none;margin-left:auto;width:36px;height:36px;
  align-items:center;justify-content:center;background:none;border:0;cursor:pointer}
.lws-burger span{display:block;width:19px;height:1px;background:#fff;position:relative}
.lws-burger span::before,.lws-burger span::after{content:'';position:absolute;left:0;
  width:19px;height:1px;background:#fff}
.lws-burger span::before{top:-6px}.lws-burger span::after{top:6px}
@media(max-width:900px){
  .lws-nav,.lws-cta{display:none}
  .lws-burger{display:flex}
  .lws-menue.auf .lws-nav{
    display:flex;position:fixed;inset:var(--lws-kopf) 0 auto 0;
    flex-direction:column;align-items:flex-start;gap:0;
    background:var(--lws-dark);border-bottom:1px solid var(--lws-line);
    padding:6px clamp(14px,3vw,42px) 18px;z-index:9490}
  .lws-menue.auf .lws-nav a{width:100%;padding:13px 0;font-size:13px;
    border-bottom:1px solid rgba(255,255,255,.07)}
  .lws-menue.auf .lws-cta{display:inline-flex;position:fixed;z-index:9491;
    left:clamp(14px,3vw,42px);right:clamp(14px,3vw,42px);
    top:calc(var(--lws-kopf) + 6px + 5*46px);justify-content:center;height:44px}
}
/* Der fixe Kopf ueberlagert Vollbild-Heros bewusst. Seiten ohne Hero
   bekommen den Platz per Klasse reserviert — so wird keine bestehende
   Vollbild-Komposition verschoben. */
body.lws-pad{padding-top:var(--lws-kopf)}

/* ── Brotkrumen ────────────────────────────────────────────────────────── */
.lws-krume{
  font-family:'Manrope',system-ui,sans-serif;font-size:11px;letter-spacing:.1em;
  color:var(--lws-muted);padding:14px clamp(14px,3vw,42px);
  background:var(--lws-dark);border-bottom:1px solid rgba(255,255,255,.07);
}
.lws-krume ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lws-krume li::after{content:'›';margin-left:8px;opacity:.5}
.lws-krume li:last-child::after{content:''}
.lws-krume a{color:var(--lws-muted);text-decoration:none}
.lws-krume a:hover{color:var(--lws-acid)}
.lws-krume [aria-current="page"]{color:var(--lws-text)}

/* ── Fussbereich mit vollstaendiger Sitemap ────────────────────────────── */
.lws-fuss{
  max-width:100%;overflow-x:clip;
  background:var(--lws-dark);color:var(--lws-text);
  font-family:'Manrope',system-ui,sans-serif;
  border-top:1px solid var(--lws-line);
  padding:clamp(40px,6vh,72px) clamp(14px,3vw,42px) clamp(26px,4vh,44px);
}
.lws-fuss__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:clamp(20px,3vw,48px);width:100%;max-width:1400px;margin:0 auto}
.lws-fuss__grid>div{min-width:0}
.lws-fuss__unten{width:100%}
.lws-fuss h2{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--lws-acid)}
.lws-fuss ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lws-fuss a{font-size:13px;color:var(--lws-muted);text-decoration:none;transition:color .3s}
.lws-fuss a:hover,.lws-fuss a:focus-visible{color:#fff}
.lws-fuss__unten{max-width:1400px;margin:clamp(26px,4vh,46px) auto 0;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  justify-content:space-between;font-size:12px;color:#7C7C7C}
.lws-fuss__recht{display:flex;flex-wrap:wrap;gap:16px}
@media(prefers-reduced-motion:reduce){
  .lws-kopf *,.lws-fuss *{transition-duration:.01ms !important}
}