:root{
  /* aus dem Werkstattfoto: Kalkputz, frische Eiche, verwitterte Balken, Gegenlicht, Moos */
  --plaster:#F2E9DA;
  --paper:#FCF8F1;
  --oak:#C9A472;
  --beam:#8A7358;
  --gold:#E8B96A;
  --moss:#6B7A52;
  --soil:#3A2E22;

  --v--1:.84rem;
  --v-0:clamp(1rem,.97rem + .15vw,1.09rem);
  --v-1:clamp(1.12rem,1.03rem + .38vw,1.34rem);
  --v-2:clamp(1.55rem,1.2rem + 1.55vw,2.6rem);
  --v-3:clamp(2.1rem,1.4rem + 3vw,4.2rem);
  --space:clamp(1.4rem,1.1rem + 1.6vw,2.6rem);
  --edge:clamp(1.2rem,.7rem + 2.5vw,3.25rem);
}
*,*::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:'Mulish',system-ui,sans-serif;
  font-size:var(--v-0);line-height:1.7;font-weight:300;
  color:var(--soil);background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
ul,ol{list-style:none;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--moss);outline-offset:4px;}
[id]{scroll-margin-top:4.5rem;}

.v-serif{font-family:'Alegreya',Georgia,serif;font-weight:500;line-height:1.14;letter-spacing:-.005em;}
.v-wrap{width:min(68rem,100%);margin-inline:auto;padding-inline:var(--edge);}
.v-tag{font-size:var(--v--1);letter-spacing:.2em;text-transform:uppercase;color:var(--moss);font-weight:600;}

/* ---------- Präsenzo-Leiste ---------- */
.pz{background:var(--soil);color:var(--plaster);font-size:var(--v--1);}
.pz__in{
  width:min(68rem,100%);margin-inline:auto;padding:.7rem var(--edge);
  display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;justify-content:center;text-align:center;
}
.pz__cta{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}

/* ---------- Kopf ---------- */
.head{border-bottom:1px solid rgba(58,46,34,.18);}
.head__in{
  width:min(68rem,100%);margin-inline:auto;padding:1.15rem var(--edge);
  display:flex;align-items:baseline;gap:var(--space);flex-wrap:wrap;
}
.mark{font-family:'Alegreya',serif;font-weight:700;font-size:var(--v-2);letter-spacing:-.01em;text-decoration:none;line-height:1;}
.mark em{font-style:italic;font-weight:400;color:var(--moss);}
.nav{margin-inline-start:auto;display:flex;gap:1.5rem;flex-wrap:wrap;font-size:var(--v--1);letter-spacing:.1em;text-transform:uppercase;font-weight:600;}
.nav a{text-decoration:none;color:rgba(58,46,34,.6);padding-bottom:.2rem;border-bottom:1px solid transparent;}
.nav a:hover,.nav a[aria-current="page"]{color:var(--soil);border-bottom-color:var(--moss);}

/* ---------- Hero ---------- */
.clearing{padding-block:clamp(2.5rem,2rem + 3.5vw,4.5rem) 0;}
.clearing h1{font-size:var(--v-3);max-width:17ch;margin-top:1rem;}
.clearing h1 em{font-style:italic;color:var(--moss);}
.clearing__lede{margin-top:1.3rem;max-width:44ch;font-size:var(--v-1);line-height:1.55;color:rgba(58,46,34,.78);}
.clearing__row{margin-top:1.9rem;display:flex;flex-wrap:wrap;gap:.75rem;}
.clearing__figure{margin-top:clamp(2.25rem,1.75rem + 2.5vw,3.5rem);}
.clearing__figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.clearing__cap{margin-top:.8rem;font-size:var(--v--1);color:rgba(58,46,34,.58);letter-spacing:.1em;text-transform:uppercase;}

.b-moss{
  display:inline-block;background:var(--soil);color:var(--plaster);text-decoration:none;
  font-size:var(--v--1);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:.9rem 1.6rem;
}
.b-moss:hover{background:var(--moss);}
.b-edge{
  display:inline-block;text-decoration:none;border:1px solid var(--soil);
  font-size:var(--v--1);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:.9rem 1.6rem;
}
.b-edge:hover{background:var(--plaster);}

/* ---------- Abschnitte ---------- */
.stand{padding-block:clamp(3rem,2.25rem + 4vw,5.5rem);}
.stand--plaster{background:var(--plaster);}
.stand--soil{background:var(--soil);color:var(--plaster);}
.stand--soil .v-tag{color:var(--gold);}
.stand__head h2{font-size:var(--v-2);margin-top:.7rem;max-width:24ch;}
.stand__head p{margin-top:.9rem;max-width:52ch;color:rgba(58,46,34,.74);}
.stand--soil .stand__head p{color:rgba(242,233,218,.8);}

/* ---------- Signatur: der Baumpass ---------- */
.passes{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:46rem){.passes{grid-template-columns:1fr 1fr;}}
.pass{background:var(--paper);border:1px solid rgba(58,46,34,.22);padding:clamp(1.25rem,1rem + 1.2vw,1.85rem);}
.stand--plaster .pass{background:var(--paper);}
.pass__tree{font-family:'Alegreya',serif;font-weight:500;font-size:var(--v-1);}
.pass__latin{font-style:italic;font-size:var(--v--1);color:var(--moss);}
.pass__facts{margin-top:1rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.1rem;font-size:var(--v--1);}
.pass__facts dt{color:rgba(58,46,34,.6);}
.pass__facts dd{margin:0;font-weight:600;}

/* Verbleib: 100 % des Stamms, als Streifen */
.split{margin-top:1.35rem;padding-top:1.1rem;border-top:1px solid rgba(58,46,34,.16);}
.split__label{font-size:var(--v--1);color:rgba(58,46,34,.6);}
.split__bar{
  display:flex;height:.7rem;margin-top:.6rem;overflow:hidden;
  border:1px solid rgba(58,46,34,.28);
}
.split__seg{height:100%;}
.split__seg--piece{background:var(--oak);}
.split__seg--stove{background:var(--beam);}
.split__seg--mulch{background:var(--moss);}
.split__key{
  margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;font-size:var(--v--1);
  color:rgba(58,46,34,.72);
}
.split__key span::before{
  content:"";display:inline-block;width:.65rem;height:.65rem;margin-right:.4rem;
  border:1px solid rgba(58,46,34,.3);vertical-align:baseline;
}
.split__key .k-piece::before{background:var(--oak);}
.split__key .k-stove::before{background:var(--beam);}
.split__key .k-mulch::before{background:var(--moss);}

/* ---------- Zeilen ---------- */
.rows{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:1px solid rgba(58,46,34,.28);}
.row{
  display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline;
  padding-block:1.2rem;border-bottom:1px solid rgba(58,46,34,.14);
}
.stand--soil .rows{border-top-color:rgba(242,233,218,.3);}
.stand--soil .row{border-bottom-color:rgba(242,233,218,.16);}
.row__name{font-family:'Alegreya',serif;font-weight:500;font-size:var(--v-1);}
.row__note{flex:1 1 18rem;font-size:var(--v--1);color:rgba(58,46,34,.72);}
.stand--soil .row__note{color:rgba(242,233,218,.78);}
.row__val{margin-inline-start:auto;font-size:var(--v--1);font-weight:600;letter-spacing:.05em;white-space:nowrap;color:var(--moss);}
.stand--soil .row__val{color:var(--gold);}
@media (max-width:40rem){
  .row__name{flex:1 1 100%;}
  .row__note{flex:1 1 100%;order:3;}
  .row__val{margin-inline-start:0;order:2;}
}

/* ---------- Karten ---------- */
.plots{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.plots{grid-template-columns:1fr 1fr;}}
@media (min-width:66rem){.plots{grid-template-columns:repeat(3,1fr);}}
.plot{border-top:2px solid var(--moss);padding-top:1.1rem;}
.stand--soil .plot{border-top-color:var(--gold);}
.plot h3{font-family:'Alegreya',serif;font-weight:500;font-size:var(--v-1);}
.plot p{margin-top:.5rem;font-size:var(--v--1);color:rgba(58,46,34,.72);}
.stand--soil .plot p{color:rgba(242,233,218,.78);}

/* ---------- Kontakt ---------- */
.two{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.two{grid-template-columns:1fr 1fr;}}
.two__col h3{font-size:var(--v--1);letter-spacing:.18em;text-transform:uppercase;color:var(--moss);margin-bottom:.9rem;}
.stand--soil .two__col h3{color:var(--gold);}
.two__line{display:flex;justify-content:space-between;gap:1rem;padding-block:.5rem;border-bottom:1px solid rgba(58,46,34,.14);font-size:var(--v--1);}
.stand--soil .two__line{border-bottom-color:rgba(242,233,218,.16);}
.two__line span:last-child{font-weight:600;}

/* ---------- Unterseiten ---------- */
.pgtop{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) 0;}
.pgtop h1{font-size:var(--v-2);max-width:22ch;margin-top:.8rem;}
.pgtop p{margin-top:1rem;max-width:52ch;color:rgba(58,46,34,.75);font-size:var(--v-1);line-height:1.55;}

.foot{border-top:1px solid rgba(58,46,34,.18);padding-block:2.5rem;font-size:var(--v--1);color:rgba(58,46,34,.65);}
.foot a{color:var(--moss);}
.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(--v--1);color:var(--soil);opacity:.7;}