/* ============================================================
   Bazid Daoud GaLaBau, Version N1 "Werkhof-Plakat", Glow-up
   Haltung: dunkelgruene Farbfelder, grosse Outfit-Typografie,
   Hero mit Bild, Gewerke-Raster mit Symbolen, Blattmarke vor H2,
   einheitliche Rundungen 6 bis 10 px.
   ============================================================ */

@font-face{
  font-family:'Outfit';
  src:url('../fonts/outfit-var.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap;
}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-500.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-700.woff2') format('woff2');font-weight:700;font-display:swap;}

:root{
  /* Marke */
  --gruen:#599D08;
  --lime:#84CC11;
  --tanne:#0A680A;
  --tanne-tief:#08480B;
  --mint:#F1FFF3;
  --tinte:#1B2314;
  --text:#333333;
  --leise:#5C6653;
  --linie:rgba(10,104,10,.18);
  --mint-linie:rgba(241,255,243,.25);

  /* Rundungen: eine Familie, 6 bis 10 px */
  --r6:6px; --r8:8px; --r10:10px;

  /* Abstands-Skala */
  --a4:4px; --a8:8px; --a12:12px; --a16:16px; --a24:24px;
  --a32:32px; --a48:48px; --a64:64px; --a96:96px; --a128:128px; --a160:160px;

  /* Drei Sektions-Stufen: eng fuer kompakte Baender, normal, weit fuer den Hoehepunkt */
  --sek-eng:64px;
  --sek-normal:104px;
  --sek-weit:160px;

  /* Breiten */
  --b-breit:1240px;
  --b-mittel:1000px;
  --b-schmal:720px;

  /* Bewegung */
  --e:cubic-bezier(.22,.61,.36,1);

  /* Schatten, gestaffelt nach Wichtigkeit */
  --sch-flach:0 1px 3px rgba(20,45,8,.14);
  --sch-karte:0 2px 6px rgba(20,45,8,.08), 0 18px 44px rgba(20,45,8,.14);
  --sch-cta:0 2px 4px rgba(20,45,8,.22), 0 10px 24px rgba(20,45,8,.24), 0 26px 56px rgba(20,45,8,.2);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
[hidden]{display:none !important;}
html{scroll-behavior:smooth;scroll-padding-top:32px;}
body{
  font-family:'Poppins',system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  color:var(--text);
  background:#fff;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button{font:inherit;cursor:pointer;color:inherit;}
input,textarea{font:inherit;color:inherit;}
h1,h2{font-family:'Outfit','Poppins',sans-serif;color:var(--tinte);}
:focus-visible{outline:2px solid var(--gruen);outline-offset:2px;}
.hero :focus-visible,.stein :focus-visible,.anfrage :focus-visible,
.fuss :focus-visible,.tt-karte :focus-visible,.handyleiste :focus-visible{outline-color:#fff;}
::selection{background:var(--lime);color:var(--tinte);}

.mitte-breit{width:min(var(--b-breit),calc(100% - 40px));margin-inline:auto;}
.mitte-mittel{width:min(var(--b-mittel),calc(100% - 40px));margin-inline:auto;}
.mitte-schmal{width:min(var(--b-schmal),calc(100% - 40px));margin-inline:auto;}

.nur-vorleser{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
}
.icon-quelle{position:absolute;width:0;height:0;overflow:hidden;}
.springen{
  position:fixed;top:-120px;left:8px;z-index:99;
  background:var(--tinte);color:#fff;padding:12px 16px;border-radius:var(--r6);
}
.springen:focus-visible{top:8px;}

h2{
  font-size:clamp(1.7rem,2.8vw,2.5rem);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.015em;
}

/* Blattmarke des Kunden vor den grossen Ueberschriften */
h2.blatt::before{
  content:'';
  display:inline-block;
  width:.78em;height:.7em;
  margin-right:.32em;
  background:url('../img/bazid-galabau-Icon-before.svg') center/contain no-repeat;
  vertical-align:-.04em;
}
h2.blatt-hell::before{
  background-image:url('../img/bazid-galabau-Icon-hell.svg');
}

/* ============ 1 KOPF: Logo als Ladenschild ============ */
.kopf{background:#fff;position:relative;z-index:20;}
.kopf-innen{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:var(--a24);padding-top:var(--a16);
}
.schild{
  display:block;background:#fff;position:relative;z-index:2;
  padding:var(--a12) var(--a24) var(--a24);
  margin-bottom:-72px;
  border-radius:0 0 var(--r10) var(--r10);
  box-shadow:var(--sch-karte);
}
.schild img{width:clamp(176px,20vw,288px);height:auto;}
.kopf-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:var(--a4);padding-top:var(--a4);}
.kopf-zeile{display:flex;align-items:center;gap:var(--a16);}
.kopf-tel{
  display:inline-flex;align-items:center;gap:var(--a8);
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1.06rem;color:var(--tanne);
  padding:var(--a12) var(--a8);
}
.kopf-tel svg{width:16px;height:16px;fill:var(--gruen);}
.kopf-tel:hover span{color:var(--gruen);}
.nav{display:flex;gap:var(--a4);margin-right:-14px;}
.nav a{
  padding:var(--a12) 14px;font-size:.94rem;color:var(--tinte);border-radius:var(--r6);
  transition:background-color .18s var(--e),color .18s var(--e);
}
.nav a:hover,.nav a.aktiv{background:var(--mint);color:var(--tanne);}
.burger{display:none;}
.mobilmenu{display:none;}

/* Knoepfe */
.knopf{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--a8);
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;
  padding:var(--a12) var(--a24);min-height:48px;
  border:0;border-radius:var(--r8);
  transition:background-color .18s var(--e),transform .18s var(--e);
}
.knopf:hover{transform:translateY(-2px);}
.knopf svg{width:18px;height:18px;fill:currentColor;}
.knopf-lime{background:var(--lime);color:var(--tinte);box-shadow:var(--sch-flach);}
.knopf-lime:hover{background:#8fd81c;box-shadow:var(--sch-karte);}
.knopf-gruen{background:var(--tanne);color:#fff;box-shadow:var(--sch-cta);}
.knopf-gruen:hover{background:var(--tanne-tief);}
.knopf-rand{border:1px solid var(--mint-linie);color:var(--mint);background:transparent;}
.knopf-rand:hover{background:rgba(241,255,243,.12);}
.knopf-still{border:1px solid rgba(28,35,20,.3);color:var(--tinte);background:transparent;box-shadow:none;}
.knopf-wa{border:1px solid rgba(10,104,10,.35);color:var(--tanne);background:var(--mint);box-shadow:none;}
.knopf-weiss{background:#fff;color:var(--tinte);box-shadow:var(--sch-flach);}
.knopf-weiss:hover{background:var(--mint);}
.knopf-gross{font-size:1.12rem;padding:var(--a16) var(--a32);}

/* ============ 2 HERO: Typo links auf Tanne, Bild rechts randlos ============ */
.hero{background:var(--tanne);color:var(--mint);}
.hero-raster{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:stretch;
}
.hero-text{
  padding-top:var(--a128);
  padding-bottom:var(--a96);
  padding-right:var(--a48);
  padding-left:max(20px,calc((100vw - var(--b-breit)) / 2));
}
.hero h1{
  font-size:clamp(2.6rem,5.2vw,5rem);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.022em;
  color:#fff;
  max-width:12em;
}
.hero h1 .hell{color:var(--lime);}
.hero-satz{
  margin-top:var(--a24);
  font-size:1.12rem;color:rgba(241,255,243,.92);
  max-width:30em;
}
.hero-hand{
  margin-top:var(--a48);
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--a16) var(--a24);
}
.hero-note{
  margin-top:var(--a32);
  display:inline-flex;align-items:center;gap:var(--a12);
  font-size:.94rem;color:rgba(241,255,243,.92);
}
.hero-note .sterne{width:104px;height:21px;flex:none;}
.hero-bild{position:relative;min-height:560px;}
.hero-bild img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 42%;
}

/* ============ 3 LEISTUNGEN: Raster mit Gewerk-Symbolen ============ */
.leistungen{background:#fff;padding-block:var(--sek-normal);}
.leist-kopf{max-width:44em;}
.leist-kopf p{margin-top:var(--a12);color:var(--leise);}
.gewerk-raster{
  margin-top:var(--a48);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--a16);
}
.gewerk{
  display:flex;flex-direction:column;gap:var(--a12);
  background:#fff;
  border:1px solid var(--linie);
  border-radius:var(--r10);
  padding:var(--a24);
  box-shadow:var(--sch-flach);
  transition:transform .3s var(--e),box-shadow .3s var(--e);
}
.gewerk:hover{transform:translateY(-6px);box-shadow:var(--sch-karte);border-color:rgba(10,104,10,.4);}
.gewerk-icon{
  width:52px;height:52px;flex:none;
  display:grid;place-items:center;
  background:var(--mint);color:var(--tanne);
  border-radius:var(--r8);
  transition:background-color .3s var(--e),color .3s var(--e);
}
.gewerk-icon svg{width:27px;height:27px;}
.gewerk:hover .gewerk-icon{background:var(--tanne);color:var(--lime);}
.gewerk strong{
  font-family:'Outfit',sans-serif;font-weight:600;
  font-size:1.18rem;line-height:1.2;color:var(--tinte);
  position:relative;padding-right:22px;
  transition:color .3s var(--e);
}
.gewerk strong::after{
  content:'';position:absolute;right:4px;top:.42em;
  width:8px;height:8px;
  border-top:1px solid var(--gruen);border-right:1px solid var(--gruen);
  transform:rotate(45deg);
  opacity:0;
  transition:opacity .3s var(--e),transform .3s var(--e);
}
.gewerk:hover strong{color:var(--tanne);}
.gewerk:hover strong::after{opacity:1;transform:translateX(4px) rotate(45deg);}
.gewerk p{font-size:.9rem;color:var(--leise);line-height:1.55;}

/* ============ 4 PROJEKTE: grosses Bildband ============ */
.projekte{background:var(--mint);padding-block:var(--sek-normal);}
.projekte-kopf{margin-bottom:var(--a48);display:flex;align-items:baseline;justify-content:space-between;gap:var(--a24);flex-wrap:wrap;}
.projekte-kopf p{color:var(--leise);font-size:.94rem;}
.bildband{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  grid-template-rows:440px 340px 400px;
  gap:var(--a8);
}
.bb{position:relative;overflow:hidden;margin:0;}
.bb img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  transition:transform .7s var(--e);
}
.bb:hover img{transform:scale(1.04);}
.bb-hoch{grid-column:1;grid-row:1 / 3;}
.bb-breit{grid-column:2 / 4;grid-row:1;}
.bb-breit2{grid-column:2 / 4;grid-row:3;}
.bb figcaption{
  position:absolute;left:0;bottom:0;
  background:rgba(8,44,6,.88);color:#fff;
  font-family:'Outfit',sans-serif;font-weight:500;font-size:.94rem;
  padding:var(--a8) var(--a16);
  border-radius:0 var(--r8) 0 0;
  transition:background-color .3s var(--e);
}
.bb:hover figcaption{background:var(--tanne);}

/* ============ 5 STEINREINIGUNG: dunkles Band ============ */
.stein{background:var(--tanne);color:var(--mint);padding-block:var(--sek-eng);}
.stein h2{color:#fff;max-width:17em;}
.stein-kopf{
  display:grid;grid-template-columns:1.5fr 1fr;gap:var(--a24) var(--a64);
  align-items:end;margin-bottom:var(--a48);
}
.stein-kopf p{margin-top:var(--a16);color:rgba(241,255,243,.85);max-width:34em;}
.stein-fakten li{
  border-top:1px solid var(--mint-linie);
  padding-block:var(--a8);
  font-size:.94rem;
}
.stein-fakten li:last-child{border-bottom:1px solid var(--mint-linie);}
.stein-bilder{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--a16);
}
.stein-bild{margin:0;position:relative;overflow:hidden;border-radius:var(--r10);}
.stein-bild img{
  width:100%;height:300px;object-fit:cover;
  transition:transform .7s var(--e);
}
.stein-bild:hover img{transform:scale(1.05);}
.stein-bild figcaption{
  position:absolute;left:0;right:0;bottom:0;
  background:rgba(8,44,6,.85);color:rgba(241,255,243,.95);
  font-size:.85rem;padding:var(--a8) var(--a16);
}

/* ============ 6 BEWERTUNGEN: drei Spalten ============ */
.bew{background:#fff;padding-block:var(--sek-normal);}
.bew-kopf{
  display:flex;align-items:center;gap:var(--a32);
  flex-wrap:wrap;margin-bottom:var(--a48);
}
.riese{
  font-family:'Outfit',sans-serif;font-weight:800;
  font-size:clamp(4rem,7vw,6.5rem);
  line-height:.9;letter-spacing:-.03em;
  color:var(--gruen);
  font-variant-numeric:tabular-nums;
}
.bew-kopf-text{flex:1;min-width:280px;}
.bew-quelle-zeile{display:flex;align-items:center;gap:var(--a12);margin-top:var(--a12);flex-wrap:wrap;}
.google-g{width:28px;height:28px;flex:none;}
.google-g.klein{width:18px;height:18px;margin-left:auto;flex:none;}
.bew-quelle-zeile .sterne{width:104px;height:21px;flex:none;}
.bew-satz{color:var(--leise);font-size:.94rem;}
.bew-drei{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--a16);
  align-items:start;
}
.stimme{
  background:#fff;
  border:1px solid var(--linie);
  border-radius:var(--r10);
  padding:var(--a24);
  box-shadow:var(--sch-flach);
  transition:transform .3s var(--e),box-shadow .3s var(--e);
}
.stimme:hover{transform:translateY(-4px);box-shadow:var(--sch-karte);}
.stimme header{display:flex;align-items:center;gap:var(--a12);margin-bottom:var(--a12);}
.initial{
  width:40px;height:40px;flex:none;
  display:grid;place-items:center;
  background:var(--mint);color:var(--tanne);
  font-family:'Outfit',sans-serif;font-weight:700;font-size:1.06rem;
  border-radius:var(--r6);
}
.wer{display:grid;line-height:1.35;}
.wer strong{font-size:.94rem;color:var(--tinte);}
.wer span{font-size:.78rem;color:var(--leise);}
.sterne-k{width:92px;height:18px;margin-bottom:var(--a8);}
.stimme p{font-size:.9rem;line-height:1.6;}

/* ============ 7 UEBER: Bild, Aussage, Zitat, Fakten ============ */
.ueber{background:var(--mint);padding-block:var(--sek-normal);}
.ueber-raster{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--a64);align-items:center;}
.ueber-bild{position:relative;margin:0;}
.ueber-foto{
  width:100%;aspect-ratio:4/5;object-fit:cover;object-position:60% 35%;
  border-radius:var(--r10);
}
.ueber-gesicht{
  position:absolute;right:-24px;bottom:var(--a32);
  width:clamp(96px,10vw,150px);height:auto;aspect-ratio:1;
  object-fit:cover;
  border-radius:var(--r10);
  box-shadow:0 0 0 6px var(--mint), 0 18px 44px rgba(20,45,8,.2);
}
.ueber-aussage{margin-top:var(--a16);max-width:32em;font-size:1.12rem;}
.zitat{
  margin-top:var(--a32);
  background:var(--tanne);color:#fff;
  border-radius:var(--r10);
  padding:var(--a24) var(--a32);
  box-shadow:var(--sch-karte);
}
.zitat p{
  font-family:'Outfit',sans-serif;font-weight:600;
  font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.3;
  color:#fff;
}
.zitat cite{display:block;margin-top:var(--a8);font-style:normal;font-size:.85rem;color:var(--lime);}
.haken{margin-top:var(--a24);display:grid;gap:var(--a8);}
.haken li{display:flex;align-items:center;gap:var(--a12);font-size:.94rem;}
.haken li svg{width:16px;height:16px;fill:var(--gruen);flex:none;}
.fakten{
  margin-top:var(--a64);
  display:grid;grid-template-columns:1.1fr 1.4fr .9fr 1.2fr;gap:var(--a16);
}
.fakten > div{
  background:#fff;border-radius:var(--r10);
  padding:var(--a16) var(--a24);
  box-shadow:var(--sch-flach);
}
.fakten dt{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.08em;color:var(--tanne);
}
.fakten dd{margin-top:var(--a4);font-size:.88rem;line-height:1.55;}

/* ============ 8 EINBLICKE: Instagram und TikTok ============ */
.einblicke{background:#fff;padding-block:var(--sek-normal);}
.einblicke h2{margin-bottom:var(--a48);}
.social-raster{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--a24);align-items:stretch;}
.sozial{border-radius:var(--r10);overflow:hidden;}
.plattform{
  display:flex;align-items:center;gap:var(--a8);
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.94rem;
  letter-spacing:.04em;
  padding:var(--a12) var(--a24);
  background:var(--mint);color:var(--tanne);
}
.plattform svg{width:17px;height:17px;fill:currentColor;flex:none;}
.plattform-hell{background:rgba(255,255,255,.08);color:#fff;}
.ig{background:#fff;border:1px solid var(--linie);display:flex;flex-direction:column;}
.ig-kopf{display:flex;align-items:center;gap:var(--a16);padding:var(--a24);flex-wrap:wrap;}
.ig-avatar{width:64px;height:64px;border-radius:var(--r8);flex:none;}
.ig-wer{line-height:1.4;}
.ig-name{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.06rem;color:var(--tinte);}
.ig-handle{font-size:.88rem;color:var(--leise);}
.ig-zahlen{font-size:.88rem;color:var(--text);}
.ig-gitter{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--a4);padding:0 var(--a24);}
.ig-gitter a{display:block;overflow:hidden;border-radius:var(--r6);}
.ig-gitter img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s var(--e);}
.ig-gitter a:hover img{transform:scale(1.05);}
.sozial-folgen{margin:var(--a16) var(--a24) var(--a24);align-self:flex-start;}
.tt-karte{background:var(--tinte);display:flex;flex-direction:column;}
.tt-buehne{position:relative;display:block;flex:1;min-height:320px;overflow:hidden;}
.tt-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e);}
.tt-buehne:hover .tt-bild{transform:scale(1.03);}
.tt-play{
  position:absolute;left:50%;top:50%;
  width:56px;height:56px;border-radius:var(--r8);
  background:var(--lime);color:var(--tinte);
  display:grid;place-items:center;
  transform:translate(-50%,-50%);
  box-shadow:var(--sch-karte);
  transition:transform .3s var(--e);
}
.tt-buehne:hover .tt-play{transform:translate(-50%,-50%) scale(1.1);}
.tt-play svg{width:22px;height:22px;}
.tt-lauf{padding:var(--a24);display:grid;gap:var(--a4);color:#fff;}
.tt-handle{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.06rem;}
.tt-satz{font-size:.88rem;color:rgba(255,255,255,.85);}
.tt-lauf .sozial-folgen{margin:var(--a12) 0 0;}

/* ============ 9 ANFRAGE: Hoehepunkt auf Markengruen ============ */
.anfrage{position:relative;background:var(--gruen);padding-block:var(--sek-weit);overflow:hidden;}
.anfrage-muster{
  position:absolute;inset:0;pointer-events:none;
  background:url('../img/bazid-galabau-Icon-before.svg') repeat 50% 0 / 720px;
  opacity:.14;
}
.anfrage-raster{position:relative;display:grid;grid-template-columns:1.45fr 1fr;gap:var(--a48);align-items:start;}
.anfrage h2{color:#fff;font-size:clamp(1.9rem,3.2vw,2.75rem);max-width:14em;}
.dialog{
  margin-top:var(--a32);
  background:#fff;
  padding:var(--a32);
  border-radius:var(--r10);
  box-shadow:var(--sch-karte);
}
.dialog-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--a16);margin-bottom:var(--a24);}
.punkte{display:flex;gap:var(--a8);}
.punkte li{
  width:32px;height:32px;display:grid;place-items:center;
  border:1px solid var(--linie);border-radius:var(--r6);
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.88rem;color:var(--leise);
}
.punkte li.dran{background:var(--tanne);border-color:var(--tanne);color:#fff;}
.punkte li.fertig{background:var(--mint);color:var(--tanne);}
.schrittzeile{font-size:.88rem;color:var(--leise);}
.schritt{display:none;border:0;}
.schritt.dran{display:block;}
legend{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1.35rem;
  color:var(--tinte);margin-bottom:var(--a16);line-height:1.25;
}
.chips{display:flex;flex-wrap:wrap;gap:var(--a8);}
.chips label{position:relative;}
.chips input{position:absolute;inset:0;opacity:0;}
.chips span{
  display:inline-flex;align-items:center;
  min-height:44px;padding:var(--a8) var(--a16);
  border:1px solid rgba(10,104,10,.4);border-radius:var(--r6);
  background:#fff;color:var(--tinte);font-size:.94rem;
  transition:background-color .18s var(--e),color .18s var(--e);
}
.chips label:hover span{background:var(--mint);}
.chips input:checked + span{background:var(--tanne);border-color:var(--tanne);color:#fff;}
.chips input:focus-visible + span{outline:2px solid var(--gruen);outline-offset:2px;}
.tipp{margin-top:var(--a16);font-size:.88rem;color:var(--leise);}
.feld-reihe{display:grid;grid-template-columns:1fr 1fr;gap:var(--a16);}
.feld{display:block;margin-bottom:var(--a16);}
.feld > label{display:block;font-size:.88rem;font-weight:500;margin-bottom:var(--a4);color:var(--tinte);}
.feld input[type=text],.feld input[type=tel],.feld textarea{
  width:100%;padding:var(--a12) var(--a16);
  border:1px solid rgba(28,35,20,.32);border-radius:var(--r6);
  background:#fff;color:var(--tinte);
  transition:border-color .18s var(--e);
}
.feld input:focus,.feld textarea:focus{border-color:var(--gruen);outline:2px solid var(--gruen);outline-offset:0;}
.feld-check{display:flex;gap:var(--a12);align-items:flex-start;}
.feld-check input{width:20px;height:20px;margin-top:var(--a4);accent-color:var(--gruen);flex:none;}
.feld-check label{font-size:.88rem;line-height:1.5;}
.dialog-nav{display:flex;gap:var(--a12);margin-top:var(--a24);}
.dialog-fehler{margin-top:var(--a12);font-size:.88rem;color:#a4300d;font-weight:500;}
.dialog-ok{
  margin-top:var(--a16);padding:var(--a12) var(--a16);
  background:var(--mint);border:1px solid rgba(10,104,10,.4);border-radius:var(--r6);
  color:var(--tanne);font-weight:600;
}
.form-hinweis{margin-top:var(--a16);font-size:.82rem;color:var(--leise);}
.anfrage-neben{
  background:var(--tanne);color:var(--mint);
  padding:var(--a32);
  border-radius:var(--r10);
  box-shadow:var(--sch-karte);
  display:grid;gap:var(--a16);
  align-self:start;
}
.neben-person{
  display:flex;align-items:center;gap:var(--a12);
  border-bottom:1px solid var(--mint-linie);padding-bottom:var(--a16);
}
.neben-gesicht{
  width:56px;height:56px;border-radius:var(--r8);flex:none;
  background:url('../img/face.jpg') center/cover;
}
.neben-wer{display:grid;line-height:1.4;font-size:.82rem;color:rgba(241,255,243,.75);}
.neben-wer strong{font-family:'Outfit',sans-serif;font-size:1.06rem;color:#fff;}
.neben-zeile{display:flex;gap:var(--a12);align-items:flex-start;padding-block:var(--a8);}
.neben-zeile svg{width:20px;height:20px;fill:var(--lime);flex:none;margin-top:var(--a4);}
.neben-zeile span{display:grid;line-height:1.45;font-size:.82rem;color:rgba(241,255,243,.75);}
.neben-zeile strong{font-size:1rem;color:#fff;}
a.neben-zeile:hover strong{color:var(--lime);}

/* ============ 10 EINSATZGEBIET: gezeichnete Karte ============ */
.gebiet{background:var(--mint);padding-block:var(--sek-eng);}
.gebiet-raster{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--a64);
  align-items:center;
}
.gebiet-text p{margin-top:var(--a12);max-width:34em;}
.gebiet-liste{margin-top:var(--a24);}
.gebiet-liste li{
  border-top:1px solid var(--linie);
  padding-block:var(--a8);
  font-size:.88rem;color:var(--leise);
}
.gebiet-liste li:last-child{border-bottom:1px solid var(--linie);}
.karte-rahmen{
  background:#fff;border-radius:var(--r10);
  box-shadow:var(--sch-karte);
  padding:var(--a16);
}
.karte{display:block;width:100%;height:auto;}
.radius-kreis{
  fill:rgba(89,157,8,.06);
  stroke:var(--gruen);stroke-width:1.5;stroke-dasharray:4 8;
}
.wege path{stroke:rgba(10,104,10,.22);stroke-width:2;fill:none;}
.ort .punkt{
  fill:var(--gruen);
  transition:fill .25s var(--e),transform .25s var(--e);
  transform-box:fill-box;transform-origin:center;
}
.ort .ring{
  fill:none;stroke:var(--lime);stroke-width:2;
  opacity:0;
  transform:scale(.6);
  transition:opacity .25s var(--e),transform .25s var(--e);
  transform-box:fill-box;transform-origin:center;
}
.ort:hover .ring{opacity:1;transform:scale(1);}
.ort:hover .punkt{fill:var(--tanne);transform:scale(1.25);}
.ort-sehnde .punkt{fill:var(--tanne);}
.ort-sehnde .ring{opacity:1;transform:scale(1);stroke:var(--gruen);stroke-dasharray:3 5;}
.ort-name{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:17px;
  fill:var(--tinte);
}
.ort-name-gross{font-size:21px;fill:var(--tanne);}
.ort-sub{font-family:'Poppins',sans-serif;font-size:12.5px;fill:var(--leise);}

/* ============ 11 FUSS ============ */
.fuss{background:var(--tanne);color:var(--mint);}
.fuss-cta{
  display:flex;align-items:center;justify-content:space-between;gap:var(--a24);
  flex-wrap:wrap;
  padding-block:var(--a48);
  border-bottom:1px solid var(--mint-linie);
}
.fuss-gross{
  font-family:'Outfit',sans-serif;font-weight:700;
  font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.2;
  color:#fff;max-width:16em;
}
.fuss-cta-knoepfe{display:flex;gap:var(--a12);flex-wrap:wrap;}
.fuss-raster{
  display:grid;grid-template-columns:1.5fr 1fr .9fr .8fr;gap:var(--a48);
  padding-block:var(--a64);
}
.fuss-logo{width:280px;height:auto;}
.fuss-marke p{margin-top:var(--a24);font-size:.88rem;color:rgba(241,255,243,.8);max-width:26em;}
.fuss-social{display:flex;gap:var(--a8);margin-top:var(--a24);}
.fuss-social a{
  width:44px;height:44px;display:grid;place-items:center;
  background:rgba(241,255,243,.08);border-radius:var(--r8);color:var(--mint);
  transition:background-color .18s var(--e),color .18s var(--e);
}
.fuss-social a:hover{background:var(--lime);color:var(--tinte);}
.fuss-social svg{width:18px;height:18px;fill:currentColor;}
.fuss-titel{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.06rem;color:#fff;margin-bottom:var(--a12);}
.fuss-kontakt li{display:flex;align-items:center;gap:var(--a12);}
.fuss-kontakt svg{width:15px;height:15px;fill:var(--lime);flex:none;}
.fuss-kontakt a,.fuss-kontakt span{padding-block:var(--a12);font-size:.94rem;}
.fuss-kontakt a:hover{color:var(--lime);}
.fuss-links a{display:inline-block;padding-block:var(--a12);font-size:.94rem;}
.fuss-links a:hover{color:var(--lime);}
.fuss-orte li{padding-block:var(--a12);font-size:.94rem;}
.fuss-zeit{margin-top:var(--a16);font-size:.85rem;color:rgba(241,255,243,.75);line-height:1.6;}
.fuss-streifen{background:var(--lime);color:var(--tinte);}
.fuss-streifen-innen{
  display:flex;align-items:center;justify-content:space-between;gap:var(--a16);
  flex-wrap:wrap;padding-block:var(--a8);
  padding-right:160px;
  font-size:.88rem;
}
.fuss-recht{display:flex;align-items:center;gap:var(--a16);flex-wrap:wrap;}
.fuss-recht a{display:inline-block;padding-block:var(--a12);text-decoration:underline;font-weight:500;}
.platzhalter{
  background:var(--tinte);color:#fff;
  padding:var(--a4) var(--a8);font-size:.78rem;
  border-radius:var(--r6);
}

/* ============ Dock: schwebender Kontakt rechts ============ */
.dock{position:fixed;right:var(--a24);bottom:var(--a24);z-index:60;}
.dock-knopf{
  display:flex;align-items:center;gap:var(--a8);
  background:var(--lime);color:var(--tinte);
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;
  padding:var(--a12) var(--a24);min-height:48px;
  border:0;border-radius:var(--r8);
  box-shadow:var(--sch-cta);
  transition:transform .18s var(--e),background-color .18s var(--e);
}
.dock-knopf:hover{transform:translateY(-2px);background:#8fd81c;}
.dock-knopf svg{width:16px;height:16px;fill:currentColor;}
.dock-panel{
  position:absolute;right:0;bottom:calc(100% + 12px);
  width:340px;background:#fff;border-radius:var(--r10);
  overflow:hidden;box-shadow:var(--sch-karte);
}
.dock-kopf{
  position:relative;background:var(--tanne);color:#fff;
  padding:var(--a16) var(--a48) var(--a16) var(--a16);
  display:flex;align-items:center;gap:var(--a12);
}
.dock-zu{
  position:absolute;top:var(--a4);right:var(--a4);
  width:44px;height:44px;display:grid;place-items:center;
  background:transparent;border:0;color:#fff;border-radius:var(--r6);
}
.dock-zu svg{width:18px;height:18px;fill:currentColor;}
.dock-gesicht{width:48px;height:48px;border-radius:var(--r8);flex:none;background:url('../img/face.jpg') center/cover;}
.dock-name{font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;}
.dock-rolle{font-size:.78rem;color:rgba(255,255,255,.8);line-height:1.4;}
.dock-rumpf{padding:var(--a16);display:grid;gap:var(--a12);}
.dock-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:var(--a8);}
.dock-knoepfe .knopf{box-shadow:none;}
.dock-form .feld{margin-bottom:var(--a8);}
.dock-senden{width:100%;box-shadow:none;}
.dock-ok{
  padding:var(--a12) var(--a16);
  background:var(--mint);border:1px solid rgba(10,104,10,.4);border-radius:var(--r6);
  color:var(--tanne);font-weight:600;font-size:.94rem;
}

/* ============ Handyleiste, nur Mobil ============ */
.handyleiste{display:none;}

/* ============ Reveal, nur mit JS ============ */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--e),transform .6s var(--e);}
.js .reveal.da{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .js .reveal{opacity:1;transform:none;transition:none;}
  .bb img,.ig-gitter img,.tt-bild,.stein-bild img{transition:none;}
}

/* ============ Zwischenbreite ============ */
@media (max-width:1080px){
  .nav{display:none;}
  .burger{
    display:grid;place-items:center;gap:0;
    width:48px;height:48px;background:var(--mint);border:0;border-radius:var(--r6);
  }
  .burger span{display:block;width:20px;height:2px;background:var(--tinte);margin-block:2px;}
  .mobilmenu{display:block;background:#fff;border-top:1px solid var(--linie);position:relative;z-index:15;}
  .mobilmenu[hidden]{display:none;}
  .mobilmenu a{display:block;padding:var(--a12) var(--a24);font-size:1rem;border-bottom:1px solid var(--linie);}
  .kopf-rechts{align-items:center;flex-direction:row;}
  .hero-raster{grid-template-columns:1fr;}
  .hero-text{padding-block:var(--a96) var(--a64);padding-right:max(20px,calc((100vw - var(--b-breit)) / 2));}
  .hero-bild{min-height:420px;}
  .gewerk-raster{grid-template-columns:repeat(2,1fr);}
  .bildband{grid-template-columns:1fr 1fr;grid-template-rows:380px 320px 320px 360px;}
  .bb-hoch{grid-column:1;grid-row:1 / 3;}
  .bb-breit{grid-column:2;grid-row:1;}
  .bb-breit2{grid-column:1 / 3;grid-row:4;}
  .bew-drei{grid-template-columns:1fr 1fr;}
  .anfrage-raster{grid-template-columns:1fr;}
  .gebiet-raster{grid-template-columns:1fr;gap:var(--a32);}
  .fuss-raster{grid-template-columns:1fr 1fr;gap:var(--a32);}
}

/* ============ Mobil ============ */
@media (max-width:760px){
  body{padding-bottom:64px;}
  :root{--sek-eng:48px;--sek-normal:64px;--sek-weit:96px;}
  .schild{margin-bottom:-40px;padding:var(--a8) var(--a12) var(--a12);}
  .schild img{width:160px;}
  .kopf-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  .kopf-tel{justify-content:center;padding:var(--a12);}
  .kopf-tel svg{width:20px;height:20px;}
  .knopf-gross{font-size:1rem;padding:var(--a12) var(--a24);}
  .kopf .knopf-lime{display:none;}
  .hero-text{padding-top:var(--a96);padding-bottom:var(--a48);}
  .hero-hand{margin-top:var(--a32);}
  .hero-bild{min-height:340px;}
  .gewerk-raster{grid-template-columns:1fr;gap:var(--a12);}
  .gewerk{display:grid;grid-template-columns:44px 1fr;column-gap:var(--a16);row-gap:var(--a4);padding:var(--a16);}
  .gewerk-icon{grid-row:1 / 3;width:44px;height:44px;}
  .gewerk-icon svg{width:22px;height:22px;}
  .bildband{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:300px;}
  .bb-hoch{grid-column:auto;grid-row:auto;}
  .bb-breit{grid-column:auto;grid-row:auto;}
  .bb-breit2{grid-column:auto;grid-row:auto;}
  .stein-kopf{grid-template-columns:1fr;align-items:start;}
  .stein-bilder{grid-template-columns:1fr;gap:var(--a12);}
  .stein-bild img{height:240px;}
  .bew-kopf{gap:var(--a16);margin-bottom:var(--a32);}
  .riese{font-size:4rem;}
  .bew-drei{
    display:flex;gap:var(--a12);
    overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:20px;
    margin-inline:-20px;padding-inline:20px;padding-bottom:var(--a8);
  }
  .stimme{flex:0 0 min(85%,320px);scroll-snap-align:start;}
  .stimme:hover{transform:none;}
  .ueber-raster{grid-template-columns:1fr;gap:var(--a32);}
  .ueber-gesicht{right:var(--a12);bottom:var(--a12);}
  .zitat{padding:var(--a16) var(--a24);}
  .fakten{grid-template-columns:1fr 1fr;margin-top:var(--a32);gap:var(--a12);}
  .social-raster{grid-template-columns:1fr;}
  .tt-buehne{min-height:420px;}
  .feld-reihe{grid-template-columns:1fr;gap:0;}
  .dialog{padding:var(--a16);}
  .anfrage-neben{padding:var(--a24);}
  .karte-rahmen{padding:var(--a8);}
  .fuss-cta{padding-block:var(--a32);}
  .fuss-raster{grid-template-columns:1fr;gap:var(--a32);padding-block:var(--a48);}
  .fuss-streifen-innen{padding-right:0;}
  .fuss-logo{width:220px;}
  .dock{display:none;}
  .handyleiste{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:64px;
    box-shadow:0 -2px 12px rgba(20,45,8,.18);
  }
  .handyleiste a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:var(--a8);
    padding:0 var(--a16);font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;
  }
  .handyleiste a:first-child{background:var(--tanne);color:#fff;}
  .handyleiste a:last-child{background:var(--lime);color:var(--tinte);}
  .handyleiste svg{width:18px;height:18px;fill:currentColor;}
}

/* ============================================================
   05.10.2026 Angleich an J (Inhalte von J, Gestaltung bleibt n1)
   ============================================================ */
html{scroll-padding-top:88px;}
.gruen{color:var(--gruen);}
.textlink{
  display:inline-flex;align-items:center;gap:var(--a8);
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;color:var(--tanne);
  padding-block:var(--a12);
}
.textlink .pfeil{width:18px;height:18px;transition:transform .18s var(--e);}
.textlink:hover .pfeil{transform:translateX(3px);}
.knopf .pfeil{width:18px;height:18px;fill:none;}

/* Kopf: flache grüne Leiste #0A680A, helles Logo auf grünem Schild, das in den Hero ragt; beim Scrollen klein */
.kopf{position:sticky;top:0;background:var(--tanne);}
.kopf-innen{align-items:center;padding-top:0;min-height:72px;}
.schild{
  align-self:flex-start;background:var(--tanne);box-shadow:none;
  padding:var(--a12) var(--a16) var(--a16);margin-bottom:-64px;
  transition:padding .3s var(--e),margin .3s var(--e);
}
.schild img{width:164px;transition:width .3s var(--e);}
.kopf--klein .schild{padding:8px 0;margin-bottom:0;}
.kopf--klein .schild img{width:56px;}
.kopf-rechts{flex-direction:row-reverse;align-items:center;gap:var(--a16);padding-top:0;}
.nav{margin-right:0;}
.nav a{color:#fff;padding:var(--a12) 12px;font-size:.92rem;}
.nav a:hover,.nav a.aktiv{background:rgba(255,255,255,.14);color:#fff;}
.nav a[href="#anfrage"]{display:none;}
.kopf-tel{color:#fff;padding:var(--a12);}
.kopf-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.kopf-tel svg{width:18px;height:18px;fill:var(--lime);}
.kopf-tel:hover svg{fill:#fff;}

/* Hero: Vollbild-Foto über die ganze Breite, Text auf einer satten Tanne-Tafel rechts, die unten auf der Bildkante steht */
.hero{position:relative;background:var(--tanne);min-height:max(620px,calc(100svh - 72px));display:flex;align-items:flex-end;overflow:hidden;}
.hero-foto{position:absolute;inset:0;}
.hero-foto picture{display:contents;}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;}
.hero-buehne{position:relative;display:flex;justify-content:flex-end;}
.hero-tafel{
  width:min(600px,100%);
  background:var(--tanne);color:var(--mint);
  padding:var(--a48) var(--a48) 40px;
  border-radius:var(--r10) var(--r10) 0 0;
}
.hero-tafel h1{font-size:clamp(2.3rem,3.6vw,3.5rem);font-weight:800;line-height:1.04;letter-spacing:-.022em;color:#fff;}
.hero-tafel h1 .hell{display:block;color:var(--lime);}
.hero-tafel .hero-satz{margin-top:var(--a16);font-size:1.06rem;}
.hero-tafel .hero-hand{margin-top:var(--a32);gap:var(--a12) var(--a16);}
.hero-tafel .hero-note{
  margin-top:var(--a24);padding-top:var(--a16);border-top:1px solid var(--mint-linie);
  display:flex;align-items:center;gap:var(--a16);flex-wrap:wrap;font-size:.92rem;
}
.hero-note a:hover{color:var(--lime);}
.hero-note strong{color:#fff;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.06rem;}
.hero-note-strich{width:1px;height:14px;background:var(--mint-linie);}
.hero-hinweis{
  position:absolute;left:max(20px,calc((100vw - var(--b-breit)) / 2));bottom:var(--a16);
  background:rgba(8,44,6,.82);color:#fff;font-size:.78rem;padding:var(--a4) var(--a8);border-radius:var(--r6);
}

/* Pools: weiß wie die Leistungen, Foto links mit Poolux-Plakette, Text rechts */
.pool{background:#fff;padding-block:0 var(--sek-normal);}
.pool-raster{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--a64);align-items:center;}
.pool-bild{position:relative;margin:0;}
.pool-bild > img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r10);}
.pool-plakette{
  position:absolute;left:var(--a16);bottom:var(--a16);
  background:#fff;border-radius:var(--r8);padding:var(--a12) var(--a16);box-shadow:var(--sch-flach);
}
.pool-plakette img{width:150px;height:auto;}
.pool-text > p{margin-top:var(--a16);max-width:32em;}
.pool-haken{margin-top:var(--a24);}
.pool-aktion{margin-top:var(--a32);display:flex;align-items:center;gap:var(--a16);flex-wrap:wrap;}
.pool-aktion p{font-size:.88rem;color:var(--leise);}

/* Projekte: Beschriftung zweiteilig (Art + Titel) */
.projekte-kopf{align-items:center;}
.bb figcaption{display:grid;gap:2px;padding:var(--a12) var(--a16);max-width:calc(100% - 24px);line-height:1.35;}
.bb-art{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);}

/* Bewertungen: laufende Wand, drei Spalten, oben und unten weich ausgeblendet; beim Überfahren hält die Spalte an */
.bew-quelle-zeile .textlink{padding-block:0;}
.wand{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--a16);
  height:620px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);
}
.wand-lauf{display:grid;gap:var(--a16);padding-bottom:var(--a16);animation:wand-lauf 70s linear infinite;}
.wand-spalte--2 .wand-lauf{animation-duration:82s;animation-direction:reverse;}
.wand-spalte--3 .wand-lauf{animation-duration:76s;}
.wand-spalte:hover .wand-lauf{animation-play-state:paused;}
.wand .stimme:hover{transform:none;}
@keyframes wand-lauf{from{transform:translateY(0);}to{transform:translateY(-50%);}}

/* Über: Plakette am Foto, Orte als Kärtchen */
.ueber-foto{aspect-ratio:1080/912;object-position:50% 40%;}
.ueber-plakette{
  position:absolute;left:var(--a16);top:var(--a16);
  background:#fff;border-radius:var(--r8);padding:var(--a8) var(--a16);box-shadow:var(--sch-flach);
  display:grid;line-height:1.3;
}
.ueber-plakette span{font-size:.72rem;color:var(--leise);}
.ueber-plakette strong{font-family:'Outfit',sans-serif;font-size:1.06rem;color:var(--tanne);}
.ueber-satz{margin-top:var(--a24);font-size:.98rem;}
.ueber-orte{margin-top:var(--a16);}
.ueber-orte-titel{display:flex;align-items:center;gap:var(--a8);font-family:'Outfit',sans-serif;font-weight:600;font-size:.88rem;color:var(--tanne);}
.ueber-orte-titel svg{width:13px;height:13px;fill:var(--gruen);}
.ueber-orte ul{display:flex;flex-wrap:wrap;gap:var(--a8);margin-top:var(--a8);}
.ueber-orte li{background:#fff;border:1px solid var(--linie);border-radius:var(--r6);padding:var(--a4) var(--a12);font-size:.88rem;}
.ueber-knopf{margin-top:var(--a32);}

/* Social: "Neues von der Baustelle." Kopfzeile mit Profilbild, sechs Fotos in einer Reihe */
.sozial-kopf{display:flex;align-items:center;gap:var(--a16) var(--a24);flex-wrap:wrap;margin-bottom:var(--a32);}
.sozial-kopf h2{flex:1;min-width:240px;}
.sozial-wege{display:flex;flex-direction:column;align-items:flex-end;gap:var(--a4);}
.sozial-tiktok{display:inline-flex;align-items:center;gap:var(--a8);font-size:.85rem;color:var(--leise);padding-block:var(--a8);}
.sozial-tiktok svg{width:14px;height:14px;fill:currentColor;flex:none;}
.sozial-tiktok:hover{color:var(--tanne);}
.sozial-reihe{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--a8);}
.sozial-reihe a{display:block;overflow:hidden;border-radius:var(--r8);}
.sozial-reihe img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s var(--e);}
.sozial-reihe a:hover img{transform:scale(1.05);}

/* Schlussband: großes Foto über die volle Breite des Rasters, weiße Tafel links */
.schluss{background:var(--mint);padding-block:0 var(--sek-normal);}
.schluss-band{position:relative;min-height:520px;border-radius:var(--r10);overflow:hidden;display:flex;align-items:center;}
.schluss-foto{position:absolute;inset:0;}
.schluss-foto picture{display:contents;}
.schluss-foto img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;}
.schluss-hinweis{position:absolute;right:var(--a16);bottom:var(--a16);background:rgba(8,44,6,.82);color:#fff;font-size:.78rem;padding:var(--a4) var(--a8);border-radius:var(--r6);}
.schluss-text{
  position:relative;margin:var(--a48);width:min(480px,calc(100% - 32px));
  background:#fff;border-radius:var(--r10);padding:40px;box-shadow:var(--sch-karte);
}
.schluss-gross{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.1;letter-spacing:-.015em;color:var(--tinte);}
.schluss-text > p:not(.schluss-gross){margin-top:var(--a12);color:var(--leise);}
.schluss-knoepfe{margin-top:var(--a24);display:flex;gap:var(--a12);flex-wrap:wrap;}
.schluss-knoepfe .knopf-rand{border-color:rgba(10,104,10,.35);color:var(--tanne);}
.schluss-knoepfe .knopf-rand:hover{background:var(--mint);}

/* Fuß: Poolux auf weißer Plakette */
.fuss-partner{display:flex;align-items:center;gap:var(--a12);margin-top:var(--a24);font-size:.85rem;color:rgba(241,255,243,.85);flex-wrap:wrap;}
.fuss-partner:hover{color:var(--lime);}
.fuss-plakette{background:#fff;border-radius:var(--r6);padding:var(--a8) var(--a12);}
.fuss-plakette img{width:110px;height:auto;}

@media (max-width:1080px){
  .burger{background:rgba(255,255,255,.14);}
  .burger span{background:#fff;}
  .pool-raster{grid-template-columns:1fr;gap:var(--a32);}
  .wand{grid-template-columns:1fr 1fr;}
  .wand-spalte--3{display:none;}
  .sozial-reihe{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:760px){
  html{scroll-padding-top:76px;}
  .kopf-innen{min-height:64px;}
  .schild{margin-bottom:-36px;padding:var(--a8) var(--a12) var(--a12);}
  .schild img{width:108px;}
  .kopf--klein .schild{padding:6px 0;margin-bottom:0;}
  .kopf--klein .schild img{width:48px;}
  .hero{display:block;min-height:0;background:var(--tanne);}
  .hero-foto{position:relative;height:56svh;min-height:340px;}
  .hero-buehne{width:100%;margin-top:-40px;}
  .hero-tafel{width:100%;padding:var(--a32) 20px;border-radius:var(--r10) var(--r10) 0 0;}
  .hero-tafel .hero-hand .knopf{width:100%;}
  .hero-hinweis{bottom:auto;top:var(--a16);left:auto;right:20px;}
  .wand{grid-template-columns:1fr;height:560px;}
  .wand-spalte--2{display:none;}
  .sozial-wege{align-items:flex-start;}
  .sozial-reihe{grid-template-columns:repeat(2,1fr);}
  .schluss-band{min-height:0;flex-direction:column;align-items:stretch;}
  .schluss-foto{position:relative;height:260px;}
  .schluss-text{margin:-40px 12px 12px;width:auto;padding:var(--a24);}
  .schluss-hinweis{top:var(--a12);bottom:auto;}
}
@media (min-width:1081px){
  .hero-buehne{padding-right:clamp(0px,calc(150px - (100vw - var(--b-breit)) / 2),150px);}
  .hero-tafel{width:min(640px,100%);}
}
/* Prüfung 05.10.2026: klarere Stufe H1 zu H2, Wandkarten ohne SVG (Sterne als Schriftzeichen) */
h2,.anfrage h2{font-size:clamp(1.7rem,2.5vw,2.25rem);}
.hero-tafel h1{font-size:clamp(2.4rem,4.2vw,3.75rem);}
@media (min-width:1081px){ .hero-tafel{width:min(680px,100%);} }
.wand-quelle{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--leise);}
.wand-sterne{display:block;margin-bottom:var(--a8);color:#e8a417;font-size:1rem;letter-spacing:.12em;line-height:1;}
/* Sterne der Wandkarten als Hintergrundbild statt Schriftzeichen */
.wand-sterne{width:92px;height:18px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'><path fill='%23e8a417' transform='translate(0 0)' d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4 6.1 20.5l1.2-6.5L2.5 9.4l6.6-.9z'/><path fill='%23e8a417' transform='translate(24 0)' d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4 6.1 20.5l1.2-6.5L2.5 9.4l6.6-.9z'/><path fill='%23e8a417' transform='translate(48 0)' d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4 6.1 20.5l1.2-6.5L2.5 9.4l6.6-.9z'/><path fill='%23e8a417' transform='translate(72 0)' d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4 6.1 20.5l1.2-6.5L2.5 9.4l6.6-.9z'/><path fill='%23e8a417' transform='translate(96 0)' d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4 6.1 20.5l1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") left center/contain no-repeat;font-size:0;}