/* Kopfzeile identisch auf jeder Seite (Gman 28.10. 23:17): Referenz = Startseite, ab 900 px */
@media (min-width:900px){
html body .menue{background:#F6F1E8!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .menue .menue-innen{gap:10px!important}
html body .menue .menue-innen>*{flex:0 0 auto}
html body .menue .menue-logo{text-decoration:none!important;background-image:linear-gradient(#A3421D,#A3421D)!important;background-repeat:no-repeat!important;background-position:0 calc(100% - 2px)!important;background-size:0 1.5px!important;transition:background-size .25s ease}
html body .menue .menue-logo:is(:hover,:focus-visible,:active){background-size:100% 1.5px!important}
html body .menue .menue-nav{gap:20px!important;margin-left:0!important;height:44px}
html body .menue .menue-nav a.tl{font-size:16px!important;line-height:1.2!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:0!important;margin:0!important;white-space:nowrap;border-bottom:0!important;text-decoration:none!important;position:relative}
html body .menue .menue-nav a.tl.aktiv::after{content:none!important}
html body .menue a.menue-tel{font-family:Satoshi,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important}
}

/* 30.10.2026: Navigation links, WhatsApp nur als Zeichen, Festnetz mit Nummer. */
html body .menue a.menue-wa,
html body .menue a.menue-fest{
  display:inline-flex;align-items:center;justify-content:center;
  color:#122E4D;text-decoration:none;box-sizing:border-box;
}
html body .menue a.menue-wa{
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin-left:auto;
}
html body .menue a.menue-fest{
  gap:8px;min-height:44px;margin-left:12px;padding:0;
  font-family:Satoshi,sans-serif;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;
}
html body .menue a.menue-wa svg,
html body .menue a.menue-fest svg{width:22px;height:22px;flex:none;display:block}
@media (max-width:1099px){
  /* K7 2026-11-11: Hauptnummer 071 auch mobil oben sichtbar (076 bleibt nur WhatsApp) */
  html body .menue a.menue-fest{display:inline-flex!important;align-items:center;gap:6px;margin-left:6px!important;color:#122E4D;text-decoration:none;font-size:15px}
  html body .menue a.menue-fest .mt-nr{display:none!important}
  html body .menue a.menue-fest::after{content:"071 558 50 50"}
  html body .menue a.menue-wa{display:inline-flex!important;margin-left:auto!important;border:0!important;border-radius:0!important}
}
@media (min-width:1100px){
  html body .menue .menue-nav{flex:1 1 auto!important;justify-content:center;margin-left:0!important;gap:20px!important}
  html body .menue a.menue-wa{display:inline-flex!important;margin-left:0!important}
  html body .menue a.menue-fest{display:inline-flex!important;width:44px;min-width:44px;margin-left:4px}
  html body .menue a.menue-fest .mt-nr{display:none!important}
}
html body .mobilpanel .mp-kontakt{display:flex;align-items:center;gap:18px;flex:0 0 auto}
html body .mobilpanel .mp-wa,
html body .mobilpanel .mp-fest{display:inline-flex;align-items:center;color:#122E4D;text-decoration:none;min-height:44px}
html body .mobilpanel .mp-wa{justify-content:center;width:44px}
html body .mobilpanel .mp-fest{gap:8px;font-family:Satoshi,sans-serif;font-weight:600;font-size:18px}
html body .mobilpanel .mp-wa svg,
html body .mobilpanel .mp-fest svg{width:26px;height:26px;flex:none;display:block}

/* Ein Strich für den ganzen Kopf: Terracotta, wächst beim Hover, bleibt auf der aktuellen Seite. Text bleibt navy. */
html body .menue .menue-logo,
html body .menue .menue-nav a.tl,
html body .menue a.menue-wa,
html body .menue a.menue-fest,
html body .mobilpanel .mp-wa,
html body .mobilpanel .mp-fest{
  color:#122E4D!important;
  text-decoration:none!important;
  background-image:linear-gradient(#A3421D,#A3421D)!important;
  background-repeat:no-repeat!important;
  background-position:0 calc(100% - 2px)!important;
  background-size:0 1.5px!important;
  transition:background-size .25s ease;
}
html body .menue .menue-logo:is(:hover,:focus-visible),
html body .menue .menue-nav a.tl:is(:hover,:focus-visible),
html body .menue .menue-nav a.tl.aktiv,
html body .menue .menue-nav a.tl[aria-current=page],
html body .menue a.menue-wa:is(:hover,:focus-visible),
html body .menue a.menue-fest:is(:hover,:focus-visible),
html body .mobilpanel .mp-wa:is(:hover,:focus-visible),
html body .mobilpanel .mp-fest:is(:hover,:focus-visible){
  background-size:100% 1.5px!important;
  color:#122E4D!important;
}

/* 30.10.2026 Fuss: ein Strich wie im Kopf. Text bleibt hell. Social-Icons werden Terracotta, ohne Strich.
   Impressum, Datenschutz, AGB folgen derselben Linie. Auf dem Handy steht die Zeile mittig.
   Der 44px-Mindestblock an AGB fällt weg, damit der Punkt nicht weiter wegrutscht. */
html body .fuss .fuss-spalte a:not(.wa-knopf),
html body .fuss .fuss-unten a{
  text-decoration:none!important;
  border-bottom:0!important;
  background-image:linear-gradient(#E27D50,#E27D50)!important;
  background-repeat:no-repeat!important;
  background-position:0 calc(50% + .62em)!important;
  background-size:0 1.5px!important;
  transition:background-size .25s ease;
}
html body .fuss .fuss-spalte a:not(.wa-knopf):is(:hover,:focus-visible,:active){
  color:#E8E1D3!important;
  text-decoration:none!important;
  background-size:100% 1.5px!important;
}
html body .fuss .fuss-unten a{
  min-width:0!important;
  padding-inline:10px!important;
}
html body .fuss .fuss-unten a:not(.wa-knopf):is(:hover,:focus-visible,:active){
  color:#9FB0C3!important;
  text-decoration:none!important;
  background-size:100% 1.5px!important;
}
html body .fuss .fuss-social a,
html body .fuss .fuss-social a:is(:hover,:focus-visible,:active){
  text-decoration:none!important;
  background-image:none!important;
}
html body .fuss .fuss-social a:is(:hover,:focus-visible,:active){
  color:#E27D50!important;
  border-color:#E27D50!important;
  border-bottom-color:#E27D50!important;
}
@media (max-width:767px){
  html body .fuss .fuss-unten{text-align:center}
}
html body .mobilpanel .mp-wa{display:none!important}
html body .mobilpanel .mp-fest{
  width:44px;min-width:44px;justify-content:center;gap:0;padding:0;
}
html body .mobilpanel .mp-fest span{display:none!important}
/* Foto-Heros: Karte auf der Logo-Linie, dieselbe Spalte wie der Inhalt. Nicht Plan- oder Wissen-Kopf. */
@media (min-width:769px){
  html body #kopf.hero:not(.hero-plan):not(.hero-fw) .hero-inhalt{
    left:max(var(--rand,64px),calc((100% - 1280px) / 2 + var(--rand,64px)))!important;
    right:auto!important;
  }
}
/* K7 2026-11-11: schmale Handys, damit 071 neben WhatsApp und Menü Platz hat */
@media (max-width:479px){
  html body .menue a.menue-fest svg{display:none!important}
  html body .menue a.menue-fest{font-size:14px;margin-left:2px!important}
}
@media (max-width:419px){
  html body .menue .menue-mobil{min-width:44px;min-height:44px;justify-content:center}
  html body .menue .menue-mobil .menue-mobil-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}