/* =========================================================================
   MENDA-IMMOBILIEN — stil.css
   Dunkle "Galerie": tiefes Schiefergrau, ein warmer Messing-Akzent.
   Helle Objektfotos leuchten aus dem dunklen Grund. Mobile first.
   Zwei Schriftfamilien: Newsreader (Display), Public Sans (Text + Utility).
   ========================================================================= */

/* ---- Schriften, selbst gehostet ----------------------------------------- */
@font-face{font-family:"Newsreader";src:url("schrift/newsreader-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Newsreader";src:url("schrift/newsreader-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Public Sans";src:url("schrift/public-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Public Sans";src:url("schrift/public-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Public Sans";src:url("schrift/public-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Public Sans";src:url("schrift/public-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

/* ---- Token -------------------------------------------------------------- */
:root{
  --grund:#14181C;         /* tiefes Schiefergrau, nicht reinschwarz */
  --grund-2:#191E23;       /* leicht angehoben */
  --flaeche:#20262C;       /* Karten */
  --flaeche-2:#262D34;     /* Karten, aktiv */
  --tinte:#ECEAE4;         /* warmes Off-White */
  --leise:#A4ABB1;         /* gedaempft */
  --linie:rgba(236,234,228,.10);
  --linie-2:rgba(236,234,228,.20);

  --akzent:#C79A5B;        /* Messing, Flaechen und Knoepfe */
  --akzent-txt:#D8B074;    /* Messing hell, fuer Schrift auf Dunkel */
  --akzent-auf:#14181C;    /* Tinte auf Messing-Knopf */

  /* EINE Hebungsfarbe, kippt am Untergrund (Standard: dunkler Grund) */
  --hebung:var(--akzent-txt);

  --display:"Newsreader",Georgia,"Times New Roman",serif;
  --body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  --r:4px;                 /* Radius klein */
  --r-gross:12px;          /* Radius Karten (zweiter und letzter) */
  --radius:var(--r);       /* fuer das Cookie-Werkzeug */

  --breite:1180px;
  --rand:clamp(1.15rem,5vw,3rem);
  --luft-xl:clamp(3.5rem,7vw,6rem);   /* zwischen Abschnitten */
  --luft-l:clamp(2.2rem,4.5vw,3.2rem);
  --luft-m:1.4rem;
}
/* Helle Kaesten in dunklem Abschnitt setzen die Hebung zurueck auf den
   dunklen Akzent, damit kein heller Akzent auf hellem Grund steht. */
.hell{--hebung:#8A6321;}

/* ---- Reset -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
[hidden]{display:none !important;}   /* schlaegt Klassen wie .ergebnis__wert{display:flex} */
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--grund);color:var(--tinte);
  font-family:var(--body);font-size:clamp(1rem,.96rem + .2vw,1.075rem);
  line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;overflow-x:hidden;}
img{display:block;max-width:100%;height:auto;}
h1,h2,h3,h4,p,figure,ul,ol,blockquote{margin:0;}
a{color:inherit;}
button{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--akzent-txt);outline-offset:3px;}
::selection{background:rgba(215,176,116,.28);color:#fff;}

/* ---- Grundtypografie ---------------------------------------------------- */
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;
  letter-spacing:-.01em;text-wrap:balance;hyphens:manual;}
p{text-wrap:pretty;hyphens:auto;overflow-wrap:anywhere;max-width:64ch;}
strong,.stark{color:var(--hebung);font-weight:600;}   /* Betonung: EINE Ausprägung */

/* 1 Rubrik (Kicker) */
.rubrik{font-family:var(--body);font-size:.8125rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;color:var(--hebung);
  display:block;margin:0 0 .9rem;}
/* 2 Datenwert */
.wert{color:var(--hebung);font-weight:600;font-variant-numeric:tabular-nums;
  hyphens:manual;}
/* 4 Kennzahl: die Groesse traegt, nicht die Farbe */
.kennzahl{font-family:var(--display);font-weight:600;color:var(--tinte);
  line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;
  hyphens:manual;}

/* ---- Layoutgeruest ------------------------------------------------------ */
.huelle{width:100%;max-width:var(--breite);margin-inline:auto;
  padding-inline:var(--rand);}
.abschnitt{padding-block:var(--luft-xl);}
.randlos{padding-inline:0;max-width:none;}
.mitte-schmal{max-width:60ch;}
.skip{position:absolute;left:-999px;top:0;background:var(--akzent);
  color:var(--akzent-auf);padding:.7rem 1rem;border-radius:var(--r);z-index:200;}
.skip:focus{left:12px;top:12px;}

/* =========================================================================
   KOPF
   ========================================================================= */
.kopf{position:sticky;top:0;z-index:120;background:rgba(20,24,28,.86);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linie);}
.kopf__zeile{display:flex;align-items:center;gap:1rem;min-width:0;
  height:64px;}
.marke{display:flex;flex-direction:column;line-height:1;text-decoration:none;
  margin-right:auto;min-width:0;}
.marke__name{font-family:var(--display);font-size:1.18rem;font-weight:600;
  letter-spacing:.01em;hyphens:manual;}
.marke__ort{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--leise);margin-top:.25rem;}
.nav{display:none;}
.nav a{text-decoration:none;color:var(--leise);font-size:.94rem;
  font-weight:500;padding:.4rem 0;position:relative;transition:color .2s;}
.nav a:hover,.nav a[aria-current="page"]{color:var(--tinte);}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;
  bottom:-2px;height:2px;background:var(--akzent);}
.kopf__ruf{display:inline-flex;align-items:center;gap:.5rem;
  text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap;
  background:var(--akzent);color:var(--akzent-auf);
  padding:.62rem .95rem;border-radius:var(--r);min-height:44px;}
.kopf__ruf:hover{filter:brightness(1.07);}
.kopf__ruf .ruf-lang{display:none;}
.menue{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;background:transparent;border:1px solid var(--linie-2);
  border-radius:var(--r);cursor:pointer;color:var(--tinte);}
.menue svg{width:20px;height:20px;}
.menue[aria-expanded="true"] .ikon-auf{display:none;}
.menue .ikon-zu{display:none;}
.menue[aria-expanded="true"] .ikon-zu{display:block;}
/* Mobiles Klappmenue */
.nav-mobil{display:block;border-top:1px solid var(--linie);
  background:var(--grund-2);}
.nav-mobil[hidden]{display:none;}
.nav-mobil ul{list-style:none;margin:0;padding:.5rem var(--rand) 1rem;}
.nav-mobil a{display:block;text-decoration:none;color:var(--tinte);
  font-size:1.05rem;padding:.75rem 0;border-bottom:1px solid var(--linie);
  min-height:44px;}
.nav-mobil a[aria-current="page"]{color:var(--akzent-txt);}

/* =========================================================================
   HERO
   ========================================================================= */
.hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:min(88svh,720px);display:flex;align-items:flex-end;}
.hero__bild{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:60% 50%;z-index:-2;}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(18,21,25,.42) 0%,rgba(18,21,25,.34) 38%,rgba(18,21,25,.90) 84%,var(--grund) 100%),
    linear-gradient(90deg,rgba(18,21,25,.82) 0%,rgba(18,21,25,.42) 52%,rgba(18,21,25,.05) 82%);}
.hero__inhalt{padding-block:clamp(2.4rem,7vw,4.5rem);max-width:47rem;}
.hero h1{font-size:clamp(2.2rem,6vw,3.7rem);line-height:1.06;
  letter-spacing:-.02em;margin:.2rem 0 0;}
.hero__lead{margin-top:1.15rem;font-size:clamp(1.05rem,1rem + .6vw,1.28rem);
  color:#F2F0EA;max-width:40ch;}
.hero__knopf{margin-top:1.9rem;}

/* Knopf-System (Pillen vermeiden -> eckig, ein Radius) */
.knopf{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;
  text-decoration:none;font-weight:600;font-size:1rem;line-height:1;
  padding:.95rem 1.5rem;border-radius:var(--r);min-height:48px;
  background:var(--akzent);color:var(--akzent-auf);border:1px solid var(--akzent);
  transition:filter .2s,transform .06s;}
.knopf:hover{filter:brightness(1.07);}
.knopf:active{transform:translateY(1px);}
.knopf--leise{background:transparent;color:var(--tinte);
  border-color:var(--linie-2);}
.knopf--leise:hover{border-color:var(--akzent);filter:none;}
.knopf .pfeil{font-size:1.1em;line-height:0;}

/* =========================================================================
   ABSCHNITTS-BAUSTEINE
   ========================================================================= */
.kopfblock{max-width:52ch;margin-bottom:var(--luft-l);}
.kopfblock h2{font-size:clamp(1.7rem,1.3rem + 2vw,2.55rem);}
.kopfblock p{margin-top:.85rem;color:var(--leise);font-size:1.08rem;}
.abschnitt--grund2{background:var(--grund-2);}

/* Leistungsueberblick — Editorial-Liste (keine Foto-Kacheln erzwungen) */
.leistungen{display:grid;gap:1px;background:var(--linie);
  border:1px solid var(--linie);border-radius:var(--r-gross);overflow:hidden;}
.leistung{background:var(--grund);padding:1.5rem 1.4rem;
  display:grid;grid-template-columns:1fr;gap:.55rem;}
.leistung__kopf{display:flex;align-items:baseline;gap:.65rem;}
.leistung__nr{font-family:var(--display);color:var(--hebung);font-weight:600;
  font-size:1.22rem;line-height:1.2;font-variant-numeric:tabular-nums;}
.leistung h3{font-size:1.22rem;line-height:1.2;}
.leistung p{color:var(--leise);font-size:.99rem;max-width:42ch;}

/* Text-neben-Bild "Zug" */
.zug{display:grid;gap:1.5rem;align-items:center;}
.zug__bild{border-radius:var(--r-gross);overflow:hidden;background:var(--grund-2);}
.zug__bild img{width:100%;aspect-ratio:3/2;object-fit:cover;
  filter:saturate(.9) brightness(.9);transition:filter .45s ease;}
.zug__bild:hover img{filter:saturate(1) brightness(1.05);}
.zug figcaption,.bildunterschrift{margin-top:.7rem;font-size:.86rem;
  color:var(--leise);max-width:46ch;}
.zug__text{min-width:0;}
.zug__text h2{font-size:clamp(1.6rem,1.3rem + 1.7vw,2.35rem);}
.zug__text p{margin-top:.9rem;color:#D7D5CF;}
.zug__text p + p{margin-top:.7rem;}

/* Ruhige Bildbank ueber volle Breite (halbe Herohoehe) */
.bildband{position:relative;height:clamp(220px,40vw,380px);overflow:hidden;}
.bildband img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;filter:saturate(.85) brightness(.62);}
.bildband::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,24,28,.55),rgba(20,24,28,.4));}
.bildband__text{position:relative;height:100%;display:flex;align-items:center;}
.bildband__text p{font-family:var(--display);font-size:clamp(1.35rem,1rem + 2.2vw,2.1rem);
  line-height:1.25;max-width:24ch;color:#fff;text-wrap:balance;}

/* =========================================================================
   STATION — gemeinsames Muster
   ========================================================================= */
.station{border:1px solid var(--linie-2);border-radius:var(--r-gross);
  background:var(--grund-2);padding:clamp(1.4rem,3.5vw,2.4rem);}
.frage{border:0;margin:0;padding:0;min-width:0;}
.frage legend{padding:0;display:flex;align-items:baseline;gap:.6rem;
  font-family:var(--display);font-size:clamp(1.35rem,1.1rem + 1.3vw,1.9rem);
  line-height:1.15;}
.frage legend .nr{color:var(--hebung);font-weight:600;
  font-variant-numeric:tabular-nums;}
.hilfe{margin-top:.7rem;color:var(--leise);font-size:1rem;max-width:52ch;}
.wahl{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;}
.wahl button{cursor:pointer;background:var(--flaeche);color:var(--tinte);
  border:1px solid var(--linie-2);border-radius:var(--r);
  padding:.7rem 1.05rem;font-weight:600;font-size:.98rem;min-height:46px;
  transition:border-color .18s,background .18s,color .18s;}
.wahl button:hover{border-color:var(--akzent);}
.wahl button[aria-pressed="true"]{background:var(--akzent);
  color:var(--akzent-auf);border-color:var(--akzent);}

/* Ergebnisfeld */
.ergebnis{margin-top:1.5rem;padding:1.3rem 1.35rem;background:var(--flaeche);
  border:1px solid var(--linie-2);border-left:3px solid var(--akzent);
  border-radius:var(--r);}
.ergebnis__wert{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;}
.ergebnis .kennzahl{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);}
.ergebnis__einheit{color:var(--hebung);font-weight:600;font-size:1.05rem;}
.ergebnis p{margin-top:.6rem;color:#D7D5CF;}
.ergebnis__leer{color:var(--leise);}
.fussnote{margin-top:1.1rem;font-size:.8rem;color:var(--leise);line-height:1.55;
  border-top:1px solid var(--linie);padding-top:.9rem;}
.fussnote a{color:var(--leise);text-underline-offset:2px;}

/* Signatur-Station: Suchprofil */
.profil{display:grid;gap:1.6rem;}
.profil__felder{display:grid;gap:1.4rem;min-width:0;}
.profil__feld > span.frage-titel{display:block;font-weight:600;
  margin-bottom:.7rem;font-size:1.02rem;}
.profil__feld .wahl{margin-top:0;}
.karte-expose .frage-titel{display:block;font-family:var(--body);
  font-size:.95rem;font-weight:600;margin-bottom:.9rem;color:var(--leise);}
.karte-expose{background:var(--grund);border:1px solid var(--linie-2);
  border-radius:var(--r-gross);padding:1.5rem 1.4rem;align-self:start;
  position:relative;overflow:hidden;}
.karte-expose::before{content:"";position:absolute;left:0;top:0;bottom:0;
  width:3px;background:var(--akzent);}
.karte-expose .rubrik{margin-bottom:1.1rem;}
.expose-satz{font-family:var(--display);font-size:clamp(1.25rem,1.05rem + 1.1vw,1.7rem);
  line-height:1.3;text-wrap:balance;}
.expose-satz b{color:var(--hebung);font-weight:600;}
.expose-cta{margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--linie);}
.expose-cta p{color:var(--leise);font-size:.95rem;margin-bottom:1rem;}

/* =========================================================================
   ZAHLENSTREIFEN — eine gemeinsame Spalte je Zeile
   ========================================================================= */
.zahlen{display:grid;gap:1px;background:var(--linie);border:1px solid var(--linie);
  border-radius:var(--r-gross);overflow:hidden;
  grid-template-columns:1fr;}          /* mobil: gestapelt */
.zahlen__zeile{display:contents;}
.zahlen dt,.zahlen dd{background:var(--grund-2);margin:0;display:flex;
  align-items:center;padding:1.2rem 1.35rem;}
.zahlen dt{justify-content:flex-start;padding-bottom:.2rem;}
.zahlen dd{padding-top:.4rem;color:var(--leise);font-size:1rem;
  min-width:0;overflow-wrap:anywhere;}
.zahlen dt .kennzahl{font-size:clamp(1.9rem,1.4rem + 2.2vw,2.9rem);
  overflow-wrap:anywhere;}
.zahlen dd small{display:block;color:var(--leise);opacity:.8;font-size:.82rem;
  margin-top:.2rem;}

/* Zitat */
.zitat{max-width:34ch;}
.zitat blockquote{font-family:var(--display);font-weight:400;
  font-size:clamp(1.5rem,1.2rem + 2vw,2.4rem);line-height:1.28;
  text-wrap:balance;letter-spacing:-.01em;}
.zitat blockquote::before{content:"\201E";}
.zitat blockquote::after{content:"\201C";}
.zitat cite{display:block;margin-top:1.1rem;font-style:normal;font-size:.9rem;
  color:var(--leise);letter-spacing:.03em;}

/* =========================================================================
   KONTAKT
   ========================================================================= */
.kontakt{display:grid;gap:2rem;}
.kontakt__spalte{min-width:0;}
.kontakt__spalte h2{font-size:clamp(1.7rem,1.3rem + 2vw,2.5rem);}
.kontakt__spalte > p{margin-top:.85rem;color:var(--leise);}
.kontaktliste{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1rem;}
.kontaktliste li{display:grid;gap:.15rem;}
.klabel{font-family:var(--body);font-size:.72rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.16em;color:var(--leise);
  display:block;margin:0 0 .1rem;}
.kontaktliste a{color:var(--tinte);text-decoration:none;font-weight:600;
  font-size:1.12rem;}
.kontaktliste a:hover{color:var(--akzent-txt);}
.kontaktliste .neben{color:var(--leise);font-size:.92rem;}

form.anfrage{display:grid;gap:1.1rem;background:var(--grund-2);
  border:1px solid var(--linie-2);border-radius:var(--r-gross);
  padding:clamp(1.3rem,3vw,2rem);}
.feld{display:grid;gap:.45rem;min-width:0;}
.feld label{font-weight:600;font-size:.95rem;}
.feld input,.feld textarea{width:100%;background:var(--grund);color:var(--tinte);
  border:1px solid var(--linie-2);border-radius:var(--r);padding:.8rem .9rem;
  font:inherit;min-height:48px;}
.feld textarea{min-height:120px;resize:vertical;}
.feld input:focus,.feld textarea:focus{border-color:var(--akzent);outline:none;
  box-shadow:0 0 0 3px rgba(199,154,91,.18);}
.feld--zeile{grid-template-columns:1fr;}
form.anfrage .hinweis{font-size:.82rem;color:var(--leise);}

/* =========================================================================
   KARTE (Cookie-Block)
   ========================================================================= */
.karte-abschnitt{padding-top:var(--luft-xl);}
.karte{position:relative;width:100%;height:clamp(280px,38vw,460px);
  background:var(--grund-2);overflow:hidden;border-top:1px solid var(--linie);}
.karte iframe{width:100%;height:100%;border:0;display:block;}
.karte__sperre{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1rem;text-align:center;
  padding:1.5rem;background:var(--grund-2);}
.karte.ks-frei .karte__sperre{display:none;}
.karte__sperre p{max-width:46ch;color:var(--leise);}
.karte__sperre .karten-links{display:flex;flex-wrap:wrap;gap:.9rem;
  align-items:center;justify-content:center;}
.karte__sperre a{color:var(--akzent-txt);font-weight:600;
  text-underline-offset:3px;}

/* =========================================================================
   FUSS
   ========================================================================= */
.fuss{background:var(--grund-2);border-top:1px solid var(--linie);
  padding-block:clamp(2.5rem,5vw,3.5rem);}
.fuss__gitter{display:grid;gap:2rem;}
.fuss__marke .marke__name{font-size:1.3rem;}
.fuss p{color:var(--leise);font-size:.92rem;margin-top:.8rem;max-width:40ch;}
.fuss h4{font-size:.8125rem;text-transform:uppercase;letter-spacing:.16em;
  color:var(--leise);font-family:var(--body);font-weight:600;margin-bottom:.9rem;}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;}
.fuss ul a{display:inline-flex;align-items:center;min-height:28px;}
.fuss a{color:var(--tinte);text-decoration:none;font-size:.96rem;}
.fuss a:hover{color:var(--akzent-txt);}
.fuss__adresse{font-style:normal;color:var(--leise);font-size:.94rem;
  line-height:2;}
.fuss__adresse a{display:inline-block;min-height:26px;}
.fuss__unten{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--linie);
  display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;
  justify-content:space-between;}
.fuss__unten p{margin:0;font-size:.84rem;}
.fuss__rechts{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;}
.fuss__rechts a{display:inline-flex;align-items:center;min-height:28px;}
.ks-cookie-oeffnen{background:none;border:0;cursor:pointer;color:var(--leise);
  font-size:.84rem;text-decoration:underline;text-underline-offset:3px;
  padding:.4rem 0;min-height:24px;}
.ks-cookie-oeffnen:hover{color:var(--tinte);}

/* Brotkrumen (Unterseiten) */
.krumen{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;
  list-style:none;margin:0;padding:0;font-size:.82rem;color:var(--leise);}
.krumen a{color:var(--leise);text-decoration:none;display:inline-flex;
  align-items:center;min-height:24px;}
.krumen a:hover{color:var(--tinte);}
.krumen .trenner{color:var(--leise);opacity:.6;}
.krumen [aria-current="page"]{color:var(--tinte);}

/* Detailseiten-Hero (flacher) */
.hero--flach{min-height:min(52svh,440px);}
.hero--flach h1{font-size:clamp(2rem,5.5vw,3.2rem);}

/* Fliesstext-Bloecke auf Unterseiten */
.prosa{max-width:64ch;}
.prosa p{margin-top:1.05rem;color:#D7D5CF;}
.prosa p:first-child{margin-top:0;}
.prosa h2{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.1rem);margin-top:2.2rem;}
.prosa ul.punkte{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.7rem;}
.prosa ul.punkte li{position:relative;padding-left:1.4rem;color:#D7D5CF;}
.prosa ul.punkte li::before{content:"";position:absolute;left:0;top:.62em;
  width:.5rem;height:.5rem;background:var(--akzent);border-radius:1px;}

/* Impressum/Datenschutz kompakter Satz */
.rechtstext{max-width:70ch;}
.rechtstext h2{font-size:1.35rem;margin-top:2.2rem;}
.rechtstext h3{font-size:1.08rem;margin-top:1.6rem;font-family:var(--body);
  font-weight:700;}
.rechtstext p{margin-top:.8rem;color:#D2D0CA;}
.rechtstext a{color:var(--akzent-txt);text-underline-offset:2px;
  display:inline-flex;align-items:center;min-height:24px;}

/* =========================================================================
   BREITEN — mobile first, ab hier nur min-width
   ========================================================================= */
@media (min-width:560px){
  .zahlen{grid-template-columns:max-content 1fr;}
  .zahlen dt,.zahlen dd{padding:1.35rem;}
  .zahlen dt{padding-right:1.6rem;}
}
@media (min-width:640px){
  .leistungen{grid-template-columns:1fr 1fr;}
  .feld--zeile{grid-template-columns:1fr 1fr;}
  .kopf__ruf .ruf-lang{display:inline;}
  .kopf__ruf .ruf-kurz{display:none;}
}
@media (min-width:820px){
  .kopf__zeile{height:72px;}
  .nav{display:flex;align-items:center;gap:1.6rem;margin-right:1.6rem;}
  .menue{display:none;}
  .nav-mobil{display:none !important;}
  .zug{grid-template-columns:1.05fr 1fr;gap:clamp(1.8rem,4vw,3.2rem);}
  .zug--links .zug__bild{order:-1;}
  .profil{grid-template-columns:1.05fr .95fr;gap:clamp(1.8rem,4vw,3rem);
    align-items:start;}
  .kontakt{grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,4vw,3.5rem);
    align-items:start;}
  .kontakt__spalte{position:sticky;top:96px;align-self:start;}
  .fuss__gitter{grid-template-columns:1.4fr 1fr 1fr;gap:2.6rem;}
  .split-lese-zitat{display:grid;grid-template-columns:1.3fr .9fr;
    gap:clamp(2rem,5vw,4rem);align-items:center;}
}
@media (min-width:1040px){
  .leistungen{grid-template-columns:repeat(2,1fr);}
}

/* =========================================================================
   REDUZIERTE BEWEGUNG
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;
    animation-iteration-count:1 !important;transition-duration:.001ms !important;
    scroll-behavior:auto !important;}
}