:root{
  /* vom Objekt am Morgen: Beton, Glas, Mähstreifen, Kies, Maschinengelb */
  --anthrazit:#1E2427;
  --beton:#B9BEBB;
  --glas:#7E9099;
  --rasen:#3F6B33;
  --rasen-hell:#6E9A52;
  --signal:#C9D62E;
  --kies:#8C8A84;
  --papier:#EDEFEC;
  --papier-hell:#F7F8F6;

  --s--2:clamp(.73rem,.71rem + .1vw,.8rem);
  --s--1:clamp(.85rem,.82rem + .13vw,.94rem);
  --s-0:clamp(1rem,.97rem + .16vw,1.1rem);
  --s-1:clamp(1.14rem,1.05rem + .38vw,1.38rem);
  --s-2:clamp(1.5rem,1.15rem + 1.6vw,2.6rem);
  --s-3:clamp(2.2rem,1.4rem + 3.5vw,4.5rem);
  --s-zahl:clamp(1.5rem,1.15rem + 1.6vw,2.6rem);
  --space:clamp(1.4rem,1.1rem + 1.5vw,2.5rem);
  --edge:clamp(1.2rem,.7rem + 2.5vw,3.25rem);
}
*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,h4,p,ul,ol,li,figure,dl,dt,dd,table{margin:0;padding:0;}
body{
  font-family:'Public Sans',system-ui,sans-serif;
  font-size:var(--s-0);line-height:1.62;font-weight:400;
  color:var(--anthrazit);background:var(--papier);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
ul,ol{list-style:none;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--rasen);outline-offset:2px;}
[id]{scroll-margin-top:4rem;}

.g-fett{font-family:'Chivo',system-ui,sans-serif;font-weight:900;line-height:1.02;letter-spacing:-.03em;}
.g-wrap{width:min(74rem,100%);margin-inline:auto;padding-inline:var(--edge);}
.g-mark{display:inline-block;font-size:var(--s--2);letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;color:var(--rasen);}

/* ── Präsenzo-Leiste ── */
.pz{background:var(--anthrazit);color:var(--papier);font-size:var(--s--1);}
.pz__in{width:min(74rem,100%);margin-inline:auto;padding:.6rem var(--edge);
  display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;justify-content:center;text-align:center;}
.pz__cta{color:var(--signal);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}

/* ── Kopf ── */
.kopf{background:var(--papier-hell);border-bottom:3px solid var(--anthrazit);position:sticky;top:0;z-index:20;}
.kopf__in{width:min(74rem,100%);margin-inline:auto;padding:.85rem var(--edge);
  display:flex;align-items:center;gap:var(--space);flex-wrap:wrap;}
.haus{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-1);letter-spacing:-.02em;
  text-decoration:none;display:flex;align-items:baseline;gap:.5rem;}
.haus span{font-family:'Public Sans',sans-serif;font-weight:600;font-size:var(--s--2);
  letter-spacing:.18em;text-transform:uppercase;color:var(--kies);}
.nav{margin-inline-start:auto;display:flex;gap:1.4rem;flex-wrap:wrap;
  font-size:var(--s--2);font-weight:700;letter-spacing:.13em;text-transform:uppercase;}
.nav a{text-decoration:none;color:var(--kies);padding-bottom:.15rem;border-bottom:3px solid transparent;}
.nav a:hover,.nav a[aria-current="page"]{color:var(--anthrazit);border-bottom-color:var(--signal);}

/* ── Hero ── */
.objekt{padding-block:clamp(2.25rem,1.7rem + 3vw,4rem) 0;}
.objekt h1{font-size:var(--s-3);max-width:15ch;margin-top:.9rem;}
.objekt h1 span{color:var(--rasen);}
.objekt__lede{margin-top:1.25rem;max-width:46ch;font-size:var(--s-1);line-height:1.5;color:#4E5658;}
.objekt__reihe{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.65rem;}

.o-voll{display:inline-block;background:var(--anthrazit);color:var(--papier-hell);text-decoration:none;
  font-size:var(--s--2);font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  padding:.9rem 1.7rem;border:3px solid var(--anthrazit);}
.o-voll:hover{background:var(--signal);border-color:var(--signal);color:var(--anthrazit);}
.o-linie{display:inline-block;text-decoration:none;border:3px solid var(--anthrazit);
  font-size:var(--s--2);font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:.9rem 1.7rem;}
.o-linie:hover{background:var(--anthrazit);color:var(--papier-hell);}

/* ── Signatur: die Flächenaufstellung ── */
.auf{margin-top:clamp(2.25rem,1.7rem + 2.5vw,3.5rem);border:3px solid var(--anthrazit);background:var(--papier-hell);}
.auf__kopf{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;align-items:baseline;justify-content:space-between;
  padding:.95rem clamp(1rem,.8rem + .8vw,1.5rem);background:var(--anthrazit);color:var(--papier-hell);}
.auf__kopf h2{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s--1);
  letter-spacing:.04em;text-transform:uppercase;}
.auf__kopf span{font-size:var(--s--2);color:rgba(237,239,236,.72);}

.posten{display:grid;grid-template-columns:1fr;gap:.15rem .9rem;
  padding:1rem clamp(1rem,.8rem + .8vw,1.5rem);border-bottom:1px solid rgba(30,36,39,.16);}
.posten__zahl{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-zahl);line-height:1;
  letter-spacing:-.03em;color:var(--rasen);white-space:nowrap;}
.posten__zahl small{font-family:'Public Sans',sans-serif;font-size:.42em;font-weight:600;
  letter-spacing:.08em;color:var(--kies);margin-inline-start:.25em;}
.posten__was{font-weight:700;font-size:var(--s-0);}
.posten__turnus{font-size:var(--s--1);color:#4E5658;}
.posten__std{font-size:var(--s--1);font-weight:700;color:var(--anthrazit);white-space:nowrap;}
@media (min-width:54rem){
  .posten{grid-template-columns:9rem minmax(0,1fr) minmax(11rem,.85fr) auto;align-items:baseline;gap:.15rem 1.5rem;}
  .posten__turnus{text-align:left;}
  .posten__std{text-align:right;}
}
.auf__summe{display:flex;flex-wrap:wrap;gap:.4rem 2rem;align-items:baseline;justify-content:space-between;
  padding:1rem clamp(1rem,.8rem + .8vw,1.5rem);background:var(--signal);}
.auf__summe b{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-1);letter-spacing:-.02em;}
.auf__summe span{font-size:var(--s--1);font-weight:600;}
.auf__fuss{padding:.9rem clamp(1rem,.8rem + .8vw,1.5rem);font-size:var(--s--1);color:#4E5658;
  border-top:1px solid rgba(30,36,39,.16);}

/* ── Abschnitte ── */
.reihe{padding-block:clamp(3rem,2.2rem + 4vw,5.5rem);border-top:3px solid var(--anthrazit);}
.reihe--hell{background:var(--papier-hell);}
.reihe--dunkel{background:var(--anthrazit);color:var(--papier);border-top-color:var(--anthrazit);}
.reihe--dunkel .g-mark{color:var(--signal);}
.reihe__kopf{max-width:50ch;}
.reihe__kopf h2{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-2);
  letter-spacing:-.028em;line-height:1.04;margin-top:.7rem;}
.reihe__kopf p{margin-top:.9rem;color:#4E5658;}
.reihe--dunkel .reihe__kopf p{color:rgba(237,239,236,.76);}

/* ── Leistungen ── */
.leist{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:3px solid var(--anthrazit);}
.reihe--dunkel .leist{border-top-color:var(--signal);}
.leistung{display:grid;gap:.3rem 1.5rem;grid-template-columns:1fr;
  padding-block:1.2rem;border-bottom:1px solid rgba(30,36,39,.18);}
.reihe--dunkel .leistung{border-bottom-color:rgba(237,239,236,.18);}
@media (min-width:52rem){.leistung{grid-template-columns:minmax(11rem,.8fr) minmax(0,1.7fr) auto;align-items:baseline;}}
.leistung__name{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-1);letter-spacing:-.02em;}
.leistung__text{font-size:var(--s--1);color:#4E5658;}
.reihe--dunkel .leistung__text{color:rgba(237,239,236,.76);}
.leistung__wert{font-size:var(--s--2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:var(--signal);color:var(--anthrazit);padding:.25rem .65rem;white-space:nowrap;justify-self:start;}

/* ── Karten ── */
.karten{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.karten{grid-template-columns:1fr 1fr;}}
@media (min-width:66rem){.karten{grid-template-columns:repeat(3,1fr);}}
.karte{border-top:5px solid var(--rasen);padding-top:1rem;}
.reihe--dunkel .karte{border-top-color:var(--signal);}
.karte h3{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-1);letter-spacing:-.02em;}
.karte p{margin-top:.5rem;font-size:var(--s--1);color:#4E5658;}
.reihe--dunkel .karte p{color:rgba(237,239,236,.76);}

/* ── Bild ── */
.bild{margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
.bild img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:3px solid var(--anthrazit);}
.bild figcaption{margin-top:.65rem;font-size:var(--s--2);letter-spacing:.14em;text-transform:uppercase;color:#4E5658;font-weight:600;}

/* ── Kontakt ── */
.paare{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.paare{grid-template-columns:1fr 1fr;}}
.paar h3{font-size:var(--s--2);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rasen);margin-bottom:.85rem;}
.reihe--dunkel .paar h3{color:var(--signal);}
.paar__zeile{display:flex;justify-content:space-between;gap:1rem;padding-block:.55rem;
  border-bottom:1px solid rgba(30,36,39,.18);font-size:var(--s--1);}
.reihe--dunkel .paar__zeile{border-bottom-color:rgba(237,239,236,.18);}
.paar__zeile span:last-child{font-weight:700;text-align:right;}

/* ── Unterseiten ── */
.oben{background:var(--papier-hell);padding-block:clamp(2.25rem,1.7rem + 3vw,4rem);border-bottom:3px solid var(--anthrazit);}
.oben h1{font-family:'Chivo',sans-serif;font-weight:900;font-size:var(--s-2);
  letter-spacing:-.028em;line-height:1.04;margin-top:.7rem;max-width:19ch;}
.oben h1 span{color:var(--rasen);}
.oben p{margin-top:1rem;max-width:50ch;color:#4E5658;font-size:var(--s-1);line-height:1.5;}

.fuss{border-top:3px solid var(--anthrazit);padding-block:2.5rem;font-size:var(--s--1);color:#4E5658;}
.fuss a{color:var(--rasen);font-weight:700;}
.fuss p + p{margin-top:.45rem;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}