/* site.css: Theme blechline, Richtung B "Nahbares Handwerk" (E-067).
   Grundlage: pruefstand/b-handwerk/assets/css/b.css plus Klassenvertrag bauplan.md §7.1.
   Regeln: kein Text unter 13 px, Tippziele >= 44 px, Bewegung <= 220 ms, genau ein Klebeelement (#sticky),
   Kopf scrollt weg, nur Token-Werte, kein !important. Lädt nach tokens.css. */
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:optional;src:url(../fonts/barlow-600.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:optional;src:url(../fonts/inter-700.woff2) format('woff2')}
:root{--knopf:#007cac;--knopf-hover:#005f85;--weich:var(--bl-metall-1);--weich-blau:var(--bl-blau-50);--kopf-h:64px;--b-l:max(var(--bl-rand),calc((100% - var(--bl-max))/2 + var(--bl-rand)))}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;font-family:var(--bl-f-text);font-size:var(--t-text);line-height:1.55;color:var(--bl-ink);background:#fff;overflow-wrap:break-word}
.wp-site-blocks>*{margin-block:0}
img,svg{max-width:100%}
img{height:auto;display:block}
picture{display:block}
h1,h2,h3,h4{font-family:var(--bl-f-kopf);font-weight:700;line-height:1.12;margin:0;color:var(--bl-ink)}
h1{font-size:var(--t-display)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3);line-height:1.2}
p{margin:0}
a{color:var(--bl-blau-600);text-underline-offset:.18em}
a:hover{color:var(--bl-blau-800)}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
.b-ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.b-sprite{position:absolute;width:0;height:0;overflow:hidden}
.b-nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.b-skip{position:absolute;left:var(--s-4);top:-80px;z-index:100;background:#fff;color:var(--bl-ink);padding:var(--s-3) var(--s-4);border-radius:var(--r-s);border:2px solid var(--bl-blau-500)}
.b-skip:focus{top:var(--s-3)}

/* Raster */
.b-w{max-width:var(--bl-max);margin-inline:auto;padding-inline:var(--bl-rand)}
.b-w .b-w{padding-inline:0}
.b-sec{padding-block:20px}
@media (min-width:760px){.b-sec{padding-block:var(--bl-sektion)}}
.b-weich{background:var(--weich)}
.b-weich-blau{background:var(--weich-blau)}
.b-eyebrow{font-family:var(--bl-f-kopf);font-weight:600;font-size:var(--t-mikro);letter-spacing:.14em;text-transform:uppercase;color:var(--bl-blau-600);margin-bottom:var(--s-3)}
.b-kopfzeile{max-width:44rem;margin-bottom:var(--s-4)}
@media (min-width:760px){.b-kopfzeile{margin-bottom:var(--s-6)}}
.b-kopfzeile p{margin-top:var(--s-3);color:var(--bl-text-2);max-width:62ch}

/* Knoepfe */
.b-knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:52px;padding:0 28px;border-radius:var(--r-pill);border:2px solid var(--knopf);background:var(--knopf);color:#fff;font-family:var(--bl-f-kopf);font-weight:700;font-size:var(--t-h3);letter-spacing:.01em;text-decoration:none;line-height:1;cursor:pointer;transition:background var(--m-base) var(--m-kurve),border-color var(--m-base) var(--m-kurve)}
.b-knopf:hover{background:var(--knopf-hover);border-color:var(--knopf-hover);color:#fff}
.b-knopf--zweit{background:#fff;border-color:var(--bl-linie-2);color:var(--bl-blau-600)}
.b-knopf--zweit:hover{background:#fff;border-color:var(--bl-blau-500);color:var(--bl-blau-800)}
.b-knopf--hell{background:#fff;border-color:#fff;color:var(--bl-blau-600)}
.b-knopf--hell:hover{background:var(--bl-blau-50);border-color:var(--bl-blau-50);color:var(--bl-blau-800)}
.b-knopf--klein{min-height:44px;padding:0 14px;font-size:var(--t-klein)}
.b-knopf .b-ico{width:20px;height:20px}
.b-textlink{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;font-weight:700;color:var(--bl-blau-600);text-decoration:none;border-bottom:2px solid transparent}
.b-textlink:hover{color:var(--bl-blau-800);border-bottom-color:currentColor}
.b-textlink .b-ico{width:18px;height:18px}
.b-pille{display:inline-block;padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:#fff;border:1px solid var(--bl-linie-2);font-family:var(--bl-f-kopf);font-weight:600;font-size:var(--t-mikro);letter-spacing:.14em;text-transform:uppercase;color:var(--bl-blau-600)}
.b-mikro{font-size:var(--t-klein);color:var(--bl-text-2)}

/* Kopf: das Kopfmenü (E-076) steht in menue.css (Präfix mf-); hier nur, was Kopf, Fuß und Seiten gemeinsam brauchen. Scrollt weg (nicht sticky). */
.b-knopf--kopf{white-space:nowrap;flex:none}
.b-logo{display:flex;flex:none;align-items:center;min-height:44px;margin-right:auto}
.b-logo img{flex:none;height:40px;width:auto}

/* Hero (Start und Seiten mit Kopfbild) */
.b-hero{background:var(--weich)}
.b-hero__in{display:grid;gap:var(--s-5);padding-block:var(--s-5) var(--s-6)}
.b-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4)}
.b-hero__sub{color:var(--bl-text-2);max-width:34rem}
.b-hero__tat{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5)}
.b-trust{display:flex;flex-wrap:wrap;gap:0 var(--s-4);font-size:var(--t-klein);color:var(--bl-text-2)}
.b-trust li{display:flex;align-items:center;gap:var(--s-2);min-height:24px}
.b-trust .b-ico{width:18px;height:18px;color:var(--bl-gut)}
.b-hero__bild{margin:0}
.b-hero__bild img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-m)}
@media (min-width:960px){
  .b-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:var(--s-8);padding-block:var(--s-8)}
  .b-hero__bild img{aspect-ratio:5/4}
}
/* Bildwechsel auf der Startseite (Inhaber 2026-10-19): E-072 endlos alle 3 s ohne Bedienleiste: feste Fläche (CLS 0), Überblenden 650 ms
   (bewusste Ausnahme von "Bewegung <= 220 ms", nur opacity), Wechsel nur mit JS und ohne prefers-reduced-motion (site.js). Ohne JS bleibt Bild 1. */
.b-hero__bild--wechsel{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-m);background:var(--bl-metall-1)}
.b-hero__bild--wechsel .b-hero__slide{position:absolute;inset:0;display:block;opacity:0}
.b-hero__bild--wechsel .b-hero__slide img{display:block;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.b-hero__bild--wechsel .ist-vorher{opacity:1;z-index:1}
.b-hero__bild--wechsel .ist-aktiv{opacity:1;z-index:2}
@media (prefers-reduced-motion:no-preference){.b-hero__bild--wechsel .b-hero__slide{transition:opacity 650ms ease}.b-hero__bild--wechsel .ist-vorher{transition:none}}
.b-hero__slide--lager img{object-position:60% 50%}
.b-hero__slide--montage img{object-position:65% 50%}
@media (min-width:960px){
  .b-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:var(--s-8);padding-block:var(--s-8)}
  .b-hero__bild img{aspect-ratio:5/4}
  .b-hero__bild--wechsel{aspect-ratio:5/4}
}
.b-hero--seite .b-hero__in{padding-block:var(--s-5)}
.b-hero--seite h1{font-size:var(--t-h1)}
.b-hero--seite .b-hero__bild img{aspect-ratio:16/9;max-height:240px}
@media (min-width:960px){.b-hero--seite .b-hero__in{padding-block:var(--s-7)}.b-hero--seite .b-hero__bild img{aspect-ratio:16/9;max-height:none}}

/* Direktantwort */
.b-antwort__in{display:grid;gap:var(--s-4)}
.b-antwort__text{font-size:var(--t-text);line-height:1.55;color:var(--bl-ink);max-width:46rem}
@media (min-width:960px){.b-antwort__text{font-size:var(--t-h3);line-height:1.5}.b-antwort__in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--s-8);align-items:start}}

/* Attika-Teaser */
.b-attika__in{display:grid;gap:var(--s-5);align-items:center}
.b-attika__bild{margin:0}
.b-attika__bild img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 42%;border-radius:var(--r-m)}
.b-attika__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4)}
.b-attika__text p{color:var(--bl-text-2);max-width:34rem}
.b-chips{display:none;flex-wrap:wrap;gap:var(--s-2)}
.b-chips li{padding:var(--s-1) var(--s-3);min-height:32px;display:inline-flex;align-items:center;background:#fff;border:1px solid var(--bl-linie-2);border-radius:var(--r-pill);font-size:var(--t-klein);font-weight:700;color:var(--bl-ink)}
@media (min-width:600px){.b-chips{display:flex}}
@media (min-width:960px){
  .b-attika__in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-8)}
  .b-attika__bild img{aspect-ratio:1/1;max-height:560px}
}

/* Karten (Kategorien, Gruppen, Vorhaben) */
.b-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.b-karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bl-linie);border-radius:var(--r-m);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--m-base) var(--m-kurve)}
.b-karte:hover{border-color:var(--bl-blau-500);color:inherit}
.b-karte__bild{display:block;background:var(--weich)}
.b-karte__bild img{width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
.b-karte__text{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-4);flex:1}
.b-karte__text p{display:none;color:var(--bl-text-2);font-size:var(--t-klein)}
.b-karte__mehr{display:none;margin-top:auto;align-items:center;gap:var(--s-2);font-weight:700;color:var(--bl-blau-600);font-size:var(--t-klein)}
.b-karte__mehr .b-ico{width:18px;height:18px}
.b-weitere{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-4) var(--s-5);background:var(--weich);border-radius:var(--r-m);font-size:var(--t-klein);color:var(--bl-text-2)}
.b-weitere b{grid-column:1/-1;display:block;color:var(--bl-ink);margin-bottom:var(--s-1)}
.b-weitere a{display:inline-flex;align-items:center;min-height:44px}
@media (min-width:760px){.b-weitere{display:block}.b-weitere a{margin-right:var(--s-4)}}
@media (min-width:600px){
  .b-karte__bild img{aspect-ratio:1/1}
  .b-karten{gap:var(--s-4)}
  .b-karte__text p,.b-karte__mehr{display:flex}
  .b-karte__text p{display:block}
}
@media (min-width:960px){.b-karten{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}}

/* Vorhaben (wischbar, ab Desktop Raster) */
.b-vorhaben{display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--bl-rand);padding:0 var(--bl-rand) var(--s-3);margin-inline:calc(var(--bl-rand) * -1);scrollbar-width:thin}
.b-vorhaben>li{flex:0 0 min(78%,264px);scroll-snap-align:start}
.b-vorhaben:focus-visible{outline-offset:-2px}
.b-vh{display:flex;flex-direction:column;gap:var(--s-2);height:100%;padding:var(--s-4);background:#fff;border:1px solid var(--bl-linie);border-radius:var(--r-m);text-decoration:none;color:inherit;transition:border-color var(--m-base) var(--m-kurve)}
.b-vh:hover{border-color:var(--bl-blau-500);color:inherit}
.b-vh svg{width:44px;height:44px;fill:none;stroke:var(--bl-blau-600);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:var(--s-1)}
.b-vh p{display:none;color:var(--bl-text-2);font-size:var(--t-klein)}
@media (min-width:600px){.b-vh p{display:block}}
@media (min-width:960px){
  .b-vh svg{width:56px;height:56px}
  .b-vorhaben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);overflow:visible;margin-inline:0;padding:0}
  .b-vorhaben>li{flex:none}
}

/* Ablauf */
.b-schritte{display:grid;gap:var(--s-3);counter-reset:schritt}
.b-schritt{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);background:var(--weich-blau);border-radius:var(--r-m)}
.b-ill{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff}
.b-ill svg{width:44px;height:44px;fill:none;stroke:var(--bl-blau-600);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b-ill .b-fl{stroke:none;fill:var(--bl-blau-100)}
.b-schritt h3::before{counter-increment:schritt;content:counter(schritt) ". ";color:var(--bl-blau-600)}
.b-schritt p{margin-top:var(--s-1);color:var(--bl-text-2);font-size:var(--t-klein)}
.b-ablauf__fuss{margin-top:var(--s-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5)}
@media (min-width:960px){
  .b-schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}
  .b-schritt{grid-template-columns:1fr;justify-items:start;align-items:start;gap:var(--s-4);padding:var(--s-6)}
  .b-ill{width:96px;height:96px}
  .b-ill svg{width:64px;height:64px}
  .b-schritt p{font-size:var(--t-text)}
}

/* Ansprechpartner */
.b-person{display:grid;gap:var(--s-4);align-items:center}
.b-foto{display:grid;place-items:center;align-content:center;gap:var(--s-1);width:112px;aspect-ratio:1/1;border-radius:var(--r-m);border:2px dashed var(--bl-metall-3);background:repeating-linear-gradient(135deg,#fff 0 12px,var(--bl-metall-1) 12px 24px);text-align:center;padding:var(--s-3);color:var(--bl-text-2);font-size:var(--t-klein)}
.b-foto img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-m)}
.b-foto .b-ico{width:32px;height:32px;color:var(--bl-metall-3)}
.b-foto b{color:var(--bl-ink)}
.b-person__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3)}
.b-person__text>p{display:none;color:var(--bl-text-2);max-width:36rem}
@media (min-width:760px){.b-person__text>p{display:block}}
.b-kontakt{display:flex;flex-wrap:wrap;gap:0 var(--s-5);font-style:normal}
.b-kontakt a,.b-kontakt>span{display:flex;align-items:center;gap:var(--s-3);min-height:44px;font-weight:700}
.b-kontakt>span{font-weight:400;color:var(--bl-text-2);min-height:28px;flex:1 1 100%}
.b-kontakt>span .b-platzhalter{flex:none}
.b-kontakt .b-ico{color:var(--bl-blau-600)}
.b-platzhalter{background:#fff4cc;outline:1px dashed #9a7400;outline-offset:1px;padding:0 var(--s-1);color:#5a4300;border-radius:2px;font-weight:400}
.b-person__tat{display:flex;flex-wrap:wrap;gap:var(--s-3)}
@media (min-width:760px){.b-person{grid-template-columns:240px minmax(0,1fr);gap:var(--s-8)}.b-foto{width:240px}}

/* FAQ und Schlussband */
.b-faq__liste{display:grid;gap:var(--s-2);max-width:52rem}
.b-faq details{background:var(--weich);border-radius:var(--r-m)}
.b-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:52px;padding:var(--s-3) var(--s-4);cursor:pointer;list-style:none;font-family:var(--bl-f-kopf);font-weight:700;font-size:var(--t-h3);line-height:1.2}
.b-faq summary::-webkit-details-marker{display:none}
.b-faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--bl-blau-600);border-bottom:2px solid var(--bl-blau-600);transform:rotate(45deg);transition:transform var(--m-base) var(--m-kurve)}
.b-faq details[open] summary::after{transform:rotate(-135deg)}
.b-faq details p{padding:0 var(--s-4) var(--s-4);color:var(--bl-text-2);max-width:44rem}
.b-schluss{background:var(--bl-blau-800);color:#fff;padding-block:var(--s-5)}
.b-schluss__in{display:grid;gap:var(--s-3);justify-items:start}
.b-schluss h2{color:#fff}
.b-schluss p{color:#dbe8f0;max-width:34rem}
.b-schluss .b-textlink{color:#fff}
.b-schluss .b-textlink:hover{color:var(--bl-blau-100)}
.b-schluss__tat{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5)}
@media (min-width:960px){.b-schluss{padding-block:var(--s-8)}.b-schluss__in{gap:var(--s-4)}}

/* Fuss */
.b-fuss{background:var(--bl-blau-800);color:#dbe8f0;padding-block:var(--s-6) var(--s-4);border-top:1px solid #0d5575}
.b-fuss a{color:#fff;text-decoration:none}
.b-fuss a:hover{color:var(--bl-blau-100);text-decoration:underline}
.b-fuss__logo{display:inline-flex;align-items:center;min-height:44px}
.b-fuss__logo img{height:40px;width:auto}
.b-fuss__raster{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:var(--s-2)}
.b-fuss__adresse{font-style:normal;font-size:var(--t-klein);line-height:1.6;padding-bottom:var(--s-3)}
.b-fuss__adresse a{display:inline-flex;align-items:center;min-height:44px;margin-right:var(--s-4)}
.b-fuss__gruppe{border-top:1px solid #0d5575}
.b-fuss__gruppe>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer;list-style:none}
.b-fuss__gruppe>summary::-webkit-details-marker{display:none}
.b-fuss__gruppe>summary::after{content:"";width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform var(--m-base) var(--m-kurve)}
.b-fuss__gruppe[open]>summary::after{transform:rotate(-135deg)}
.b-fuss h2{font-size:var(--t-klein);font-family:var(--bl-f-text);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.b-fuss li a{display:flex;align-items:center;min-height:44px;font-size:var(--t-klein)}
.b-fuss__recht ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s-4)}
.b-fuss__gruppe ul{padding-bottom:var(--s-3)}
.b-fuss__recht{border-top:1px solid #0d5575;padding-top:var(--s-3)}
.b-fuss__recht h2{margin-bottom:var(--s-1)}
.b-fuss__klein{margin-top:var(--s-3);padding-top:var(--s-4);border-top:1px solid #0d5575;font-size:var(--t-klein);color:#b8cddb}
@media (min-width:760px){
  .b-fuss__raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4) var(--s-6);margin-top:var(--s-3)}
  .b-fuss__adresse{grid-column:1/-1;padding-bottom:0}
  .b-fuss__gruppe,.b-fuss__recht{border-top:0;padding-top:0}
  .b-fuss__gruppe>summary{pointer-events:none;min-height:0;margin-bottom:var(--s-2)}
  .b-fuss__gruppe>summary::after{display:none}
  .b-fuss__gruppe::details-content{content-visibility:visible}
  .b-fuss__recht ul{grid-template-columns:1fr}
  .b-fuss__klein{margin-top:var(--s-5)}
}
@media (min-width:960px){
  .b-fuss__raster{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:var(--s-7)}
  .b-fuss__adresse{grid-column:auto}
}

/* Produktseite */
.b-brot{font-size:var(--t-klein);color:var(--bl-text-2);padding-block:var(--s-2)}
.b-brot ol{display:none;flex-wrap:wrap;gap:var(--s-1) var(--s-2);align-items:center}
.b-brot li+li::before{content:"\203A";margin-right:var(--s-2);color:var(--bl-metall-3)}
.b-brot a{display:inline-flex;align-items:center;min-height:44px}
.b-brot [aria-current="page"]{color:var(--bl-ink);font-weight:700}
.b-brot a.b-brot__zurueck{display:inline-flex;align-items:center;gap:var(--s-1);min-height:44px;font-weight:700;text-decoration:none}
.b-brot__zurueck .b-ico{width:18px;height:18px}
@media (min-width:760px){.b-brot ol{display:flex}.b-brot a.b-brot__zurueck{display:none}}
.b-pdp__in{display:grid;gap:var(--s-4);padding-bottom:var(--s-5)}
.b-galerie{min-width:0}
.b-galerie__spur{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r-m);scrollbar-width:none;background:var(--weich)}
.b-galerie__spur::-webkit-scrollbar{display:none}
.b-galerie__spur figure{flex:0 0 100%;margin:0;scroll-snap-align:center}
.b-galerie__spur img{width:100%;aspect-ratio:3/2;max-height:60vh;object-fit:cover}
@media (min-width:600px){.b-galerie__spur img{aspect-ratio:4/3}}
.b-galerie__spur figure:first-child img{object-position:50% 44%}
.b-galerie__leer img{object-fit:contain;padding:var(--s-6)}
.b-galerie__punkte{display:flex;justify-content:center;gap:0}
.b-galerie__punkte button{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:0}
.b-galerie__punkte button::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--bl-metall-2);transition:background var(--m-base) var(--m-kurve),transform var(--m-base) var(--m-kurve)}
.b-galerie__punkte button[aria-current="true"]::before{background:var(--bl-blau-500);transform:scale(1.25)}
.b-pdp__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3)}
.b-pdp__info h1{font-size:clamp(26px,3.6vw,42px)}
.b-untertitel{color:var(--bl-text-2)}
.b-pdp__tat{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-1);width:100%}
.b-pdp__tat .b-knopf{width:100%}
@media (min-width:600px){.b-pdp__tat{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-5)}.b-pdp__tat .b-knopf{width:auto}}
.b-fakten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);width:100%;margin:0}
.b-fakten div{padding:var(--s-2) var(--s-3);background:var(--weich);border-radius:var(--r-m)}
.b-fakten div:last-child:nth-child(odd){grid-column:1/-1}
.b-fakten dt{font-size:var(--t-mikro);font-family:var(--bl-f-kopf);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bl-blau-600)}
.b-fakten dd{margin:0;font-weight:700;font-size:var(--t-klein);line-height:1.3}
@media (min-width:960px){.b-pdp__in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-8);align-items:start}}
.b-rechner{background:var(--weich);scroll-margin-top:16px}
.b-rechner__karte{background:#fff;border:1px solid var(--bl-linie-2);border-radius:var(--r-m);padding:var(--s-4)}
.b-rechner__karte .blk{max-width:100%}
.b-ohnejs{color:var(--bl-text-2);font-size:var(--t-klein)}
@media (min-width:760px){.b-rechner__karte{padding:var(--s-6)}}
.b-datenblatt{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.b-datenblatt>*,.b-zone__inhalt{min-width:0}
.b-lead{font-size:var(--t-text);line-height:1.5;margin-bottom:var(--s-4);max-width:48rem}
@media (min-width:760px){.b-lead{font-size:var(--t-h3);margin-bottom:var(--s-6)}}
.b-zone{border-top:1px solid var(--bl-linie-2)}
.b-zone:last-of-type{border-bottom:1px solid var(--bl-linie-2)}
.b-zone summary{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:var(--s-2);min-height:52px;padding-block:var(--s-2);cursor:pointer;list-style:none}
.b-zone summary::-webkit-details-marker{display:none}
.b-zone summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--bl-blau-600);border-bottom:2px solid var(--bl-blau-600);transform:rotate(45deg);transition:transform var(--m-base) var(--m-kurve)}
.b-zone[open] summary::after{transform:rotate(-135deg)}
.b-zone__nr{font-family:var(--bl-f-kopf);font-weight:700;font-size:var(--t-klein);color:var(--bl-blau-600);letter-spacing:.1em}
.b-zone h2{font-size:var(--t-h3)}
.b-zone__inhalt{padding-bottom:var(--s-4)}
.rte p{margin-bottom:var(--s-3);max-width:62ch}
.rte p:last-child{margin-bottom:0}
.b-dl{margin:0 0 var(--s-4);border-top:2px solid var(--bl-ink)}
.b-dl__zeile{display:grid;grid-template-columns:minmax(0,7.2rem) minmax(0,1fr);gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--bl-linie-2)}
.b-dl dt{font-weight:700;font-size:var(--t-klein)}
.b-dl dd{margin:0;color:var(--bl-text-2);font-size:var(--t-klein)}
@media (min-width:760px){.b-dl dt,.b-dl dd{font-size:inherit}}
.b-datenstand{margin:var(--s-3) 0 0;padding:var(--s-3) var(--s-4);background:var(--weich-blau);border-radius:var(--r-m);font-size:var(--t-mikro);color:var(--bl-text-2);max-width:62ch}
@media (min-width:760px){.b-datenstand{font-size:var(--t-klein)}}
.b-datenblatt__fuss{padding-bottom:var(--s-5);font-size:var(--t-klein);color:var(--bl-text-2);max-width:62ch;white-space:pre-line}
@media (min-width:760px){
  .b-zone summary{grid-template-columns:96px minmax(0,1fr) 16px;min-height:72px}
  .b-zone__nr{font-size:var(--t-h3)}
  .b-zone__inhalt{padding:0 0 var(--s-6) 96px}
  .b-dl__zeile{grid-template-columns:200px minmax(0,1fr);gap:var(--s-5)}
}
.b-zahl{font-variant-numeric:tabular-nums}
.b-ausf__intro{margin-bottom:var(--s-4);max-width:62ch}
.b-ausf{display:grid;gap:var(--s-3)}
.b-ausf__karte{background:var(--weich-blau);border-radius:var(--r-m);padding:var(--s-4)}
/* Handy: eine Spur mit min-width 0, sonst dehnt die nowrap-Tabelle (min. 308 px) die auto-Spur ueber den Seitenrand; Tabelle wischt innerhalb der Karte (320/360 px) */
.b-ausf{grid-template-columns:minmax(0,1fr)}.b-ausf__karte{min-width:0;overflow-x:auto}
.b-ausf__karte h3{margin-bottom:var(--s-2)}
.b-ausf table{width:100%;border-collapse:collapse;font-size:var(--t-klein)}
.b-ausf th{text-align:left;font-weight:700;padding:var(--s-2) 0;border-bottom:2px solid var(--bl-ink)}
.b-ausf td{padding:var(--s-2) 0;border-bottom:1px solid var(--bl-linie-2)}
.b-ausf__waehlen{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-4);border:2px solid var(--bl-linie-2);border-radius:var(--r-pill);background:#fff;color:var(--bl-blau-600);font-weight:700;font-size:var(--t-klein);cursor:pointer}
.b-ausf__waehlen:hover{border-color:var(--bl-blau-500);color:var(--bl-blau-800)}
@media (min-width:760px){.b-ausf{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}}

/* Verwandte Artikel: mobil eine wischbare Reihe */
.b-teile{display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--bl-rand);padding:0 var(--bl-rand) var(--s-3);margin-inline:calc(var(--bl-rand) * -1);scrollbar-width:thin}
.b-teile>li{flex:0 0 min(58%,220px);scroll-snap-align:start}
.b-teile .b-karte{height:100%}
.b-teile .b-karte__text p{display:none}
@media (min-width:760px){
  .b-teile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);overflow:visible;margin-inline:0;padding:0}
  .b-teile>li{flex:none}
  .b-teile .b-karte__text p{display:block}
}

/* Klebeleiste: das einzige Klebeelement (nur Produktseiten, nur mobil) */
.b-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:var(--s-3) var(--bl-rand) calc(var(--s-3) + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--bl-linie-2);box-shadow:0 -8px 24px -12px rgba(22,34,58,.25);transform:translateY(110%);transition:transform var(--m-base) var(--m-kurve);visibility:hidden}
.b-sticky.ist-sichtbar{transform:none;visibility:visible}
.b-sticky .b-knopf{width:100%}
@media (min-width:960px){.b-sticky{display:none}}
@media (prefers-reduced-motion:no-preference){html.bl-motion .bl-reveal{transition:opacity var(--m-base) var(--m-kurve),transform var(--m-base) var(--m-kurve)}}
.b-aufklapp>summary,.b-sammlung__mehr>summary,.b-kat details>summary{display:inline-flex;align-items:center;gap:var(--s-3);min-height:52px;padding:0 24px;border:2px solid var(--bl-linie-2);border-radius:var(--r-pill);background:#fff;color:var(--bl-blau-600);font-family:var(--bl-f-kopf);font-weight:700;font-size:var(--t-h3);cursor:pointer;list-style:none}
.b-aufklapp>summary::-webkit-details-marker,.b-sammlung__mehr>summary::-webkit-details-marker,.b-kat details>summary::-webkit-details-marker{display:none}
.b-aufklapp>summary::after,.b-sammlung__mehr>summary::after,.b-kat details>summary::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--m-base) var(--m-kurve)}
.b-aufklapp[open]>summary::after,.b-sammlung__mehr[open]>summary::after,.b-kat details[open]>summary::after{transform:rotate(-135deg)}
.b-aufklapp[open]>summary,.b-sammlung__mehr[open]>summary,.b-kat details[open]>summary{margin-bottom:var(--s-4)}

/* Standardseite und Seiteninhalt (core-Blöcke in .b-inhalt) */
.b-seite{padding-block:var(--s-4) var(--s-6)}
@media (min-width:760px){.b-seite{padding-block:var(--s-5) var(--s-8)}}
.b-seite__kopf{margin-bottom:var(--s-5);max-width:48rem}
.b-seite__kopf h1,.b-404 h1{font-size:var(--t-h1)}
.b-inhalt>:not(section):not(.b-w):not(.b-sec){margin-inline:0;padding-inline:var(--b-l) var(--bl-rand)}
.b-inhalt>:is(p,ul,ol,h2,h3,h4,blockquote,hr){max-width:calc(62ch + var(--b-l) + var(--bl-rand))}
.b-inhalt>*+*{margin-top:var(--s-4)}
.b-inhalt>section,.b-inhalt>.b-sec{margin-top:var(--s-6)}
.b-inhalt h2{margin-top:var(--s-6)}
.b-inhalt h3{margin-top:var(--s-5)}
.b-inhalt>h2:first-child,.b-inhalt>h3:first-child{margin-top:0}
.b-inhalt ul,.b-inhalt ol,.rte ul,.rte ol{list-style:revert;padding-left:1.4em}
.b-inhalt li,.rte li{margin-top:var(--s-1)}
.b-inhalt>:is(ul,ol):not(section):not(.b-w):not(.b-sec){padding-left:calc(var(--b-l) + 1.4em)}
.b-inhalt table,.rte table{width:100%;border-collapse:collapse;font-size:var(--t-klein);text-align:left}
.b-inhalt th,.b-inhalt td,.rte th,.rte td{padding:var(--s-2) var(--s-3) var(--s-2) 0;border-bottom:1px solid var(--bl-linie-2);vertical-align:top}
.b-inhalt th,.rte th{border-bottom:2px solid var(--bl-ink);font-weight:700}
.wp-block-table{margin:0;overflow-x:auto}
.b-entwurf__in{max-width:62ch;padding:var(--s-3) var(--s-4);border:2px solid var(--bl-warn);border-radius:var(--r-m);background:#fff7ed;color:var(--bl-ink);font-size:var(--t-klein)}
.b-inhalt hr,.rte hr{border:0;border-top:1px solid var(--bl-linie-2)}
.b-inhalt a:not([class]){color:var(--bl-blau-600);text-underline-offset:.18em}
.b-inhalt a:not([class]):hover{color:var(--bl-blau-800)}
.b-inhalt img{border-radius:var(--r-m)}

/* Sammlung: Kopf, Gruppenlinks, Produktraster, Übersicht */
.b-sammlung{padding-block:var(--s-4) var(--s-5)}
@media (min-width:760px){.b-sammlung{padding-block:var(--s-5) var(--s-7)}}
.b-sammlung h1{font-size:var(--t-h1);margin-bottom:var(--s-4)}
.b-sammlung__intro{max-width:62ch;color:var(--bl-text-2);margin-bottom:var(--s-5)}
.b-sammlung__intro p{margin-bottom:var(--s-3)}
.b-sammlung__mehr{margin-top:var(--s-5)}
.b-sammlung__mehr>.rte,.b-sammlung__mehr>div{max-width:62ch}
.b-sammlung__leer{padding:var(--s-5);background:var(--weich-blau);border-radius:var(--r-m);max-width:48rem;margin-bottom:var(--s-4)}
.b-chips--links{display:flex;gap:var(--s-2)}
.b-chips--links li{padding:0;min-height:0;display:block;background:none;border:0;border-radius:0}
.b-chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);background:#fff;border:1px solid var(--bl-linie-2);border-radius:var(--r-pill);font-size:var(--t-klein);font-weight:700;color:var(--bl-ink);text-decoration:none;transition:border-color var(--m-base) var(--m-kurve)}
.b-chip:hover{border-color:var(--bl-blau-500);color:var(--bl-blau-800)}
.b-chip__n{font-weight:400;color:var(--bl-text-2)}
.b-chips__titel{margin:var(--s-4) 0 var(--s-2);font-family:var(--bl-f-kopf);font-weight:700;font-size:var(--t-h3);color:var(--bl-ink)}
.b-chips__titel:first-child{margin-top:0}
.b-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.b-karte--produkt .b-karte__bild img{aspect-ratio:1/1}
.b-karte--produkt .b-karte__text{gap:var(--s-1)}
.b-karte--produkt h3{font-size:var(--t-text);line-height:1.25}
.b-karte--produkt .b-karte__meta{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--bl-text-2);font-size:var(--t-klein)}
@media (min-width:760px){.b-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}}
@media (min-width:1100px){.b-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}
.b-kat{padding-block:var(--s-5);border-top:1px solid var(--bl-linie-2)}
.b-kat:first-child{border-top:0;padding-top:0}
.b-kat__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-3)}
.b-kat__kopf h2{font-size:var(--t-h2)}
.b-kat__kopf a{display:inline-flex;align-items:center;min-height:44px;color:var(--bl-ink);text-decoration:none}
.b-kat__kopf a:hover{color:var(--bl-blau-600)}
.b-kat__n{flex:none;font-size:var(--t-klein);color:var(--bl-text-2);white-space:nowrap}
.b-kat details{margin-top:var(--s-3)}
.b-kat details>summary{min-height:44px;padding:0 var(--s-4);font-size:var(--t-klein)}
.b-opt{padding-block:var(--s-5)}
.b-opt .b-eyebrow{margin-bottom:var(--s-4)}
.b-rechner-kachel{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);background:var(--weich-blau);border:1px solid var(--bl-blau-100);border-radius:var(--r-m);color:var(--bl-ink);text-decoration:none}
.b-rechner-kachel:hover{border-color:var(--bl-blau-500);color:var(--bl-ink)}
.b-rechner-kachel__titel{font-family:var(--bl-f-kopf);font-weight:700;font-size:var(--t-h3)}
.b-rechner-kachel__knopf{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-4);background:#fff;border:2px solid var(--bl-linie-2);border-radius:var(--r-pill);font-weight:700;font-size:var(--t-klein);color:var(--bl-blau-600)}
@media (min-width:600px){.b-rechner-kachel{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5)}}

/* Suche */
.b-suche{display:flex;flex-wrap:wrap;gap:var(--s-2);max-width:40rem;margin-bottom:var(--s-5)}
.b-suche label{flex:1 1 100%;font-weight:700}
.b-suche__feld{flex:1 1 12rem;min-width:0;min-height:52px;padding:0 var(--s-4);border:2px solid var(--bl-linie-2);border-radius:var(--r-pill);font:inherit;color:var(--bl-ink);background:#fff}
.b-suche__feld:focus{border-color:var(--bl-blau-500)}
.b-suche__liste[hidden]{display:none}
.b-suche__liste{display:grid;max-width:48rem;border-top:2px solid var(--bl-ink)}
.b-suche__treffer{display:block;padding:var(--s-3) 0;border-bottom:1px solid var(--bl-linie-2);text-decoration:none;color:var(--bl-ink);font-weight:700;min-height:44px}
.b-suche__treffer:hover{color:var(--bl-blau-600)}
.b-suche__treffer .bp-suche__titel{display:block}
.b-suche__treffer .bp-suche__ort{display:block;opacity:1;font-weight:400;font-size:var(--t-klein);color:var(--bl-text-2)}
.b-suche__leer{color:var(--bl-text-2);max-width:48rem}
.b-suche__leer:empty{display:none}

/* Anfrage-, Danke- und Kontaktseite (Rahmen; Formularinneres gehört dem Plugin, bf-) */
.b-anfrage{padding-block:var(--s-4) var(--s-6)}
.b-anfrage .b-anfrage{padding:0}
@media (min-width:760px){.b-anfrage{padding-block:var(--s-5) var(--s-8)}}
.b-anfrage__kopf{margin-bottom:var(--s-5);max-width:48rem}
.b-anfrage__kopf h1{font-size:var(--t-h1);margin-bottom:var(--s-3)}
.b-anfrage__kopf p{color:var(--bl-text-2)}
.b-anfrage__kopf .rte>*+*{margin-top:var(--s-3)}
.b-anfrage__kopf .rte h2{font-size:var(--t-h3);margin-top:var(--s-5)}
.b-anfrage__kopf .rte li{margin-top:var(--s-2)}
.b-anfrage__kopf .rte p{margin-bottom:0}
.b-anfrage__seite{display:grid;gap:var(--s-6)}
.b-anfrage__seite>*{min-width:0}
.b-anfrage__seite .b-person{grid-template-columns:1fr;gap:var(--s-4);align-items:start}
.b-anfrage__seite .b-person h2{font-size:clamp(22px,2vw,26px)}
.b-anfrage__seite .b-foto{width:112px}
.b-anfrage__seite .b-person__text>p{display:block}
@media (min-width:960px){
  .b-anfrage__seite--zwei{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s-8);align-items:start}
  .b-anfrage__seite--kontakt{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--s-8);align-items:start}
}
.b-produkte{padding-block:var(--s-3) var(--s-6)}
.b-produkte:not(:has(.b-raster)){display:none}
.b-uebersicht{padding-block:var(--s-4) var(--s-6)}
.b-vermittlung__form{margin-top:var(--s-6)}

/* Fehlerseite */
.b-404{padding-block:var(--s-5) var(--s-6)}
.b-404__text{max-width:44rem;color:var(--bl-text-2);margin:var(--s-3) 0 var(--s-4)}
.b-404-nav .b-kat{padding-block:var(--s-2)}
.b-404-nav .b-kat__kopf{margin-bottom:0}
.b-404-nav .b-kat__kopf h2{font-size:var(--t-h3)}

/* Rechner (1:1-Code des Plugins): Tippziele 44 px, Text mindestens 13 px */
.b-rechner .blk input:not([type="checkbox"]):not([type="radio"]),.b-rechner .blk select,.b-rechner .blk button{min-height:44px}
.b-rechner .blk button{min-width:44px}
.b-rechner .blk-schalter{min-height:44px;align-items:center}
.b-rechner .blk-feld small,.b-rechner .blk-schenkel__zeile label span,.b-rechner .blk-wert span,.b-rechner .blk-wert small,.b-rechner .blk-protokoll__fuss,.b-rechner .blk-at-legende,.b-rechner .blk-at-weg{font-size:var(--t-klein)}
.b-rechner table.blk-tabelle th{font-size:var(--t-klein)}
.b-rechner .blk-at-status,.b-rechner .blk-badge,.b-rechner [class*="blk-"][class*="status"]{font-size:var(--t-mikro)}
.b-rechner .blk-tabelle a{display:inline-flex;align-items:center;min-height:44px}
.b-rechner .blk{--blk-akzent:var(--knopf);--blk-akzent-dunkel:var(--knopf-hover)}

/* Integration 2026-10-19: Kartenbilder der Seite Projekte */
.b-projektbild{margin:0 0 12px;max-width:320px}
.b-projektbild img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.b-projektbild a{display:block;min-height:44px}
.b-seite h2>a{display:inline-flex;align-items:center;min-height:44px}

/* Nachbesserung 2026-10-19: M10 (kein horizontales Scrollen), Ausfuehrungstabelle, M6 (Seitenlaenge mobil) */
.b-ausf>.bp-tabelle{grid-column:1/-1;min-width:0}
.bp-tabelle .b-zahl{white-space:nowrap}
@media (max-width:759px){
  .b-rechner .blk-schenkel__zeile{grid-template-columns:28px minmax(0,.8fr) minmax(0,1.2fr) 44px;gap:6px;padding:6px}
  .b-rechner .blk-schenkel__zeile label span{line-height:1.25}
  .b-rechner .blk-schenkel{max-height:min(30rem,66vh);overflow-y:auto;padding-right:4px}
}

/* Kacheln (Inhaberbefund 2026-10-19): je Raster gleiche Höhe auch über Zeilen, Titelbereich für drei Zeilen, kein Wortbruch ohne Trennstrich.
   Trennstellen setzt der Server (blk_silben, weiche Trennzeichen); hyphens:auto trennt Komposita falsch ("Regenwass-ernutzung"), deshalb manual. */
.b-karten,.b-raster,.b-teile,.b-vorhaben{grid-auto-rows:1fr}
:is(.b-karten,.b-raster,.b-teile,.b-vorhaben)>li{display:flex;min-width:0}
:is(.b-karten,.b-raster,.b-teile)>li>.b-karte,.b-vorhaben>li>.b-vh{flex:1;min-width:0}
:is(.b-karte__text,.b-vh)>h3{hyphens:manual;overflow-wrap:normal;word-break:normal}
.b-karte__text>h3{min-height:3.75em}
.b-chip{hyphens:manual;overflow-wrap:normal}
/* Hinweis unter breiten Tabellen (site.js setzt ihn nur, wenn der Inhalt breiter ist als die Huelle); nur mobil sichtbar */
.b-wisch{display:none}
.b-ausf>.b-wisch{grid-column:1/-1}
@media (max-width:759px){.b-wisch{display:block;margin:var(--s-2) 0 0;font-size:var(--t-klein);color:var(--bl-text-2);text-align:center}}