/* Gemeinsame Kopfzeile + Fuss – wird auf jeder Seite NACH den Seitenstilen geladen.
   Farben stammen aus dem TBE-Logo: Anthrazit und Gold. */
:root{
  --ink:#17191b;--ink2:#202326;--ink3:#2b2f33;
  --gold:#c9a05e;--gold-hi:#d9b26f;--gold-text:#8a6624;
  --paper:#f4f4f2;--white:#fff;--muted:#5a6066;--line:#d8dad9;--line-dark:rgba(255,255,255,.14);
  --nav-h:76px;
  --head:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
nav.topnav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 max(5%,env(safe-area-inset-left));background:var(--ink);border-bottom:1px solid var(--line-dark);backdrop-filter:none}
nav.topnav .logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
nav.topnav .logo img{height:56px;width:auto;display:block}
nav.topnav .nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}
nav.topnav .nav-links a{font-family:var(--body);font-size:.84rem;font-weight:500;letter-spacing:.02em;color:#c9ced3;text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent;opacity:1;transition:color .15s,border-color .15s}
nav.topnav .nav-links a:hover{color:#fff}
nav.topnav .nav-links a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold);font-weight:600}
nav.topnav .nav-tel{display:flex;align-items:center;gap:.55rem;background:var(--gold);color:var(--ink);font-family:var(--body);font-weight:700;font-size:.86rem;padding:.55rem 1.15rem;border-radius:3px;text-decoration:none;white-space:nowrap;min-height:44px;transition:background .15s}
nav.topnav .nav-tel:hover{background:var(--gold-hi);transform:none}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line-dark);border-radius:3px;width:44px;height:44px;cursor:pointer;color:#fff;align-items:center;justify-content:center}
.nav-toggle svg{width:22px;height:22px}
.nav-right{display:flex;align-items:center;gap:.6rem}

@media(max-width:1020px){
  nav.topnav{padding:0 4%}
  .nav-toggle{display:flex}
  nav.topnav .nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;background:var(--ink2);border-bottom:1px solid var(--line-dark);padding:.3rem 4% 1rem}
  nav.topnav.open .nav-links{display:flex}
  nav.topnav .nav-links a{display:block;padding:1rem 0;font-size:1rem;border-bottom:1px solid var(--line-dark)}
  nav.topnav .nav-links li:last-child a{border-bottom:0}
  nav.topnav .nav-links a[aria-current="page"]{border-bottom-color:var(--line-dark);color:var(--gold)}
}
@media(max-width:480px){
  :root{--nav-h:64px}
  nav.topnav .logo img{height:46px}
  nav.topnav .nav-tel .nav-tel-text{display:none}
  nav.topnav .nav-tel{padding:.5rem .8rem}
}

footer.site-footer{background:var(--ink);color:#aeb4ba;padding:3.5rem 5% 2rem;font-family:var(--body);font-size:.9rem;border-top:3px solid var(--gold)}
footer.site-footer .foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.4rem}
footer.site-footer h4{color:#fff;font-family:var(--head);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.9rem;font-weight:600}
footer.site-footer a{color:#d4d8dc;text-decoration:none}
footer.site-footer a:hover{color:var(--gold)}
footer.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}
footer.site-footer .foot-logo{height:64px;width:auto;margin-bottom:1rem;display:block}
footer.site-footer .foot-bottom{max-width:1200px;margin:2.4rem auto 0;padding-top:1.2rem;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#8a9097}
@media(max-width:760px){footer.site-footer .foot-grid{grid-template-columns:1fr}footer.site-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}
mark.todo{background:#fde047;color:#422006;padding:.05em .35em;border-radius:2px;font-weight:700}