:root{
  /* aus dem Werkstattfoto: Kalkweiß, graublaue Wand, Ahorn-Werkbank, Kiefernbalken, Werkzeugstahl */
  --chalk:#F4F4F2;
  --mist:#DCE0E2;
  --floor:#CBCFD0;
  --maple:#EADCC0;
  --pine:#D6A96E;
  --steel:#474B4F;
  --ink:#26292B;

  --n--1:.82rem;
  --n-0:clamp(1rem,.97rem + .13vw,1.06rem);
  --n-1:clamp(1.1rem,1.03rem + .3vw,1.28rem);
  --n-2:clamp(1.4rem,1.15rem + 1.15vw,2.15rem);
  --n-3:clamp(1.9rem,1.35rem + 2.5vw,3.4rem);
  --space:clamp(1.5rem,1.2rem + 1.5vw,2.75rem);
  --edge:clamp(1.25rem,.75rem + 2.5vw,3.5rem);
}
*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,p,ul,ol,li,figure,dl,dt,dd{margin:0;padding:0;}
body{
  font-family:'Schibsted Grotesk',system-ui,sans-serif;
  font-size:var(--n-0);line-height:1.7;
  color:var(--ink);background:var(--chalk);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
ul,ol{list-style:none;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--steel);outline-offset:4px;}
[id]{scroll-margin-top:4.5rem;}

.n-serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.16;letter-spacing:-.005em;}
.n-wrap{width:min(62rem,100%);margin-inline:auto;padding-inline:var(--edge);}
.n-tag{font-size:var(--n--1);letter-spacing:.18em;text-transform:uppercase;color:var(--steel);font-weight:500;}

/* ---------- Präsenzo-Leiste ---------- */
.pz{border-bottom:1px solid var(--floor);font-size:var(--n--1);background:var(--mist);}
.pz__in{
  width:min(62rem,100%);margin-inline:auto;padding:.65rem var(--edge);
  display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;justify-content:center;text-align:center;
  color:var(--steel);
}
.pz__cta{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}

/* ---------- Kopf ---------- */
.head{border-bottom:1px solid var(--floor);}
.head__in{
  width:min(62rem,100%);margin-inline:auto;padding:1.15rem var(--edge);
  display:flex;align-items:baseline;gap:var(--space);flex-wrap:wrap;
}
.wordmark{font-size:var(--n-0);letter-spacing:.28em;text-transform:uppercase;font-weight:700;text-decoration:none;}
.menu{margin-inline-start:auto;display:flex;gap:1.6rem;flex-wrap:wrap;font-size:var(--n--1);letter-spacing:.1em;text-transform:uppercase;}
.menu a{text-decoration:none;color:var(--steel);padding-bottom:.2rem;border-bottom:1px solid transparent;}
.menu a:hover,.menu a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink);}

/* ---------- Hero: sehr sparsam ---------- */
.start{padding-block:clamp(3rem,2rem + 5vw,7rem) clamp(2rem,1.5rem + 3vw,3.5rem);}
.start h1{font-size:var(--n-3);max-width:18ch;margin-top:1.5rem;}
.start__lede{margin-top:1.5rem;max-width:42ch;color:var(--steel);font-size:var(--n-1);line-height:1.55;}
.start__row{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:.75rem;}
.start__figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.start__cap{margin-top:.75rem;font-size:var(--n--1);color:var(--steel);letter-spacing:.1em;text-transform:uppercase;}

.b-ink{
  display:inline-block;text-decoration:none;font-size:var(--n--1);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  background:var(--ink);color:var(--chalk);padding:.85rem 1.6rem;
}
.b-ink:hover{background:var(--steel);}
.b-hair{
  display:inline-block;text-decoration:none;font-size:var(--n--1);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--ink);padding:.85rem 1.6rem;
}
.b-hair:hover{background:var(--ink);color:var(--chalk);}

/* ---------- Abschnitte ---------- */
.block{padding-block:clamp(3rem,2.25rem + 4vw,5.5rem);border-top:1px solid var(--floor);}
.block--mist{background:var(--mist);}
.block__head h2{font-size:var(--n-2);margin-top:.7rem;max-width:24ch;}
.block__head p{margin-top:.9rem;max-width:50ch;color:var(--steel);}

/* ---------- Signatur: die Werkzeugschiene ---------- */
.rail-list{margin-top:clamp(2.25rem,1.75rem + 2vw,3.5rem);}
.rail-line{
  display:grid;grid-template-columns:1fr;gap:0;
  border-top:2px solid var(--ink);
}
@media (min-width:48rem){
  .rail-line{grid-template-columns:repeat(4,1fr);}
}
.hung{
  padding-top:0;position:relative;
  padding-inline:0 var(--space);
  padding-block:0 var(--space);
}
@media (max-width:47.99rem){
  .hung{border-bottom:1px solid var(--floor);padding-block:0 1.5rem;}
  .hung:last-child{border-bottom:0;}
}
/* der Stiel, an dem das Stueck haengt */
.hung::before{
  content:"";display:block;width:2px;height:1.6rem;background:var(--ink);
}
.hung h3{margin-top:1rem;font-size:var(--n-1);font-weight:700;letter-spacing:.02em;}
.hung p{margin-top:.4rem;font-size:var(--n--1);color:var(--steel);}
.hung__count{
  margin-top:1rem;font-size:var(--n--1);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink);font-weight:700;
}

/* ---------- Grundsaetze ---------- */
.rules{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:48rem){.rules{grid-template-columns:repeat(3,1fr);}}
.rule-item{border-top:1px solid var(--ink);padding-top:1rem;}
.rule-item h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:var(--n-2);}
.rule-item p{margin-top:.6rem;font-size:var(--n--1);color:var(--steel);}

/* ---------- Zeilen ---------- */
.lines{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:1px solid var(--ink);}
.line{
  display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline;
  padding-block:1.1rem;border-bottom:1px solid var(--floor);
}
.line__name{font-size:var(--n-1);font-weight:700;}
.line__note{flex:1 1 18rem;font-size:var(--n--1);color:var(--steel);}
.line__val{margin-inline-start:auto;font-size:var(--n--1);font-weight:700;letter-spacing:.1em;white-space:nowrap;}
@media (max-width:40rem){
  .line__name{flex:1 1 100%;}
  .line__note{flex:1 1 100%;order:3;}
  .line__val{margin-inline-start:0;order:2;color:var(--steel);}
}

/* ---------- Kontakt ---------- */
.cols{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.cols{grid-template-columns:1fr 1fr;}}
.col h3{font-size:var(--n--1);letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin-bottom:.9rem;}
.col__line{display:flex;justify-content:space-between;gap:1rem;padding-block:.45rem;border-bottom:1px solid var(--floor);font-size:var(--n--1);}
.col__line span:last-child{font-weight:700;}

/* ---------- Unterseiten ---------- */
.pagestart{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) 0;}
.pagestart h1{font-size:var(--n-2);max-width:22ch;margin-top:.8rem;}
.pagestart p{margin-top:1rem;max-width:50ch;color:var(--steel);font-size:var(--n-1);line-height:1.55;}

.foot{border-top:1px solid var(--floor);padding-block:2.5rem;font-size:var(--n--1);color:var(--steel);}
.foot a{color:var(--ink);}
.foot p + p{margin-top:.6rem;}

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

/* Pflichtangabe nach PAngV: Endpreise fuer Verbraucher */
.tax-note{margin-top:1.1rem;font-size:var(--n--1);color:var(--steel);opacity:1;}