/* Voice — Haus-Menue oben und unten (Founder 30.09.2026). Markup: haus-menue/einsetzen.py */
.mtx-haus{background:#061a13;border-bottom:1px solid rgba(201,162,75,.18);font-family:var(--sans,system-ui,sans-serif)}
.mtx-haus-in{max-width:var(--wrap,1240px);margin:0 auto;padding:0 var(--gutter,24px);height:36px;display:flex;align-items:center;gap:24px}
.mtx-haus-marke{font-size:11px;line-height:16px;letter-spacing:.18em;text-transform:uppercase;color:#c9a24b;text-decoration:none;font-weight:600;white-space:nowrap}
.mtx-haus nav{display:flex;gap:20px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.mtx-haus nav::-webkit-scrollbar{display:none}
.mtx-haus nav a,.mtx-haus-req{font-size:12px;line-height:16px;color:rgba(244,239,230,.72);text-decoration:none;white-space:nowrap}
.mtx-haus nav a:hover,.mtx-haus-req:hover{color:#f4efe6}
.mtx-haus nav a[aria-current="page"]{color:#f4efe6;box-shadow:inset 0 -1px 0 #c9a24b}
.mtx-haus-req{color:#c9a24b;font-weight:600}
/* fester Kopf wird 36 px hoeher: Inhalt entsprechend tiefer */
body:has(> header#header),body:has(> header.scrolled){padding-top:36px}
body:has(> header#header) > header#header,body:has(> header.scrolled) > header.scrolled{top:0}
/* Fuss: drei Spalten vor der bestehenden Zeile */
.mtx-haus-fuss{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:16px 0 32px;margin-bottom:32px;border-bottom:1px solid rgba(201,162,75,.18)}
.mtx-haus-fuss h2{margin:0 0 12px;font-family:var(--sans,system-ui,sans-serif);font-size:12px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;color:#c9a24b;font-weight:600}
.mtx-haus-fuss a{display:block;font-size:15px;line-height:24px;color:rgba(244,239,230,.78);text-decoration:none;padding:4px 0}
.mtx-haus-fuss a:hover{color:#f4efe6}
@media (max-width:760px){
  .mtx-haus-in{gap:16px}
  .mtx-haus-req{display:none}
  .mtx-haus-fuss{grid-template-columns:1fr 1fr;gap:24px}
  .mtx-haus-fuss nav:last-child{grid-column:1 / -1}
}
/* Grundregeln der Seite (nav{height:78px;display:flex}, h2 gross) im Haus-Menue zuruecksetzen */
.mtx-haus .mtx-haus-in > nav{height:auto}
footer .mtx-haus-fuss > nav{display:block;height:auto;gap:0}
footer .mtx-haus-fuss > nav > h2{font-size:12px!important;line-height:16px!important;letter-spacing:.14em;font-family:var(--sans,system-ui,sans-serif);font-weight:600;margin:0 0 12px;color:#c9a24b;text-transform:uppercase}
footer .mtx-haus-fuss > nav > a{white-space:normal}
/* Leiste darf die Seite nie verbreitern: die Links scrollen innerhalb */
.mtx-haus{overflow:hidden;max-width:100vw}
.mtx-haus-in{box-sizing:border-box;width:100%}
/* Telefon/Tablet: die eigene Linkzeile der Seite haengt absolut unter dem Kopf (top 72/78 px);
   ihr Bezug ist die nav, deshalb die nav relativ setzen, damit sie mit der Leiste mitwandert */
@media (max-width:900px){header > nav.wrap{position:relative}}
/* Abschnittsabstand nach Hausregel (Founder 30.09.: "why so much space?"): vorher 160/160 px
   je Abschnitt (320 zwischen zwei Inhalten), Schluss 230/230. Jetzt MARKE.md §3 --section. */
main > section:not(.hero),body > section:not(.hero){padding-top:72px!important;padding-bottom:72px!important}
main > section#closing,body > section#closing,section.closing{padding-top:96px!important;padding-bottom:96px!important}
@media (max-width:760px){
  main > section:not(.hero),body > section:not(.hero){padding-top:48px!important;padding-bottom:48px!important}
  main > section#closing,body > section#closing,section.closing{padding-top:72px!important;padding-bottom:72px!important}
}