/*
Theme Name: Bayer Druck (Blocksy Child)
Theme URI: https://bayerdruck.de/
Description: Child-Theme der Bayer Druck GmbH für Blocksy. Gestaltung nach Prototyp HYBRID V3: Weiß, Schwarz, HKS 14 Rot; Serif nur H1 und große H2, Grotesk für alles andere. ENTWURF – Gate G12 ausstehend.
Author: Bayer Druck GmbH
Template: blocksy
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: bayerdruck
*/

/* =====================================================================
   Aufbau: 1 Tokens · 2 Basis und Blocksy-Anbindung · 3 Schriftrollen ·
   4 Bausteine · 5 Muster Startseite · 6 Prozess-Schiene · 7 Hub ·
   8 Leistungsseite · 9 Grenzen-Box · 10 Faktenband/Footer-Muster ·
   11 Blocksy-Kopf und -Fuß · 12 Bewegung · 13 Schemazeichnungen (generiert) · 14 Phase 2 (Seitentypen, Formular, Recht, Footer)
   Regeln: keine externen Ressourcen, keine Webfonts (Schriften PROVISIONAL, ODE-02),
   Rot nur als Signal (Button, Passer, aktiver Zustand, Linkunterstrich, Stanzkontur).
   Alle Klassen im Namensraum bd-, Tokens im Namensraum --bd- (R09.11).
   ===================================================================== */

/* ---------- 1 Tokens (PROVISIONAL bis Markenhandbuch/Logo, FF-19) ---------- */
:root:root{
  --bd-red:#E30613;            /* HKS 14, RGB-Näherung; Weiß auf Rot 4,88 : 1 */
  --bd-red-dark:#E30613;       /* Owner 28.10.: nur HKS 14 – Alias ohne eigenen Rotton (früher #B00510), Hover über Unterstreichung/Pfeil */
  --bd-ink:#1D1D1B;
  --bd-ink-2:#2B2B2A;
  --bd-table:#161616;          /* dunkle Bühne hinter dem Hero-Bogen */
  --bd-paper:#ffffff;
  --bd-paper-2:#f2f2f2;
  --bd-stone:#e6e6e6;
  --bd-line:#d9d9d9;
  --bd-line-2:#a6a6a6;
  --bd-mute:#555555;           /* 7,5 : 1 auf Weiß */
  --bd-on-dark:#f5f5f5;
  --bd-on-dark-mute:#bdbdbd;   /* ≈ 9 : 1 auf --bd-ink */
  --bd-dark-line:#4a4a4a;
  --bd-font-sans:"Helvetica Neue", Helvetica, Arial, "Liberation Sans", system-ui, sans-serif;
  --bd-font-serif:Charter, "Bitstream Charter", "Iowan Old Style", "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --bd-wrap:1280px;
  --bd-gut:clamp(16px, 2.4vw, 32px);
  --bd-sec:clamp(44px, 5vw, 72px);
  --bd-ease:cubic-bezier(.2,.7,.1,1);
  --bd-pk-x:linear-gradient(var(--bd-red),var(--bd-red)) center/1.5px 100% no-repeat,linear-gradient(var(--bd-red),var(--bd-red)) center/100% 1.5px no-repeat;

  /* Blocksy-Palette und Grundwerte auf die Bayer-Druck-Tokens legen (Customizer-Werte bitte identisch setzen) */
  --theme-palette-color-1:#E30613;
  --theme-palette-color-2:#E30613;
  --theme-palette-color-3:#1D1D1B;
  --theme-palette-color-4:#1D1D1B;
  --theme-palette-color-5:#d9d9d9;
  --theme-palette-color-6:#f2f2f2;
  --theme-palette-color-7:#ffffff;
  --theme-palette-color-8:#ffffff;
  --theme-text-color:#1D1D1B;
  --theme-headings-color:#1D1D1B;
  --theme-link-initial-color:#1D1D1B;
  --theme-link-hover-color:#E30613;
  --theme-border-color:#d9d9d9;
  --theme-font-family:var(--bd-font-sans);
  --theme-button-border-radius:0px;
  --theme-button-background-initial-color:#E30613;
  --theme-button-background-hover-color:#E30613;
  --theme-button-text-initial-color:#ffffff;
  --theme-button-text-hover-color:#ffffff;
}

/* ---------- 2 Basis und Blocksy-Anbindung ---------- */
body{background:var(--bd-paper);color:var(--bd-ink);font-family:var(--bd-font-sans);font-kerning:normal;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--bd-ink);outline-offset:2px}
.bd-sec--dunkel :focus-visible,.bd-hero__motiv :focus-visible,.bd-footer :focus-visible{outline-color:var(--bd-on-dark)}
a{text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-color:var(--bd-red)}

/* Seiten mit Bayer-Druck-Mustern (Body-Klasse aus functions.php): Blocksy-Seitenkopf und Abstände neutralisieren */
.bd-page .hero-section{display:none}
.bd-page .site-main > [class*="ct-container"],
.bd-page .site-main .ct-container-full{padding-top:0;padding-bottom:0}
.bd-page .entry-content{--theme-content-spacing:0px}
.bd-page .entry-content > .bd-sec,
.bd-page .entry-content > .bd-crumb{margin-top:0;margin-bottom:0}

/* Abschnitt = volle Breite, Inhalt im Satzspiegel */
.bd-sec{position:relative;margin:0;padding-block:var(--bd-sec);background:var(--bd-paper);color:var(--bd-ink)}
.bd-sec.alignfull{max-width:none}
.bd-sec--grau{background:var(--bd-paper-2)}
.bd-sec--dunkel{background:var(--bd-ink);color:var(--bd-on-dark)}
.bd-sec--eng{padding-block:0 var(--bd-sec)}
.bd-sec--kopf{padding-block:10px clamp(28px,3vw,40px);z-index:31}  /* Registerlinie liegt über der Oberkante von „Auf dieser Seite“ */
.bd-wrap{width:100%;max-width:var(--bd-wrap);margin-inline:auto;padding-inline:var(--bd-gut);box-sizing:border-box}

/* Fluss-Abstände von WordPress innerhalb der Muster abschalten; Abstände kommen aus dem Raster */
/* Spezifität bewusst niedrig (0,1,0), damit jede Komponentenregel weiter unten gewinnt */
.bd-sec > *,.bd-sec :where(.wp-block-group,.wp-block-column,.wp-block-columns,li) > *,.bd-sec :where(h1,h2,h3,p,ul,ol,figure){margin-block:0}
.bd-sec :where(ul,ol).wp-block-list{padding-left:0;list-style:none}
/* volle Breite unabhängig von der Blocksy-Inhaltsbreite */
/* Owner 14.10.: 100vw zählt die Scrollleiste mit → Abschnitte standen links/rechts je ~7 px über. Inhaltsbereich ist bereits volle Breite. */
.bd-page .entry-content > .alignfull.bd-sec,.bd-page .entry-content > .alignfull.bd-crumb{width:auto;max-width:none;margin-left:0;margin-right:0}
.bd-page .site-main{overflow-x:clip}  /* nur die Scrollleisten-Breite von 100vw; Inhalte sind auf 320 px ausgelegt */
.bd-sec h1,.bd-sec h2,.bd-sec h3{color:inherit;font-family:var(--bd-font-sans);font-weight:700;line-height:1.08;letter-spacing:-.018em;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word} /* Korrektur 18.10. (M-06): hyphens:manual überdeckte 14.28 */

/* ---------- 3 Schriftrollen ----------
   Serif (Regular 400) nur: H1 und die großen H2 (Veredelung, Anfrage). Alles Bedienbare: Grotesk. */
.bd-serif,
.bd-sec .bd-hero__h1,.bd-sec .bd-hubkopf__h1,.bd-sec .bd-lskopf__h1,
.bd-sec .bd-ver__t,.bd-sec .bd-anfrage__t,.bd-stmt{font-family:var(--bd-font-serif);font-weight:400;letter-spacing:-.016em}
.bd-sec .bd-label{display:flex;align-items:center;gap:12px;font:700 12.5px/1.3 var(--bd-font-sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.bd-label::before{content:"";flex:0 0 22px;height:2px;background:var(--bd-red)}
.bd-sec .bd-sek{font-size:clamp(28px,2.6vw,40px);font-weight:800;line-height:1.02;letter-spacing:-.032em;margin-bottom:22px}
.bd-stmt{font-size:clamp(20px,1.7vw,26px);line-height:1.2;color:var(--bd-ink-2)}
.bd-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.45;max-width:42ch}
.bd-kicker{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.35}
.bd-kicker::before{content:"";flex:0 0 22px;height:2px;background:var(--bd-red)}

/* ---------- 4 Bausteine ---------- */
.bd-ph,.bd-sec em{color:var(--bd-mute)}
.bd-sec--dunkel .bd-ph,.bd-sec--dunkel em{color:var(--bd-on-dark-mute)}

/* Primary-Button (Gutenberg-Button mit Klasse bd-btn) */
.bd-btn .wp-block-button__link,.bd-btn.wp-block-button .wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:0;border-radius:0;background:var(--bd-red);color:#fff;font:700 15px/1.2 var(--bd-font-sans);letter-spacing:.02em;text-decoration:none;text-align:center}
.bd-btn .wp-block-button__link::after{content:"→";content:"→" / "";font-weight:400}
.bd-btn .wp-block-button__link::after{transition:transform .2s var(--bd-ease)}
.bd-btn .wp-block-button__link:hover{background:var(--bd-red);color:#fff;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bd-btn .wp-block-button__link:hover::after{transform:translateX(4px)}
.bd-btn .wp-block-button__link:focus-visible{outline:3px solid var(--bd-ink);outline-offset:3px}
.bd-sec--dunkel .bd-btn .wp-block-button__link:focus-visible,.bd-hero .bd-btn .wp-block-button__link:focus-visible{box-shadow:0 0 0 6px var(--bd-on-dark)}
.bd-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.bd-aktionen .wp-block-buttons{margin:0}

/* Textlink mit roter Unterkante: Absatz mit Klasse bd-tlink, alle Links darin */
.bd-tlink{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.bd-tlink a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:30px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--bd-red);line-height:1.3;padding-bottom:2px;color:inherit}
.bd-tlink a::before{content:"";position:absolute;inset:-8px -2px}
.bd-tlink a::after{content:"→";content:"→" / "";font-weight:400}
.bd-tlink a:hover{border-bottom-color:currentColor}
.bd-tlink--stapel{flex-direction:column;align-items:flex-start}

/* Registerliste: Linkzeilen mit Haarlinie */
.bd-rlist{border-top:1px solid var(--bd-line)}
.bd-rlist li{border-bottom:1px solid var(--bd-line)}
.bd-rlist li a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;text-decoration:none;line-height:1.3}
.bd-rlist li a::after{content:"→";content:"→" / "";flex:0 0 auto}
.bd-rlist li a:hover::after{color:var(--bd-red)}
.bd-rlist li:not(:has(a)){display:flex;align-items:center;min-height:44px;padding:8px 0}

/* Foto-Platzhalter (wo ein echtes Foto nötig ist): Fläche mit Schnittmarken + Motiv */
.bd-foto{position:relative;display:flex;align-items:flex-end;aspect-ratio:4/3;margin:9px;padding:12px 14px;background:var(--bd-paper);border:1px dashed var(--bd-line-2);color:var(--bd-mute);font-size:13px;line-height:1.35;font-weight:500;min-width:0}
.bd-foto::before{content:"";position:absolute;inset:-10px;pointer-events:none;background:
  linear-gradient(var(--bd-ink),var(--bd-ink)) left 0 top 9px/6px 1px no-repeat,linear-gradient(var(--bd-ink),var(--bd-ink)) left 9px top 0/1px 6px no-repeat,
  linear-gradient(var(--bd-ink),var(--bd-ink)) right 0 top 9px/6px 1px no-repeat,linear-gradient(var(--bd-ink),var(--bd-ink)) right 9px top 0/1px 6px no-repeat,
  linear-gradient(var(--bd-ink),var(--bd-ink)) left 0 bottom 9px/6px 1px no-repeat,linear-gradient(var(--bd-ink),var(--bd-ink)) left 9px bottom 0/1px 6px no-repeat,
  linear-gradient(var(--bd-ink),var(--bd-ink)) right 0 bottom 9px/6px 1px no-repeat,linear-gradient(var(--bd-ink),var(--bd-ink)) right 9px bottom 0/1px 6px no-repeat}
.bd-foto p{max-width:34ch;overflow-wrap:anywhere}

/* Schemazeichnung: Element mit Klasse bd-s-<motiv> zeigt die Zeichnung über --bd-schema */
.bd-schema-flaeche{background:var(--bd-paper-2) var(--bd-schema) center/contain no-repeat;background-origin:content-box;padding:14px 18px;aspect-ratio:3/2;min-height:0}
.bd-schema-hinweis{margin-top:14px;font-size:13px;color:var(--bd-mute)}

/* Passkreuz (Passer-Motiv): sparsam – Weltenteilung, Hub-/Leistungskopf, Ende der Prozess-Schiene */
.bd-pk-mark{position:absolute;width:17px;height:17px;border:1.5px solid var(--bd-red);border-radius:50%;background:var(--bd-pk-x);background-color:var(--bd-paper);transform:translate(-50%,-50%);pointer-events:none;z-index:2;content:""}

/* Breadcrumb (Blocksy-Block, Quelle Rank Math) */
.bd-crumb{padding-top:14px;font-size:14px;color:var(--bd-mute)}
.bd-crumb a{color:var(--bd-ink)}
.bd-crumb .ct-breadcrumbs{font-size:14px}

/* Aufklapper: [hidden] gewinnt immer; mobile Buttons volle Breite */
.bd-sec ul[hidden],.bd-sec ol[hidden]{display:none !important}
@media (max-width:759px){
  .bd-hero .wp-block-buttons > .bd-btn,.bd-hubkopf .wp-block-buttons > .bd-btn,.bd-lskopf .wp-block-buttons > .bd-btn,.bd-anfrage__aktion .wp-block-buttons > .bd-btn{flex:1 1 100%;width:100%}
  .bd-aktionen,.bd-aktionen .wp-block-buttons,.bd-hero__panel > .wp-block-buttons{width:100%}
  .bd-sec .bd-btn .wp-block-button__link{width:100%}
}

/* ---------- 5 Muster Startseite ---------- */
/* 5.1 Hero: weißer Druckbogen auf dunkler Bühne; Motivfläche rechts (neues Motiv folgt) */
.bd-sec.bd-hero{background:var(--bd-table);padding-block:clamp(24px,6.5vh,80px) clamp(40px,8vh,104px);overflow:hidden}
.bd-hero__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;min-height:clamp(520px,calc(100svh - 150px),880px)}
.bd-hero__panel{position:relative;align-self:center;background:var(--bd-paper);color:var(--bd-ink);padding:clamp(28px,3.4vw,48px) clamp(24px,3.2vw,52px) clamp(30px,3.4vw,48px);box-shadow:0 0 0 1px #000,3px 4px 0 rgba(0,0,0,.28),4px 8px 10px rgba(0,0,0,.32),0 30px 60px -20px rgba(0,0,0,.55);display:grid;gap:0;justify-items:start}
.bd-hero__panel::before,.bd-hero__panel::after{content:"";position:absolute;right:-22px;width:22px;height:22px;pointer-events:none;background:linear-gradient(#8C8C8C,#8C8C8C) left 6px top 0/16px 1px no-repeat,linear-gradient(#8C8C8C,#8C8C8C) left 0 top 6px/1px 16px no-repeat}
.bd-hero__panel::before{top:-22px;transform:scaleY(-1)}
.bd-hero__panel::after{bottom:-22px}
.bd-hero .bd-kicker{margin-bottom:clamp(14px,1.6vw,22px)}
.bd-hero .bd-kicker::before{flex:0 0 15px;height:15px;border:1.5px solid var(--bd-red);border-radius:50%;background:var(--bd-pk-x)}
.bd-sec .bd-hero__h1{font-size:clamp(40px,4.3vw,68px);line-height:1;letter-spacing:-.022em;max-width:9.6em}
.bd-hero__stern{margin-top:.3em;font-family:var(--bd-font-serif);font-size:clamp(22px,2vw,30px);line-height:1.2;color:var(--bd-ink)}
.bd-hero__sub{margin-top:clamp(14px,1.4vw,20px);font-size:clamp(17px,1.3vw,19px);line-height:1.45;color:var(--bd-ink-2);max-width:34em}
.bd-hero__welten{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:clamp(18px,2vw,28px);border-top:2px solid var(--bd-ink);border-bottom:1px solid var(--bd-ink)}
.bd-hero__welten > p + p{border-left:1px solid var(--bd-ink)}
.bd-hero__welten a{display:block;height:100%;padding:12px 16px 14px 0;text-decoration:none;font-size:13.5px;line-height:1.35;color:var(--bd-mute);min-height:44px}
.bd-hero__welten > p + p a{padding-left:16px}
.bd-hero__welten a strong{display:flex;align-items:baseline;gap:.3em;margin-bottom:4px;font:800 clamp(24px,2.1vw,32px)/1 var(--bd-font-sans);letter-spacing:-.035em;color:var(--bd-ink)}
.bd-hero__welten a strong::after{content:"→";content:"→" / "";font-weight:300;color:var(--bd-red);font-size:.8em}
.bd-hero__welten a:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--bd-red);text-underline-offset:.14em}
.bd-hero .wp-block-buttons{margin-top:clamp(18px,2vw,26px)}
.bd-hero__motiv{display:flex;align-items:flex-start;justify-content:flex-end;padding:0 0 0 24px}
.bd-hero__motiv p{font:500 13px/1.3 var(--bd-font-sans);color:var(--bd-on-dark-mute);border:1px dashed #6b6b6b;padding:6px 10px}
@media (max-width:1023px){
  .bd-hero__in{grid-template-columns:minmax(0,1fr);min-height:0}
  .bd-hero__motiv{min-height:140px;padding:22px 0 0;align-items:flex-end;justify-content:flex-start}
}
@media (max-width:519px){
  .bd-sec .bd-hero__h1{font-size:clamp(34px,9.4vw,44px)}
  .bd-hero__panel{padding:22px 18px 24px}
  .bd-hero__panel::before,.bd-hero__panel::after{display:none}
  .bd-hero__welten a strong{font-size:23px}
  .bd-hero__welten a{padding-right:10px;font-size:12.5px}
  .bd-hero__welten > p + p a{padding-left:12px}
  .bd-hero .bd-btn,.bd-hero .bd-btn .wp-block-button__link{width:100%}
}
@media (max-width:374px){.bd-hero__welten a strong{font-size:20px}.bd-hero__welten a strong::after{display:none}}

/* 5.2 Zwei-Welten-Einstieg: je vier Direktlinks mit Schemazeichnung; Passkreuz auf der Teilung */
.bd-sec.bd-welten{padding-block:clamp(44px,5.4vw,84px) clamp(36px,4vw,60px)}
.wp-block-columns.bd-welten__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin:0;border-top:2px solid var(--bd-ink)}
.bd-welten__in::before{content:"";position:absolute;left:50%;top:-1px;width:17px;height:17px;border:1.5px solid var(--bd-red);border-radius:50%;background:var(--bd-pk-x);background-color:var(--bd-paper);transform:translate(-50%,-50%);z-index:2}
.bd-welten__in > .wp-block-column{display:grid;align-content:start;gap:0;padding:26px 40px 0 0;min-width:0;flex-basis:auto}
.bd-welten__in > .wp-block-column + .wp-block-column{padding:26px 0 0 40px;border-left:1px solid var(--bd-ink)}
.bd-sec .bd-welt__t{font:800 clamp(44px,6vw,92px)/.92 var(--bd-font-sans);letter-spacing:-.05em}
.bd-welt__t a{display:inline-flex;align-items:baseline;gap:.16em;text-decoration:none}
.bd-welt__t a::after{content:"→";content:"→" / "";font-weight:200;font-size:.55em;color:var(--bd-red)}
.bd-welt__t a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--bd-red);text-underline-offset:.1em}
.bd-nutzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:28px 0 24px;border-top:1px solid var(--bd-line)}
.bd-nutzen > p{border-bottom:1px solid var(--bd-line);min-width:0}
.bd-nutzen > p:nth-child(even){border-left:1px solid var(--bd-line)}
.bd-nutzen > p a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-content:start;height:100%;padding:18px 18px 16px 0;text-decoration:none;font-weight:700;font-size:16px;line-height:1.25}
.bd-nutzen > p:nth-child(even) a{padding:18px 0 16px 18px}
.bd-nutzen > p a::before{content:"";grid-column:1/-1;aspect-ratio:3/2;max-height:140px;background:var(--bd-schema) left center/contain no-repeat}
.bd-nutzen > p a::after{content:"→";content:"→" / "";font-weight:400}
.bd-nutzen > p a:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-nutzen > p a:hover::after{color:var(--bd-red)}
@media (max-width:1023px){.bd-welten__in > .wp-block-column{padding-right:24px}.bd-welten__in > .wp-block-column + .wp-block-column{padding-left:24px}}
@media (max-width:759px){
  .wp-block-columns.bd-welten__in{grid-template-columns:minmax(0,1fr)}
  .bd-welten__in::before{display:none}
  .bd-welten__in > .wp-block-column,.bd-welten__in > .wp-block-column + .wp-block-column{padding:22px 0 30px;border-left:0}
  .bd-welten__in > .wp-block-column + .wp-block-column{border-top:2px solid var(--bd-ink)}
  .bd-sec .bd-welt__t{font-size:clamp(42px,12.5vw,56px)}
  .bd-nutzen{grid-template-columns:minmax(0,1fr);margin:18px 0 20px}
  .bd-nutzen > p:nth-child(even){border-left:0}
  .bd-nutzen > p a,.bd-nutzen > p:nth-child(even) a{grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 0}
  .bd-nutzen > p a::before{grid-column:auto;aspect-ratio:3/2;max-height:none}
}

/* 5.3 Wortzeilen (Veredelung): Verfahren als große Grotesk-Zeilen mit Querschnitt */
.bd-ver__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px 56px;align-items:start}
.bd-ver__kopf{display:grid;gap:14px;justify-items:start}
.bd-sec .bd-ver__t{font-size:clamp(44px,5vw,78px);line-height:.95}
.bd-zeilen{border-top:2px solid var(--bd-ink)}
.bd-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px);grid-template-rows:auto auto;gap:6px 32px;align-items:center;padding:20px 0 22px;border-bottom:1px solid var(--bd-ink)}
.bd-zeile::after{content:"";grid-column:2;grid-row:1/span 2;aspect-ratio:12/5;max-height:84px;background:var(--bd-schema) center/contain no-repeat}
.bd-sec .bd-zeile__n{font:800 clamp(30px,3.5vw,54px)/1 var(--bd-font-sans);letter-spacing:-.045em}
.bd-zeile__n a{text-decoration:none;display:inline-flex;align-items:baseline;gap:.25em}
.bd-zeile__n a::after{content:"→";content:"→" / "";font-weight:200;font-size:.7em;color:var(--bd-red)}
.bd-zeile__n a:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--bd-red);text-underline-offset:.12em}
.bd-zeile__g{font-size:15.5px;color:var(--bd-ink-2);max-width:44ch}
@media (max-width:1023px){.bd-ver__in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){
  .bd-zeile{grid-template-columns:minmax(0,1fr);padding:16px 0 18px}
  .bd-zeile::after{grid-column:1;grid-row:auto;max-width:210px;width:100%;margin-top:6px}
  .bd-sec .bd-zeile__n{font-size:clamp(28px,8vw,34px)}
}

/* 5.4 Laufzettel / Eindruck & Serien */
.bd-serien__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 56px;align-items:start}
.bd-serien__kopf{display:grid;gap:16px;max-width:44ch}
.bd-sec .bd-serien__t{font-size:clamp(30px,3vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1}
.bd-zettel-paar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.bd-zettel{border:2px solid var(--bd-ink);background:var(--bd-paper)}
.bd-sec .bd-zettel__k{background:var(--bd-ink);color:#fff;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;line-height:1.2}
.bd-zettel ol{counter-reset:z}
.bd-zettel ol li{counter-increment:z;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:baseline;padding:14px;border-top:1px dashed var(--bd-line-2);font-weight:700;line-height:1.3}
.bd-zettel ol li:first-child{border-top:0}
.bd-zettel ol li::before{content:counter(z,decimal-leading-zero);font-size:12px;letter-spacing:.1em;color:var(--bd-mute)}
@media (max-width:1023px){.bd-serien__in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:519px){.bd-zettel-paar{grid-template-columns:minmax(0,1fr);gap:14px}}

/* 5.5 Für wen: zwei typografische Spalten */
.bd-sec.bd-fuerwen{padding-top:0}
.wp-block-columns.bd-fuerwen__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin:0;border-top:1px solid var(--bd-ink)}
.bd-fuerwen__in > .wp-block-column{display:grid;gap:14px;align-content:start;justify-items:start;padding:22px 40px 4px 0;flex-basis:auto}
.bd-fuerwen__in > .wp-block-column + .wp-block-column{padding:22px 0 4px 40px;border-left:1px solid var(--bd-ink)}
.bd-sec .bd-fuerwen__in h3{font-size:22px;letter-spacing:-.02em}
.bd-fuerwen__l{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--bd-ink-2)}
@media (max-width:759px){
  .bd-sec.bd-fuerwen{padding-top:var(--bd-sec)}
  .wp-block-columns.bd-fuerwen__in{grid-template-columns:minmax(0,1fr)}
  .bd-fuerwen__in > .wp-block-column,.bd-fuerwen__in > .wp-block-column + .wp-block-column{padding:20px 0 6px;border-left:0}
  .bd-fuerwen__in > .wp-block-column + .wp-block-column{border-top:1px solid var(--bd-ink);margin-top:20px}
}

/* 5.6 Anfrage-Einstieg: Wortzeilen statt Karten */
.bd-anfrage__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px 56px}
.bd-anfrage__kopf{display:grid;gap:14px;align-content:start}
.bd-sec .bd-anfrage__t{font-size:clamp(44px,5vw,78px);line-height:.95}
.bd-wahl{border-top:2px solid var(--bd-ink)}
.bd-wahl li a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:clamp(64px,6vw,82px);padding:10px 0;border-bottom:1px solid var(--bd-ink);text-decoration:none;font-size:clamp(24px,2.7vw,40px);font-weight:800;line-height:1.05;letter-spacing:-.035em}
.bd-wahl li a::after{content:"→";content:"→" / "";font-weight:200;flex:none}
.bd-wahl li a:hover{background:var(--bd-paper-2)}
.bd-wahl li a:hover::after{color:var(--bd-red)}
.bd-anfrage__aktion{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:26px}
.bd-kontaktzeile{margin-top:22px;padding-top:16px;border-top:1px solid var(--bd-line);font-size:15px}
@media (max-width:1023px){.bd-anfrage__in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){.bd-wahl li a{font-size:24px;min-height:60px}.bd-anfrage__aktion .bd-btn,.bd-anfrage__aktion .bd-btn .wp-block-button__link{width:100%}}

/* ---------- 6 Prozess-Schiene (Prozess = Schwarzband) ---------- */
.bd-sec.bd-prozess{padding-block:clamp(30px,3.4vw,46px)}
.bd-sec.bd-prozess--start{padding-block:var(--bd-sec)}
.bd-sec .bd-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:st;padding-top:30px;font-variant-numeric:tabular-nums}
.bd-rail::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--bd-dark-line)}
.bd-rail::after{content:"";position:absolute;left:0;right:0;top:8.25px;height:2px;background:var(--bd-red)}
.bd-rail li{position:relative;counter-increment:st;padding-right:18px;font-weight:700;line-height:1.3;font-size:16px}
.bd-rail li::before{content:counter(st,decimal-leading-zero);display:block;margin-bottom:8px;font-size:12px;letter-spacing:.14em;color:var(--bd-on-dark-mute)}
.bd-rail li::after{content:"";position:absolute;left:0;top:-25.5px;width:9px;height:9px;background:var(--bd-on-dark);z-index:1}
.bd-rail li:last-child::after{left:-4px;top:-30px;width:17px;height:17px;border:1.5px solid var(--bd-red);border-radius:50%;background:var(--bd-pk-x);background-color:var(--bd-ink)}
.bd-rail li em{display:block;font-weight:400;font-size:14px;margin-top:4px;font-style:italic}
@media (max-width:759px){
  .bd-sec .bd-rail{grid-template-columns:minmax(0,1fr);padding:0 0 0 30px}
  .bd-rail::before{left:4px;right:auto;top:14px;bottom:14px;width:1px;height:auto}
  .bd-rail::after{left:3.5px;right:auto;top:14px;bottom:14px;width:2px;height:auto}
  .bd-rail li{padding:9px 0}
  .bd-rail li::before{display:inline-block;margin:0 10px 0 0}
  .bd-rail li::after{left:-30px;top:15px}
  .bd-rail li:last-child::after{left:-34px;top:11px}
}
.bd-prozess__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;margin-top:40px;align-items:start}
.bd-laufzettel{border-top:1px solid #575757}
.bd-laufzettel li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:start;padding:11px 0;border-bottom:1px solid #575757;line-height:1.35}
.bd-laufzettel li::before{content:"";width:16px;height:16px;margin-top:2px;border:2px solid var(--bd-on-dark)}
.bd-verf{display:flex;flex-wrap:wrap;gap:6px 0;align-items:center;font-size:15.5px}
.bd-verf strong{flex-basis:100%;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-on-dark-mute);margin-bottom:6px}
.bd-verf a{display:inline-flex;align-items:center;min-height:40px;padding-right:14px;margin-right:14px;border-right:1px solid var(--bd-dark-line);color:var(--bd-on-dark);text-decoration:none;font-weight:700}
.bd-verf a:last-child{border-right:0}
.bd-verf a:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-sec--dunkel .bd-label{color:var(--bd-on-dark)}
@media (max-width:759px){.bd-prozess__grid{grid-template-columns:minmax(0,1fr);margin-top:28px}.bd-verf a{border-right:0;margin-right:22px;padding-right:0}}

/* ---------- 7 Hub ---------- */
/* Hub-Kopf: H1 groß links, Text + Aktionen rechts; Registerlinie mit Passkreuz unten */
.bd-hubkopf{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:16px;align-items:end}
.bd-hubkopf::after,.bd-lskopf::after{content:"";position:absolute;left:var(--bd-gut);right:0;bottom:calc(-1 * clamp(28px,3vw,40px));height:1.5px;background:var(--bd-red);transform-origin:left center}
.bd-hubkopf::before,.bd-lskopf::before{content:"";position:absolute;left:var(--bd-gut);bottom:calc(-1 * clamp(28px,3vw,40px));width:17px;height:17px;border:1.5px solid var(--bd-red);border-radius:50%;background:var(--bd-pk-x);background-color:var(--bd-paper);transform:translate(-50%,50%);z-index:2}
.bd-sec .bd-hubkopf__h1{grid-column:1/7;font-size:clamp(52px,7.4vw,108px);line-height:.92;letter-spacing:-.03em}
.bd-hubkopf__txt{grid-column:7/13;display:grid;gap:16px;padding-bottom:8px}
@media (max-width:1023px){.bd-sec .bd-hubkopf__h1,.bd-hubkopf__txt{grid-column:1/-1}}
@media (max-width:759px){.bd-sec .bd-hubkopf__h1{font-size:clamp(46px,13.5vw,60px)}.bd-hubkopf .bd-btn,.bd-hubkopf .bd-btn .wp-block-button__link{width:100%}}

/* „Auf dieser Seite“ – ab 1280 px sticky, mobil einklappbar (JS), ohne JS offen */
.bd-sec.bd-toc{padding:0;background:var(--bd-paper);border-top:1px solid var(--bd-ink);border-bottom:1px solid var(--bd-ink);z-index:30}
@media (min-width:1280px){.bd-sec.bd-toc{position:sticky;top:var(--bd-toc-top,0px)}}
.bd-toc__in{display:flex;align-items:center;gap:0 4px}
.bd-toc__t{flex:none;margin:0 18px 0 0;padding:0;border:0;background:none;font:700 12px/1.2 var(--bd-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bd-mute)}
.bd-toc ul{display:flex;flex-wrap:wrap}
.bd-toc li a{position:relative;display:inline-flex;align-items:center;min-height:46px;white-space:nowrap;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;border-left:1px solid var(--bd-line);line-height:1.25}
.bd-toc li:first-child a{box-shadow:inset 0 -3px 0 var(--bd-ink)}
.bd-toc li a:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-toc li a[aria-current]{padding-left:34px;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--bd-red);text-underline-offset:.3em}
.bd-toc li a[aria-current]::after{content:"";position:absolute;left:10px;top:50%;width:15px;height:15px;margin-top:-7.5px;border:1.5px solid var(--bd-red);border-radius:50%;background:var(--bd-pk-x)}
@media (max-width:759px){
  .bd-toc__in{display:block}
  .bd-toc__t{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:0;color:var(--bd-ink)}
  button.bd-toc__t{cursor:pointer}
  button.bd-toc__t::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);margin-right:6px}
  button.bd-toc__t[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
  .bd-toc ul{display:block;border-top:1px solid var(--bd-line);padding-bottom:6px}
  .bd-toc li a{display:flex;white-space:normal;min-height:44px;border-left:0;border-bottom:1px solid var(--bd-line);padding-left:4px}
  .bd-toc li:first-child a{box-shadow:none}
}
.bd-sec [id]{scroll-margin-top:calc(var(--bd-hdr-h,72px) + 24px)}
@media (min-width:1280px){.bd-page:has(.bd-toc) .bd-sec [id]{scroll-margin-top:calc(var(--bd-hdr-h,72px) + 76px)}}

/* Produktauswahl: Etikettenarten als drei breite Karten mit Gebrauchshinweis */
.bd-sec.bd-auswahl{padding-top:clamp(32px,3.6vw,52px);padding-bottom:0}
.bd-arten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--bd-ink);border-bottom:1px solid var(--bd-ink)}
.bd-art{position:relative;display:grid;gap:12px;align-content:start;padding:24px 28px 28px;min-width:0}
.bd-art:first-child{padding-left:0}
.bd-art:last-child{padding-right:0}
.bd-art + .bd-art{border-left:1px solid var(--bd-line)}
.bd-art::before{content:"";display:block;aspect-ratio:3/2;max-height:170px;background:var(--bd-paper-2) var(--bd-schema) center/contain no-repeat;background-origin:content-box;padding:14px 18px}
.bd-sec .bd-art h3{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.bd-art h3 a{text-decoration:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bd-art h3 a::after{content:"→";content:"→" / "";font-weight:300;color:var(--bd-red);margin-left:auto}
.bd-art h3 a::before{content:"";position:absolute;inset:0;z-index:1}  /* ganze Karte klickbar, Link bleibt die Überschrift */
.bd-art h3 a:hover{text-decoration:underline;text-decoration-color:var(--bd-red);text-decoration-thickness:2px}
.bd-art__zusatz{font-size:15px;color:var(--bd-mute);margin-top:-6px}
.bd-art__hint{font-size:16px;line-height:1.45}
.bd-art__fakt{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--bd-mute);border-top:1px solid var(--bd-line);padding-top:10px}
@media (max-width:1023px){
  .bd-arten{grid-template-columns:minmax(0,1fr)}
  .bd-art,.bd-art:first-child,.bd-art:last-child{grid-template-columns:minmax(0,220px) minmax(0,1fr);column-gap:28px;padding:20px 0}
  .bd-art + .bd-art{border-left:0;border-top:1px solid var(--bd-line)}
  .bd-art::before{grid-row:1/span 4}
}
@media (max-width:759px){
  .bd-art,.bd-art:first-child,.bd-art:last-child{grid-template-columns:96px minmax(0,1fr);column-gap:16px;row-gap:8px;padding:16px 0}
  .bd-art::before{padding:6px;align-self:start}
  .bd-sec .bd-art h3{font-size:21px}
  .bd-art__hint{font-size:15px}
}

/* Dazu passend: begleitende Leistungen als Zeilen (nicht als weitere Produktkarten) */
.bd-sec.bd-dazu{padding-top:clamp(36px,4vw,56px);padding-bottom:0}
.bd-dazu__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid var(--bd-line)}
.bd-dazu__l li{border-bottom:1px solid var(--bd-line)}
.bd-dazu__l li a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:12px 0;text-decoration:none;min-height:44px;font-size:14.5px;line-height:1.4;color:var(--bd-mute)}
.bd-dazu__l li a strong{display:block;font-size:17px;line-height:1.3;color:var(--bd-ink)}
.bd-dazu__l li a::after{content:"→";content:"→" / "";grid-column:2;grid-row:1/span 3;align-self:center;color:var(--bd-ink)}
.bd-dazu__l li a:hover strong{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-dazu__l li a:hover::after{color:var(--bd-red)}
@media (max-width:759px){.bd-dazu__l{grid-template-columns:minmax(0,1fr)}}

/* Vergleich: Lesetabelle (keine Auswahl-/Preisfelder) */
.bd-sec.bd-vergleich{padding-top:clamp(36px,4vw,56px)}
.bd-tabelle{margin:0;overflow-x:auto}
.bd-tabelle table{width:100%;border-collapse:collapse;background:var(--bd-paper);font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums}
.bd-tabelle :is(th,td){text-align:left;vertical-align:top;padding:11px 16px;border:0;border-bottom:1px solid var(--bd-line)}
.bd-tabelle thead :is(th,td){font-size:16px;font-weight:700;border-bottom:2px solid var(--bd-ink);border-left:1px solid var(--bd-line)}
.bd-tabelle thead :is(th,td):first-child{border-left:0}
.bd-tabelle tbody th{font-weight:700;width:20%}
.bd-tabelle tbody td{border-left:1px solid var(--bd-line)}
@media (max-width:759px){
  .bd-tabelle{overflow:visible}
  .bd-tabelle :is(table,thead,tbody){display:block}
  .bd-tabelle tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .bd-tabelle thead :is(th,td):first-child{display:none}
  .bd-tabelle :is(th,td){padding:8px;font-size:14px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
  .bd-tabelle thead :is(th,td):nth-child(2){border-left:0}
  .bd-tabelle tbody th{grid-column:1/-1;width:auto;background:var(--bd-paper-2);padding-top:10px}
  .bd-tabelle tbody td:nth-of-type(1){border-left:0}
}

/* Etiketten im Einsatz + QR-/E-Label-Abschnitt */
.bd-einsatz__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;align-items:start}
.bd-sec .bd-einsatz .bd-sek{font-size:clamp(26px,2.3vw,34px)}
.bd-kasten{background:var(--bd-paper);border-top:3px solid var(--bd-ink);padding:20px 22px 22px;display:grid;gap:12px;align-content:start}
.bd-sec .bd-kasten h2,.bd-sec .bd-kasten h3{font-size:21px;font-weight:800;letter-spacing:-.02em}
@media (max-width:1023px){.bd-einsatz__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bd-einsatz__in > .bd-kasten{grid-column:1/-1}}
@media (max-width:759px){.bd-einsatz__in{grid-template-columns:minmax(0,1fr)}}

/* Abschluss: Querverweis andere Welt | Kontakt | CTA-Panel */
.bd-abschluss{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:20px;align-items:stretch}
.bd-quer{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:22px;row-gap:12px;align-items:start;border-top:3px solid var(--bd-ink);padding-top:18px}
.bd-quer::before{content:"";grid-row:1/span 2;aspect-ratio:3/2;background:var(--bd-schema) center/contain no-repeat}
.bd-sec .bd-quer h2{font-size:clamp(26px,2.4vw,36px);font-weight:800;letter-spacing:-.04em}
.bd-quer h2 a{text-decoration:none}
.bd-quer h2 a::after{content:" →";font-weight:200;color:var(--bd-red)}
.bd-quer h2 a:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-ap{border-top:3px solid var(--bd-ink);padding-top:18px;display:grid;gap:10px;align-content:start}
.bd-ap__k,.bd-ctapanel__k{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bd-ap li{padding:8px 0;border-bottom:1px solid var(--bd-line);font-size:16px}
.bd-ctapanel{background:var(--bd-ink);color:var(--bd-on-dark);padding:22px 24px 24px;display:grid;gap:16px;align-content:start;justify-items:start}
.bd-ctapanel :focus-visible{outline-color:var(--bd-on-dark)}
@media (max-width:1023px){.bd-abschluss{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bd-ctapanel{grid-column:1/-1}}
@media (max-width:759px){.bd-abschluss{grid-template-columns:minmax(0,1fr)}.bd-quer{grid-template-columns:88px minmax(0,1fr)}}

/* ---------- 8 Leistungsseite ---------- */
.bd-lskopf{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.bd-lskopf__txt{grid-column:1/8;min-width:0;display:grid;gap:16px;justify-items:start}
.bd-sec .bd-lskopf__h1{font-size:clamp(40px,5.4vw,80px);line-height:.96;letter-spacing:-.028em}
/* 28.10.2026 H1 mit Dachzeile: Suchbegriff steht in der H1, Optik wie .bd-kicker (Owner-Auftrag Nassleim-Korrektur Nr. 6) */
.bd-sec .bd-lskopf__h1 .bd-h1-dach{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 12.5px/1.35 var(--bd-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bd-ink)}.bd-sec .bd-lskopf__h1 .bd-h1-dach::before{content:"";flex:0 0 22px;height:2px;background:var(--bd-red)}
.bd-lskopf__bild{grid-column:8/13;background:var(--bd-paper-2) var(--bd-schema) center/contain no-repeat;background-origin:content-box;padding:clamp(16px,2.4vw,36px);aspect-ratio:3/2;min-height:220px}
.bd-lskopf__bild p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:1023px){.bd-lskopf__txt{grid-column:1/-1}.bd-lskopf__bild{grid-column:1/-1;margin-top:24px;max-width:520px;width:100%}}
@media (max-width:759px){.bd-sec .bd-lskopf__h1{font-size:clamp(32px,9.6vw,48px)}.bd-lskopf .bd-btn,.bd-lskopf .bd-btn .wp-block-button__link{width:100%}.bd-lskopf__bild{min-height:160px}}

/* Auf einen Blick: Datenblattzeile */
.bd-sec.bd-blick{padding-top:clamp(46px,5vw,68px);padding-bottom:0}
.bd-blick__l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--bd-ink);border-bottom:1px solid var(--bd-ink)}
.bd-blick__l > div{padding:12px 18px 14px;border-left:1px solid var(--bd-line);min-width:0}
.bd-blick__l > div:first-child{border-left:0;padding-left:0}
.bd-blick__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-mute)}
.bd-blick__v{font-size:17px;font-weight:700;line-height:1.3;margin-top:4px}
@media (max-width:759px){.bd-blick__l{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bd-blick__l > div:nth-child(3){border-left:0;padding-left:0}.bd-blick__l > div:nth-child(n+3){border-top:1px solid var(--bd-line)}}
.bd-blick + .bd-toc{margin-top:clamp(24px,2.6vw,36px)}

/* Geeignet für / Was wir brauchen */
.wp-block-columns.bd-wissen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 64px;margin:0;align-items:start}
.bd-wissen > .wp-block-column{flex-basis:auto;min-width:0}
.bd-haken{border-top:1px solid var(--bd-line)}
.bd-haken li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--bd-line);line-height:1.4}
.bd-haken li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:2.5px solid var(--bd-ink);border-bottom:2.5px solid var(--bd-ink);transform:rotate(-45deg)}
.bd-bedarf{counter-reset:b;border-top:1px solid var(--bd-line)}
.bd-bedarf li{counter-increment:b;position:relative;padding:12px 0 12px 44px;border-bottom:1px solid var(--bd-line);line-height:1.45}
.bd-bedarf li::before{content:counter(b);position:absolute;left:0;top:11px;width:28px;height:28px;display:grid;place-items:center;background:var(--bd-ink);color:#fff;font-size:14px;font-weight:700}
.bd-randnotiz{margin-top:18px;padding-left:14px;border-left:3px solid var(--bd-red);font-size:15.5px;line-height:1.45;color:var(--bd-ink-2)}
@media (max-width:1023px){.wp-block-columns.bd-wissen{grid-template-columns:minmax(0,1fr)}}

/* Verfahrensabschnitt (Anker, z. B. #bogenoffset) */
.bd-anker{background:var(--bd-paper);border:1px solid var(--bd-line);border-left:4px solid var(--bd-ink);padding:22px 24px;display:grid;gap:12px;align-content:start;justify-items:start;max-width:860px}
.bd-sec .bd-anker h2{font-size:22px;font-weight:800;letter-spacing:-.02em}

/* Nächster Schritt: vorbelegte Anfragewege */
.bd-naechst__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 56px;border-top:2px solid var(--bd-ink);padding-top:26px}
.bd-naechst__kopf{display:grid;gap:14px;align-content:start}
.bd-sec .bd-naechst__t{font-size:clamp(30px,3vw,46px);font-weight:800;letter-spacing:-.04em;line-height:1}
.bd-wege{border-top:1px solid var(--bd-ink)}
.bd-wege li a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;padding:16px 18px 16px 0;border-bottom:1px solid var(--bd-ink);text-decoration:none;font-size:14.5px;color:var(--bd-mute)}
.bd-wege li a strong{display:block;font-size:clamp(21px,2vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--bd-ink)}
.bd-wege li a::after{content:"→";content:"→" / "";grid-column:2;grid-row:1/span 3;font-size:28px;font-weight:200;color:var(--bd-ink)}
.bd-wege li a:hover{background:var(--bd-paper-2)}
.bd-wege li a:hover::after{color:var(--bd-red)}
.bd-wege li:first-child a{background:var(--bd-red);color:#fff;padding-left:18px;border-bottom-color:var(--bd-red)}
.bd-wege li:first-child a strong,.bd-wege li:first-child a::after{color:#fff}
.bd-wege li:first-child a:hover{background:var(--bd-red)}
.bd-wege li:first-child a:hover strong{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bd-wege li:first-child a::after{transition:transform .2s var(--bd-ease)}
.bd-wege li:first-child a:hover::after{transform:translateX(6px)}
.bd-wege li:first-child a:focus-visible{outline:3px solid var(--bd-ink);outline-offset:3px}
.bd-naechst__in .bd-kontaktzeile{grid-column:2;margin-top:0;border-top:0;padding-top:0}
@media (max-width:1023px){.bd-naechst__in{grid-template-columns:minmax(0,1fr)}.bd-naechst__in .bd-kontaktzeile{grid-column:1}}

/* Verwandte Leistungen (beide Welten) */
.bd-verwandt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--bd-ink);border-bottom:1px solid var(--bd-ink)}
.bd-verwandt > div{padding:18px 22px 22px;border-left:1px solid var(--bd-line);display:grid;gap:8px;align-content:start}
.bd-verwandt > div:first-child{border-left:0;padding-left:0}
.bd-sec .bd-verwandt h3{font-size:19px;line-height:1.15;letter-spacing:-.015em}
.bd-verwandt h3 a{text-decoration:none}
.bd-verwandt h3 a::after{content:" →";font-weight:400;color:var(--bd-red)}
.bd-verwandt h3 a:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-verwandt p{font-size:15px;color:var(--bd-ink-2)}
@media (max-width:1023px){.bd-verwandt{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-verwandt > div:nth-child(3){border-left:0;padding-left:0}.bd-verwandt > div:nth-child(n+3){border-top:1px solid var(--bd-line)}}
@media (max-width:759px){.bd-verwandt{grid-template-columns:minmax(0,1fr)}.bd-verwandt > div{border-left:0;padding-left:0;border-top:1px solid var(--bd-line)}.bd-verwandt > div:first-child{border-top:0}}

/* ---------- 9 Grenzen-Box (Datenblatt, Grotesk) ---------- */
.bd-grenzen{background:var(--bd-paper);border:2px solid var(--bd-ink)}
.bd-grenzen__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:16px 20px;border-bottom:2px solid var(--bd-ink)}
.bd-sec .bd-grenzen__kopf h2{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.025em}
.bd-grenzen__kopf p{font-size:14.5px;color:var(--bd-mute)}
.bd-grenzen .wp-block-table{margin:0}
.bd-grenzen table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.bd-grenzen :is(th,td){text-align:left;vertical-align:top;padding:12px 20px;border:0;border-bottom:1px solid var(--bd-line)}
.bd-grenzen tr:last-child :is(th,td){border-bottom:0}
.bd-grenzen th{width:32%;font-weight:700}
@media (max-width:759px){
  .bd-grenzen :is(table,tbody,tr,th,td){display:block;width:auto}
  .bd-grenzen th{border-bottom:0;padding:12px 16px 2px}
  .bd-grenzen td{padding:2px 16px 12px}
  .bd-grenzen tr{border-bottom:1px solid var(--bd-line)}
  .bd-grenzen tr:last-child{border-bottom:0}
  .bd-grenzen__kopf{padding:14px 16px}
}

/* ---------- 10 Faktenband und Footer-Muster (für Blocksy Content Block „Footer“) ---------- */
.bd-fakten{display:flex;flex-wrap:wrap;gap:6px 28px;padding:16px 0;border-top:2px solid currentColor;font-size:15px}
.bd-fakten p{margin:0}
.bd-fakten p:first-child{font-weight:700}
.bd-sec.bd-footer{padding-block:48px 0;font-size:15px}
.bd-footer__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:32px}
.bd-footer__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.bd-footer__h{position:relative;display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-on-dark-mute);padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--bd-dark-line)}
.bd-footer__h::before{content:"";position:absolute;left:0;bottom:-1px;width:28px;height:2px;background:var(--bd-red)}
.bd-footer li{padding:5px 0;line-height:1.35}
.bd-footer a{color:var(--bd-on-dark);text-decoration:none}
.bd-footer a:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
.bd-footer__firma{display:grid;gap:10px;align-content:start;line-height:1.45}
.bd-footer__marke{display:flex;align-items:flex-end;min-height:clamp(64px,9vw,132px);margin-top:44px;padding:12px 14px;border:1px dashed var(--bd-on-dark-mute);color:var(--bd-on-dark-mute);font-size:14px}
.bd-footer__fuss{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:22px;padding-block:16px 20px;border-top:1px solid var(--bd-dark-line);font-size:14px;color:var(--bd-on-dark-mute)}
.bd-footer__fuss a{color:var(--bd-on-dark-mute)}
@media (max-width:1023px){.bd-footer__grid{grid-template-columns:minmax(0,1fr)}.bd-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){
  .bd-sec.bd-footer{padding-top:20px}
  .bd-footer__nav{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--bd-dark-line)}
  .bd-footer__nav > div{border-bottom:1px solid var(--bd-dark-line)}
  .bd-footer__nav .bd-footer__h{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0;margin:0;border:0;font-size:13px;color:var(--bd-on-dark)}
  .bd-footer__nav .bd-footer__h::before{display:none}
  .bd-js .bd-footer__nav button.bd-footer__h{width:100%;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:left}
  .bd-js .bd-footer__nav button.bd-footer__h::after{content:"+";content:"+" / "";font-size:22px;font-weight:300}
  .bd-js .bd-footer__nav button.bd-footer__h[aria-expanded="true"]::after{content:"–";content:"–" / ""}
  .bd-footer li a{display:flex;align-items:center;min-height:44px}
  .bd-footer__marke{margin-top:26px;min-height:56px}
}

/* Entwurfszeile der Testinstallation (functions.php, abschaltbar) */
.bd-entwurf{background:var(--bd-paper-2);border-bottom:1px dashed var(--bd-line-2);color:#333;font:12.5px/1.35 var(--bd-font-sans);padding:5px var(--bd-gut);text-align:center}

/* ---------- 11 Blocksy-Kopf und -Fuß (Header-/Footer-Builder) ----------
   Greift auf die Blocksy-Markup-Struktur; Werte im Customizer bitte gleich setzen (siehe 03_HEADER_FOOTER_VORSCHLAG.md). */
#header [data-row*="top"]{background:var(--bd-ink);color:var(--bd-on-dark);font-size:13px}
#header [data-row*="top"] a{color:var(--bd-on-dark)}
#header [data-row*="middle"]{background:var(--bd-paper);border-bottom:2px solid var(--bd-ink)}
#header [data-id^="menu"] > ul > li > a,
#header .menu > li > .ct-menu-link{font:700 15px/1.2 var(--bd-font-sans);color:var(--bd-ink);letter-spacing:-.005em;border-bottom:3px solid transparent}
#header .menu > li:hover > .ct-menu-link{border-bottom-color:var(--bd-line-2)}
#header .menu > li.current-menu-item > .ct-menu-link,
#header .menu > li.current-menu-ancestor > .ct-menu-link,
#header .menu > li.current-page-ancestor > .ct-menu-link{border-bottom-color:var(--bd-red)}
#header .sub-menu{border-top:2px solid var(--bd-ink);border-radius:0;box-shadow:0 18px 30px -24px rgba(0,0,0,.35)}
#header .sub-menu .ct-menu-link{font-size:15px;font-weight:400}
#header .sub-menu .ct-menu-link:hover{text-decoration:underline;text-decoration-color:var(--bd-red)}
#header .bd-mm-head > .ct-menu-link{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-mute);pointer-events:none}
#header .ct-button,#header [data-id="button"] .ct-button{border-radius:0;background:var(--bd-red);color:#fff;font-weight:700}
#header .ct-button:hover{background:var(--bd-red);color:#fff;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
#offcanvas .mobile-menu a,#offcanvas .ct-menu-link{font-weight:800;letter-spacing:-.02em}
#offcanvas .sub-menu .ct-menu-link{font-weight:400;letter-spacing:0}
#footer{background:var(--bd-ink);color:var(--bd-on-dark)}
#footer a{color:var(--bd-on-dark)}

/* ---------- 12 Bewegung ----------
   Nur bei html[data-bd-motion="on"] (JS setzt „off“ bei prefers-reduced-motion – auch während der Sitzung –,
   bei ?motion=off und über ein Element mit Klasse bd-motion-toggle). Ohne JS: Endzustände. */
html[data-bd-motion="on"] .bd-rv.bd-hubkopf::after,html[data-bd-motion="on"] .bd-rv.bd-lskopf::after{transform:scaleX(0);transition:transform .8s var(--bd-ease)}
html[data-bd-motion="on"] .bd-rv.bd-in.bd-hubkopf::after,html[data-bd-motion="on"] .bd-rv.bd-in.bd-lskopf::after{transform:scaleX(1)}
html[data-bd-motion="on"] .bd-rv.bd-hubkopf::before,html[data-bd-motion="on"] .bd-rv.bd-lskopf::before{transform:translate(-50%,50%) scale(0);transition:transform .32s .5s var(--bd-ease)}
html[data-bd-motion="on"] .bd-rv.bd-in.bd-hubkopf::before,html[data-bd-motion="on"] .bd-rv.bd-in.bd-lskopf::before{transform:translate(-50%,50%) scale(1)}
html[data-bd-motion="on"] .bd-wahl li a,html[data-bd-motion="on"] .bd-wege li a{transition:background-color .2s}
html[data-bd-motion="off"] *,html[data-bd-motion="off"] *::before,html[data-bd-motion="off"] *::after{transition:none !important;animation:none !important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important}html{scroll-behavior:auto !important}}
.bd-motion-toggle{cursor:pointer}

/* ---------- 14 Phase 2: weitere Seitentypen (12.10.2026) ---------- */
/* 14.1 Textabschnitt im Raster: Überschrift links, Inhalt rechts (Leistungs-, Service-, Unternehmensseiten) */
.bd-sec.bd-sec--eng:has(.bd-ts){padding-top:clamp(36px,4vw,56px);padding-bottom:0}
.bd-ts{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:18px 56px;border-top:2px solid var(--bd-ink);padding-top:22px}
.bd-sec .bd-ts__t{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.bd-ts__body{display:grid;gap:16px;align-content:start;max-width:780px;font-size:17px;line-height:1.55}
.bd-ts__body > .bd-tlink{margin-top:4px}
.bd-sec.bd-ts--grau{background:var(--bd-paper-2);padding-bottom:clamp(36px,4vw,56px);margin-top:clamp(36px,4vw,56px)}
.bd-sec.bd-ts--grau + .bd-sec--eng:has(.bd-ts){padding-top:clamp(36px,4vw,56px)}
.bd-sec.bd-ts--grau .bd-foto,.bd-sec.bd-ts--grau .bd-haken,.bd-sec.bd-ts--grau .bd-bedarf{background:transparent}
@media (max-width:1023px){.bd-ts{grid-template-columns:minmax(0,1fr)}}
.bd-sec.bd-geeignet,.bd-sec.bd-verfahren{padding-top:clamp(36px,4vw,56px)}
.bd-sec.bd-grenzen-sec{padding-top:clamp(36px,4vw,56px)}
.bd-kurzgrenzen{margin:0}
.bd-kurzgrenzen table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--bd-paper);border:2px solid var(--bd-ink)}
.bd-kurzgrenzen :is(th,td){text-align:left;vertical-align:top;padding:10px 16px;border:0;border-bottom:1px solid var(--bd-line)}
.bd-kurzgrenzen th{width:38%;font-weight:700}
.bd-downloads li{color:var(--bd-ink-2)}

/* 14.2 Kopf ohne Zeichnung (Service-, Unternehmens-, Kontaktseiten) */
.bd-lskopf--text .bd-lskopf__txt--breit{grid-column:1/11}
@media (max-width:1023px){.bd-lskopf--text .bd-lskopf__txt--breit{grid-column:1/-1}}

/* 14.3 Drucksachen-Hub: Produktarten als Registerzeilen (bewusst nicht gespiegelt zu den Etiketten-Karten) */
.bd-zeilenreg{border-top:2px solid var(--bd-ink)}
.bd-zr{position:relative;display:grid;grid-template-columns:150px minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:6px 28px;align-items:center;padding:16px 0;border-bottom:1px solid var(--bd-ink)}
.bd-zr::before{content:"";grid-column:1;grid-row:1/span 2;aspect-ratio:3/2;background:var(--bd-paper-2) var(--bd-schema) center/contain no-repeat;background-origin:content-box;padding:6px 10px}
.bd-sec .bd-zr__n{grid-column:2;font-size:clamp(21px,1.9vw,27px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.bd-zr__n a{text-decoration:none}
.bd-zr__n a::after{content:" →";font-weight:300;color:var(--bd-red)}
.bd-zr__n a::before{content:"";position:absolute;inset:0;z-index:1}
.bd-zr:hover{background:var(--bd-paper-2)}
.bd-zr:hover .bd-zr__n a{text-decoration:underline;text-decoration-color:var(--bd-red);text-decoration-thickness:2px}
.bd-zr__hint{grid-column:3;font-size:16px;line-height:1.45}
.bd-zr__fakt{grid-column:4;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--bd-mute)}
@media (max-width:1023px){.bd-zr{grid-template-columns:120px minmax(0,1fr)}.bd-zr::before{grid-row:1/span 3}.bd-sec .bd-zr__n,.bd-zr__hint,.bd-zr__fakt{grid-column:2}}
@media (max-width:759px){.bd-zr{grid-template-columns:88px minmax(0,1fr);column-gap:14px}.bd-zr__hint{font-size:15px}}

/* 14.4 Für wen + eigene Abschnitte (Plakate, Wahlunterlagen, Preislisten) */
.bd-einsatz-d{display:grid;gap:32px}
.bd-fw{display:grid;gap:12px;max-width:900px}
.bd-abschn3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bd-ab3{background:var(--bd-paper);border-top:3px solid var(--bd-ink);padding:18px 20px 20px;display:grid;gap:10px;align-content:start}
.bd-sec .bd-ab3__t{font-size:21px;font-weight:800;letter-spacing:-.02em}
@media (max-width:1023px){.bd-abschn3{grid-template-columns:minmax(0,1fr)}}

/* 14.5 Beispiele beider Welten (Foto-Platzhalter, echte Muster folgen) */
.bd-sec.bd-beisp-sec{padding-top:clamp(36px,4vw,56px);padding-bottom:0}
.bd-beisp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bd-beisp__f{display:grid;gap:8px}
.bd-beisp__welt{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bd-foto--breit{aspect-ratio:16/7;max-width:780px}
@media (max-width:759px){.bd-beisp{grid-template-columns:minmax(0,1fr)}}

/* 14.6 Registerliste einspaltig (Etikettenarten auf Anwendungsseiten) */
.bd-dazu__l.bd-dazu__l--1{grid-template-columns:minmax(0,1fr)}

/* 14.7 Veredelungs-Hub: Verfahren als Wortzeilen ohne Kopfspalte */
.bd-sec.bd-ver--hub{padding-top:clamp(36px,4vw,56px)}
.bd-ver--hub .bd-zeile{grid-template-columns:minmax(0,1fr) minmax(0,220px)}
/* Gutachten Grafik G-01: mobil einspaltig stapeln (die Hub-Regel oben hob die Mobilregel aus 248ff. auf) */
@media (max-width:759px){.bd-ver--hub .bd-zeile{grid-template-columns:minmax(0,1fr)}}

/* 14.8 Anfrage (Fluent Forms im Hybrid-Formularblatt) */
.bd-sec.bd-anfseite-sec{padding-top:clamp(20px,2.4vw,32px)}
.bd-anfseite{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px 56px;align-items:start}
.bd-anfseite__kopf{display:grid;gap:16px;align-content:start}
@media (min-width:1024px){.bd-anfseite__kopf{position:sticky;top:calc(var(--bd-hdr-h,84px) + 24px)}}
.bd-sec .bd-anfseite__h1{font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(44px,5vw,78px);line-height:.95;letter-spacing:-.028em}
.bd-herkunft:not(.is-sichtbar){display:none}
.bd-herkunft{font-size:14.5px;color:var(--bd-mute)}
.bd-anfseite__form{border-top:2px solid var(--bd-ink);padding-top:22px}
@media (max-width:1023px){.bd-anfseite{grid-template-columns:minmax(0,1fr)}}
.bd-anfseite .fluentform{font-family:var(--bd-font-sans);font-size:16px}
.bd-anfseite .fluentform .ff-el-group{margin-bottom:22px}
.bd-anfseite .fluentform .ff-el-input--label label,.bd-anfseite .fluentform .ff-el-input--label{font-weight:700;font-size:15px;color:var(--bd-ink)}
.bd-anfseite .fluentform .ff-el-is-required.asterisk-right label::after{content:" Pflichtfeld";color:var(--bd-mute);font-weight:400;font-size:13px}
.bd-anfseite .fluentform .ff-el-form-control{border:1.5px solid var(--bd-ink);border-radius:0;min-height:48px;padding:10px 12px;font-size:16px;background:var(--bd-paper);color:var(--bd-ink)}
.bd-anfseite .fluentform textarea.ff-el-form-control{min-height:110px}
.bd-anfseite .fluentform .ff-el-form-control:focus{outline:3px solid var(--bd-ink);outline-offset:2px;border-color:var(--bd-ink);box-shadow:none}
.bd-anfseite .fluentform .ff-el-form-check{margin:0}
.bd-anfseite .fluentform .ff-el-form-check-label{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;font-size:16px;cursor:pointer}
.bd-anfseite .fluentform .ff-el-form-check-input{width:20px;height:20px;accent-color:var(--bd-red);margin:0}
.bd-anfseite .fluentform .ff-el-form-check:not(.ff_list_inline){border-bottom:1px solid var(--bd-line)}
.bd-anfseite .fluentform .ff_list_inline .ff-el-form-check{display:inline-flex;margin-right:22px}
.bd-anfseite .fluentform .ff-el-is-error .ff-el-form-control{border-color:var(--bd-red)}
.bd-anfseite .fluentform .error.text-danger,.bd-anfseite .fluentform .ff-el-is-error .text-danger{color:var(--bd-red);font-weight:700;font-size:14.5px;margin-top:6px}
.bd-anfseite .fluentform .ff-el-help-message,.bd-anfseite .fluentform .bd-ff-hinweis{font-size:14.5px;color:var(--bd-mute);font-style:normal}
.bd-anfseite .fluentform .ff_gdpr_field + span,.bd-anfseite .fluentform .ff-el-tc label{font-size:15px;line-height:1.45}
.bd-anfseite .fluentform .ff-btn-submit,.bd-anfseite .fluentform button[type="submit"]{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:12px 22px;border:0;border-radius:0;background:var(--bd-red);color:#fff;font:700 15px/1.2 var(--bd-font-sans);letter-spacing:.02em;cursor:pointer}
.bd-anfseite .fluentform .ff-btn-submit::after{content:"→";content:"→" / "";font-weight:400}
.bd-anfseite .fluentform .ff-btn-submit::after{transition:transform .2s var(--bd-ease)}
.bd-anfseite .fluentform .ff-btn-submit:hover{background:var(--bd-red);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bd-anfseite .fluentform .ff-btn-submit:hover::after{transform:translateX(4px)}
.bd-anfseite .fluentform .ff-btn-submit:focus-visible{outline:3px solid var(--bd-ink);outline-offset:3px}
.bd-anfseite .ff-message-success{border:2px solid var(--bd-ink);border-left:6px solid var(--bd-red);background:var(--bd-paper);padding:22px 24px;box-shadow:none;font-size:16px;line-height:1.5}
.bd-anfseite .ff-message-success h2{font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(26px,2.6vw,36px);line-height:1.1;margin:0 0 12px}
.bd-anfseite .ff-message-success:focus,.bd-anfseite .ff-message-success h2:focus{outline:3px solid var(--bd-ink);outline-offset:4px}
.bd-anfseite .fluentform .ff-t-container{gap:20px}
@media (max-width:759px){.bd-anfseite .fluentform .ff-btn-submit{width:100%;justify-content:center}}

/* 14.9 Kontakt */
.bd-sec.bd-kontakt-sec{padding-top:clamp(36px,4vw,56px);padding-bottom:0}
.bd-kontakt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--bd-ink);border-bottom:1px solid var(--bd-ink)}
.bd-kt{padding:14px 18px 16px;border-left:1px solid var(--bd-line);display:grid;gap:6px;align-content:start}
.bd-kt:first-child{border-left:0;padding-left:0}
.bd-kt__v{font-size:17px;font-weight:700;line-height:1.4}
@media (max-width:1023px){.bd-kontakt{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-kt:nth-child(3){border-left:0;padding-left:0}.bd-kt:nth-child(n+3){border-top:1px solid var(--bd-line)}}
@media (max-width:519px){.bd-kontakt{grid-template-columns:minmax(0,1fr)}.bd-kt{border-left:0;padding-left:0}.bd-kt + .bd-kt{border-top:1px solid var(--bd-line)}}

/* 14.10 Rechtstexte (Impressum, Datenschutz, AGB – Wortlaut der Live-Seite) */
.bd-sec.bd-recht-sec{padding-top:clamp(20px,3vw,40px)}
.bd-recht{max-width:820px;font-size:16.5px;line-height:1.6;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.bd-sec .bd-recht h1{font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.028em;margin-bottom:12px}
.bd-sec .bd-recht h2{font-size:clamp(21px,1.9vw,26px);font-weight:800;letter-spacing:-.02em;margin-top:22px;padding-top:14px;border-top:1px solid var(--bd-line)}
.bd-sec .bd-recht h3,.bd-sec .bd-recht h4,.bd-sec .bd-recht h5{font-size:18px;font-weight:700;margin-top:10px}
.bd-sec .bd-recht :where(ul,ol){padding-left:1.4em}
.bd-sec .bd-recht ul.wp-block-list{list-style:disc}
.bd-sec .bd-recht ol.wp-block-list{list-style:decimal}
.bd-sec .bd-recht li{margin:4px 0}
.bd-recht a{overflow-wrap:anywhere}

/* 14.11 Footer als Blocksy Content Block (ersetzt den Blocksy-Footer, keine Doppelausgabe) */
#footer .bd-footer{width:100%;max-width:none;margin:0}
#footer > :where(div,section){margin:0}
.bd-footer__marke{border:0;padding:0;min-height:0;margin-top:40px;color:var(--bd-on-dark)}
.bd-footer__logo{margin:0}
.bd-footer__logo img{display:block;width:min(510px,100%);height:auto}
.bd-footer__logo a{display:inline-block}
.bd-footer__fuss span{color:var(--bd-on-dark-mute)}
.bd-footer__fuss a{min-height:32px;display:inline-flex;align-items:center}


/* 14.12 Breadcrumb in Satzschrift (wie HYBRID), aktiver Hauptpunkt eindeutig (JS markiert genau einen) */
.bd-crumb .ct-breadcrumbs,.bd-crumb .rank-math-breadcrumb{text-transform:none;letter-spacing:0;font-weight:400;font-size:14px}
.bd-crumb .rank-math-breadcrumb .last{color:var(--bd-ink)}
.bd-js #header .menu > li.current-menu-ancestor:not(.bd-aktiv) > .ct-menu-link,
.bd-js #header .menu > li.current-menu-item:not(.bd-aktiv) > .ct-menu-link{border-bottom-color:transparent}
.bd-js #header .menu > li.bd-aktiv > .ct-menu-link{border-bottom-color:var(--bd-red)}

#header .sub-menu .sub-menu{box-shadow:none;background:transparent}
#header .sub-menu .current-menu-item > .ct-menu-link{color:inherit;text-decoration:underline;text-decoration-color:var(--bd-red)}

/* ---------- 13 Schemazeichnungen (generiert aus TEST_HYBRID/QA/V3/_work/svg.py; schematisch, keine Produktfotos) ---------- */
/* @@SCHEMA-START */
.bd-s-nassleim{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Cpath class='w l' d='M22 132 l44 -10 l0 -26 l-44 10z'/%3E%3Cpath class='w l' d='M26 124 l44 -10 l0 -26 l-44 10z'/%3E%3Cpath class='w l' d='M30 116 l44 -10 l0 -26 l-44 10z'/%3E%3Cpath class='t' d='M38 104l26 -6'/%3E%3Cpath class='w l' d='M120 14 V40 C120 52 98 57 98 70 V146 Q98 150 102 150 H170 Q174 150 174 146 V70 C174 57 152 52 152 40 V14 Z'/%3E%3Cpath class='l' d='M118 14 H154 V22 H118 Z'/%3E%3Crect class='w l' x='104' y='84' width='64' height='46'/%3E%3Cpath class='t t--b' d='M114 97h44'/%3E%3Cpath class='t' d='M118 107h36'/%3E%3Cpath class='t' d='M122 115h28'/%3E%3Cpath class='t' d='M126 122h20'/%3E%3Crect class='c' x='100' y='80' width='72' height='54' rx='2'/%3E%3Cpath class='k' d='M96 80 h-7 M100 76 v-7'/%3E%3Cpath class='k' d='M96 134 h-7 M100 138 v7'/%3E%3Cpath class='k' d='M176 80 h7 M172 76 v-7'/%3E%3Cpath class='k' d='M176 134 h7 M172 138 v7'/%3E%3C/svg%3E")}
.bd-s-rolle{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Crect class='w l' x='60' y='112' width='172' height='34'/%3E%3Ccircle class='w l' cx='62' cy='72' r='46'/%3E%3Ccircle class='l l--d' cx='62' cy='72' r='36'/%3E%3Ccircle class='l l--d' cx='62' cy='72' r='27'/%3E%3Ccircle class='g l' cx='62' cy='72' r='15'/%3E%3Ccircle class='w l' cx='62' cy='72' r='8'/%3E%3Cpath class='w' d='M60 113 H70 V146 H60z'/%3E%3Cpath class='l' d='M62 118 V146 H232 M62 118 H232'/%3E%3Crect class='c' x='96' y='122' width='34' height='20' rx='5'/%3E%3Crect class='c' x='140' y='122' width='34' height='20' rx='5'/%3E%3Crect class='c' x='184' y='122' width='34' height='20' rx='5'/%3E%3Cpath class='t' d='M102 129h22'/%3E%3Cpath class='t' d='M146 129h22'/%3E%3Cpath class='t' d='M190 129h22'/%3E%3C/svg%3E")}
.bd-s-bogen{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Crect class='w l' x='26' y='16' width='188' height='128'/%3E%3Crect class='c' x='42' y='30' width='50' height='48' rx='7'/%3E%3Cpath class='t t--b' d='M51 46h32'/%3E%3Cpath class='t' d='M54 56h26'/%3E%3Cpath class='t' d='M57 64h20'/%3E%3Crect class='c' x='98' y='30' width='50' height='48' rx='7'/%3E%3Cpath class='t t--b' d='M107 46h32'/%3E%3Cpath class='t' d='M110 56h26'/%3E%3Cpath class='t' d='M113 64h20'/%3E%3Crect class='c' x='154' y='30' width='50' height='48' rx='7'/%3E%3Cpath class='t t--b' d='M163 46h32'/%3E%3Cpath class='t' d='M166 56h26'/%3E%3Cpath class='t' d='M169 64h20'/%3E%3Crect class='c' x='42' y='88' width='50' height='48' rx='7'/%3E%3Cpath class='t t--b' d='M51 104h32'/%3E%3Cpath class='t' d='M54 114h26'/%3E%3Cpath class='t' d='M57 122h20'/%3E%3Crect class='c' x='98' y='88' width='50' height='48' rx='7'/%3E%3Cpath class='t t--b' d='M107 104h32'/%3E%3Cpath class='t' d='M110 114h26'/%3E%3Cpath class='t' d='M113 122h20'/%3E%3Crect class='g' x='154' y='88' width='50' height='48' rx='7'/%3E%3Crect class='c' x='154' y='88' width='50' height='48' rx='7'/%3E%3Cg transform='translate(176 96) rotate(-14)'%3E%3Crect class='w l' x='0' y='0' width='50' height='48' rx='7'/%3E%3Cpath class='t t--b' d='M9 16h32'/%3E%3Cpath class='t' d='M12 26h26'/%3E%3Cpath class='t' d='M15 34h20'/%3E%3C/g%3E%3Cpath class='k' d='M22 16 h-7 M26 12 v-7'/%3E%3Cpath class='k' d='M22 144 h-7 M26 148 v7'/%3E%3Cpath class='k' d='M218 16 h7 M214 12 v-7'/%3E%3Cpath class='k' d='M218 144 h7 M214 148 v7'/%3E%3C/svg%3E")}
.bd-s-eindruck{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Crect class='w l' x='26' y='16' width='188' height='128'/%3E%3Crect class='l' x='42' y='30' width='50' height='48' rx='2'/%3E%3Cpath class='t t--b' d='M51 44h32'/%3E%3Cpath class='t' d='M54 52h26'/%3E%3Cpath class='rl rl--b' d='M52 66h30'/%3E%3Crect class='l' x='98' y='30' width='50' height='48' rx='2'/%3E%3Cpath class='t t--b' d='M107 44h32'/%3E%3Cpath class='t' d='M110 52h26'/%3E%3Cpath class='rl rl--b' d='M108 66h22'/%3E%3Crect class='l' x='154' y='30' width='50' height='48' rx='2'/%3E%3Cpath class='t t--b' d='M163 44h32'/%3E%3Cpath class='t' d='M166 52h26'/%3E%3Cpath class='rl rl--b' d='M164 66h26'/%3E%3Crect class='l' x='42' y='88' width='50' height='48' rx='2'/%3E%3Cpath class='t t--b' d='M51 102h32'/%3E%3Cpath class='t' d='M54 110h26'/%3E%3Cpath class='rl rl--b' d='M52 124h18'/%3E%3Crect class='l' x='98' y='88' width='50' height='48' rx='2'/%3E%3Cpath class='t t--b' d='M107 102h32'/%3E%3Cpath class='t' d='M110 110h26'/%3E%3Cpath class='rl rl--b' d='M108 124h28'/%3E%3Crect class='l' x='154' y='88' width='50' height='48' rx='2'/%3E%3Cpath class='t t--b' d='M163 102h32'/%3E%3Cpath class='t' d='M166 110h26'/%3E%3Cpath class='rl rl--b' d='M164 124h24'/%3E%3Cpath class='k' d='M22 16 h-7 M26 12 v-7'/%3E%3Cpath class='k' d='M22 144 h-7 M26 148 v7'/%3E%3Cpath class='k' d='M218 16 h7 M214 12 v-7'/%3E%3Cpath class='k' d='M218 144 h7 M214 148 v7'/%3E%3C/svg%3E")}
.bd-s-geschaeft{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Crect class='w l' x='34' y='14' width='92' height='130'/%3E%3Crect class='r--ink' x='46' y='26' width='18' height='8'/%3E%3Cpath class='t' d='M46 50h46'/%3E%3Cpath class='t' d='M46 58h30'/%3E%3Cpath class='t' d='M46 74h66'/%3E%3Cpath class='t' d='M46 82h66'/%3E%3Cpath class='t' d='M46 90h60'/%3E%3Cpath class='t' d='M46 98h66'/%3E%3Cpath class='t' d='M46 106h40'/%3E%3Crect class='w l' x='104' y='88' width='116' height='58'/%3E%3Cpath class='l l--d' d='M104 88 L162 120 L220 88'/%3E%3Crect class='w l' x='150' y='34' width='66' height='42'/%3E%3Crect class='r--ink' x='160' y='44' width='12' height='6'/%3E%3Cpath class='t' d='M160 60h38'/%3E%3Cpath class='t' d='M160 67h26'/%3E%3C/svg%3E")}
.bd-s-broschuere{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Cpath class='w l' d='M120 30 L30 42 L30 146 L120 136 Z'/%3E%3Cpath class='w l' d='M120 30 L210 42 L210 146 L120 136 Z'/%3E%3Cpath class='l' d='M120 30 V136'/%3E%3Cpath class='t' d='M44 60 L106 52'/%3E%3Cpath class='t' d='M44 70 L106 62'/%3E%3Cpath class='t' d='M44 80 L106 72'/%3E%3Cpath class='t' d='M44 90 L106 82'/%3E%3Cpath class='t' d='M44 100 L106 92'/%3E%3Cpath class='t' d='M44 110 L106 102'/%3E%3Cpath class='t' d='M134 52 L196 60'/%3E%3Cpath class='t' d='M134 62 L196 70'/%3E%3Cpath class='t' d='M134 72 L196 80'/%3E%3Cpath class='t' d='M134 82 L196 90'/%3E%3Cpath class='t' d='M134 92 L196 100'/%3E%3Cpath class='t' d='M134 102 L196 110'/%3E%3Cpath class='rl rl--b' d='M120 56 V70 M120 98 V112'/%3E%3C/svg%3E")}
.bd-s-karten{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Cpath class='w l' d='M24 22 H120 V146 H24 Z'/%3E%3Cpath class='w l' d='M120 22 H216 V146 H120 Z'/%3E%3Cpath class='f' d='M120 22 V146'/%3E%3Crect class='w l' x='140' y='30' width='62' height='88'/%3E%3Crect class='w l' x='134' y='38' width='62' height='88'/%3E%3Cpath class='t t--b' d='M144 54h40'/%3E%3Cpath class='t' d='M144 66h42'/%3E%3Cpath class='t' d='M144 74h42'/%3E%3Cpath class='t' d='M144 82h34'/%3E%3Cpath class='t' d='M144 94h42'/%3E%3Cpath class='t' d='M144 102h30'/%3E%3Cpath class='rl' d='M128 112 l14 14 M188 112 l14 14' style='stroke-width:2'/%3E%3Cpath class='l' d='M124 112 L216 112'/%3E%3Cpath class='t t--b' d='M38 44h40'/%3E%3Cpath class='t' d='M38 56h60'/%3E%3C/svg%3E")}
.bd-s-falz{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Cpath class='w l' d='M26 40 L74 28 L74 132 L26 144 Z'/%3E%3Cpath class='g l' d='M74 28 L122 42 L122 146 L74 132 Z'/%3E%3Cpath class='w l' d='M122 42 L170 28 L170 132 L122 146 Z'/%3E%3Cpath class='g l' d='M170 28 L214 40 L214 144 L170 132 Z'/%3E%3Cpath class='t' d='M34 60 L66 52'/%3E%3Cpath class='t' d='M34 70 L66 62'/%3E%3Cpath class='t' d='M34 80 L66 72'/%3E%3Cpath class='t' d='M34 90 L66 82'/%3E%3Cpath class='t' d='M34 100 L66 92'/%3E%3Cpath class='t' d='M130 60 L162 52'/%3E%3Cpath class='t' d='M130 70 L162 62'/%3E%3Cpath class='t' d='M130 80 L162 72'/%3E%3Cpath class='t' d='M130 90 L162 82'/%3E%3Cpath class='t' d='M130 100 L162 92'/%3E%3Cpath class='rl' d='M74 28 V132 M122 42 V146 M170 28 V132' style='stroke-dasharray:3 4'/%3E%3C/svg%3E")}
.bd-s-beipack{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 160'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Crect class='w l' x='22' y='18' width='128' height='124'/%3E%3Cpath class='t t--s' d='M30 26h70'/%3E%3Cpath class='t t--s' d='M30 31h112'/%3E%3Cpath class='t t--s' d='M30 36h112'/%3E%3Cpath class='t t--s' d='M30 41h112'/%3E%3Cpath class='t t--s' d='M30 46h112'/%3E%3Cpath class='t t--s' d='M30 51h112'/%3E%3Cpath class='t t--s' d='M30 56h112'/%3E%3Cpath class='t t--s' d='M30 61h70'/%3E%3Cpath class='t t--s' d='M30 66h112'/%3E%3Cpath class='t t--s' d='M30 71h112'/%3E%3Cpath class='t t--s' d='M30 76h112'/%3E%3Cpath class='t t--s' d='M30 81h112'/%3E%3Cpath class='t t--s' d='M30 86h112'/%3E%3Cpath class='t t--s' d='M30 91h112'/%3E%3Cpath class='t t--s' d='M30 96h70'/%3E%3Cpath class='t t--s' d='M30 101h112'/%3E%3Cpath class='t t--s' d='M30 106h112'/%3E%3Cpath class='t t--s' d='M30 111h112'/%3E%3Cpath class='t t--s' d='M30 116h112'/%3E%3Cpath class='t t--s' d='M30 121h112'/%3E%3Cpath class='t t--s' d='M30 126h112'/%3E%3Cpath class='t t--s' d='M30 131h70'/%3E%3Cpath class='t t--s' d='M30 136h112'/%3E%3Cpath class='f' d='M54 18 V142'/%3E%3Cpath class='f' d='M86 18 V142'/%3E%3Cpath class='f' d='M118 18 V142'/%3E%3Cpath class='f' d='M22 80 H150'/%3E%3Crect class='w l' x='168' y='96' width='50' height='34'/%3E%3Cpath class='l' d='M170 100 H216 M170 104 H216 M170 108 H216'/%3E%3Cpath class='rl' d='M168 96 V130' style='stroke-dasharray:3 3'/%3E%3C/svg%3E")}
.bd-s-heissfolie{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 100'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Cpath class='l l--d' d='M98 6 q4 4 0 8 q-4 4 0 8 M120 6 q4 4 0 8 q-4 4 0 8 M142 6 q4 4 0 8 q-4 4 0 8'/%3E%3Crect class='w l' x='76' y='26' width='88' height='20'/%3E%3Cpath class='w l' d='M100 46 H140 V54 H100 Z'/%3E%3Cpath class='rl rl--f' d='M14 64 H226'/%3E%3Crect class='w l' x='14' y='72' width='212' height='16'/%3E%3Cpath class='r' d='M100 70 H140 V72 H100 Z'/%3E%3Cpath class='l' d='M188 30 v20 m-5 -6 l5 6 l5 -6'/%3E%3C/svg%3E")}
.bd-s-praegung{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 100'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Cpath class='w l' d='M70 8 H170 V30 H136 Q128 30 126 40 Q120 52 114 40 Q112 30 104 30 H70 Z'/%3E%3Cpath class='rl rl--f' d='M14 56 H96 C106 56 108 42 120 42 C132 42 134 56 144 56 H226'/%3E%3Cpath class='w l' d='M70 92 V66 H100 Q108 66 112 58 Q120 46 128 58 Q132 66 140 66 H170 V92 Z'/%3E%3C/svg%3E")}
.bd-s-stanzung{--bd-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 240 100'%3E%3Cstyle%3E.l%7Bfill:none;stroke:%231D1D1B;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round%7D.l--d%7Bstroke:%23a6a6a6%7D.w%7Bfill:%23fff%7D.g%7Bfill:%23f2f2f2%7D.w.l,.g.l%7Bstroke:%231D1D1B%7D.c%7Bfill:none;stroke:%23E30613;stroke-width:1.5;stroke-dasharray:5 3%7D.r%7Bfill:%23E30613%7D.r--ink%7Bfill:%231D1D1B%7D.rl%7Bfill:none;stroke:%23E30613;stroke-width:1.6;stroke-linecap:round%7D.rl--b%7Bstroke-width:3%7D.rl--f%7Bstroke-width:3.2%7D.t%7Bfill:none;stroke:%23bdbdbd;stroke-width:2.2;stroke-linecap:round%7D.t--b%7Bstroke:%238c8c8c;stroke-width:3%7D.t--s%7Bstroke-width:1.2%7D.k%7Bfill:none;stroke:%231D1D1B;stroke-width:1%7D.f%7Bfill:none;stroke:%23a6a6a6;stroke-width:1;stroke-dasharray:3 3%7D%3C/style%3E%3Crect class='w l' x='40' y='8' width='160' height='22'/%3E%3Cpath class='l' d='M74 30 V52 M166 30 V52' style='stroke-width:2.4'/%3E%3Cpath class='l' d='M71 52 L74 56 L77 52 M163 52 L166 56 L169 52'/%3E%3Crect class='w l' x='14' y='62' width='212' height='12'/%3E%3Cpath class='rl' d='M74 60 V76 M166 60 V76' style='stroke-width:2'/%3E%3Crect class='c' x='74' y='84' width='92' height='10' rx='4'/%3E%3C/svg%3E")}
/* @@SCHEMA-END */

/* 14.12 Rechtstexte: Randspalte mit Umschalter und Inhaltsverzeichnis (bd_recht_layout) */
.bd-recht-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.bd-recht__rand{display:grid;gap:22px;align-content:start}
.bd-recht__switch ul{display:flex;margin:0;padding:0;list-style:none;border:1px solid var(--bd-ink)}
.bd-recht__switch li{flex:1 1 0;margin:0}
.bd-recht__switch li + li{border-left:1px solid var(--bd-ink)}
.bd-recht__switch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:700;color:var(--bd-ink);text-decoration:none}
.bd-recht__switch a:hover{background:var(--bd-paper-2)}
.bd-recht__switch a[aria-current="page"]{background:var(--bd-ink);color:var(--bd-paper)}
.bd-recht__toc{border-top:1px solid var(--bd-line);padding-top:8px;font-size:14.5px;line-height:1.4}
.bd-recht__toc summary{cursor:pointer;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;min-height:32px;display:flex;align-items:center}
.bd-recht__toc ol{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.bd-recht__toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--bd-line);color:var(--bd-ink);text-decoration:none}
.bd-recht__toc a:hover{border-left-color:var(--bd-red);color:var(--bd-red)}
.bd-recht__kicker{margin:0;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-red)}
.bd-recht{max-width:none;font-size:17px;line-height:1.65;hyphens:manual;-webkit-hyphens:manual}
.bd-recht > :where(p,ul,ol,h2,h3,h4,h5){max-width:72ch}
.bd-recht__kopf{display:grid;gap:10px;margin-bottom:clamp(20px,3vw,36px);padding-bottom:clamp(18px,2.4vw,28px);border-bottom:2px solid var(--bd-ink)}
.bd-sec .bd-recht__kopf h1{margin:0;font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.028em;hyphens:auto;-webkit-hyphens:auto}
.bd-recht > h2:first-child{margin-top:0;padding-top:0;border-top:0}
.bd-sec .bd-recht h2{scroll-margin-top:110px}
.bd-recht a{color:var(--bd-ink);text-decoration-color:var(--bd-red);text-underline-offset:3px}
@media (min-width:1024px){
  .bd-recht-grid{grid-template-columns:minmax(0,1fr) 280px;gap:64px}
  .bd-recht__rand{order:2;position:sticky;top:110px;max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
  .bd-recht-grid > .bd-recht{order:1}
}
@media (max-width:599px){.bd-recht{font-size:16px;hyphens:auto;-webkit-hyphens:auto}.bd-recht__switch a{font-size:14px;padding:0 6px}}

/* Footer-Fußzeile: Rechtliches mit Abstand, Copyright rechts */
.bd-footer__fuss p{display:flex;flex-wrap:wrap;align-items:center;gap:2px 26px;margin:0;width:100%}
.bd-footer__fuss .bd-footer__copy{margin-left:auto}
.bd-footer__fuss .borlabs-cookie-open-dialog-preferences a,.bd-footer__fuss .borlabs-cookie-open-dialog-preferences button{color:var(--bd-on-dark-mute);font:inherit;background:none;border:0;padding:0;min-height:32px;cursor:pointer;text-decoration:underline}
@media (max-width:599px){.bd-footer__fuss .bd-footer__copy{margin-left:0;width:100%}}

/* 14.13 Telefon/E-Mail im Header (Blocksy-Element „text“ in der Hauptzeile, keine zweite Kopfzeile)
   Desktop: Symbole 40 px vor „Anfrage starten“, ab 1380 px Nummer ausgeschrieben; mobil nur Telefonsymbol 44 px. */
:root{--bd-ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.6.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.6a1 1 0 01-.25 1z'/%3E%3C/svg%3E");--bd-ico-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1 2.2V17h16V7.2l-8 5.3-8-5.3zM5.4 7l6.6 4.4L18.6 7H5.4z'/%3E%3C/svg%3E")}
.bd-hdr-kontakt{display:flex;align-items:center;gap:2px;margin:0;white-space:nowrap;font-size:14px;font-weight:700;line-height:1}
.bd-hdr-kontakt a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;color:var(--bd-ink);text-decoration:none}
.bd-hdr-kontakt a:hover{color:var(--bd-red)}
.bd-hdr-tel::before,.bd-hdr-mail::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--bd-ico-tel) center/contain no-repeat;mask:var(--bd-ico-tel) center/contain no-repeat}
.bd-hdr-mail::before{-webkit-mask-image:var(--bd-ico-mail);mask-image:var(--bd-ico-mail)}
.bd-hdr-tel__nr,.bd-hdr-mail__adr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1380px){
  .bd-hdr-tel{padding:0 8px}
  .bd-hdr-tel::before{margin-right:7px}
  .bd-hdr-tel__nr{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}
/* Desktop 1000–1279: Logo und Menü etwas kompakter, damit kein „Mehr“-Menü entsteht */
@media (min-width:1000px) and (max-width:1279.98px){
  #header [data-device="desktop"] .site-logo-container img{max-height:38px;width:auto}
  #header [data-device="desktop"] [data-id="menu"]{--menu-items-spacing:7px}
  #header [data-device="desktop"] [data-id="menu"] > ul > li > a{font-size:14px}
  #header [data-device="desktop"] .ct-header-cta .ct-button{padding-inline:14px}
}
@media (min-width:1000px) and (max-width:1199.98px){
  #header [data-device="desktop"] .bd-hdr-mail{display:none}
  #header [data-device="desktop"] [data-id="menu"] > ul > li > a{font-size:13.5px}
  #header [data-device="desktop"] [data-id="menu"] > ul > li > a .ct-toggle-dropdown-desktop,#header [data-device="desktop"] [data-id="menu"] > ul > li > a > .ct-icon,#header [data-device="desktop"] [data-id="menu"] > ul > li > .ct-toggle-dropdown-desktop-ghost{display:none}
}
/* Mobil: nur Telefonsymbol neben dem Menü */
@media (max-width:999.98px){
  #header [data-device="mobile"] .bd-hdr-mail{display:none}
  #header [data-device="mobile"] .bd-hdr-tel{width:44px}
  #header [data-device="mobile"] .bd-hdr-tel::before{width:20px;height:20px}
  #header [data-device="mobile"] .ct-header-text{margin-right:4px}
}


/* 14.14 Rechtstexte: Prüfmarken der Arbeitsfassung (vor Livegang entfernen) und Stand-Zeile */
.bd-recht .bd-pruefen{max-width:72ch;margin:4px 0 6px;padding:10px 14px;border-left:4px solid var(--bd-red);background:#fff4f4;font-size:14.5px;line-height:1.5;color:var(--bd-ink)}
.bd-recht .bd-pruefen strong{color:var(--bd-red);letter-spacing:.02em}
.bd-recht .bd-recht__stand{margin-top:18px;padding-top:14px;border-top:1px solid var(--bd-line);font-size:14px;color:var(--bd-mute)}
.bd-recht h4{font-size:16.5px;font-weight:700;margin-top:6px}
.bd-recht__toc summary{list-style:none;justify-content:space-between;gap:12px;min-height:44px}
.bd-recht__toc summary::-webkit-details-marker{display:none}
.bd-recht__toc summary::after{content:"+";content:"+" / "";font-size:22px;font-weight:400;line-height:1;letter-spacing:0}
.bd-recht__toc[open] summary::after{content:"–";content:"–" / ""}

/* 14.15 Eigene 404-Seite (404.php) */
.bd-404 .bd-wege{max-width:860px}
.bd-404__kontakt{margin-top:22px}
.bd-404__kontakt a{color:var(--bd-ink)}

/* 14.16 Tastaturbedienung Hauptmenü: Untermenü bleibt offen, solange der Tastaturfokus im Hauptpunkt liegt
   (Blocksy öffnet/schließt per Enter doppelt; Maus-Hover unverändert). */
#header [data-device="desktop"] [data-id="menu"] > ul > li:has(:focus-visible) > .sub-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}

/* 14.17 Anfrageformular: Gruppenköpfe je Fall; FAQ (core/details) */
.bd-ff-gruppe{margin:18px 0 2px;padding-top:14px;border-top:2px solid var(--bd-ink);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wp-block-details{border-top:1px solid var(--bd-line);padding:0;margin:0}
.wp-block-details:last-of-type{border-bottom:1px solid var(--bd-line)}
.wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 0;font-weight:700;font-size:17px;line-height:1.35}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";content:"+" / "";flex:none;font-size:26px;font-weight:300;line-height:1;color:var(--bd-red)}
.wp-block-details[open] summary::after{content:"–";content:"–" / ""}
.wp-block-details summary:hover{color:var(--bd-red)}
.wp-block-details > :not(summary){max-width:72ch;margin:0 0 16px}

/* 14.18 Textrunde 4: H3 im Textraster, zweispaltige Tabelle, FAQ-Abschnitt */
.bd-sec .bd-ts__body h3{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:8px 0 0}
@media (max-width:759px){.bd-tabelle--2 tr{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bd-faq summary{font-size:17px}
.bd-ts__body > .bd-faq:first-child{border-top:1px solid var(--bd-line)}
.bd-ts__body:has(> .wp-block-details){gap:0}


/* 14.19 Gegenprüfung D3 (13.10.2026) */
/* D3-01 Laufzettel im dunklen Abschnitt: Link in derselben Zeile, sichtbare Linkfarbe */
.bd-laufzettel li{display:block;position:relative;padding:11px 0 11px 36px}
.bd-laufzettel li::before{position:absolute;left:0;top:13px}
/* Paket A K-13: abgehakte Kästchen statt leerer Formular-Checkboxen */
.bd-laufzettel li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23E30613' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/12px no-repeat}
.bd-sec--dunkel a:not(.wp-block-button__link){color:var(--bd-on-dark);text-decoration-color:var(--bd-on-dark-mute)}
.bd-sec--dunkel a:not(.wp-block-button__link):hover{text-decoration-color:var(--bd-red)}
/* D3-06 graue Abschnitte und Abschnitt vor anderem Abschnittstyp wieder mit unterem Innenabstand */
.bd-sec.bd-sec--eng.bd-ts--grau:has(.bd-ts){padding-bottom:clamp(36px,4vw,56px)}
.bd-sec.bd-sec--eng:has(.bd-ts):has(+ .bd-ts--grau),
.bd-sec.bd-sec--eng:has(.bd-ts):has(+ .bd-sec:not(.bd-sec--eng)){padding-bottom:clamp(36px,4vw,56px)}
.bd-sec.bd-ts--grau{margin-top:0}

/* 14.20 Footer: Logo dezent in der Fußzeile statt eigener großer Zeile (Owner 13.10.2026) */
.bd-footer__fuss{align-items:center;gap:10px 32px;margin-top:40px}
.bd-footer__fuss .bd-footer__logo{flex:none;margin:0}
.bd-footer__fuss .bd-footer__logo img{width:auto !important;height:26px;opacity:.9}
.bd-footer__fuss .bd-footer__logo a{display:inline-flex;align-items:center;min-height:32px}
.bd-footer__fuss .bd-footer__logo a:hover img{opacity:1}
.bd-footer__fuss > p{flex:1 1 auto;width:auto}
@media (max-width:599px){.bd-footer__fuss{flex-direction:column;align-items:flex-start;gap:12px}}

/* 14.21 Entwurfszeile (nur Testinstallation) schmaler, damit der Kopf nicht höher wirkt (Owner 13.10.2026) */
.bd-entwurf{padding:2px 12px;font-size:11px;line-height:1.5;min-height:0}

/* 14.22 Formular kompakter (Gutachten Webdesign: Weingut-Eindruck 6.000 px) – Auswahllisten ab 600 px mehrspaltig,
   Datenschutz-Häkchen mit Abstand zum Text (Webdesign/Grafik) */
@media (min-width:600px){
  .bd-anfseite .fluentform .ff-el-input--content[role="radiogroup"],
  .bd-anfseite .fluentform .ff-el-input--content[role="group"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));column-gap:28px}
}
.bd-anfseite .fluentform .ff-el-tc .ff_gdpr_field,.bd-anfseite .fluentform input.ff_gdpr_field{margin:3px 12px 0 0;flex:0 0 auto}
.bd-anfseite .fluentform .ff-el-tc label.ff_tc_label{display:flex;align-items:flex-start;gap:12px}
.bd-anfseite .fluentform .ff_tc_checkbox{flex:0 0 auto;margin:2px 0 0 !important;padding:0 !important}


/* 14.23 Mega-Menü per Tastatur (Quellenaudit G3-G-03): Untermenü bei Fokus sofort voll sichtbar, nicht erst nach der Einblendung */
@media (min-width:1000px){
  #header .menu-item:focus-within > .sub-menu{opacity:1 !important;visibility:visible !important;transition:none !important}
}

/* 14.24 Finalaudit Rolle 7 (13.10.2026) */
.bd-sec .bd-welt__t{font-size:clamp(44px,5.4vw,84px);overflow-wrap:normal;word-break:normal;hyphens:none;margin-bottom:14px}
@media (max-width:1023px){
  .wp-block-columns.bd-welten__in{grid-template-columns:minmax(0,1fr)}
  .bd-welten__in::before{display:none}
  .bd-welten__in > .wp-block-column,.bd-welten__in > .wp-block-column + .wp-block-column{padding:22px 0 30px;border-left:0}
  .bd-welten__in > .wp-block-column + .wp-block-column{border-top:2px solid var(--bd-ink)}
}
.bd-nutzen > p a{overflow-wrap:normal;hyphens:auto}
@media (max-width:374px){.bd-hero__welten a{font-size:12px;overflow-wrap:normal;hyphens:auto}}
@media (min-width:1280px){.bd-sec.bd-toc{top:var(--bd-toc-top,70px)}}
@media (min-width:760px) and (max-width:1279.98px){
  .bd-toc ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
}
.bd-footer__fuss .bd-footer__logo img{height:32px}
.bd-ts__body > p{max-width:68ch}
.bd-einsatz .wp-block-column{display:flex;flex-direction:column}
.bd-einsatz .wp-block-column > .bd-tlink:last-child{margin-top:auto}
/* 14.25 Finalaudit Rollen 3/4 (13.10.2026): Fokus unter Sticky-Kopf, Touch-Ziele, Spaltenkopf-Geisterknöpfe, Entwurfszeile mobil */
html{scroll-padding-top:var(--bd-hdr-h,72px)}
#header .ct-header-trigger{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
#header .bd-mm-head > .ct-toggle-dropdown-desktop-ghost{display:none}
@media (max-width:759px){.bd-entwurf__mehr{display:none}}
/* 14.26 Finalaudit Rolle 7 D-26: aktiver Registerlink ohne Layoutsprung (Padding konstant, Marker nur als Unterstrich) */
.bd-toc li a[aria-current]{padding-left:16px}
.bd-toc li a[aria-current]::after{display:none}
/* 14.27 Finalaudit g2_05: Statement-Band der Leistungsseiten (D-06) in der vorgesehenen Größe mit roter Vorlinie */
.bd-beisp-sec .bd-stmt{font:400 clamp(24px,2.2vw,32px)/1.25 var(--bd-font-serif);letter-spacing:-.01em;border-left:3px solid var(--bd-red);padding-left:clamp(14px,1.6vw,22px);max-width:34em}

/* 14.28 Finalaudit Rolle 4 (A11Y-02/04/06/08): Fokus unter dem Kopf, Komposita trennen, Logo bei 320 px, Escape-Zustand Untermenü */
html{scroll-padding-top:calc(var(--bd-hdr-h,84px) + 16px)}
h1,h2,h3,.bd-zr__n{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:anywhere}
@media (max-width:374px){#header [data-device="mobile"] .site-logo-container img{max-width:150px;height:auto}}
#header [data-device="desktop"] [data-id="menu"] > ul > li.bd-zu > .sub-menu{visibility:hidden!important;opacity:0!important}
.bd-ff-pflicht{font-size:14px;color:var(--bd-ink-2);margin:0 0 12px}

/* 14.29 Finalaudit IA-21: noscript-Menülink nur mobil */
@media (min-width:1000px){.bd-noscript-menu{display:none}}

/* 14.30 Finalaudit TS-04: Formular bis zur Initialisierung der Bedingungen unsichtbar (kein Layoutsprung) */
.bd-ff-wait .frm-fluent-form{visibility:hidden}
/* 14.31 Finalaudit Design-Retest (N-01, N-02, N-04, N-08) */
.bd-beisp-sec{padding-bottom:clamp(28px,4vw,56px)}
.bd-foto.bd-foto--breit{margin-bottom:clamp(28px,4vw,56px)}
.bd-sec :where(h3#agenturen){margin-top:clamp(32px,4vw,56px)}
.bd-sec :where(h3#agenturen) ~ p{max-width:68ch}
:where(.bdhA,.bdhB,.bdhc) :where([class*="__h1"]){hyphens:manual;-webkit-hyphens:manual}
.frm-fluent-form input[type="radio"],.frm-fluent-form input[type="checkbox"]{flex:0 0 auto}
/* 14.32 Owner 14.10.: „Auf dieser Seite“ umgebaut – kein Mitlaufen beim Scrollen, kein waagerechter Scrollbalken,
   ruhiges Inhaltsverzeichnis im Seitenkopf; Sprungziele landen direkt unter dem festen Kopf. */
.bd-sec.bd-toc{position:static!important;top:auto!important;border-top:0;border-bottom:1px solid var(--bd-line);background:transparent}
@media (min-width:760px){
  .bd-toc__in{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:0 24px;padding:18px var(--bd-gut) 20px}
  .bd-toc__t{padding-top:7px}
  .bd-toc ul{display:flex;flex-wrap:wrap!important;overflow:visible!important;gap:6px 8px;margin:0;padding:0}
  .bd-toc li{list-style:none}
  .bd-toc li a{min-height:34px;padding:0 14px;border:1px solid var(--bd-line);border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;background:var(--bd-paper)}
  .bd-toc li a:hover,.bd-toc li a:focus-visible{border-color:var(--bd-ink);text-decoration:none}
  .bd-toc li:first-child a{box-shadow:none}
  .bd-toc li a[aria-current]{padding-left:14px;text-decoration:none;border-color:var(--bd-line)}
}
@media (min-width:1280px){.bd-page:has(.bd-toc) .bd-sec [id]{scroll-margin-top:calc(var(--bd-hdr-h,70px) + 16px)}}
/* 14.33 Owner 14.10.: Überbegriffe im mobilen Menü (echte Links auf den Abschnitt, als Gruppenkopf gesetzt) */
#offcanvas li.bd-mlabel{margin-top:14px}
#offcanvas li.bd-mlabel > a,#offcanvas li.bd-mlabel > .ct-menu-link{font-size:12px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-mute)!important;min-height:36px;padding-bottom:2px;border-bottom:1px solid var(--bd-line)}
#offcanvas li.bd-mlabel:first-child{margin-top:4px}
#offcanvas li.bd-mlabel::before,#offcanvas li.bd-mlabel > a::before,#offcanvas li.bd-mlabel > .ct-menu-link::before{display:none!important;content:none!important}

/* 14.34 Anfrageformular – Umbau Eindruck + Kurzweg (Gate 4.1 / 4A, P-03). Nur innerhalb .frm-fluent-form.
   Gehört ans Ende von style.css (nach 14.32). Klassen kommen aus form3_fields_eindruck.json (container_class). */

/* Kurze Felder paarweise auch mobil (Fluent stapelt Container unter 768 px) – nur für Container mit .bd-ff-paar */
.frm-fluent-form .ff-t-container.bd-ff-paar{display:flex!important;gap:12px;width:100%}
.frm-fluent-form .ff-t-container.bd-ff-paar > .ff-t-cell{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 0;min-width:0;width:auto!important;padding:0!important}
@media (max-width:359px){.frm-fluent-form .ff-t-container.bd-ff-paar{flex-direction:column;gap:0}}

/* Ja/Nein-Schalter: Frage und Antworten kompakt, sichtbar abgesetzt */
.frm-fluent-form .ff-el-group.bd-ff-schalter{border-top:1px solid var(--bd-line);padding-top:12px}
.frm-fluent-form .ff-el-group.bd-ff-schalter .ff-el-input--content{display:flex;flex-wrap:wrap;gap:0 22px}
.frm-fluent-form .ff-el-group.bd-ff-schalter .ff-el-form-check{margin-right:0;border-bottom:0}

/* Direktkontakt oben im Formular */
.frm-fluent-form .bd-ff-direkt{margin:0;padding:10px 14px;border-left:4px solid var(--bd-red);background:var(--bd-paper);font-size:15px;line-height:1.5}
.frm-fluent-form .bd-ff-direkt a{font-weight:700;white-space:nowrap}

/* mobil etwas dichter (Abstände, Überschriften, Textfeldhöhe) – Touchziele bleiben 44 px */
@media (max-width:759px){
  .bd-anfseite .frm-fluent-form .ff-el-group{margin-bottom:16px}
  .bd-anfseite .frm-fluent-form .bd-ff-gruppe{margin-top:10px;padding-top:10px}
  .bd-anfseite .frm-fluent-form .bd-ff-hinweis{margin:4px 0 0}
  .bd-anfseite .frm-fluent-form textarea.ff-el-form-control{min-height:88px}
}

/* 14.35 Gate 4.1 / 5: Foto-Platzhalter bis zum Fotoshooting ausgeblendet (Owner: nicht in der Kundensichtung zeigen). Rücknahme: Regel löschen. */
.bd-foto{display:none!important}

/* 14.36 Gate 4.1 Retest (23_UX_A11Y_G41): D-01 Begriff + Erklärung in .bd-rlist mit Abstand, mobil untereinander; D-03 Trefferfläche Dropdown-Pfeile ≥ 24 px */
.bd-rlist li:not(:has(a)){flex-wrap:wrap;gap:2px 16px;align-items:baseline}
.bd-rlist li:not(:has(a)) > strong{flex:0 0 12em}
.bd-rlist li:not(:has(a)) > strong + *,.bd-rlist li:not(:has(a)) > strong ~ span{flex:1 1 18em}
@media (max-width:600px){.bd-rlist li:not(:has(a)){display:block;padding:10px 0}.bd-rlist li:not(:has(a)) > strong{display:block;margin-bottom:2px}}
.ct-header .ct-toggle-dropdown-desktop{min-width:24px;min-height:24px}

/* 14.37 Knöpfe dürfen auf schmalen Geräten umbrechen (Retest Bildwelten: „Anrufen: 06727 89733-0“ ragte bei 320–390 px 28 px über den Rand) */
.wp-block-button__link{max-width:100%;white-space:normal;overflow-wrap:break-word}

/* 14.38 Ab 1280 px: mit „Kontakt“ als Hauptpunkt und Telefonnummer im Kopf rutschte „Unternehmen/Kontakt“ ins „Mehr“-Menü → Abstände/Schrift wie im kompakten Bereich, Nummer bleibt sichtbar */
@media (min-width:1280px){
  #header [data-device="desktop"] [data-id="menu"]{--menu-items-spacing:9px}
  #header [data-device="desktop"] [data-id="menu"] > ul > li > a{font-size:14.5px}
  #header [data-device="desktop"] .site-logo-container img{max-height:40px;width:auto}
}

/* 14.39 Film „Der Bogen“ als Kopf der Seite Bogenetiketten (Owner 14.10.): Seitentext in der Lesefläche des Films */
.bd-film-seite.bdhA__leseflaeche .bd-kicker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(14px,1.6vw,22px);font:700 12px/1.3 var(--bd-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bd-ink)}
.bd-film-seite.bdhA__leseflaeche .bd-lskopf__h1{margin:0;font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(34px,4.2vw,64px);line-height:1;letter-spacing:-.024em;color:var(--bd-ink)}
.bd-film-seite.bdhA__leseflaeche .bd-lead{margin-top:clamp(14px,1.4vw,20px);font:400 clamp(16px,1.25vw,18px)/1.5 var(--bd-font-sans);color:var(--bd-ink-2);max-width:36em}
.bd-film-seite.bdhA__leseflaeche .bd-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(20px,2.2vw,30px)}
.bd-film-seite.bdhA__leseflaeche .bd-aktionen .wp-block-buttons{margin:0}
/* 14.40 Druckküche als Kopf der Seite Etiketten (Owner 14.10.): Seitentext (Hub-Kopf) in der Lesefläche der Druckküche */
.bd-film-seite.bdh-dk__panel .bd-kicker,.bd-film-seite.bdh-dk__panel .bd-label{display:flex;align-items:center;gap:12px;margin:0 0 clamp(14px,1.6vw,22px);font:700 12px/1.3 var(--bd-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bd-ink)}
.bd-film-seite.bdh-dk__panel h1{margin:0;font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(34px,4.2vw,64px);line-height:1;letter-spacing:-.024em;color:var(--bd-ink)}
.bd-film-seite.bdh-dk__panel .bd-lead,.bd-film-seite.bdh-dk__panel .bd-hubkopf__txt > p{margin-top:clamp(14px,1.4vw,20px);font:400 clamp(16px,1.25vw,18px)/1.5 var(--bd-font-sans);color:var(--bd-ink-2);max-width:36em}
.bd-film-seite.bdh-dk__panel .bd-hubkopf__txt{display:block;margin:0}
.bd-film-seite.bdh-dk__panel .bd-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(20px,2.2vw,30px)}
.bd-film-seite.bdh-dk__panel .bd-aktionen .wp-block-buttons{margin:0}


/* 14.42 Owner 17.10.: In Abschnitten „Kopfspalte links / Zeilen rechts“ (z. B. „Alles unter einem Dach“) bleibt die linke Spalte beim Scrollen unter der Kopfleiste stehen, rechts laufen die Zeilen weiter (nur ab Tablet quer, wo die Spalten nebeneinanderstehen) */
@media (min-width:1024px) and (min-height:560px){.bd-ver__kopf{position:sticky;top:calc(var(--bd-hdr-h,84px) + 24px);align-self:start}}
/* 14.43 Owner 17.10.: Startseite „Was Sie bei uns bekommen“ – linke Kopfspalte bleibt beim Scrollen stehen (wie 14.42) */
@media (min-width:1024px) and (min-height:560px){.home .bd-ts__kopf{position:sticky;top:calc(var(--bd-hdr-h,84px) + 24px);align-self:start}}
/* 14.44 Owner 17.10.: Kartenreihen parallel (Kundenwelten Startseite, Abschnittskacheln Drucksachen).
   Jede Karte übernimmt per subgrid die Zeilen ihrer Reihe: Überschrift, Absätze und Links stehen über alle Karten
   einer Reihe auf denselben Linien – unabhängig von Textlänge, Umbruch oder Schriftgröße. Alle Karten eines Rasters bekommen die Zeilenzahl der längsten Karte; die Linkzeile sitzt immer in der letzten Zeile. */
.bd-einsatz__in,.bd-abschn3{align-items:stretch}
.bd-einsatz__in > .bd-kasten,.bd-abschn3 > .bd-ab3{align-content:stretch}
.bd-einsatz__in > .bd-kasten > *,.bd-abschn3 > .bd-ab3 > *{margin-block:0}
.bd-einsatz__in .bd-tlink,.bd-abschn3 .bd-tlink{flex-direction:column;align-items:flex-start;gap:10px;align-self:end}
@supports (grid-template-rows:subgrid){
  .bd-einsatz__in > .bd-kasten,.bd-abschn3 > .bd-ab3{grid-template-rows:subgrid;row-gap:12px}
  .bd-einsatz__in:has(> .bd-kasten > :nth-child(2)) > .bd-kasten,.bd-abschn3:has(> .bd-ab3 > :nth-child(2)) > .bd-ab3{grid-row:span 2}
  .bd-einsatz__in:has(> .bd-kasten > :nth-child(3)) > .bd-kasten,.bd-abschn3:has(> .bd-ab3 > :nth-child(3)) > .bd-ab3{grid-row:span 3}
  .bd-einsatz__in:has(> .bd-kasten > :nth-child(4)) > .bd-kasten,.bd-abschn3:has(> .bd-ab3 > :nth-child(4)) > .bd-ab3{grid-row:span 4}
  .bd-einsatz__in:has(> .bd-kasten > :nth-child(5)) > .bd-kasten,.bd-abschn3:has(> .bd-ab3 > :nth-child(5)) > .bd-ab3{grid-row:span 5}
  .bd-einsatz__in:has(> .bd-kasten > :nth-child(6)) > .bd-kasten,.bd-abschn3:has(> .bd-ab3 > :nth-child(6)) > .bd-ab3{grid-row:span 6}
  .bd-einsatz__in > .bd-kasten > .bd-tlink:last-child,.bd-abschn3 > .bd-ab3 > .bd-tlink:last-child{grid-row:-2 / -1}
}
@supports not (grid-template-rows:subgrid){
  .bd-einsatz__in > .bd-kasten,.bd-abschn3 > .bd-ab3{display:flex;flex-direction:column;gap:12px}
  .bd-einsatz__in .bd-tlink,.bd-abschn3 .bd-tlink{margin-top:auto}
}
/* 14.45 Owner 17.10. „auf allen Seiten Design/Optik anpassen“ (Optikprüfung 17.10.) – nur Layout, keine Bilder/Animationen */
/* a) Begriff-/Erklärlisten (.bd-rlist ohne Link): feste Begriffsspalte, Erklärung immer rechts daneben (statt mal daneben, mal darunter) */
@media (min-width:601px){
  .bd-rlist:not(:has(> li > a > strong:first-child)) li:not(:has(a)):has(> strong:first-child, > span:first-child > strong:first-child){display:flow-root;padding-left:calc(13em + 24px)}
  .bd-rlist:not(:has(> li > a > strong:first-child)) li:not(:has(a)) > strong:first-child,.bd-rlist:not(:has(> li > a > strong:first-child)) li:not(:has(a)) > span:first-child > strong:first-child{float:left;width:13em;margin-left:calc(-13em - 24px)}
}
/* b) Etikettenarten-Kacheln (.bd-arten): Bild, Titel, Zusatz, Text, Faktenzeile je Reihe auf denselben Linien; gleiche Textbreite in allen drei Kacheln */
@media (min-width:1024px){
  .bd-arten{grid-template-columns:calc((100% - 112px) / 3 + 28px) calc((100% - 112px) / 3 + 56px) calc((100% - 112px) / 3 + 28px)}
  @supports (grid-template-rows:subgrid){
    .bd-art{grid-row:span 5;grid-template-rows:subgrid;row-gap:12px}
    .bd-art > .bd-art__fakt:last-child{grid-row:-2 / -1;align-self:end}
  }
}
/* c) Kachelraster mit Rest-Kachel (z. B. 7 Branchen): letzte allein stehende Kachel über die volle Breite, Zeilenlänge begrenzt */
@media (min-width:1024px){
  .bd-abschn3 > .bd-ab3:last-child:nth-child(3n+1),.bd-einsatz__in > .bd-kasten:last-child:nth-child(3n+1){grid-column:1 / -1}
  .bd-abschn3 > .bd-ab3:last-child:nth-child(3n+1) > p,.bd-einsatz__in > .bd-kasten:last-child:nth-child(3n+1) > p{max-width:68ch}
  .bd-einsatz__in .bd-tlink a,.bd-abschn3 .bd-tlink a{white-space:nowrap}
}
/* d) Linkreihen mit drei und mehr Links: untereinander statt 2+1 */
.bd-ts__body > .bd-tlink:has(> a:nth-child(3)){flex-direction:column;align-items:flex-start;gap:10px}
/* e) Einheitliche rechte Kante im Textblock: Listen und Linkreihen so breit wie die Absätze */
.bd-ts__body > :is(ul,ol,.bd-tlink){max-width:68ch}
/* f) Abschluss-Block: Kopf über beide Zeilen, Kontaktzeile direkt unter den Wegen; Überschriften ohne einzelnes Restwort */
@media (min-width:1024px){
  .bd-naechst__in{grid-template-rows:auto 1fr;align-items:start}
  .bd-naechst__kopf{grid-row:1 / span 2}
}
.bd-sec :is(h1,h2,h3),.bd-label{text-wrap:balance}
/* g) Startseite „Neuer Jahrgang“: Nachbestell-Kasten mittig zur Textspalte statt oben mit Leerfläche darunter */
@media (min-width:1024px){.bd-serien__in{align-items:center}}
/* h) Zeilen ohne Schema-Grafik (z. B. „Druck“, Bild folgt): mobil keine leere Bildfläche reservieren */
@media (max-width:759px){.bd-zeile:not([class*="bd-s-"])::after{display:none}}
/* i) Anfrageformular: Auswahlkreise bei zweizeiligen Optionen oben bündig */
.bd-anfseite .fluentform .ff-el-form-check-label{align-items:flex-start}
.bd-anfseite .fluentform .ff-el-form-check-input{margin-top:2px;flex:0 0 auto}
/* j) Entscheidungslisten (Frage fett + Ergebnis, ganze Zeile als Link, z. B. „Bogen, Rolle oder Nassleim?“): Frage | Ergebnis | Pfeil in festen Spalten, auch für Zeilen ohne Link */
@media (min-width:601px){
  .bd-rlist:has(> li > a > strong:first-child) > li > a,
  .bd-rlist:has(> li > a > strong:first-child) > li:not(:has(a)){display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr) 1.4em;column-gap:24px;align-items:center;padding-left:0}
  .bd-rlist:has(> li > a > strong:first-child) > li:not(:has(a)) > span:first-child{display:contents}
  .bd-rlist:has(> li > a > strong:first-child) > li:not(:has(a)) strong:first-child{float:none;width:auto;margin:0;grid-column:1}
  .bd-rlist:has(> li > a > strong:first-child) > li > a::after{justify-self:end}
}
/* 14.46 Owner 17.10.: Werkzeuge im Inhalt (.bd-tool, JS assets/js/bd-werkzeuge.js). Ohne JS unsichtbar; Text der Seite bleibt vollständig. */
.bd-tool:not(.bd-tool--an){display:none}
.bd-tool{margin:28px 0 36px;max-width:100%}
.bd-ts__body > .bd-tool{max-width:68ch}
.bd-tool__in{border-top:3px solid var(--bd-ink);background:var(--bd-paper-2);padding:20px 22px 22px;display:grid;gap:14px}
.bd-sec--grau .bd-tool__in,.bd-ts--grau .bd-tool__in,.bd-einsatz .bd-tool__in{background:var(--bd-paper)}
.bd-tool__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-ink);margin:0} /* Owner 28.10.: nur HKS 14 – auf #f2f2f2 hätte Rot nur 4,36:1 (A11Y-19), daher Schwarz; auf Weiß HKS 14 (4,88:1) */
.bd-sec--grau .bd-tool__label,.bd-ts--grau .bd-tool__label,.bd-einsatz .bd-tool__label{color:var(--bd-red)}
.bd-tool__t{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0;text-wrap:balance}
.bd-tool__form{display:grid;gap:14px;margin:0}
.bd-tool__frage{border:0;margin:0;padding:0;min-width:0}
.bd-tool__frage legend{font-weight:700;font-size:15.5px;padding:0;margin-bottom:6px}
.bd-tool__opts{display:flex;flex-wrap:wrap;gap:8px}
.bd-tool__opt{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--bd-ink);background:var(--bd-paper);cursor:pointer;font-size:15px;line-height:1.25}
.bd-tool__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bd-tool__opt:has(input:checked){background:var(--bd-ink);color:#fff}
.bd-tool__opt:has(input:focus-visible){outline:3px solid var(--bd-red);outline-offset:2px}
.bd-tool__opt:hover{border-color:var(--bd-red)}
.bd-tool__erg{border-left:3px solid var(--bd-red);padding:4px 0 4px 16px;display:grid;gap:8px;font-size:16px;line-height:1.5}
.bd-tool__erg > *{margin:0}
.bd-tool__ergt{font-size:19px;font-weight:800;letter-spacing:-.02em}
.bd-tool__hinweis,.bd-tool__klein{color:var(--bd-mute);font-size:14.5px}
.bd-tool__danach{border-top:1px solid var(--bd-line);padding-top:8px}
.bd-tool__feld{display:grid;gap:4px}
.bd-tool__feld label{font-weight:700;font-size:15px}
.bd-tool__feld input[type="text"]{min-height:44px;border:1px solid var(--bd-ink);padding:6px 10px;font:inherit;max-width:260px;background:var(--bd-paper)}
.bd-tool__zahl{display:inline-flex;align-items:stretch;border:1px solid var(--bd-ink);width:max-content;background:var(--bd-paper)}
.bd-tool__zahl button{min-width:44px;min-height:44px;border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--bd-ink)}
.bd-tool__zahl button:hover{background:var(--bd-paper-2);color:var(--bd-red)}
.bd-tool__zahl input{width:4.5em;border:0;border-inline:1px solid var(--bd-line);text-align:center;font:700 18px/1 var(--bd-font-sans);-moz-appearance:textfield}
.bd-tool__zahl input::-webkit-inner-spin-button,.bd-tool__zahl input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bd-tool :focus-visible{outline:3px solid var(--bd-red);outline-offset:2px}
.bd-tool__zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px;align-items:start}
.bd-tool__fig{margin:0;display:grid;gap:12px}
.bd-tool__bild{width:100%;max-width:360px;height:auto;background:var(--bd-paper);border:1px solid var(--bd-line)}
@media (max-width:759px){.bd-tool__zwei{grid-template-columns:minmax(0,1fr)}.bd-tool__in{padding:16px 16px 18px}}
/* Piktogramm Wickelrichtung (Stil der Schemazeichnungen) */
.bdk-l{fill:none;stroke:var(--bd-ink);stroke-width:1.4;stroke-linejoin:round}
.bdk-w{fill:#fff}.bdk-g{fill:#f2f2f2}.bdk-w.bdk-l,.bdk-g.bdk-l{stroke:var(--bd-ink)}
.bdk-d{stroke:#a6a6a6}
.bdk-c{fill:#fff;stroke:var(--bd-red);stroke-width:1.5;stroke-dasharray:5 3}
.bdk-c--innen{fill:#f2f2f2;stroke:#a6a6a6}
.bdk-x{font:800 9px var(--bd-font-sans);fill:var(--bd-ink)}
.bdk-x--innen{fill:#a6a6a6}
.bdk-p{fill:none;stroke:var(--bd-red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bdk-t{font:700 8px var(--bd-font-sans);fill:var(--bd-mute)}
.bd-tool__opts{align-items:stretch}
.bd-tool__opt{margin:0}
.bd-tool__fig,.bd-tool__fig .bd-tool__erg{text-align:left}
.bdk-x{font-size:10px}
.bd-tool .bd-tool__frage legend{margin:0 0 6px;padding:0;float:none;width:auto}
/* 14.47 Owner 17.10. (Screenshot 10.16): stehenbleibende Spalten hingen zu dicht unter der Kopfleiste (v. a. angemeldet mit Admin-Leiste).
   Einheitlicher, großzügiger Abstand für alle Sticky-Spalten: Kopfhöhe + 40 px, mindestens 112 px. */
@media (min-width:1024px) and (min-height:560px){
  .bd-ver__kopf,.home .bd-ts__kopf,.bd-anfseite__kopf{top:max(calc(var(--bd-hdr-h,84px) + 40px),112px)}
  body.admin-bar .bd-ver__kopf,body.admin-bar.home .bd-ts__kopf,body.admin-bar .bd-anfseite__kopf{top:max(calc(var(--bd-hdr-h,84px) + 40px),144px)}
}
@media (min-width:1024px){.bd-recht__rand{top:max(calc(var(--bd-hdr-h,84px) + 40px),112px)}}
.bd-tool__wege{margin:0;padding-left:1.1em;display:grid;gap:6px}
.bd-tool__wege li{margin:0}
/* 14.48 Anfrageseite: linke Spalte ist mit dem neuen Text höher als der Bildschirm – nicht mehr stehen lassen (sonst teils unter der Kopfleiste / unten abgeschnitten) */
@media (min-width:1024px){.bd-anfseite__kopf,body.admin-bar .bd-anfseite__kopf{position:static}}

/* 14.49 Owner 17.10. (Abnahme): Linkzeile im Zettel-Kasten („Nachbestellen in drei Schritten“) mit Innenabstand wie die Listenzeilen, Links untereinander */
.bd-zettel > .bd-tlink{padding:14px 14px 16px;flex-direction:column;align-items:flex-start;gap:10px;border-top:1px dashed var(--bd-line-2)}

/* 14.50 Owner 17.10. (Abnahme): letzter Textabschnitt einer Seite (z. B. „Erst mal stöbern?“ auf /kontakt/) bekommt Abstand zum Footer */
.bd-sec.bd-sec--eng:has(.bd-ts):not(:has(~ .bd-sec)){padding-bottom:clamp(36px,4vw,56px)}

/* 14.51 Owner 17.10. (Abnahme /kontakt/): Seitenkopf mit Bildmodul 50 : 50, Bildfeld quadratisch, H1 eine Stufe kleiner; Köpfe ohne Bildmodul bleiben bei 7 : 5 Spalten; unter 1024 px untereinander */
@media (min-width:1024px){.bd-lskopf:has(.bd-lskopf__bild--bdb){grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px)}.bd-lskopf:has(.bd-lskopf__bild--bdb) .bd-lskopf__txt{grid-column:1}.bd-lskopf:has(.bd-lskopf__bild--bdb) .bd-lskopf__bild{grid-column:2}.bd-sec .bd-lskopf:has(.bd-lskopf__bild--bdb) .bd-lskopf__h1{font-size:clamp(36px,4vw,58px)}}
.bd-lskopf__bild--bdb{aspect-ratio:1/1}
.bd-lskopf__bild--bdb .bdb.bdb--feld{aspect-ratio:1/1;height:auto;min-height:0}

/* 14.60 Bildproduktion 24.10. (Owner-Abnahme Testbilder B001/B004): echte Bilder in bd-foto sichtbar; 14.35 bleibt für leere Platzhalter */
.bd-foto.bd-foto--bild{display:block!important;padding:0;border:0;overflow:hidden;background:#1D1D1B;color:inherit}
.bd-foto.bd-foto--bild::before{display:none}
.bd-foto--bild .bd-foto__fig{margin:0;height:100%}
.bd-foto--bild img{display:block;width:100%;height:100%;object-fit:cover}

/* 14.61 Bildproduktion 24.10. (Owner-Go BD-B003): Etikettenschwarm als randloses Bildband am Kopf des Anwendungsabschnitts auf /etiketten/ – kein gerahmtes Bildfeld, Grau des Bildes läuft in den grauen Abschnitt */
.bd-sec--schwarm{padding-top:0}
.bd-schwarmband{margin:0 0 clamp(24px,3.5vw,52px);height:clamp(240px,38vw,560px);overflow:hidden;background:#f2f2f2}
.bd-schwarmband img{display:block;width:100%;height:100%;object-fit:cover;object-position:78% 50%}
@media (max-width:700px){.bd-schwarmband{height:66vw}.bd-schwarmband img{object-position:68% 50%}}


/* 14.62 G13 QA-BD-0011 (25.10.): Blocksy-Geisterknopf „Untermenü …“ (24×24, nur Tastatur) ragte 4,5 px in den nächsten Menüpunkt und lag unter dessen Link (axe target-size „partiallyObscured“). Knopf 6 px nach links, über die Nachbarlinks gelegt; kein sichtbarer Unterschied. */
@media (min-width:1200px){#header [data-device="desktop"] [data-id="menu"] > ul > li > .ct-toggle-dropdown-desktop-ghost{transform:translateX(-6px);z-index:2}}

/* 14.64 G13 (25.10.): Fokusring des Header-Knopfs „Anfrage starten“ war rot auf rot (Ring 1:1); weißer Ring + dunkler Außenring */
#header a.ct-button:focus-visible{outline:3px solid #fff!important;outline-offset:2px;box-shadow:0 0 0 6px #1D1D1B}

/* 14.65 Gestaltung 25.10. (Bestand Batch A, QA): Begriff + Satz mit Inline-Link in .bd-rlist (145/901/905) – der Link wurde als Pfeilzeile gesetzt und riss den Satz auseinander; jetzt bleibt er im Satz */
.bd-rlist li:has(> strong):has(a){display:block;padding:10px 0;line-height:1.5}
.bd-rlist li:has(> strong):has(a) > strong{display:inline;margin-right:.3em}
.bd-rlist li:has(> strong):has(a) a{display:inline;min-height:0;padding:0;text-decoration:underline;text-underline-offset:2px}
.bd-rlist li:has(> strong):has(a) a::after{content:none}

/* 14.66 Gestaltung 25.10. (Bestand Batch B/C, S2-Kandidat): Leistungskopf ohne Bild – der ausgeblendete Foto-Platzhalter (14.35) ließ die rechte Kopfhälfte leer (≈700×500 px). Bis Fotos vorliegen läuft der Text über 9 von 12 Spalten, H1 etwas größer. ENTWURF, Owner-Entscheid (a) Klasse-D-Bild / (b) einspaltig. */
@media (min-width:1024px){
  .bd-lskopf:has(> .bd-lskopf__bild.bd-foto:not(.bd-foto--bild)) .bd-lskopf__txt{grid-column:1/11}
  .bd-sec .bd-lskopf:has(> .bd-lskopf__bild.bd-foto:not(.bd-foto--bild)) .bd-lskopf__h1{font-size:clamp(44px,6vw,92px);max-width:16ch}
  .bd-lskopf:has(> .bd-lskopf__bild.bd-foto:not(.bd-foto--bild)) .bd-lskopf__txt p{max-width:62ch}
}

/* 14.67 Gestaltung 25.10. (Bestand Batch A): eingebaute 16:7-Bildbänder (Papierwirbel Start, Vinothek Wein) standen nur 780 px breit mit leerer rechter Hälfte – jetzt volle Lesebreite */
.bd-foto--breit.bd-foto--bild{max-width:none}

/* 14.68 V4 §8 (25.10.): Startseite – H2 der Welten (78 px) dominierte die H1 (53 px). H1 größer, Welten-H2 kleiner; mobil ebenso. Fließtext mobil bereits 16–17 px / ≈26 px (gemessen 25.10.), keine Änderung nötig. */
.bd-sec .bd-hero__h1{font-size:clamp(44px,4.9vw,74px)}
.bd-sec .bd-welt__t{font-size:clamp(40px,4.3vw,64px)}
@media (max-width:759px){.bd-sec .bd-hero__h1{font-size:clamp(36px,9.8vw,46px)}.bd-sec .bd-welt__t{font-size:clamp(34px,9.2vw,40px)}}

/* 14.69 V4 §3 (25.10.): „visuell erklärte Abläufe/Zuordnungen“ – Skizzenreihe (Inline-SVG im CI-Schema) mit Unterzeile; 2–5 Spalten, mobil 2 Spalten; Reveal über bd-rv (Seitenmotor) */
.bd-skz{display:grid;grid-template-columns:repeat(var(--bd-skz-n,4),minmax(0,1fr));gap:clamp(14px,2vw,28px);margin:22px 0 6px;padding:0;list-style:none}
.bd-skz li{margin:0;padding:0;display:grid;gap:10px;align-content:start}
.bd-skz svg{display:block;width:100%;height:auto;aspect-ratio:1/1;background:var(--bd-paper-2,#fff);border:1px solid var(--bd-line)}
.bd-skz svg *{vector-effect:non-scaling-stroke}
.bd-skz .bd-skz__t{font-size:15px;line-height:1.35;font-weight:700;margin:0}
.bd-skz .bd-skz__s{font-size:14px;line-height:1.4;color:var(--bd-ink-2,#444);margin:0}
.bd-skz--band{--bd-skz-n:3}.bd-skz--band svg{aspect-ratio:4/3}
@media (max-width:759px){.bd-skz{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-skz--band{grid-template-columns:1fr}}
.bd-skz--pfeil li{position:relative}
@media (min-width:760px){.bd-skz--pfeil li:not(:last-child)::after{content:"→";position:absolute;right:calc(-1 * clamp(14px,2vw,28px) / 2 - 7px);top:calc(50% - 40px);font-size:22px;color:var(--bd-red);line-height:1}}

/* 14.70 V4 (25.10.): Triptychon – drei Material-Makros nebeneinander (Veredelung: Folie · Prägung · Lack), mobil untereinander; jedes Feld mit bd-foto--bild (Reveal, Lupe, KI-Hinweis) */
.bd-tript{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin:0 0 clamp(28px,4vw,56px)}
.bd-tript .bd-foto--bild{aspect-ratio:1/1;max-width:none;margin:0}
.bd-tript figcaption{font:700 14px/1.3 var(--bd-font-sans);color:#fff;position:absolute;left:14px;top:12px;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.6)}
@media (max-width:759px){.bd-tript{grid-template-columns:1fr;gap:12px}}

/* 14.71 V4 Prüfbefund QA-BD-V4-02 (25.10.): KI-Kennzeichnung an eingebauten Bildfeldern/-bändern war ohne Stil (unsichtbar) – jetzt dauerhaft unten links, Lupe-Knopf bleibt unten rechts */
.bd-foto--bild .bd-foto__fig,.bd-schwarmband{position:relative}
.bd-foto--bild .bd-ki,.bd-schwarmband .bd-ki{position:absolute;z-index:4;left:12px;bottom:12px;font:500 11px/1 var(--bd-font-sans);letter-spacing:.04em;padding:5px 8px;background:rgba(20,20,20,.72);color:#fff;text-decoration:none;border-radius:2px}
.bd-foto--bild .bd-ki:hover,.bd-foto--bild .bd-ki:focus-visible,.bd-schwarmband .bd-ki:focus-visible{background:#1D1D1B;outline:2px solid #fff;outline-offset:1px}
@media (max-width:759px){.bd-foto--bild .bd-ki,.bd-schwarmband .bd-ki{bottom:auto;top:10px;left:10px}}
.bd-tript figcaption{top:auto;bottom:40px}

/* 14.72 V4 Prüfbefund QA-BD-V4-03 (25.10.): Prozessstrecken mobil als senkrechte Liste mit Pfeil statt 2 Spalten (ungerade Schrittzahl zerfiel); Kopfbild mit echtem Bild halb/halb */
@media (max-width:759px){
  .bd-skz--pfeil{grid-template-columns:1fr;gap:10px}
  .bd-skz--pfeil li{grid-template-columns:84px minmax(0,1fr);align-items:center;column-gap:14px}
  .bd-skz--pfeil li svg{grid-row:1/3}
  .bd-skz--pfeil li:not(:last-child)::after{content:"↓";position:absolute;left:36px;bottom:-14px;top:auto;right:auto;font-size:18px;color:var(--bd-red);line-height:1}
  .bd-skz--pfeil li{position:relative;padding-bottom:8px}
}
@media (min-width:1024px){.bd-lskopf:has(> .bd-lskopf__bild.bd-foto--bild) .bd-lskopf__txt{grid-column:1/7}.bd-lskopf:has(> .bd-lskopf__bild.bd-foto--bild) .bd-lskopf__bild{grid-column:7/13}}

/* 14.73 V4_04 (25.10.): Veredelungs-Triptychon bd-mat3 – eigener dunkler Abschnitt. Desktop: durchgehende Bildleiste (2 px Fugen), Feld wächst bei Zeiger/Fokus und zeigt mehr Material;
   mobil: versetzte senkrechte Folge mit überlappender Beschriftung. Reveal (Streiflicht von links, Feld für Feld) nur über bd-fx bei data-bd-motion="on"; ohne JS/bei reduzierter Bewegung statisch. Keine Lupe (KI-Makro ≠ Materialnachweis). */
.bd-mat3-sec{padding-block:clamp(48px,7vw,104px)}
.bd-mat3__kopf{max-width:46rem;margin:0 0 clamp(24px,3.4vw,44px)}
.bd-mat3__kopf .bd-kicker{color:var(--bd-on-dark)}
.bd-mat3__t{font-size:clamp(26px,3.1vw,40px);line-height:1.12;margin:.35em 0 .45em;color:#fff}
.bd-mat3__lead{font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--bd-on-dark-mute);margin:0}
.bd-mat3__reihe{list-style:none;margin:0;padding:0;display:flex;gap:2px;height:clamp(380px,40vw,600px)}
.bd-mat3__feld{flex:1 1 0;min-width:0;display:flex}
.bd-mat3__feld figure{margin:0;display:flex;flex-direction:column;width:100%;min-width:0}
.bd-mat3__bild{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;background:#111}
.bd-mat3__bild{position:relative}.bd-mat3__bild img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.bd-mat3__feld figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:baseline;justify-items:start;text-align:left;padding:16px 4px 0;border-top:2px solid transparent}
.bd-mat3__nr{grid-row:span 2;font:800 15px/1 var(--bd-font-sans);color:var(--bd-red);letter-spacing:.04em}
.bd-mat3__name{font:700 17px/1.3 var(--bd-font-sans);color:#fff}
.bd-mat3__art{font-size:14px;line-height:1.45;color:var(--bd-on-dark-mute)}
.bd-mat3__fuss{margin:clamp(22px,3vw,34px) 0 0;font-size:14px;line-height:1.55;color:var(--bd-on-dark-mute);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.bd-mat3 .bd-ki{font:500 12px/1 var(--bd-font-sans);letter-spacing:.04em;padding:6px 9px;background:#2B2B2A;color:#fff;text-decoration:none;border:1px solid var(--bd-dark-line)}
.bd-mat3 .bd-ki:hover,.bd-mat3 .bd-ki:focus-visible{background:#000;outline:2px solid #fff;outline-offset:2px}
@media (min-width:760px) and (hover:hover){
  .bd-mat3__feld{transition:flex-grow .7s cubic-bezier(.22,.61,.36,1)}
  .bd-mat3__reihe:hover .bd-mat3__feld:hover{flex-grow:1.8}
  .bd-mat3__feld:hover figcaption{border-top-color:var(--bd-red)}
}
@media (max-width:759px){
  .bd-mat3__reihe{display:grid;grid-template-columns:1fr;gap:clamp(28px,8vw,40px);height:auto}
  .bd-mat3__feld{display:block;width:86%}
  .bd-mat3__feld:nth-child(even){margin-left:auto}
  .bd-mat3__bild{aspect-ratio:1/1}
  .bd-mat3__feld figcaption{position:relative;margin:-34px 0 0 14px;width:calc(100% - 28px);padding:12px 14px;background:var(--bd-ink);border-top:2px solid var(--bd-red)}
  .bd-mat3__feld:nth-child(even) figcaption{margin-left:auto;margin-right:14px}
}
html[data-bd-motion="on"] .bd-mat3--fx .bd-mat3__bild img{clip-path:inset(0 100% 0 0);transition:clip-path 1.25s cubic-bezier(.22,.61,.36,1) calc(var(--i,0) * .22s)}
html[data-bd-motion="on"] .bd-mat3--fx .bd-mat3__nr{opacity:0;transition:opacity .5s calc(var(--i,0) * .22s + .6s)}
html[data-bd-motion="on"] .bd-mat3--fx.is-in .bd-mat3__bild img{clip-path:inset(0 0 0 0)}
html[data-bd-motion="on"] .bd-mat3--fx.is-in .bd-mat3__nr{opacity:1}
@media (prefers-reduced-motion:reduce){.bd-mat3__feld{transition:none!important}.bd-mat3--fx .bd-mat3__bild img{clip-path:none!important;transition:none!important}.bd-mat3--fx .bd-mat3__nr{opacity:1!important}}
/* V4_04: zusammengehörige Wörter mit Bindestrich nicht trennen (z. B. „QR-Codes“ in der H1) */
.bd-nowrap{white-space:nowrap}

/* 14.74 V4_04 (25.10.): Produktreihe bd-preihe auf /drucksachen/ – fünf Drucksachen im Hochformat unter „Was darf es sein?“ (R04.03: Produkte statt Schemata).
   Desktop 5 Spalten, mobil wischbare Reihe mit angeschnittener Folgekarte; Bildlinks ohne eigenen Tab-Stopp (Textlinks darunter bleiben die zugängliche Navigation). */
.bd-preihe-wrap{margin:clamp(18px,2.4vw,30px) 0 clamp(28px,4vw,52px)}
.bd-preihe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.bd-preihe a{display:block;text-decoration:none;color:var(--bd-ink)}
.bd-preihe__bild{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#e9e9e8}
.bd-preihe__bild img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.bd-preihe__name{display:flex;align-items:baseline;gap:8px;margin-top:12px;font:700 16px/1.3 var(--bd-font-sans);border-top:2px solid var(--bd-ink);padding-top:10px}
.bd-preihe__name::after{content:"→";color:var(--bd-red);margin-left:auto}
.bd-preihe a:hover .bd-preihe__name{border-top-color:var(--bd-red)}
@media (hover:hover){html[data-bd-motion="on"] .bd-preihe a:hover .bd-preihe__bild img{transform:scale(1.045)}}
.bd-preihe__fuss{margin:14px 0 0}
.bd-preihe__fuss .bd-ki{font:500 12px/1 var(--bd-font-sans);letter-spacing:.04em;padding:6px 9px;background:#f2f2f2;color:var(--bd-ink);text-decoration:none;border:1px solid var(--bd-line,#d5d5d5)}
@media (max-width:899px){
  .bd-preihe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--bd-gut,16px));padding-inline:var(--bd-gut,16px);scroll-padding-inline:var(--bd-gut,16px);scrollbar-width:none}
  .bd-preihe::-webkit-scrollbar{display:none}
  .bd-preihe li{flex:0 0 64%;scroll-snap-align:start}
}
html[data-bd-motion="on"] .bd-preihe--fx .bd-preihe__bild img{clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(.22,.61,.36,1) calc(var(--i,0) * .12s),transform .8s cubic-bezier(.22,.61,.36,1)}
html[data-bd-motion="on"] .bd-preihe--fx.is-in .bd-preihe__bild img{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.bd-preihe--fx .bd-preihe__bild img{clip-path:none!important;transition:none!important}}

/* V4_04 Designprüfung Nr. 5 (25.10.): Tabellen mit Kopfspalte + zwei Datenspalten nutzten mobil nur 2/3 der Breite (Raster fest 3 Spalten) – Zeilen mit ≤ 3 Zellen jetzt zweispaltig */
@media (max-width:759px){.bd-tabelle tr:not(:has(> :nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V4_04 Designprüfung Nr. 4: KI-Kennzeichnung je Triptychon-Feld (R09.06 „je Bild“), unten links im Bild */
.bd-mat3__bild .bd-ki{position:absolute;z-index:2;left:10px;bottom:10px;font:500 11px/1 var(--bd-font-sans);letter-spacing:.04em;padding:5px 8px;background:rgba(20,20,20,.78);color:#fff;text-decoration:none;border:0}
.bd-mat3__bild .bd-ki:focus-visible{outline:2px solid #fff;outline-offset:1px}
/* V4_04 Nachprüfung (25.10.): Feldnummern auf Dunkel weiß (Rot #E30613 auf #1D1D1B < 4,5:1 bei 15 px, axe color-contrast), Rot als Unterstrich; Kennzeichnung mobil oben links (verdeckte sonst die Titel) */
.bd-mat3__nr{color:#fff;border-bottom:2px solid var(--bd-red);padding-bottom:3px}
@media (max-width:759px){.bd-mat3__bild .bd-ki{bottom:auto;top:8px;left:8px}}
/* Produktreihe: Kennzeichnung je Bild (R09.06), als Text im Bild – die Bildlinks sind ohne Tab-Stopp, der Link zum Bildnachweis steht darunter */
.bd-preihe .bd-ki{position:absolute;z-index:2;left:8px;bottom:8px;font:500 10.5px/1.15 var(--bd-font-sans);letter-spacing:.03em;padding:4px 6px;background:rgba(20,20,20,.78);color:#fff;max-width:calc(100% - 16px)}
.bd-preihe__fuss{font-size:13px;color:var(--bd-ink-2,#444)}

/* 14.75 V4_05 (25.10.): E-Label-Kopf bd-elabel – Vektorflasche mit Rückenetikett (echte Schrift, zwei getrennte Codes) + Smartphone in HTML; ersetzt BD-B020 (graue Platzhalterflächen) */
.bd-lskopf__bild--elabel{aspect-ratio:auto;min-height:0;padding:0;background:none}
@media (min-width:1024px){.bd-lskopf:has(> .bd-lskopf__bild--elabel) .bd-lskopf__txt{grid-column:1/7}.bd-lskopf:has(> .bd-lskopf__bild--elabel) .bd-lskopf__bild{grid-column:7/13}}
.bd-elabel{margin:0}
.bd-elabel__buehne{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;background:var(--bd-paper-2,#f2f2f2);padding:clamp(14px,2vw,28px) clamp(12px,2vw,28px) 0;overflow:hidden}
.bd-elabel__flasche{display:block;width:100%;height:auto;align-self:end}
.bd-elabel__phone{justify-self:start;width:min(100%,232px);aspect-ratio:9/18.5;border:7px solid #1D1D1B;border-radius:26px;background:#fff;box-shadow:0 24px 50px rgba(0,0,0,.22);overflow:hidden;margin:0 0 clamp(14px,2vw,28px) -2px;position:relative}
.bd-elabel__phone::before{content:"";position:absolute;left:50%;top:6px;width:38%;height:12px;margin-left:-19%;border-radius:8px;background:#1D1D1B}
.bd-elabel__screen{padding:30px 13px 12px;font-family:var(--bd-font-sans);color:var(--bd-ink);font-size:11px;line-height:1.35}
.bd-elabel__screen p{margin:0}
.bd-elabel__kopf{font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#1D1D1B;margin:0 -13px 10px!important;padding:6px 13px}
.bd-elabel__wein{font-weight:700;font-size:13px;line-height:1.25;margin-bottom:10px!important}
.bd-elabel__wein span{font-weight:400;font-size:11px;color:#555}
.bd-elabel__h{font-weight:700;font-size:10.5px;border-top:2px solid #1D1D1B;padding-top:5px;margin-top:8px!important}
.bd-elabel__z{margin-top:3px!important}
.bd-elabel__tab{width:100%;border-collapse:collapse;margin-top:4px;font-size:10.5px;font-variant-numeric:tabular-nums}
.bd-elabel__tab th{text-align:left;font-weight:400;padding:2.5px 0;border-bottom:1px solid #e3e3e3}
.bd-elabel__tab td{text-align:right;padding:2.5px 0;border-bottom:1px solid #e3e3e3;white-space:nowrap}
.bd-elabel__tab tr:nth-child(n+4) th{padding-left:8px}
.bd-elabel__tab tr:nth-child(4) th{padding-left:8px}
.bd-elabel__fuss{margin-top:10px!important;font-size:9.5px;color:#555;border-top:1px solid #e3e3e3;padding-top:6px}
.bd-elabel__cap{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--bd-ink-2,#333);max-width:60ch}
.bd-elabel__cap span{font-weight:700}
@media (max-width:1023px){.bd-lskopf__bild--elabel{max-width:640px}}
@media (max-width:759px){.bd-elabel__screen{font-size:10px;padding:26px 10px 10px}.bd-elabel__tab{font-size:9.5px}.bd-elabel__wein{font-size:12px}.bd-elabel__phone{border-width:6px;border-radius:22px}}
html[data-bd-motion="on"] .bd-elabel--fx .bd-elabel__scan{stroke-dashoffset:260;transition:stroke-dashoffset 1.4s cubic-bezier(.22,.61,.36,1) .3s}
html[data-bd-motion="on"] .bd-elabel--fx.is-in .bd-elabel__scan{stroke-dashoffset:0}
html[data-bd-motion="on"] .bd-elabel--fx .bd-elabel__screen>*{opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
html[data-bd-motion="on"] .bd-elabel--fx.is-in .bd-elabel__screen>*{opacity:1;transform:none}
html[data-bd-motion="on"] .bd-elabel--fx.is-in .bd-elabel__screen>*:nth-child(2){transition-delay:1.5s}
html[data-bd-motion="on"] .bd-elabel--fx.is-in .bd-elabel__screen>*:nth-child(1){transition-delay:1.35s}
html[data-bd-motion="on"] .bd-elabel--fx.is-in .bd-elabel__screen>*:nth-child(n+3){transition-delay:1.7s}
@media (prefers-reduced-motion:reduce){.bd-elabel--fx .bd-elabel__scan{stroke-dashoffset:0!important;transition:none!important}.bd-elabel--fx .bd-elabel__screen>*{opacity:1!important;transform:none!important}}

/* ======================= V4_05 (25.10.): Drucksachen-Gruppe 1 – je Seite eine eigene Dramaturgie (keine globale Schablone) ======================= */
.bd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 14.76 /drucksachen/ Produktbühne bd-pb: Register links (große Typografie), ein großes Bild rechts, das beim Zeigen/Fokussieren wechselt. Mobil: wischbare Bildreihe mit Namen. */
.bd-pb-wrap{margin:clamp(18px,2.4vw,30px) 0 clamp(28px,4vw,52px)}
.bd-pb{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3.4vw,56px);align-items:stretch}
.bd-pb__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;border-top:2px solid var(--bd-ink)}
.bd-pb__liste li{border-bottom:1px solid var(--bd-line,#d5d5d5)}
.bd-pb__link{display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:clamp(12px,1.4vw,18px) 0;text-decoration:none;color:var(--bd-ink);position:relative}
.bd-pb__nr{grid-row:span 2;font:700 13px/1.6 var(--bd-font-sans);color:var(--bd-red);letter-spacing:.06em}
.bd-pb__name{font:700 clamp(20px,2vw,28px)/1.15 var(--bd-font-sans);letter-spacing:-.01em}
.bd-pb__unter{font-size:15px;line-height:1.4;color:var(--bd-ink-2,#444);margin-top:4px}
.bd-pb__link::after{content:"→";position:absolute;right:0;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--bd-red);font-size:22px;transition:opacity .25s,transform .25s}
.bd-pb__link:is(:hover,:focus-visible,.is-aktiv)::after{opacity:1;transform:translate(0,-50%)}
.bd-pb__link.is-aktiv .bd-pb__name{color:var(--bd-ink)}
.bd-pb__liste:has(.is-aktiv) .bd-pb__link:not(.is-aktiv) .bd-pb__name{color:#8a8a8a}
.bd-pb__buehne{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1D1D1B}
.bd-pb__bild{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .5s ease}
.bd-pb__bild.is-aktiv{opacity:1;z-index:1}
.bd-pb__bild img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
html[data-bd-motion="on"] .bd-pb__bild img{clip-path:inset(0 0 0 0);transition:clip-path .7s cubic-bezier(.22,.61,.36,1),transform 1.2s ease}
html[data-bd-motion="on"] .bd-pb__bild:not(.is-aktiv) img{clip-path:inset(100% 0 0 0)}
html[data-bd-motion="on"] .bd-pb__bild.is-aktiv img{transform:scale(1.015)}
.bd-pb__bild .bd-ki,.bd-ens__bild .bd-ki,.bd-bind figure .bd-ki,.bd-karte__p .bd-ki{position:absolute;z-index:2;left:10px;bottom:10px;font:500 11px/1 var(--bd-font-sans);letter-spacing:.04em;padding:5px 8px;background:rgba(20,20,20,.78);color:#fff}
.bd-pb__fuss{margin:12px 0 0;font-size:13px}
@media (max-width:899px){
  .bd-pb{grid-template-columns:1fr}
  .bd-pb__buehne{display:none}
  .bd-pb__liste{border-top:0;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--bd-gut,16px));padding-inline:var(--bd-gut,16px);scrollbar-width:none}
  .bd-pb__liste{justify-content:flex-start;scroll-padding-inline:var(--bd-gut,16px)} /* Fix 04.11.2026: Desktop-Zentrierung schob Karten 01/02 links aus dem Scrollbereich */
  .bd-pb__liste::-webkit-scrollbar{display:none}
  .bd-pb__liste li{flex:0 0 78%;scroll-snap-align:start;border:0}
  .bd-pb__link{display:block;padding:0}
  .bd-pb__link::before{content:"";display:block;aspect-ratio:4/5;background:var(--bd-pb-bild) var(--bd-pb-pos,50% 50%)/cover no-repeat #1D1D1B;margin-bottom:12px}
  .bd-pb__link::after{display:none}
  .bd-pb__nr{display:inline-block;margin-right:8px}
  .bd-pb__liste:has(.is-aktiv) .bd-pb__link:not(.is-aktiv) .bd-pb__name{color:var(--bd-ink)}
  .bd-pb__unter{display:block}
}

/* Portfolio-Liste /drucksachen/ „Auch das gehört dazu“: typografisches Register, keine Karten */
.bd-auch{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.bd-auch__t{font-size:clamp(26px,2.8vw,38px);line-height:1.12;margin:.3em 0 .5em}
.bd-auch__liste{list-style:none;margin:0;padding:0;border-top:2px solid var(--bd-ink)}
.bd-auch__liste li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--bd-line,#d5d5d5)}
.bd-auch__liste strong{font-size:17px}
.bd-auch__liste span{font-size:15px;line-height:1.45;color:var(--bd-ink-2,#444)}
@media (max-width:899px){.bd-auch{grid-template-columns:1fr}.bd-auch__liste li{grid-template-columns:1fr;gap:4px}}

/* 14.77 /broschueren-kataloge/ Heft zum Aufschlagen bd-buch (CSS-3D, Deckel dreht um den Rücken) + Bindung im Bild bd-bind */
.bd-buch-sec{background:#e9e9e8}
.bd-buch{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.bd-buch__buehne{perspective:2200px;padding:clamp(16px,3vw,40px) 0}
.bd-buch__heft{position:relative;width:100%;aspect-ratio:1.414/1;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.4,.1,.2,1)}
.bd-buch:not(.is-offen) .bd-buch__heft{transform:translateX(-25%)}
.bd-buch__seite{position:absolute;top:0;width:50%;height:100%;box-sizing:border-box;padding:7% 6% 6%;background:#fbfbf9;color:#1D1D1B;font-family:var(--bd-font-serif,Charter,Georgia,serif);overflow:hidden}
.bd-buch__seite--l{left:0;box-shadow:inset -18px 0 22px -18px rgba(0,0,0,.35)}
.bd-buch__seite--r{left:50%;box-shadow:inset 18px 0 22px -18px rgba(0,0,0,.35),0 24px 40px -18px rgba(0,0,0,.45)}
.bd-buch__unter{visibility:hidden}
.bd-buch__deckel{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.4,.1,.2,1);z-index:3}
.bd-buch.is-offen .bd-buch__deckel{transform:rotateY(-180deg)}
.bd-buch__vorn,.bd-buch__rueck{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bd-buch__vorn{background:#1D1D1B;color:#fff;padding:9% 8%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 50px -20px rgba(0,0,0,.55);font-family:var(--bd-font-sans)}
.bd-buch__lack{position:absolute;left:8%;right:8%;top:9%;height:38%;background:linear-gradient(115deg,#141414 0 40%,#3a3a3a 47%,#141414 55%);opacity:.9}
.bd-buch__ue{font-size:clamp(9px,.9vw,13px);letter-spacing:.2em;text-transform:uppercase;color:#bdbdbd;position:relative}
.bd-buch__zahl{font:800 clamp(60px,9vw,150px)/.85 var(--bd-font-sans);color:var(--bd-red);letter-spacing:-.04em;position:relative}
.bd-buch__name{font:700 clamp(11px,1.2vw,18px)/1.2 var(--bd-font-sans);position:relative;margin-top:.4em}
.bd-buch__rueck{transform:rotateY(180deg)}
.bd-buch__rueck .bd-buch__seite{position:absolute;inset:0;width:100%}
.bd-buch__k{font:700 clamp(8px,.75vw,11px)/1 var(--bd-font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--bd-red);margin:0 0 .8em}
.bd-buch__h{font-size:clamp(16px,1.9vw,30px);line-height:1.1;margin:0 0 .6em}
.bd-buch__p{font-size:clamp(8px,.82vw,12.5px);line-height:1.5;margin:0 0 .7em;hyphens:auto}
.bd-buch__s{position:absolute;bottom:4%;font:500 clamp(7px,.7vw,10px)/1 var(--bd-font-sans);color:#777}
.bd-buch__seite--l .bd-buch__s{left:6%}.bd-buch__seite--r .bd-buch__s{right:6%}
.bd-buch__foto{height:58%;background:url(/wp-content/uploads/bildwelten/bd/bd-b021-papierfaecher-1000.webp) 30% 50%/cover no-repeat #ccc;margin:-1% -1% 8% }
.bd-buch__zitat{font-size:clamp(11px,1.3vw,20px);line-height:1.25;margin:0;font-style:italic}
.bd-buch__klammer{position:absolute;left:50%;width:3px;height:9%;margin-left:-1.5px;background:linear-gradient(90deg,#9a9a9a,#f2f2f2,#8a8a8a);border-radius:2px;z-index:2;opacity:0;transition:opacity .3s .8s}
.bd-buch__klammer--o{top:24%}.bd-buch__klammer--u{bottom:24%}
.bd-buch.is-offen .bd-buch__klammer{opacity:1}
.bd-buch__t{font-size:clamp(28px,3.2vw,44px);line-height:1.08;margin:.3em 0 .5em}
.bd-buch__knopf{margin-top:18px;min-height:48px;padding:0 22px;border:2px solid var(--bd-ink);background:var(--bd-ink);color:#fff;font:700 15px/1 var(--bd-font-sans);cursor:pointer}
.bd-buch__knopf[aria-pressed="true"]{background:#fff;color:var(--bd-ink)}
.bd-buch__knopf:focus-visible{outline:3px solid var(--bd-red);outline-offset:3px}
.bd-buch__hinweis{font-size:13px;color:#555;margin-top:12px}
@media (max-width:899px){.bd-buch{grid-template-columns:1fr}.bd-buch__text{order:-1}}
@media (prefers-reduced-motion:reduce){.bd-buch__heft,.bd-buch__deckel,.bd-buch__klammer{transition:none!important}}
.bd-bind{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);align-items:stretch;margin:0}
.bd-bind figure{position:relative;margin:0}
.bd-bind img{display:block;width:100%;height:100%;object-fit:cover}
.bd-bind__gross .bd-bind__cap{position:absolute;inset:0;pointer-events:none}
.bd-bind__m{position:absolute;max-width:30%;background:#fff;padding:10px 12px;font-size:14px;line-height:1.35;box-shadow:0 10px 24px rgba(0,0,0,.12);border-top:3px solid var(--bd-red)}
.bd-bind__m b{display:block;font-size:15px}
.bd-bind__m--a{left:3%;top:6%}.bd-bind__m--b{right:3%;bottom:8%}
.bd-bind__detail{display:grid;grid-template-rows:1fr auto}
.bd-bind__detail .bd-bind__cap{font-size:14px;line-height:1.45;padding:10px 0 0}
@media (max-width:899px){.bd-bind{grid-template-columns:1fr}.bd-bind__gross .bd-bind__cap{position:static;display:grid;gap:8px;margin-top:10px}.bd-bind__m{position:static;max-width:none;box-shadow:none}}

/* 14.78 /geschaeftsausstattung/ Ensemble bd-ens: großes Flatlay mit fünf Punkten, Detail daneben (mobil darunter) */
.bd-ens__kopf{max-width:46rem;margin-bottom:clamp(18px,2.4vw,28px)}
.bd-ens__t{font-size:clamp(26px,3vw,42px);line-height:1.1;margin:.3em 0 .4em}
.bd-ens__raster{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.bd-ens__bild{position:relative;margin:0}
.bd-ens__bild img{display:block;width:100%;height:auto}
.bd-ens__punkt{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:var(--bd-red);color:#fff;font:700 15px/1 var(--bd-font-sans);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.3);display:grid;place-items:center;z-index:2}
.bd-ens__punkt[aria-pressed="true"]{background:#1D1D1B;outline:3px solid var(--bd-red);outline-offset:2px}
.bd-ens__punkt:focus-visible{outline:3px solid #1D1D1B;outline-offset:3px}
html[data-bd-motion="on"] .bd-ens__punkt[aria-pressed="false"]::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--bd-red);animation:bd-ens-puls 2.4s ease-out infinite;opacity:0}
@keyframes bd-ens-puls{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.4);opacity:0}100%{opacity:0}}
.bd-ens__d{display:grid;gap:10px}
.bd-ens__d[hidden]{display:none}
.bd-ens__dbild{aspect-ratio:1/1;background-color:#1D1D1B;background-repeat:no-repeat;background-size:auto calc(var(--z,1) * 100%)}
html[data-bd-motion="on"] .bd-ens__d.is-aktiv .bd-ens__dbild{animation:bd-ens-zoom .6s cubic-bezier(.22,.61,.36,1)}
@keyframes bd-ens-zoom{from{background-size:auto calc(var(--z,1) * 82%);opacity:.4}to{background-size:auto calc(var(--z,1) * 100%);opacity:1}}
.bd-ens__dt{font:700 18px/1.25 var(--bd-font-sans);margin:4px 0 0;display:flex;gap:10px;align-items:baseline}
.bd-ens__dt span{color:var(--bd-red);font-size:14px}
.bd-ens__dx{font-size:15px;line-height:1.5;margin:0}
@media (max-width:899px){.bd-ens__raster{grid-template-columns:1fr}.bd-ens__punkt{width:40px;height:40px;font-size:14px}.bd-ens__dbild{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.bd-ens__punkt::after{animation:none!important}.bd-ens__dbild{animation:none!important}}

/* 14.79 /speisekarten-weinkarten/ Karte in drei Ansichten bd-karte (Tabs: geschlossen · aufgeschlagen · Veredelung) */
.bd-karte-sec{background:#1D1D1B;color:#fff}
.bd-karte__kopf .bd-kicker{color:#fff}
.bd-karte__t{font-size:clamp(26px,3vw,42px);line-height:1.1;margin:.3em 0 .6em;color:#fff;max-width:22ch}
.bd-karte__tabs{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}
.bd-karte__tab{min-height:44px;padding:0 18px;border:1px solid #555;background:transparent;color:#ddd;font:600 15px/1 var(--bd-font-sans);cursor:pointer}
.bd-karte__tab[aria-selected="true"]{background:#fff;color:#1D1D1B;border-color:#fff;box-shadow:inset 0 -3px 0 var(--bd-red)}
.bd-karte__tab:focus-visible{outline:3px solid var(--bd-red);outline-offset:2px}
.bd-karte__buehne{position:relative;aspect-ratio:3/2;overflow:hidden;background:#111}
.bd-karte__p{position:absolute;inset:0}
.bd-karte__p[hidden]{display:block;visibility:hidden;opacity:0}
.bd-karte__p.is-aktiv{visibility:visible;opacity:1}
html[data-bd-motion="on"] .bd-karte__p{transition:opacity .55s ease,visibility 0s linear .55s}
html[data-bd-motion="on"] .bd-karte__p.is-aktiv{transition:opacity .55s ease,visibility 0s}
.bd-karte__p:focus-visible{outline:3px solid var(--bd-red);outline-offset:-3px}
.bd-karte__p img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
html[data-bd-motion="on"] #bd-karte-p-detail.is-aktiv .bd-karte__detail{animation:bd-karte-detail .9s cubic-bezier(.22,.61,.36,1)}
@keyframes bd-karte-detail{from{transform:scale(1.06);opacity:.4}to{transform:none;opacity:1}}
.bd-karte__offen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 30%,#3a3a38 0,#232322 55%,#151515 100%)}
.bd-karte__mappe{display:grid;grid-template-columns:1fr 1fr;width:82%;aspect-ratio:1.41/1;background:#1D1D1B;padding:2.2%;gap:1.4%;box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 2px #E30613 inset;transform:perspective(1600px) rotateX(18deg);transform-origin:50% 60%}
html[data-bd-motion="on"] #bd-karte-p-auf.is-aktiv .bd-karte__mappe{animation:bd-karte-auf .9s cubic-bezier(.22,.61,.36,1)}
@keyframes bd-karte-auf{from{transform:perspective(1600px) rotateX(30deg) scale(.92);opacity:.3}to{transform:perspective(1600px) rotateX(18deg)}}
.bd-karte__blatt{background:#fbfbf9;color:#1D1D1B;padding:7% 8%;font-family:var(--bd-font-serif,Charter,Georgia,serif);display:flex;flex-direction:column}
.bd-karte__ue{font:700 clamp(8px,1vw,14px)/1.2 var(--bd-font-sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6%;border-bottom:2px solid #E30613;padding-bottom:4%}
.bd-karte__blatt ul{list-style:none;margin:0;padding:0;display:grid;gap:5.5%}
.bd-karte__blatt li{display:grid;gap:1px}
.bd-karte__blatt b{font-size:clamp(9px,1.25vw,18px);font-weight:700}
.bd-karte__blatt li span{font-size:clamp(7px,.85vw,12.5px);color:#555}
.bd-karte__fuss{margin:auto 0 0;font:500 clamp(6px,.7vw,10px)/1.3 var(--bd-font-sans);color:#777;letter-spacing:.06em}
.bd-karte__texte{margin-top:14px;min-height:3em}
.bd-karte__x{margin:0;font-size:16px;line-height:1.5;color:#ddd;max-width:60ch}
.bd-karte__x[hidden]{display:none}
@media (max-width:759px){.bd-karte__buehne{aspect-ratio:4/5}.bd-karte__mappe{width:94%;grid-template-columns:1fr;aspect-ratio:auto;height:92%;transform:none}.bd-karte__blatt:last-child{display:none}.bd-karte__tab{flex:1 1 0;padding:0 8px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.bd-karte__p,.bd-karte__mappe,.bd-karte__detail{transition:none!important;animation:none!important}}
/* V4_05 §4: Triptychon – Vergrößern per Knopf (Tastatur) und Tippen (Touch); gleiche Wirkung wie Hover */
.bd-mat3__gross{grid-column:2;justify-self:start;margin-top:8px;min-height:36px;padding:0 12px;border:1px solid #666;background:transparent;color:#ddd;font:600 13px/1 var(--bd-font-sans);cursor:pointer}
.bd-mat3__gross[aria-pressed="true"]{background:#fff;color:#1D1D1B;border-color:#fff}
.bd-mat3__gross:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (min-width:760px){.bd-mat3__feld{transition:flex-grow .7s cubic-bezier(.22,.61,.36,1)}.bd-mat3__feld.is-gross{flex-grow:1.8}.bd-mat3__feld.is-gross figcaption{border-top-color:var(--bd-red)}}
@media (max-width:759px){.bd-mat3__gross{display:none}}
@media (prefers-reduced-motion:reduce){.bd-mat3__feld{transition:none!important}}
/* V4_05 Fix: 460 blendet <p> im Kopfbildfeld aus (Platzhaltertexte) – im E-Label-Kopf sind die Absätze echter Inhalt */
.bd-lskopf__bild--elabel p{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.bd-pb__link{padding-right:36px}@media (max-width:899px){.bd-pb__link{padding-right:0}}
/* V4_05 Sichtprüfung: Klammern im aufgeschlagenen Heft vor den Seiten; Bindungsbilder linksbündig, Kennzeichnung im Detail oben */
.bd-buch__klammer{z-index:6;transform:translateZ(3px);width:4px;margin-left:-2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.bd-bind .bd-bind__cap,.bd-bind__m{text-align:left}
.bd-bind__detail .bd-ki{bottom:auto;top:10px}

/* V4_05 Prüfkette 07: Fokusring am Ensemble-Punkt auf jedem Untergrund sichtbar (weiß + dunkler Außenring) */
.bd-ens__punkt:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 7px #1D1D1B}

/* ===== V4_05 Designprüfung (25.10.) – Korrekturen ===== */
/* Nr. 16: Bühnenwechsel ohne dunklen Zwischenstand – reine Überblendung */
html[data-bd-motion="on"] .bd-pb__bild img,html[data-bd-motion="on"] .bd-pb__bild:not(.is-aktiv) img{clip-path:none}
.bd-pb__buehne{background:#e9e9e8}
/* Nr. 7: Ensemble-Punkte mobil ≥ 44 px und ohne Überlappung (3 und 4 auseinander) */
@media (max-width:899px){.bd-ens__punkt{width:44px;height:44px}.bd-ens__punkt[data-i="2"]{left:21%!important;top:62%!important}.bd-ens__punkt[data-i="3"]{left:36%!important;top:79%!important}}
/* Nr. 11: Smartphone im E-Label-Kopf wächst mit dem Inhalt (kein interner Bildlauf, nichts abgeschnitten) */
.bd-elabel__phone{aspect-ratio:auto;min-height:0;padding-bottom:6px}
/* Nr. 9: Speisekarte mobil – Ansichten untereinander statt überlagert, aufgeschlagene Karte mit beiden Seiten in lesbarer Größe */
@media (max-width:759px){
  .bd-karte__buehne{aspect-ratio:auto}
  .bd-karte__p{position:relative;inset:auto}
  .bd-karte__p[hidden]{display:none}
  .bd-karte__p>img{aspect-ratio:4/5;height:auto}
  .bd-karte__offen{position:relative;inset:auto;padding:18px 12px}
  .bd-karte__mappe{width:100%;height:auto;aspect-ratio:auto;grid-template-columns:1fr;gap:10px;padding:10px}
  .bd-karte__blatt:last-child{display:flex}
  .bd-karte__blatt{padding:18px 18px 16px}
  .bd-karte__ue{font-size:12px}
  .bd-karte__blatt b{font-size:17px}
  .bd-karte__blatt li span{font-size:14px}
  .bd-karte__fuss{font-size:12px;margin-top:14px}
  .bd-karte__blatt ul{gap:10px}
  .bd-karte__p .bd-ki{position:static;display:inline-block;margin:8px 0 0}
}
/* Nr. 5/6: Bindungsvergleich – Markierungen mobil als Legende sichtbar, Unterschrift unter dem Bild ohne Überlagerung */
@media (max-width:899px){.bd-bind__gross{display:flex;flex-direction:column}.bd-bind__gross img{height:auto}.bd-bind__gross .bd-bind__cap{position:static!important;display:grid!important;gap:8px;margin-top:10px;pointer-events:auto}.bd-bind__m{display:block;position:static!important}}
.bd-bind__detail{grid-template-rows:auto auto}
.bd-bind__detail img{height:auto;aspect-ratio:3/2}
/* V4_05 Nachprüfung: KI-Kennzeichnung im Bindungsvergleich immer oben links im Bild (vorher durch top+bottom gestreckt) */
.bd-bind figure.bd-bind__gross .bd-ki,.bd-bind figure.bd-bind__detail .bd-ki{top:10px;bottom:auto;height:auto}
/* V4_05 Nachprüfung Nr. 7/8a: unter 600 px Knopfliste statt Punkte im Bild (Punkte zu dicht); KI-Kennzeichnung je Detailbild */
.bd-ens__liste{display:none}
.bd-ens__dbild{position:relative}
.bd-ens__dbild .bd-ki{position:absolute;left:8px;top:8px;font:500 11px/1 var(--bd-font-sans);letter-spacing:.04em;padding:5px 8px;background:rgba(20,20,20,.78);color:#fff}
@media (max-width:599px){
  .bd-ens__bild .bd-ens__punkt{display:none}
  .bd-ens__liste{display:grid;gap:6px;margin:4px 0 6px}
  .bd-ens__punkt--liste{position:static;transform:none;width:100%;height:auto;min-height:44px;border-radius:0;border:1px solid var(--bd-line,#d5d5d5);background:#fff;color:var(--bd-ink);box-shadow:none;display:flex;align-items:center;gap:12px;padding:0 12px;font:600 15px/1.2 var(--bd-font-sans);text-align:left}
  .bd-ens__punkt--liste span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bd-red);color:#fff;font-size:13px;flex:0 0 26px}
  .bd-ens__punkt--liste[aria-pressed="true"]{border-color:var(--bd-ink);box-shadow:inset 3px 0 0 var(--bd-red);outline:0}
  .bd-ens__punkt--liste::after{display:none}
  .bd-ens__punkt--liste:focus-visible{outline:3px solid var(--bd-ink);outline-offset:2px;box-shadow:none}
}
@media (max-width:599px){.bd-ens__punkt--liste[aria-pressed="true"]{background:#fff;color:var(--bd-ink);border-color:var(--bd-ink)}}

/* 14.80 V4_06 (OD-OWNER-2026-10-25-10): Leitmodule der Etiketten-Kernseiten. Gemeinsame Bedienung bd-wahl (Knopfgruppen mit aria-pressed,
   Zustand als data-Attribut am Modul, Texte data-fuer="gruppe:wert"); ohne JS sind die Knöpfe ausgeblendet und der Startzustand bleibt lesbar. */
.bd-wahl__knoepfe{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 10px}
.bd-wahl:not(.is-js) .bd-wahl__knoepfe{display:none}
.bd-wahl__k{min-height:44px;padding:0 16px;border:1px solid var(--bd-line-2);background:#fff;color:var(--bd-ink);font:600 15px/1.1 var(--bd-font-sans);cursor:pointer;text-align:left}
.bd-wahl__k:hover{border-color:var(--bd-ink)}
.bd-wahl__k[aria-pressed="true"]{background:var(--bd-ink);color:#fff;border-color:var(--bd-ink);box-shadow:inset 0 -3px 0 var(--bd-red)}
.bd-wahl__k:focus-visible{outline:3px solid var(--bd-red);outline-offset:2px}
.bd-wahl__x{margin:6px 0 0;font-size:17px;line-height:1.55;max-width:46ch;min-height:3.1em}
.bd-wahl__x[hidden]{display:none}
.bd-wahl:not(.is-js) .bd-wahl__x[hidden]{display:block}
.bd-wahl .bd-kicker{margin-bottom:6px}
.bd-nl,.bd-ed,.bd-fi,.bd-ws,.bd-rg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center}
.bd-nl__t,.bd-ed__t,.bd-fi__t,.bd-ws__t,.bd-rg__t{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:.2em 0 0;max-width:20ch}
@media (max-width:899px){.bd-nl,.bd-ed,.bd-fi,.bd-ws,.bd-rg{grid-template-columns:1fr}}
@media (max-width:599px){.bd-wahl__knoepfe{display:grid;grid-template-columns:1fr}.bd-wahl:not(.is-js) .bd-wahl__knoepfe{display:none}.bd-wahl__k{width:100%}}

/* Nassleim: Bogen → Stanzform → Stapel (SVG, Zustand data-ansicht) */
.bd-nl-sec{background:var(--bd-paper-2)}
.bd-nl__svg{width:100%;height:auto;display:block;font-family:var(--bd-font-sans)}
.bd-nl__papier{fill:#fff;stroke:#cfcfcf}
.bd-nl__marken path{fill:none;stroke:#1D1D1B;stroke-width:1}
.bd-nl__flaeche{fill:#fff;stroke:#d6d6d3;stroke-width:.8}
.bd-nl__band{fill:#1D1D1B}
.bd-nl__folie{fill:#b9bcc0}
.bd-nl__name{font-family:var(--bd-font-serif,Georgia,serif);font-size:14.5px;font-weight:400;letter-spacing:.09em;text-anchor:middle;fill:#1D1D1B}
.bd-nl__jg{font-family:var(--bd-font-serif,Georgia,serif);font-size:12.5px;text-anchor:middle;fill:#1D1D1B;font-weight:400;letter-spacing:.06em}
/* 28.10.2026 Bogengrafik in der CI der Wein-Bildserie: Rebhügel, Farbbalken, Silberstrich */
.bd-nl__reb{fill:none;stroke:#2b2b29;stroke-width:.55;vector-effect:non-scaling-stroke}.bd-nl__hang{fill:#f3f3f0}.bd-nl__baum{fill:#2b2b29}
.bd-nl__stanz{fill:none;stroke:#E30613;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1}
.bd-nl__stapel{opacity:0}
.bd-nl__lage{fill:#fff;stroke:#cfcfcc}
.bd-nl__oben .bd-nl__band{fill:#1D1D1B}
.bd-nl[data-ansicht="stanze"] .bd-nl__stanz{stroke-dashoffset:0}
.bd-nl[data-ansicht="stanze"] .bd-nl__papier{fill:#f0f0f0}
.bd-nl[data-ansicht="stanze"] .bd-nl__e{transform:translate(0,-4px);filter:drop-shadow(0 6px 6px rgba(0,0,0,.18))}
.bd-nl[data-ansicht="stapel"] .bd-nl__bogen,.bd-nl[data-ansicht="stapel"] .bd-nl__marken,.bd-nl[data-ansicht="stapel"] .bd-nl__kontrolle,.bd-nl[data-ansicht="stapel"] .bd-nl__papier{opacity:0}
.bd-nl[data-ansicht="stapel"] .bd-nl__stapel{opacity:1}
html[data-bd-motion="on"] .bd-nl__stanz{transition:stroke-dashoffset .9s cubic-bezier(.5,0,.2,1) calc(var(--i) * .08s)}
html[data-bd-motion="on"] .bd-nl__e,html[data-bd-motion="on"] .bd-nl__bogen,html[data-bd-motion="on"] .bd-nl__stapel,html[data-bd-motion="on"] .bd-nl__papier,html[data-bd-motion="on"] .bd-nl__marken,html[data-bd-motion="on"] .bd-nl__kontrolle{transition:opacity .5s ease,transform .5s ease,fill .5s ease}
html[data-bd-motion="on"] .bd-nl[data-ansicht="stapel"] .bd-nl__lage{animation:bd-nl-lage .5s cubic-bezier(.2,.7,.1,1) calc(var(--j) * .05s) both}
@keyframes bd-nl-lage{from{transform:translateY(-40px);opacity:0}}

/* Eindruck: ein Etikett, nur die Eindruckfelder wechseln */
.bd-ed-sec{background:#1D1D1B;color:#fff}
.bd-ed-sec .bd-kicker,.bd-ed__t{color:#fff}
.bd-ed-sec .bd-wahl__k{background:transparent;color:#ddd;border-color:#666}
.bd-ed-sec .bd-wahl__k[aria-pressed="true"]{background:#fff;color:#1D1D1B;border-color:#fff}
.bd-ed-sec .bd-wahl__k:focus-visible{outline-color:#fff}
.bd-ed__legende{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:#ddd}
.bd-ed__legende li{display:flex;gap:10px;align-items:center}
.bd-ed__l{width:28px;height:12px;flex:none}
.bd-ed__l--vor{background:#fbfbf9}
.bd-ed__l--ein{background:#E30613}
.bd-ed__hinweis{margin:14px 0 0;font-size:14px;color:#bdbdbd;max-width:46ch}
.bd-ed__buehne{display:grid;place-items:center;padding:clamp(16px,3vw,40px);background:radial-gradient(ellipse at 50% 40%,#3a3a38 0,#232322 60%,#181818 100%)}
.bd-ed__etikett{width:min(100%,420px);aspect-ratio:4/5;background:#fbfbf9;color:#1D1D1B;padding:9% 9% 7%;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.bd-ed__etikett p{margin:0}
.bd-ed__gut{font:700 clamp(15px,1.6vw,20px)/1.1 var(--bd-font-sans);letter-spacing:.28em}
.bd-ed__ort{font:400 13px/1.4 var(--bd-font-serif);color:#555;margin-top:4px!important}
.bd-ed__linie{display:block;width:42%;height:3px;background:#1D1D1B;margin:9% 0}
.bd-ed__ein{color:#E30613;transition:background-color .6s ease}
.bd-ed__sorte{font:400 clamp(28px,3.4vw,44px)/1.05 var(--bd-font-serif)}
.bd-ed__jahr{font:700 clamp(18px,2vw,26px)/1.2 var(--bd-font-sans);letter-spacing:.2em;margin-top:8px!important}
.bd-ed__geschmack{font:600 15px/1.4 var(--bd-font-sans);text-transform:uppercase;letter-spacing:.18em;margin-top:4px!important}
.bd-ed__klein{font:400 12px/1.4 var(--bd-font-sans);margin-top:auto!important;color:#555}
.bd-ed__ap{font:400 12px/1.4 var(--bd-font-sans);margin-top:4px!important}
.bd-ed__ein{outline:1.5px dashed transparent;outline-offset:3px}
.bd-ed .bd-ed__ein{outline-color:rgba(227,6,19,.45)}
html[data-bd-motion="on"] .bd-ed__ein.is-neu{animation:bd-ed-neu .7s ease}
@keyframes bd-ed-neu{from{background-color:rgba(227,6,19,.18)}to{background-color:transparent}}

/* Etikettenfinder */
.bd-fi-sec{background:#fff;border-top:1px solid var(--bd-line);border-bottom:1px solid var(--bd-line)}
.bd-fi__frage{font-size:17px;line-height:1.5;margin:10px 0 0;max-width:40ch}
.bd-fi .bd-wahl__knoepfe{display:grid;grid-template-columns:1fr;gap:6px}
.bd-fi .bd-wahl__k{min-height:52px;font-size:17px}
.bd-fi__ergebnis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;background:var(--bd-paper-2);padding:clamp(20px,3vw,40px)}
.bd-fi__s{width:100%;height:auto}
.bd-fi__s[hidden]{display:none}
.bd-fi__bg{fill:#fff;stroke:#1D1D1B;stroke-width:2}
.bd-fi__et{fill:#1D1D1B}
.bd-fi__ab{fill:#E30613;transform:rotate(-8deg) translate(-4px,-6px);transform-origin:104px 84px}
.bd-fi__kern{fill:#E30613}
.bd-fi__band{fill:none;stroke:#1D1D1B;stroke-width:3}
.bd-fi__typ{font:700 clamp(24px,2.4vw,32px)/1.1 var(--bd-font-sans);margin:0 0 8px;border-bottom:3px solid var(--bd-red);padding-bottom:8px;display:inline-block}
.bd-fi__erg p{font-size:17px;line-height:1.55;margin:0 0 12px}
.bd-fi__erg[hidden]{display:none}
.bd-fi__link{font-weight:700;color:var(--bd-ink);text-decoration:underline;text-decoration-color:var(--bd-red);text-decoration-thickness:2px;text-underline-offset:4px}
.bd-fi:not(.is-js) .bd-fi__erg[hidden]{display:block;margin-top:18px}
.bd-fi:not(.is-js) .bd-fi__bild{display:none}
.bd-fi:not(.is-js) .bd-fi__ergebnis{grid-template-columns:1fr}
html[data-bd-motion="on"] .bd-fi__erg:not([hidden]),html[data-bd-motion="on"] .bd-fi__s:not([hidden]){animation:bd-fi-ein .45s cubic-bezier(.2,.7,.1,1)}
@keyframes bd-fi-ein{from{opacity:0;transform:translateY(8px)}}
@media (max-width:599px){.bd-fi__ergebnis{grid-template-columns:1fr}.bd-fi__bild{max-width:240px}}

/* Wein: Gutswein · Ortswein · Lage */
.bd-ws-sec{background:var(--bd-paper-2)}
.bd-ws__hinweis{font-size:14px;color:var(--bd-mute);margin:12px 0 0}
.bd-ws__reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,28px);align-items:end;padding:clamp(20px,3vw,36px) clamp(12px,2vw,24px) 0;background:linear-gradient(#fff,#e9e9e9)}
.bd-ws__item{margin:0;text-align:center}
.bd-ws__flasche{max-width:150px;margin:0 auto}
.bd-ws__fl{width:100%;height:auto;display:block}
.bd-ws__item figcaption{font:700 15px/1.2 var(--bd-font-sans);padding:12px 0 16px;border-top:3px solid transparent}
.bd-ws__glas{fill:#1f2220}
.bd-ws__kapsel{fill:#1D1D1B}
.bd-ws__papier{fill:#fbfbf9}
.bd-ws__rot{fill:#E30613}
.bd-ws__sorte{font:400 13px var(--bd-font-serif);text-anchor:middle;fill:#1D1D1B}
.bd-ws__klein{font:700 8px var(--bd-font-sans);letter-spacing:.2em;text-anchor:middle;fill:#555}
.bd-ws__folie{fill:#c9a646}
.bd-ws__et--3 .bd-ws__folie{fill:#d4b45a}
.bd-ws__praeg{fill:#f4f4f1;filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1.5px 1.5px 0 rgba(0,0,0,.22))}
.bd-ws__item{transition:opacity .4s ease,transform .4s ease}
.bd-ws.is-js .bd-ws__item{opacity:.45}
.bd-ws[data-stufe="gut"] .bd-ws__item[data-stufe="gut"],.bd-ws[data-stufe="ort"] .bd-ws__item[data-stufe="ort"],.bd-ws[data-stufe="lage"] .bd-ws__item[data-stufe="lage"]{opacity:1;transform:translateY(-6px)}
.bd-ws[data-stufe="gut"] .bd-ws__item[data-stufe="gut"] figcaption,.bd-ws[data-stufe="ort"] .bd-ws__item[data-stufe="ort"] figcaption,.bd-ws[data-stufe="lage"] .bd-ws__item[data-stufe="lage"] figcaption{border-top-color:var(--bd-red)}
html[data-bd-motion="on"] .bd-ws__folie{background:none}
@media (prefers-reduced-motion:reduce){.bd-ws__item,.bd-nl *,.bd-ed__ein,.bd-fi *{transition:none!important;animation:none!important}}

/* Feinkost: dreißig Gewürze, eine Linie */
.bd-rg-sec{background:#1D1D1B;color:#fff}
.bd-rg-sec .bd-kicker,.bd-rg__t{color:#fff}
.bd-rg-sec .bd-wahl__k{background:transparent;color:#ddd;border-color:#666}
.bd-rg-sec .bd-wahl__k[aria-pressed="true"]{background:#fff;color:#1D1D1B;border-color:#fff}
.bd-rg-sec .bd-wahl__k:focus-visible{outline-color:#fff}
.bd-rg__hinweis{font-size:14px;color:#bdbdbd;margin:12px 0 0}
.bd-rg__regal{list-style:none;margin:0;padding:clamp(12px,2vw,24px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.2vw,14px) clamp(6px,1vw,12px);background:#2b2b2a;box-shadow:inset 0 -6px 0 #444}
.bd-rg__dose{display:flex;flex-direction:column;align-items:center}
.bd-rg__deckel{width:78%;height:8px;background:#9ea2a6;border-radius:2px 2px 0 0}
.bd-rg__et{width:100%;aspect-ratio:3/4;background:#fbfbf9;color:#1D1D1B;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12% 6% 10%;border-top:4px solid #1D1D1B;transition:opacity .4s ease,outline-color .4s ease;outline:2px solid transparent;outline-offset:-2px}
.bd-rg__marke{font:700 clamp(6px,.6vw,9px)/1 var(--bd-font-sans);letter-spacing:.2em;text-transform:uppercase}
.bd-rg__name{font:400 clamp(8px,.85vw,13px)/1.15 var(--bd-font-serif);text-align:center;hyphens:auto}
.bd-rg__punkt{width:22%;aspect-ratio:1;border-radius:50%;background:var(--f)}
.bd-rg[data-blick="gleich"] .bd-rg__name,.bd-rg[data-blick="gleich"] .bd-rg__punkt{opacity:.15}
.bd-rg[data-blick="gleich"] .bd-rg__et{outline-color:#fff}
.bd-rg[data-blick="wechselt"] .bd-rg__marke,.bd-rg[data-blick="wechselt"] .bd-rg__et{border-top-color:rgba(29,29,27,.15)}
.bd-rg[data-blick="wechselt"] .bd-rg__marke{opacity:.15}
.bd-rg[data-blick="wechselt"] .bd-rg__name{color:#E30613}
html[data-bd-motion="on"] .bd-rg__name,html[data-bd-motion="on"] .bd-rg__punkt,html[data-bd-motion="on"] .bd-rg__marke{transition:opacity .4s ease calc(var(--i) * 12ms),color .4s ease}
@media (max-width:599px){.bd-rg__regal{grid-template-columns:repeat(5,minmax(0,1fr))}.bd-rg__marke{font-size:6px}.bd-rg__name{font-size:8.5px}}
@media (prefers-reduced-motion:reduce){.bd-rg *{transition:none!important}}
/* 14.80 Nachschärfung nach Sichtprüfung */
.bd-ed__zeichen{display:block;width:34px;height:34px;background:#1D1D1B;margin-bottom:9%;box-shadow:inset 0 -5px 0 #E30613}
.bd-ed__linie--unten{width:100%;height:1px;background:#cfcfcf;margin:auto 0 5%}
.bd-ed__klein{margin-top:0!important}
.bd-ws__druck{fill:#1D1D1B}
.bd-ws__praeg{fill:none;stroke:#fff;stroke-width:1.6;filter:drop-shadow(1.2px 1.2px 0 rgba(0,0,0,.28))}
.bd-ws__flasche{max-width:180px}

/* 14.81 V4_06 Teil 2: Rollenetiketten (Wickelrichtung), Bogenetiketten (vom Bogen aufs Produkt), Kosmetik (vier Gefäße) */
.bd-ro,.bd-bo,.bd-ko{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center}
.bd-ro__t,.bd-bo__t,.bd-ko__t{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:.2em 0 0;max-width:20ch}
.bd-ro__hinweis,.bd-bo__hinweis,.bd-ko__hinweis{font-size:14px;color:var(--bd-mute);margin:12px 0 0;max-width:46ch}
@media (max-width:899px){.bd-ro,.bd-bo,.bd-ko{grid-template-columns:1fr}}
.bd-ro-sec{background:#fff;border-top:1px solid var(--bd-line)}
.bd-ro__buehne{background:var(--bd-paper-2);padding:clamp(16px,3vw,36px)}
.bd-ro__svg{width:100%;height:auto;display:block;font-family:var(--bd-font-sans)}
.bd-ro__rolle{fill:#fbfbf9;stroke:#1D1D1B;stroke-width:2}
.bd-ro__lagen{fill:none;stroke:#cfcfcf}
.bd-ro__kern{fill:#c9a97a;stroke:#1D1D1B;stroke-width:2}
.bd-ro__kern{fill:#9a9a9a}
.bd-ro__band{fill:#fbfbf9;stroke:#1D1D1B;stroke-width:2}
.bd-ro__et{fill:#fff;stroke:#1D1D1B;stroke-width:2}
.bd-ro__txt{font-size:13px;font-weight:700;text-anchor:middle;fill:#1D1D1B;letter-spacing:.06em}
.bd-ro__kopfstrich{stroke:#E30613;stroke-width:4}
.bd-ro__dreh{transform-box:fill-box;transform-origin:center}
/* Ablauf nach rechts: führende Kante zeigt nach rechts. Kopf voraus = Oberkante rechts (90°), Fuß voraus = −90°, Wortanfang voraus = 180°, Wortende voraus = aufrecht */
.bd-ro .bd-ro__dreh,.bd-ro[data-kante="kopf"] .bd-ro__dreh{transform:rotate(90deg)}
.bd-ro[data-kante="fuss"] .bd-ro__dreh{transform:rotate(-90deg)}
.bd-ro[data-kante="anfang"] .bd-ro__dreh{transform:rotate(180deg)}
.bd-ro[data-kante="ende"] .bd-ro__dreh{transform:none}
.bd-ro[data-seite="innen"] .bd-ro__band{fill:#1D1D1B}
.bd-ro[data-seite="innen"] .bd-ro__et{fill:none;stroke:#fff;stroke-dasharray:4 4}
.bd-ro[data-seite="innen"] .bd-ro__txt{fill:#fff;opacity:.55}
.bd-ro[data-seite="innen"] .bd-ro__rolle{fill:#1D1D1B}
.bd-ro__pfeil{fill:none;stroke:#E30613;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bd-ro__lauf{font-size:12px;font-weight:700;fill:#555;text-anchor:end;letter-spacing:.1em;text-transform:uppercase}
.bd-ro__pfeil{transform:translateY(0)}
html[data-bd-motion="on"] .bd-ro__dreh{transition:transform .5s cubic-bezier(.2,.7,.1,1)}
html[data-bd-motion="on"] .bd-ro__band,html[data-bd-motion="on"] .bd-ro__et,html[data-bd-motion="on"] .bd-ro__rolle{transition:fill .4s ease,stroke .4s ease}
.bd-bo-sec{background:var(--bd-paper-2)}
.bd-bo__buehne{background:#fff;padding:clamp(16px,3vw,36px)}
.bd-bo__svg{width:100%;height:auto;display:block;font-family:var(--bd-font-serif)}
.bd-bo__blatt{fill:#fbfbf9;stroke:#cfcfcf}
.bd-bo__k{fill:#fff;stroke:#1D1D1B;stroke-width:1.6}
.bd-bo__loch{fill:#fbfbf9;stroke:#1D1D1B}
.bd-bo__weg{fill:none;stroke:#E30613;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bd-bo__gef{fill:#e9eaeb;stroke:#1D1D1B;stroke-width:2}
.bd-bo__gef--dunkel{fill:#2a2c2b}
.bd-bo__deckel{fill:#1D1D1B}
.bd-bo__docht,.bd-bo__schnur{fill:none;stroke:#1D1D1B;stroke-width:2}
.bd-bo__schleife{fill:none;stroke:#E30613;stroke-width:8}
.bd-bo__auf{fill:#fff;stroke:#E30613;stroke-width:2}
.bd-bo__txt{font-size:15px;text-anchor:middle;fill:#1D1D1B}
.bd-bo__p{opacity:0}
.bd-bo[data-produkt="glas"] .bd-bo__p[data-p="glas"],.bd-bo[data-produkt="flasche"] .bd-bo__p[data-p="flasche"],.bd-bo[data-produkt="kerze"] .bd-bo__p[data-p="kerze"],.bd-bo[data-produkt="siegel"] .bd-bo__p[data-p="siegel"]{opacity:1}
.bd-bo[data-produkt="glas"] .bd-bo__k[data-p="glas"],.bd-bo[data-produkt="flasche"] .bd-bo__k[data-p="flasche"],.bd-bo[data-produkt="kerze"] .bd-bo__k[data-p="kerze"],.bd-bo[data-produkt="siegel"] .bd-bo__k[data-p="siegel"]{fill:#E30613;stroke:#E30613;fill-opacity:.12;stroke-width:2.5;stroke-dasharray:5 4}
html[data-bd-motion="on"] .bd-bo__p{transition:opacity .45s ease}
html[data-bd-motion="on"] .bd-bo__p .bd-bo__auf{transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.bd-ko-sec{background:#fff;border-top:1px solid var(--bd-line)}
.bd-ko__reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.4vw,20px);align-items:end;background:linear-gradient(#f6f6f6,#e6e6e6);padding:clamp(16px,2.4vw,32px) clamp(10px,2vw,24px) 0}
.bd-ko__item{margin:0;text-align:center;transition:opacity .4s ease,transform .4s ease}
.bd-ko__item svg{width:100%;height:auto;display:block}
.bd-ko__item .bd-ko__cap{font:700 14px/1.2 var(--bd-font-sans);padding:10px 0 14px;border-top:3px solid transparent}
.bd-ko__gef{fill:#f4f4f2;stroke:#1D1D1B;stroke-width:2}
.bd-ko__gef--glas{fill:#d8dcdf}
.bd-ko__kopfteil{fill:#1D1D1B}
.bd-ko__et{fill:#1D1D1B}
.bd-ko__deckelet{fill:#9ea2a6}
.bd-ko__rot{fill:#E30613}
.bd-ko__docht{stroke:#1D1D1B;stroke-width:2}
.bd-ko.is-js .bd-ko__item{opacity:.4}
.bd-ko[data-gefaess="pumpe"] .bd-ko__item[data-g="pumpe"],.bd-ko[data-gefaess="tiegel"] .bd-ko__item[data-g="tiegel"],.bd-ko[data-gefaess="tube"] .bd-ko__item[data-g="tube"],.bd-ko[data-gefaess="kerze"] .bd-ko__item[data-g="kerze"]{opacity:1;transform:translateY(-6px)}
.bd-ko[data-gefaess="pumpe"] .bd-ko__item[data-g="pumpe"] .bd-ko__cap,.bd-ko[data-gefaess="tiegel"] .bd-ko__item[data-g="tiegel"] .bd-ko__cap,.bd-ko[data-gefaess="tube"] .bd-ko__item[data-g="tube"] .bd-ko__cap,.bd-ko[data-gefaess="kerze"] .bd-ko__item[data-g="kerze"] .bd-ko__cap{border-top-color:var(--bd-red)}
@media (max-width:599px){.bd-ko__reihe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.bd-ro *,.bd-bo *,.bd-ko *{transition:none!important;animation:none!important}}
.bd-ko__m{font:700 7px var(--bd-font-sans);letter-spacing:.3em;fill:#fff;text-anchor:middle}
.bd-ko__n{font:400 13px var(--bd-font-serif);fill:#fff;text-anchor:middle}
.bd-ko.is-js .bd-ko__item{opacity:.55}
.bd-ko__reihe{padding-top:clamp(24px,3vw,44px)}

/* 14.82 V4_06 Teil 3: Heißfolie (Folie × Papier), Prägung (Streiflicht), Verarbeitung (Falzarten), Druckvorstufe (Datei-Ebenen) */
.bd-fo,.bd-pr,.bd-fa,.bd-dv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center}
.bd-fo__t,.bd-pr__t,.bd-fa__t,.bd-dv__t{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:.2em 0 0;max-width:20ch}
.bd-fo__hinweis,.bd-pr__hinweis,.bd-fa__hinweis,.bd-dv__hinweis{font-size:14px;color:var(--bd-mute);margin:12px 0 0;max-width:46ch}
@media (max-width:899px){.bd-fo,.bd-pr,.bd-fa,.bd-dv{grid-template-columns:1fr}}
/* Folie × Papier */
.bd-fo-sec{background:#1D1D1B;color:#fff}
.bd-fo-sec .bd-kicker,.bd-fo__t{color:#fff}
.bd-fo-sec .bd-fo__hinweis{color:#bdbdbd}
.bd-fo-sec .bd-wahl__k{background:transparent;color:#ddd;border-color:#666}
.bd-fo-sec .bd-wahl__k[aria-pressed="true"]{background:#fff;color:#1D1D1B;border-color:#fff}
.bd-fo-sec .bd-wahl__k:focus-visible{outline-color:#fff}
.bd-fo__buehne{display:grid;place-items:center;padding:clamp(20px,4vw,56px);background:radial-gradient(ellipse at 40% 30%,#3a3a38 0,#222 60%,#151515 100%)}
.bd-fo{--fo:linear-gradient(115deg,#7a5c18 0,#d4b04f 30%,#fff3c4 46%,#e2c46c 56%,#8a6a1f 100%)}
.bd-fo[data-folie="silber"]{--fo:linear-gradient(115deg,#6d7176 0,#c9cdd1 30%,#ffffff 46%,#d5d9dd 56%,#7b7f84 100%)}
.bd-fo[data-folie="eigen"]{--fo:linear-gradient(115deg,#7a0a10 0,#E30613 30%,#ff8a8f 46%,#E30613 56%,#80070d 100%)}
.bd-fo__karte{width:min(100%,380px);aspect-ratio:4/5;background:#f7f6f1;color:#1D1D1B;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 30px 60px rgba(0,0,0,.5);transition:background-color .5s ease}
.bd-fo[data-papier="dunkel"] .bd-fo__karte{background:#1b1b1a;box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px #333}
.bd-fo__zeichen{position:relative;width:96px;height:96px}
.bd-fo__rahmen{position:absolute;inset:0;border:7px solid transparent;border-image:var(--fo) 1}
.bd-fo__raute{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);background:var(--fo);background-size:300% 300%}
.bd-fo__name{font:700 17px/1 var(--bd-font-sans);letter-spacing:.3em;text-transform:uppercase;background:var(--fo);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-fo__linie{width:44%;height:2px;background:var(--fo)}
.bd-fo__sorte{font:400 15px/1 var(--bd-font-serif);color:#555}
.bd-fo[data-papier="dunkel"] .bd-fo__sorte{color:#aaa}
html[data-bd-motion="on"] .bd-fo__raute,html[data-bd-motion="on"] .bd-fo__name{animation:bd-fo-glanz 3.2s ease-in-out 1 both}
html[data-bd-motion="on"] .bd-fo[data-folie] .bd-fo__karte:hover .bd-fo__raute,html[data-bd-motion="on"] .bd-fo__karte:hover .bd-fo__name{animation:bd-fo-glanz 1.6s ease-in-out 1}
@keyframes bd-fo-glanz{0%{background-position:100% 0}100%{background-position:38% 0}}
/* Prägung im Streiflicht: JS setzt --lx/--ly (−1…1) aus dem Regler */
.bd-pr-sec{background:var(--bd-paper-2)}
.bd-pr__regler{display:flex;align-items:center;gap:12px;margin:14px 0 0;font:600 15px/1.2 var(--bd-font-sans)}
.bd-pr__regler input{flex:1;max-width:260px;accent-color:#E30613;min-height:44px}
.bd-pr:not(.is-js) .bd-pr__regler{display:none}
.bd-pr__buehne{display:grid;place-items:center;padding:clamp(24px,4vw,56px);background:linear-gradient(135deg,#efefec,#dcdcd8)}
.bd-pr__karte{--sx:calc(var(--lx) * -7px);--sy:calc(var(--ly) * -7px);width:min(100%,420px);aspect-ratio:1;background:#fbfbf8;display:grid;place-items:center;box-shadow:0 24px 48px rgba(0,0,0,.18)}
.bd-pr__stufe{display:grid;place-items:center;background:inherit}
.bd-pr__s1{width:62%;aspect-ratio:1;background:#fbfbf8;box-shadow:var(--sx) var(--sy) 9px rgba(0,0,0,.26),calc(var(--sx) * -1) calc(var(--sy) * -1) 7px #fff,inset calc(var(--sx) * -.3) calc(var(--sy) * -.3) 3px rgba(255,255,255,.9),inset calc(var(--sx) * .3) calc(var(--sy) * .3) 3px rgba(0,0,0,.06)}
.bd-pr__s2,.bd-pr__s3{background:#fbfbf8;box-shadow:none}
.bd-pr__s2{width:68%;aspect-ratio:1}
.bd-pr__s3{width:52%;aspect-ratio:1;transform:rotate(45deg)}
.bd-pr[data-variante="relief"] .bd-pr__s2,.bd-pr[data-variante="relief"] .bd-pr__s3,.bd-pr[data-variante="foliere"] .bd-pr__s2,.bd-pr[data-variante="foliere"] .bd-pr__s3{box-shadow:calc(var(--sx) * .8) calc(var(--sy) * .8) 7px rgba(0,0,0,.24),calc(var(--sx) * -.8) calc(var(--sy) * -.8) 6px #fff}
.bd-pr[data-variante="folie"] .bd-pr__s1,.bd-pr[data-variante="foliere"] .bd-pr__s3{background:linear-gradient(calc(var(--lw,315deg)),#7a5c18 0,#d4b04f 35%,#fff3c4 50%,#d4b04f 65%,#7a5c18 100%)}
.bd-pr[data-variante="folie"] .bd-pr__s2,.bd-pr[data-variante="folie"] .bd-pr__s3{background:transparent}
/* Falzarten */
.bd-fa-sec{background:#fff;border-top:1px solid var(--bd-line)}
.bd-fa__buehne{display:grid;grid-template-columns:3fr 2fr;gap:clamp(12px,2vw,24px);align-items:end;background:var(--bd-paper-2);padding:clamp(16px,3vw,32px)}
.bd-fa__fig{margin:0}
.bd-fa__fig figcaption{font:600 13px/1.3 var(--bd-font-sans);color:var(--bd-mute);margin-top:8px;letter-spacing:.04em}
.bd-fa__svg{width:100%;height:auto;display:block}
.bd-fa__a[hidden]{display:none}
.bd-fa__bl{fill:#fff;stroke:#1D1D1B;stroke-width:2}
.bd-fa__f{fill:none;stroke:#E30613;stroke-width:2;stroke-dasharray:7 5}
.bd-fa__f--2{stroke:#1D1D1B}
.bd-fa__m{font:700 12px var(--bd-font-sans);fill:#555;text-anchor:middle;letter-spacing:.06em}
.bd-fa__p{fill:none;stroke:#1D1D1B;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
html[data-bd-motion="on"] .bd-fa__a:not([hidden]) .bd-fa__p{stroke-dasharray:700;animation:bd-fa-zieh .9s cubic-bezier(.5,0,.2,1) both}
@keyframes bd-fa-zieh{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.bd-fa:not(.is-js) .bd-fa__a[hidden]{display:none}
@media (max-width:599px){.bd-fa__buehne{grid-template-columns:1fr}}
/* Druckvorstufe */
.bd-dv-sec{background:var(--bd-paper-2)}
.bd-dv__buehne{background:#fff;padding:clamp(16px,3vw,32px)}
.bd-dv__svg{width:100%;height:auto;display:block;font-family:var(--bd-font-sans)}
.bd-dv__beschnitt{fill:#E30613;fill-opacity:0}
.bd-dv__flaeche{fill:#f2efe8}
.bd-dv__band{fill:#1D1D1B}
.bd-dv__end{fill:none;stroke:#1D1D1B;stroke-width:1.5}
.bd-dv__abstand{fill:none;stroke:#2e7dd1;stroke-width:1.5;stroke-dasharray:6 5;opacity:0}
.bd-dv__stanze{fill:none;stroke:#e4007c;stroke-width:2.5;opacity:0}
.bd-dv__titel{font:400 34px var(--bd-font-serif);fill:#1D1D1B;text-anchor:middle}
.bd-dv__sub{font:600 13px var(--bd-font-sans);fill:#555;text-anchor:middle;letter-spacing:.18em;text-transform:uppercase}
.bd-dv__l{font-size:12px;font-weight:700;letter-spacing:.06em;opacity:0}
.bd-dv__l--b{fill:#E30613}.bd-dv__l--e{fill:#1D1D1B}.bd-dv__l--a{fill:#2e7dd1}.bd-dv__l--s{fill:#e4007c;text-anchor:end}
.bd-dv[data-ebene="end"] .bd-dv__l--e{opacity:1}
.bd-dv[data-ebene="end"] .bd-dv__end{stroke-width:3}
.bd-dv[data-ebene="beschnitt"] .bd-dv__beschnitt{fill-opacity:.38}
.bd-dv[data-ebene="beschnitt"] .bd-dv__l--b,.bd-dv[data-ebene="beschnitt"] .bd-dv__l--e{opacity:1}
.bd-dv[data-ebene="abstand"] .bd-dv__abstand,.bd-dv[data-ebene="abstand"] .bd-dv__l--a{opacity:1}
.bd-dv[data-ebene="stanze"] .bd-dv__stanze,.bd-dv[data-ebene="stanze"] .bd-dv__l--s{opacity:1}
.bd-dv:not([data-ebene="beschnitt"]) .bd-dv__flaeche,.bd-dv:not([data-ebene="beschnitt"]) .bd-dv__band{clip-path:inset(20px)}
html[data-bd-motion="on"] .bd-dv__svg *{transition:opacity .4s ease,fill-opacity .4s ease,clip-path .5s ease,stroke-width .3s ease}
@media (prefers-reduced-motion:reduce){.bd-fo *,.bd-pr *,.bd-fa *,.bd-dv *{transition:none!important;animation:none!important}}

/* 14.82 Nachschärfung: Foliendarstellung größer und im Endzustand hell, Falzprofile größer */
.bd-fo__raute,.bd-fo__name{background-position:38% 0}
.bd-fo__zeichen{width:120px;height:120px}
.bd-fo__raute{width:38px;height:38px}
.bd-fo__name{font-size:20px}
.bd-fa__p{stroke-width:3.5}
.bd-fa__buehne{grid-template-columns:1fr 1fr}
.bd-fa__profil{padding:clamp(10px,2vw,24px) 0}

/* 14.83 V4_06 Startseite: Produktkacheln „Etiketten“/„Drucksachen“ mit vorhandenen, gekennzeichneten Produktbildern statt Strichsymbolen
   (R04.03: Produkte statt Schemata, beide Welten gleich behandelt). Kennzeichnung je Bild als sichtbarer Vermerk, für Screenreader ohne Inhalt. */
.home .bd-welten .bd-nutzen > p a::before{max-height:none;background-size:cover;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:flex-start;content:"KI-gestützte Produktvisualisierung" / "";font:500 10px/1 var(--bd-font-sans);letter-spacing:.02em;color:#fff;padding:0 0 6px 6px;text-shadow:0 1px 2px rgba(0,0,0,.7);box-sizing:border-box}
.home .bd-welten .bd-s-nassleim a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/bd-ws1-merlot-stapel-1000.webp?v=20261028c");background-position:50% 55%}
.home .bd-welten .bd-s-rolle a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/bd-n8-1-start-rolle-v1-1000.webp?v=20261106a");background-position:50% 50%}
.home .bd-welten .bd-s-bogen a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/bd-n8-2-start-bogen-v1-1000.webp?v=20261106a");background-position:50% 50%}
.home .bd-welten .bd-s-eindruck a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/start-eindruck.webp?v=20261027c");background-position:96% 50%}
.home .bd-welten .bd-s-geschaeft a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/start-geschaeft.webp?v=20261027d");background-position:50% 50%}
.home .bd-welten .bd-s-broschuere a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/bd-w08-imagebroschuere-v3-1000.webp?v=20261028c");background-position:40% 50%}
.home .bd-welten .bd-s-karten a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/bd-n8-4-preisliste-broschuere-v2-1000.webp?v=20261106a");background-position:50% 50%}
.home .bd-welten .bd-s-falz a::before{--bd-start-bild:url("/wp-content/uploads/bildwelten/bd/bd-n8-3-start-falz-v1-1000.webp?v=20261106a");background-position:50% 50%}
@media (max-width:759px){.home .bd-welten .bd-nutzen > p a::before{content:"KI" / "";font-size:9px;padding:0 0 3px 4px}}

/* 14.84 V4_06 Designprüfung (Befunde 5–16): Fachkorrekturen, Mobilreihenfolge, Kennzeichnung, Kontrast */
.bd-wahl.is-js .bd-wahl__xk{display:none}
.bd-wahl__xk{font-weight:700}
/* Mobil: Bühne direkt unter der Überschrift, dann Knöpfe (zweispaltig) und Text – die Änderung bleibt im Blick */
@media (max-width:599px){
  .bd-wahl > div:first-child{display:contents}
  .bd-wahl > div:first-child > *{order:4}
  .bd-wahl > div:first-child > .bd-kicker{order:1}
  .bd-wahl > div:first-child > h2{order:2}
  .bd-wahl > :nth-child(2){order:3}
  .bd-wahl > div:first-child > .bd-wahl__knoepfe{order:4}
  .bd-wahl.is-js .bd-wahl__knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 6px}
  .bd-wahl .bd-wahl__k{min-height:44px;padding:6px 10px;font-size:14px;line-height:1.2}
  .bd-wahl{gap:12px}
}
/* dunkle Module: Rahmen der Knöpfe ≥ 3:1 */
.bd-ed-sec .bd-wahl__k,.bd-rg-sec .bd-wahl__k,.bd-fo-sec .bd-wahl__k{border-color:#808080}
/* Nassleim: geschnitten (Nutzen rücken auseinander) und im Paket gestanzt */
.bd-nl[data-ansicht="schnitt"] .bd-nl__e,.bd-nl[data-ansicht="stanze"] .bd-nl__e{transform:translate(calc(var(--c) * 16px),calc((var(--r) - .5) * 16px))}
.bd-nl[data-ansicht="schnitt"] .bd-nl__papier,.bd-nl[data-ansicht="stanze"] .bd-nl__papier{fill:#ececec}
.bd-nl[data-ansicht="schnitt"] .bd-nl__flaeche{stroke:#1D1D1B}
.bd-nl[data-ansicht="stanze"] .bd-nl__e{filter:drop-shadow(0 6px 6px rgba(0,0,0,.18))}
/* Eindruck: Legende passend zum schwarzen Vordruck */
.bd-ed__l--vor{background:#1D1D1B;outline:1px solid #fff}
.bd-ed__alk{font:inherit}
/* Rolle: „innen“ als Rückseite des Trägers, nicht als schwarzes Material */
.bd-ro__rueck{font-size:12px;font-weight:600;fill:#555;text-anchor:middle;opacity:0}
.bd-ro[data-seite="innen"] .bd-ro__rueck{opacity:1}
.bd-ro[data-seite="innen"] .bd-ro__band{fill:#e6e6e6}
.bd-ro[data-seite="innen"] .bd-ro__rolle{fill:#e6e6e6}
.bd-ro[data-seite="innen"] .bd-ro__et{fill:none;stroke:#8c8c8c;stroke-dasharray:4 4}
.bd-ro[data-seite="innen"] .bd-ro__txt{fill:#8c8c8c;opacity:1}
.bd-ro[data-seite="innen"] .bd-ro__kopfstrich{stroke:rgba(227,6,19,.38)}
/* Bogen: Siegel */
.bd-bo__siegelkante{stroke:#E30613;stroke-width:1.5;stroke-dasharray:3 3}
/* Falz: Bruchkanten beim Kreuzbruch */
.bd-fa__bruch{stroke:#E30613;stroke-width:5;stroke-linecap:round}
.bd-fa__bruch--2{stroke:#1D1D1B}
/* Wein und Kosmetik: nicht gewählte Gefäße bleiben voll sichtbar, die Wahl zeigt sich an Linie und Anhebung */
.bd-ws.is-js .bd-ws__item,.bd-ko.is-js .bd-ko__item{opacity:1}
/* Prägung: harte Licht- und Schattenkante statt schwebender Karte */
.bd-pr__karte{box-shadow:0 1px 0 #fff,0 10px 24px rgba(0,0,0,.10)}
.bd-pr__s1{box-shadow:var(--sx) var(--sy) 1px rgba(0,0,0,.30),calc(var(--sx) * -1) calc(var(--sy) * -1) 1px #fff,inset calc(var(--sx) * -.35) calc(var(--sy) * -.35) 1px rgba(255,255,255,.95),inset calc(var(--sx) * .35) calc(var(--sy) * .35) 1px rgba(0,0,0,.08)}
.bd-pr[data-variante="relief"] .bd-pr__s2,.bd-pr[data-variante="relief"] .bd-pr__s3,.bd-pr[data-variante="foliere"] .bd-pr__s2,.bd-pr[data-variante="foliere"] .bd-pr__s3{box-shadow:calc(var(--sx) * .7) calc(var(--sy) * .7) 1px rgba(0,0,0,.26),calc(var(--sx) * -.7) calc(var(--sy) * -.7) 1px #fff}
/* Gewürze: lesbare Schrift, mobil vier Spalten */
.bd-rg__marke{font-size:clamp(8px,.62vw,10px)}
.bd-rg__name{font-size:clamp(11px,.95vw,14px)}
@media (max-width:599px){.bd-rg__regal{grid-template-columns:repeat(4,minmax(0,1fr))}.bd-rg__marke{font-size:8px}.bd-rg__name{font-size:11px}}
/* Startseite: Kennzeichnung lesbar auf dunkler Kante, mobil ausgeschrieben */
.home .bd-welten .bd-nutzen > p a::before{font-size:11px;padding:0 0 6px 8px}
.home .bd-welten .bd-s-nassleim a::before,.home .bd-welten .bd-s-rolle a::before,.home .bd-welten .bd-s-bogen a::before,.home .bd-welten .bd-s-eindruck a::before,.home .bd-welten .bd-s-geschaeft a::before,.home .bd-welten .bd-s-broschuere a::before,.home .bd-welten .bd-s-karten a::before,.home .bd-welten .bd-s-falz a::before{background-image:linear-gradient(transparent 62%,rgba(0,0,0,.62)),var(--bd-start-bild)}
@media (max-width:759px){.home .bd-welten .bd-nutzen > p a::before{content:"KI-Bild" / "";font-size:9px;padding:0 0 3px 4px}}

/* 14.85 V4_06 Designprüfung Befunde 1/2: Modul ersetzt den Nachbarabschnitt – dessen Text steht als ruhiger Zweispalter darunter;
   Komposition je Seite verschieden (Bühne links, mittig oder in voller Breite), damit keine neue Schablone entsteht. */
.bd-wahl__mehr{margin-top:clamp(28px,4vw,56px);padding-top:clamp(20px,2.4vw,32px);border-top:1px solid var(--bd-line);column-count:2;column-gap:clamp(28px,4vw,64px);font-size:17px;line-height:1.6}
.bd-wahl__mehr > *{break-inside:avoid}
.bd-wahl__mehr > :first-child{margin-top:0}
.bd-wahl__mehr:has(table,.wp-block-table){column-count:1}
.bd-wahl__mehr .wp-block-table{max-width:100%;overflow-x:auto}
.bd-ed-sec .bd-wahl__mehr,.bd-rg-sec .bd-wahl__mehr,.bd-fo-sec .bd-wahl__mehr{border-top-color:#444;color:#e6e6e6}
.bd-ed-sec .bd-wahl__mehr a,.bd-rg-sec .bd-wahl__mehr a,.bd-fo-sec .bd-wahl__mehr a{color:#fff}
@media (max-width:759px){.bd-wahl__mehr{column-count:1;font-size:16px}}
/* Bühne links: Rolle, Druckvorstufe */
@media (min-width:900px){
  .bd-ro,.bd-dv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .bd-ro > :nth-child(2),.bd-dv > :nth-child(2){order:-1}
}
/* Mittig: Eindruck – Kopf zentriert, Etikett groß darunter, Legende neben dem Etikett */
@media (min-width:900px){
  .bd-ed{grid-template-columns:1fr;justify-items:center;text-align:center}
  .bd-ed__kopf{max-width:62ch;display:flex;flex-direction:column;align-items:center}
  .bd-ed .bd-wahl__knoepfe{justify-content:center}
  .bd-ed__legende{justify-items:start;text-align:left}
  .bd-ed__buehne{width:100%}
  .bd-ed__etikett{width:min(100%,440px)}
}
/* Volle Breite: Gewürze, Wein, Falz – Kopf als Zeile über der Bühne */
@media (min-width:900px){
  .bd-rg,.bd-ws,.bd-fa{grid-template-columns:1fr}
  .bd-rg__kopf,.bd-ws__kopf,.bd-fa__kopf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(24px,4vw,64px);align-items:start;grid-auto-flow:dense}
  .bd-rg__kopf > .bd-kicker,.bd-ws__kopf > .bd-kicker,.bd-fa__kopf > .bd-kicker{grid-column:1}
  .bd-rg__kopf > h2,.bd-ws__kopf > h2,.bd-fa__kopf > h2{grid-column:1}
  .bd-rg__kopf > :not(.bd-kicker):not(h2),.bd-ws__kopf > :not(.bd-kicker):not(h2),.bd-fa__kopf > :not(.bd-kicker):not(h2){grid-column:2}
  .bd-rg__regal{grid-template-columns:repeat(10,minmax(0,1fr))}
  .bd-ws__reihe{max-width:900px;margin:0 auto;width:100%}
  .bd-fa__buehne{grid-template-columns:3fr 2fr}
}
/* „Schematisch“-Hinweise unauffälliger als Bildunterschrift-Ton */
.bd-wahl [class$="__hinweis"]{font-size:13px;letter-spacing:.01em}

/* 14.86 V4_06 Befund 3: Falzprodukte (Falzarten in 3D auf-/zuklappen), Beipackzettel (Kleinstfalz), Angaben zum Eindruck (Feld für Feld) */
.bd-kl,.bd-kf,.bd-ag{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center}
.bd-kl__t,.bd-kf__t,.bd-ag__t{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:.2em 0 0;max-width:20ch}
.bd-kf__hinweis,.bd-ag__hinweis{font-size:13px;color:var(--bd-mute);margin:12px 0 0;max-width:46ch}
@media (max-width:899px){.bd-kl,.bd-kf,.bd-ag{grid-template-columns:1fr}}
/* Falzarten klappen: verschachtelte Gelenke, rotateY um die jeweilige Bruchkante */
.bd-kl-sec{background:#1D1D1B;color:#fff}
.bd-kl-sec .bd-kicker,.bd-kl__t{color:#fff}
.bd-kl-sec .bd-wahl__k{background:transparent;color:#ddd;border-color:#808080}
.bd-kl-sec .bd-wahl__k[aria-pressed="true"]{background:#fff;color:#1D1D1B;border-color:#fff}
.bd-kl-sec .bd-wahl__k:focus-visible{outline-color:#fff}
.bd-kl-sec .bd-wahl__mehr{border-top-color:#444;color:#e6e6e6}
.bd-kl-sec .bd-wahl__mehr a{color:#fff}
@media (min-width:900px){.bd-kl{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.bd-kl > :nth-child(2){order:-1}}
.bd-kl__buehne{display:grid;place-items:center;min-height:clamp(260px,30vw,380px);background:radial-gradient(ellipse at 50% 40%,#3a3a38 0,#232322 60%,#181818 100%);perspective:1400px;overflow:hidden}
.bd-kl__raum{transform:rotateX(18deg);transform-style:preserve-3d}
.bd-kl__falz{display:flex;transform-style:preserve-3d;--w:clamp(70px,9vw,118px);--h:calc(var(--w) * 1.42)}
.bd-kl__falz[hidden]{display:none}
.bd-kl__feld{position:relative;width:var(--w);height:var(--h);background:#fbfbf9;border:1px solid #cfcfcf;backface-visibility:visible;display:grid;place-items:center;box-shadow:inset 0 0 0 6px #fff}
.bd-kl__a{background:#fbfbf9;border-left:6px solid #E30613}
.bd-kl__b{background:#f1f1ee}
.bd-kl__c{background:#e9e9e5}
.bd-kl__schmal{width:calc(var(--w) * .94)}
.bd-kl__nr{font:700 13px/1 var(--bd-font-sans);color:#555;letter-spacing:.06em;text-transform:uppercase}
.bd-kl__gelenk{display:flex;transform-style:preserve-3d;transform-origin:left center}
.bd-kl__mitte{width:calc(var(--w) * 2)}
.bd-kl__halb{width:var(--w)}
.bd-kl__gl{transform-origin:right center}
.bd-kl__gr{transform-origin:left center}
/* zu: Wickelfalz – erst das schmale Feld, dann beide gleichsinnig; Leporello – im Zickzack; Altarfalz – beide Flügel zur Mitte */
.bd-kl[data-zustand="zu"] .bd-kl__falz[data-fuer="art:wickel"] .bd-kl__g1{transform:rotateY(-178deg)}
.bd-kl[data-zustand="zu"] .bd-kl__falz[data-fuer="art:wickel"] .bd-kl__g2{transform:rotateY(-176deg) translateZ(1px)}
.bd-kl[data-zustand="zu"] .bd-kl__falz[data-fuer="art:lepo"] .bd-kl__g1{transform:rotateY(-178deg)}
.bd-kl[data-zustand="zu"] .bd-kl__falz[data-fuer="art:lepo"] .bd-kl__g2--zick{transform:rotateY(178deg)}
.bd-kl[data-zustand="zu"] .bd-kl__gl{transform:rotateY(178deg)}
.bd-kl[data-zustand="zu"] .bd-kl__gr{transform:rotateY(-178deg)}
.bd-kl[data-zustand="auf"] .bd-kl__gelenk{transform:rotateY(-12deg)}
.bd-kl[data-zustand="auf"] .bd-kl__g2--zick,.bd-kl[data-zustand="auf"] .bd-kl__gl{transform:rotateY(12deg)}
html[data-bd-motion="on"] .bd-kl__gelenk{transition:transform .9s cubic-bezier(.5,0,.2,1)}
html[data-bd-motion="on"] .bd-kl[data-zustand="zu"] .bd-kl__g1{transition-delay:.45s}
html[data-bd-motion="on"] .bd-kl[data-zustand="auf"] .bd-kl__g2{transition-delay:.45s}
.bd-kl:not(.is-js) .bd-kl__falz[hidden]{display:flex;margin-top:24px}
.bd-kl:not(.is-js) .bd-kl__raum{display:grid;gap:24px}
/* Kleinstfalz */
.bd-kf-sec{background:var(--bd-paper-2)}
.bd-kf__buehne{background:#fff;padding:clamp(16px,3vw,32px)}
.bd-kf__svg{width:100%;height:auto;display:block}
.bd-kf__r{fill:#fbfbf9;stroke:#1D1D1B;stroke-width:1.5;opacity:0}
.bd-kf__l{stroke:#E30613;stroke-width:2;stroke-dasharray:6 4;opacity:0}
.bd-kf__l--q{stroke:#1D1D1B}
.bd-kf__zeile{stroke:#cfcfcf;stroke-width:3;stroke-linecap:round}
.bd-kf[data-stufe="0"] .bd-kf__r[data-s="0"],.bd-kf[data-stufe="1"] .bd-kf__r[data-s="1"],.bd-kf[data-stufe="2"] .bd-kf__r[data-s="2"],.bd-kf[data-stufe="3"] .bd-kf__r[data-s="3"],.bd-kf[data-stufe="4"] .bd-kf__r[data-s="4"]{opacity:1}
.bd-kf[data-stufe="0"] .bd-kf__l[data-ab="0"],.bd-kf[data-stufe="1"] .bd-kf__l[data-ab="1"],.bd-kf[data-stufe="2"] .bd-kf__l[data-ab="2"],.bd-kf[data-stufe="3"] .bd-kf__l[data-ab="3"]{opacity:1}
.bd-kf:not([data-stufe="0"]) .bd-kf__text{opacity:0}
html[data-bd-motion="on"] .bd-kf__r,html[data-bd-motion="on"] .bd-kf__l,html[data-bd-motion="on"] .bd-kf__text{transition:opacity .45s ease}
/* Felder am Rückenetikett */
.bd-ag-sec{background:#fff;border-top:1px solid var(--bd-line)}
@media (min-width:900px){.bd-ag{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}
.bd-ag__buehne{display:grid;place-items:center;background:var(--bd-paper-2);padding:clamp(20px,3vw,40px)}
.bd-ag__etikett{width:min(100%,380px);aspect-ratio:3/4;background:#fbfbf9;border:1px solid #d5d5d5;box-shadow:0 18px 40px rgba(0,0,0,.12);padding:9% 8%;display:flex;flex-direction:column;gap:10px;font:400 14px/1.4 var(--bd-font-serif);color:#1D1D1B}
.bd-ag__etikett p{margin:0}
.bd-ag__zeile{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto!important;font:400 11.5px/1.35 var(--bd-font-sans)}
.bd-ag__zeile + .bd-ag__zeile{margin-top:8px!important}
.bd-ag__z{outline:2px solid transparent;outline-offset:4px;transition:outline-color .3s ease,background-color .3s ease}
.bd-ag__qr{display:inline-block;width:46px;height:46px;background:repeating-conic-gradient(#1D1D1B 0 25%,#fff 0 50%) 0 0/11px 11px;border:3px solid #1D1D1B}
.bd-ag__qr span{display:none}
.bd-ag[data-feld="absender"] [data-f="absender"],.bd-ag[data-feld="wein"] [data-f="wein"],.bd-ag[data-feld="qualitaet"] [data-f="qualitaet"],.bd-ag[data-feld="geschmack"] [data-f="geschmack"],.bd-ag[data-feld="kennung"] [data-f="kennung"],.bd-ag[data-feld="inhalt"] [data-f="inhalt"],.bd-ag[data-feld="zutaten"] [data-f="zutaten"]{outline-color:#E30613;background-color:rgba(227,6,19,.06)}
@media (prefers-reduced-motion:reduce){.bd-kl *,.bd-kf *,.bd-ag *{transition:none!important;animation:none!important}}

/* 14.87 V4_06 Befund 4: Motivumschalter Etikett / Visitenkarte (Heißfolie startet mit Visitenkarte) */
.bd-fo[data-motiv="vk"] .bd-fo__m-et,.bd-fo[data-motiv="et"] .bd-fo__m-vk{display:none}
.bd-fo[data-motiv="vk"] .bd-fo__karte{aspect-ratio:85/55;width:min(100%,420px);flex-direction:row;justify-content:flex-start;gap:20px;padding:0 9%;flex-wrap:wrap;align-content:center}
.bd-fo[data-motiv="vk"] .bd-fo__zeichen{width:64px;height:64px}
.bd-fo[data-motiv="vk"] .bd-fo__raute{width:20px;height:20px}
.bd-fo[data-motiv="vk"] .bd-fo__name{font-size:17px;letter-spacing:.18em}
.bd-fo[data-motiv="vk"] .bd-fo__linie{display:none}
.bd-fo[data-motiv="vk"] .bd-fo__sorte{flex-basis:100%;margin-left:84px;font-size:13px}
.bd-dv[data-motiv="et"] .bd-dv__m-vk,.bd-dv[data-motiv="vk"] .bd-dv__m-et{display:none}
.bd-dv[data-motiv="vk"] .bd-dv__titel{font-size:28px}
.bd-dv[data-motiv="vk"] .bd-dv__band{fill:#E30613}
.bd-dv[data-motiv="vk"] .bd-dv__stanze{rx:6}
/* 14.87 Prüfkette: Fokusrahmen gedrückter Knöpfe auf dunklen Abschnitten sichtbar (rot statt weiß auf weißem Knopf) */
.bd-ed-sec .bd-wahl__k[aria-pressed="true"]:focus-visible,.bd-rg-sec .bd-wahl__k[aria-pressed="true"]:focus-visible,.bd-fo-sec .bd-wahl__k[aria-pressed="true"]:focus-visible,.bd-kl-sec .bd-wahl__k[aria-pressed="true"]:focus-visible{outline-color:#E30613}

/* 14.88 V4_06 Bildtausch – Prüfung „Bildtausch“: Ausschnitte der neuen Kopfbilder, Abstand Bildband, Kennzeichnung, Animationen nicht endlos */
html .bdb--k08.bdb--foto{--bdb-fokus:74% 55%}
@media (max-width:899px){html .bdb--k03.bdb--foto{--bdb-fokus:22% 50%}html .bdb--k13.bdb--foto{--bdb-fokus:64% 50%}}
.page-id-127 .bd-foto--breit{margin-top:clamp(32px,4vw,48px)}
@media (max-width:759px){.home .bd-welten .bd-nutzen > p a::before{content:"KI-Visualisierung" / "";font-size:8px}}
/* Lichtstreif über den Kopfbildern: ein Durchlauf statt endlos, neutral statt warm */
.bdb--foto .bdb__bild::after{animation-iteration-count:1!important;background-image:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%)!important}
/* Ensemble-Punkte: Puls dreimal, dann ruhig */
html[data-bd-motion="on"] .bd-ens__punkt[aria-pressed="false"]::after{animation-iteration-count:3!important}
/* 14.89 Bildkorrektur V4_06 (27.10.): Speisekarten-Kopf k13 zeigt BD-B037-v2 (Tageslicht, weißes Leinen) – helle Lesefläche statt dunklem Schleier über hellem Bild; Abgrenzung zum dunklen Modulbild darunter bleibt */
html .bdb--k13.bdb--foto{--bdb-grund:#f2f2f2;--bdb-text:#1D1D1B;--bdb-schleier:linear-gradient(90deg,rgba(248,248,247,.97) 0%,rgba(248,248,247,.95) 90%,rgba(248,248,247,0) 100%)}
/* k12 Etiketteneindruck zeigt BD-B044-v4 (Motiv rechts, linke Fläche frei für Text): Desktop links verankern, damit die Etiketten nicht unter die Überschrift rücken; mobil bleibt 78% */
@media (min-width:900px){html .bdb--k12.bdb--foto{--bdb-fokus:0% 50%}}
/* 28.10.2026 Wein-Bildserie v5: Kopfbild k13 (1916×821, ChatGPT K2) – Leporello rechtsbündig neben der Textzone */
@media (min-width:900px){html .bdb--k13.bdb--foto{--bdb-fokus:100% 50%;--bdb-schleier:linear-gradient(90deg,rgba(248,248,247,.97) 0%,rgba(248,248,247,.95) 44%,rgba(248,248,247,0) 54%)}}
/* 06.11. N8-5 Feinkostlinie (Owner-Freigabe): mobil quadratischer Ausschnitt rechts, damit alle fünf Produkte sichtbar bleiben (Bild unverändert) */
@media (max-width:899px){html .bdb--k14.bdb--foto{--bdb-mobil-format:1/1;--bdb-fokus:100% 50%}html .bdb--k14.bdb--foto .bd-fx-lupe-btn{top:calc(min(62vh,100vw) - 60px)}}
/* 14.90 V4_07 Bildstrecke „Der Bogen. Das Etikett. Die Flasche.“ (Nassleim, OD-OWNER-2026-10-27-01): großes Bild + kurzer Text je Schritt; Desktop: Bild bleibt beim Lesen stehen (sticky), Text wechselt; mobil: Bild über Text. Ohne JS/Bewegung lesbarer Endzustand. */
.bd-reise__kopf{max-width:46rem;margin-bottom:clamp(24px,3vw,40px)}
.bd-reise__t{font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(30px,3.6vw,52px);line-height:1.04;letter-spacing:-.018em;margin:.35em 0 0}
.bd-reise__liste{list-style:none;margin:0;padding:0;display:grid;gap:clamp(28px,4vw,48px)}
.bd-reise__schritt{display:grid;gap:16px;margin:0}
.bd-reise__bild{position:relative;margin:0;overflow:hidden;background:var(--bd-paper-2)}
.bd-reise__bild img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.bd-reise__bild .bd-ki{position:absolute;left:10px;bottom:10px;font:500 10.5px/1 var(--bd-font-sans);letter-spacing:.03em;padding:5px 7px;background:rgba(20,20,20,.72);color:#fff;text-decoration:none}
.bd-reise__nr{display:inline-block;font:700 12.5px/1 var(--bd-font-sans);letter-spacing:.14em;color:var(--bd-red);border-bottom:1.5px solid var(--bd-red);padding-bottom:6px}
.bd-reise__h{font-family:var(--bd-font-serif);font-weight:400;font-size:clamp(24px,2.4vw,34px);line-height:1.1;margin:14px 0 10px}
.bd-reise__text p{margin:0;max-width:34rem;font-size:clamp(16px,1.2vw,18px);line-height:1.55}
.bd-reise__fuss{margin:clamp(20px,2.4vw,32px) 0 0;font-size:13px;color:var(--bd-mute)}
@media (min-width:900px){
 .bd-reise__liste{gap:0}
 .bd-reise__schritt{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start;min-height:62vh}
 .bd-reise__bild{position:sticky;top:clamp(96px,12vh,140px)}
 .bd-reise__text{align-self:center;padding:5vh 0}
}
html[data-bd-motion="on"] .bd-reise--fx .bd-reise__bild img{transform:scale(1.06);opacity:.35;transition:transform 1.4s var(--bd-ease),opacity .9s var(--bd-ease)}
html[data-bd-motion="on"] .bd-reise--fx .bd-reise__text{opacity:.25;transform:translateY(18px);transition:opacity .7s var(--bd-ease),transform .9s var(--bd-ease)}
html[data-bd-motion="on"] .bd-reise--fx .is-aktiv .bd-reise__bild img{transform:none;opacity:1}
html[data-bd-motion="on"] .bd-reise--fx .is-aktiv .bd-reise__text{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bd-reise--fx .bd-reise__bild img,.bd-reise--fx .bd-reise__text{transform:none!important;opacity:1!important;transition:none!important}}
/* 14.91 V4_07: helle Lesefläche für k07 (BD-B042-v3) und k12 (BD-B044-v6) – Verlauf erst rechts der Textspalte auslaufen lassen (Schleier reicht 100vw nach links) */
html .bdb--k07.bdb--foto,html .bdb--k12.bdb--foto{--bdb-schleier:linear-gradient(90deg,rgba(248,248,247,.95) 0%,rgba(248,248,247,.9) 88%,rgba(248,248,247,0) 100%)}
/* 14.92 V4_07b Seite 134: 21:9-Bildbänder mobil als 4:3-Ausschnitt (sonst nur ~130 px hoch) */
@media (max-width:759px){.page-id-134 .bd-foto--breit.bd-foto--bild{aspect-ratio:4/3}.page-id-134 .bd-foto--breit.bd-foto--bild img{height:100%;object-fit:cover;object-position:62% 50%}}
/* 14.93 Owner 27.10.2026 (OD-OWNER-2026-10-27-05): Kennzeichnung „KI-gestützte Produktvisualisierung“ an Bildern entfällt überall; Bildnachweis im Impressum bleibt */
.bd-ki,.bdb__ki{display:none!important}
.home .bd-welten .bd-nutzen > p a::before,.home .bd-welten .bd-nutzen > p a::before{content:""!important}
@media (max-width:759px){html .home .bd-welten .bd-nutzen > p a::before{content:""!important}}

/* 28.10.2026 Nassleim-Korrektur (Owner-Auftrag Nr. 2/3): Vergleich mit zwei Kästen zweispaltig; Materialbilder im Textbereich in voller Bildhöhe 3:2 */
@media (min-width:1024px){.bd-abschn3:has(> .bd-ab3:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.bd-ts__body > .bd-foto.bd-foto--bild{aspect-ratio:3/2;max-width:780px;width:100%;margin:0 0 6px}

/* Formstanzung design_v2 (28.10.2026) – Ergänzung zu style.css, nur Seite 1122 bzw. Modifikator bd-reise--arten.
   ENTWURF – Gate G12 ausstehend. Nutzt vorhandene Bausteine (bd-reise, bd-foto--bild, bd-beisp-sec, bd-faq); keine neuen Module. */

/* 1 bd-reise als Gliederung der drei Etikettenarten: Kurztext im Kopf, Etikettenart statt Schrittnummer, Link je Art */
.bd-reise__intro{margin:16px 0 0;max-width:38rem;font-size:clamp(17px,1.25vw,19px);line-height:1.55;color:var(--bd-ink-2)}
.bd-reise--arten .bd-reise__nr{text-transform:uppercase;letter-spacing:.12em}
.bd-reise--arten .bd-reise__text .bd-tlink{margin:18px 0 0}
.bd-reise--arten .bd-reise__schluss{margin:clamp(22px,2.6vw,34px) 0 0;max-width:40rem;font-size:clamp(16px,1.2vw,18px);line-height:1.55}
.bd-reise--arten > .bd-tlink{margin:14px 0 0}
.bd-reise--arten .bd-reise__fuss{margin-top:clamp(16px,2vw,24px)}
@media (min-width:900px){.bd-reise--arten .bd-reise__schritt{min-height:56vh}}

/* 2 Bildbänder vor Textabschnitten: Abstand zum folgenden Abschnitt straffen, mobil 4:3 statt Streifen */
.page-id-1122 .bd-fs-band{padding-bottom:0}
.page-id-1122 .bd-reise-sec + .bd-fs-band{padding-top:clamp(8px,1vw,16px)}
.page-id-1122 .bd-fs-band .bd-foto.bd-foto--breit{margin:0}
.page-id-1122 .bd-fs-band + .bd-sec--eng{padding-top:clamp(28px,3.4vw,48px)}
@media (max-width:759px){
  .page-id-1122 .bd-fs-band .bd-foto--breit.bd-foto--bild{aspect-ratio:4/3}
  .page-id-1122 .bd-fs-band .bd-foto--breit.bd-foto--bild img{height:100%;object-fit:cover}
}

/* 3 Einklappbare Fachdetails mitten im Textblock: Abstände der Absätze erhalten (style.css setzt gap:0 bei details) */
.page-id-1122 .bd-ts__body:has(> .wp-block-details) > p{margin:0 0 18px}
.page-id-1122 .bd-ts__body:has(> .wp-block-details) > .bd-rlist{margin:0 0 22px}
.page-id-1122 .bd-ts__body > .wp-block-details + .bd-tlink{margin-top:26px}
.page-id-1122 .bd-ts__body > p + .wp-block-details{border-top:1px solid var(--bd-line)}
.page-id-1122 .bd-ts__body > .wp-block-details .bd-tabelle{margin:4px 0 18px}

/* 4 Bild im Textabschnitt (Stanzform): Abstand zum Text */
.page-id-1122 .bd-ts__body > .bd-foto.bd-foto--bild{margin-bottom:22px}

/* =====================================================================
   Bayer Druck – Ergänzung „Mobil fertig 29.10.“ (ENTWURF – Gate G12/G13 ausstehend)
   Stand 28.10.2026 · ans ENDE von child-theme/style.css anhängen (oder als eigene Datei nach style.css laden).
   Desktop ≥ 1024 px bleibt unverändert: Abschnitt 1 greift nur < 1024 px, Abschnitt 2 nur im #offcanvas (Mobilmenü).
   Keine Text-, Bild- oder Videoänderung.
   ===================================================================== */

/* ---------- 1  Startseite mobil/Tablet: Lesefläche (H1, Slogan, Einstiege, „Anfrage starten“) zuerst, Film darunter ----------
   Vorher: Film 4:5 (≈ 490 px hoch) oben → erster Bildschirm ohne H1/Knopf.
   Nachher: H1 + Slogan + Etiketten/Drucksachen-Einstiege + Anfrage-Knopf im ersten Bildschirm (390×844, 360×780),
   Film unverändert darunter, etwas kleiner (höchstens 62 % Bildschirmhöhe).
   Spezifität (3 Klassen) > hero.css (1 Klasse), da hero.css nach style.css geladen wird. */
@media (max-width:1023px){
  .bdhD.bd-heroanim--neuD .bdhD__inner{order:1}
  .bdhD.bd-heroanim--neuD .bdhD__stage{order:2; max-height:min(62svh, 560px)}
  .bdhD.bd-heroanim--neuD .bdhD__panel{padding-top:20px; padding-bottom:24px}
  /* Film-Bedienknopf an den unteren Rand des Films (Film ist jetzt letztes Element der Sektion) */
  .bdhD.bd-heroanim--neuD .bdhD__ctrl{top:auto; bottom:12px; right:12px}
}

/* ---------- 2  Mobilmenü (Blocksy-Offcanvas) ---------- */
/* 2a deckendes Panel: Blocksy setzt rgba(18,21,25,.98) → Seiteninhalt und Kopf-X schimmern durch */
#offcanvas.ct-panel.ct-header .ct-panel-inner{background-color:#121519}  /* Spezifität > Blocksy [data-header*="type-1"] #offcanvas .ct-panel-inner */
/* 2b Restfläche links neben dem Panel (10 vw) abdunkeln, damit kein Seiteninhalt „mitliest“ */
body[data-panel] #offcanvas.ct-panel{background-color:rgba(0,0,0,.62)}
/* 2c Zwischenüberschriften (Branchen, Etikettenarten …): #555 auf Dunkel = 2,6 : 1 → #b0b0b0 = 8,3 : 1 */
#offcanvas .mobile-menu li.bd-mlabel > .ct-menu-link{color:#b0b0b0 !important; border-bottom-color:rgba(255,255,255,.3)}
/* 2d aktiver/geöffneter Menüpunkt: Rot auf Dunkel = 3,6 : 1 (AA verfehlt) → Weiß (17,6 : 1) + rote Unterstreichung als Markierung */
#offcanvas .mobile-menu li[class*="current-menu-"] > .ct-menu-link,
#offcanvas .mobile-menu li[class*="current-menu-"] > .ct-sub-menu-parent > .ct-menu-link,
#offcanvas .mobile-menu li.dropdown-active > .ct-sub-menu-parent > .ct-menu-link{
  color:#fff; text-decoration:underline; text-decoration-color:var(--bd-red,#E30613);
  text-decoration-thickness:3px; text-underline-offset:.3em}
#offcanvas .mobile-menu li[class*="current-menu-"] > .ct-sub-menu-parent svg,
#offcanvas .mobile-menu li.dropdown-active > .ct-sub-menu-parent svg{fill:#fff}
/* Hover/Fokus ebenfalls ohne Rot-Text */
#offcanvas .mobile-menu .ct-menu-link:hover,
#offcanvas .mobile-menu .ct-sub-menu-parent:hover > .ct-menu-link{color:#fff}
#offcanvas .mobile-menu .ct-menu-link:focus-visible{outline:2px solid #fff; outline-offset:3px}

/* 14.xx Fertigstellung 29.10.2026 (Owner-Auftrag 28.10.): H1 ohne automatische Silbentrennung.
   Befund: H1 wurden durch die globale Regel „h1,h2,h3{hyphens:auto}“ (14.x, Z. ~952) mitten im Wort getrennt,
   z. B. Bogenetiketten „aufkle-ben“ (1440 px), Weiterverarbeitung „Weiterverar-beitung“ (1440 px),
   Heißfolie „Kerzen-licht“ und AGB „Geschäftsbedin-gungen“ (390 px), Kosmetik „Cremetie-gel“ (1440 px).
   „manual“ statt „none“: bewusst gesetzte weiche Trennstellen (&shy;, z. B. „Druck­sachen“, „Datenschutz­erklärung“,
   „Geschäfts­ausstattung“) bleiben wirksam – mit „none“ würden lange Wörter auf 320–390 px überlaufen.
   Geprüft 390/768/1440 px, alle 36 Seiten: kein H1-Überlauf, keine horizontale Scrollleiste. */
h1,.bd-sec h1,.bd-sec .bd-recht__kopf h1{-webkit-hyphens:manual;hyphens:manual}

/* Veredelung Hub (WP 138) – Neugestaltung 28.10.2026. ENTWURF – Gate G12 ausstehend.
   Nur .page-id-138; nutzt vorhandene Bausteine (bd-reise/--arten, bd-foto--bild, bd-ts, bd-faq, bd-tabelle).
   Kopf/Film (bd-heroanim--03) wird nicht berührt. Neu ist nur das Raster bd-ver-karten (zwei Bildkarten). */

/* 1 Nutzen direkt nach dem Film: etwas Luft nach oben */
.page-id-138 .bd-ver-nutzen{padding-top:clamp(40px,5vw,72px)}

/* 2 Bühne der drei Hauptleistungen */
.page-id-138 .bd-ver-buehne{padding-top:clamp(36px,4.4vw,64px)}
.page-id-138 .bd-ver-buehne .bd-reise__bild{background:#f2f2f2}
.page-id-138 .bd-ver-buehne__fenster img{object-position:30% 50%}
.page-id-138 .bd-ver-buehne .bd-reise__text .bd-tlink{margin:18px 0 0}
@media (min-width:900px){.page-id-138 .bd-ver-buehne .bd-reise__schritt{min-height:58vh}}
/* Owner 06.11. (Q0-Hinweis): klebendes Bild auf /veredelung/ nie unter dem klebenden Kopf (122 px) – dieselbe Mindestabstand-Logik wie 13/146 (B-01) */
@media (min-width:900px){.page-id-138 .bd-reise__bild{top:max(calc(var(--bd-hdr-h,84px) + 24px),146px)}}

/* 3 Weitere Veredelungen: zwei Bildkarten, Bild oben, Text darunter */
.page-id-138 .bd-ver-karten{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.page-id-138 .bd-ver-karten li{margin:0;padding:0}
.page-id-138 .bd-ver-karten li::before{content:none}
.page-id-138 .bd-ver-karten figure{margin:0}
.page-id-138 .bd-ver-karten img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#1D1D1B}
.page-id-138 .bd-ver-karten figcaption{margin-top:10px;font-size:15px;line-height:1.45;color:var(--bd-ink-2)}
.page-id-138 .bd-ver-karten figcaption strong{display:block;font-size:16px;color:var(--bd-ink);margin-bottom:2px}
@media (max-width:759px){.page-id-138 .bd-ver-karten{grid-template-columns:1fr;gap:18px}}

/* 4 Breites Bildband Kombination (wie Formstanzung) */
.page-id-138 .bd-ver-band{padding-bottom:0}
.page-id-138 .bd-ver-band .bd-foto.bd-foto--breit{margin:0;aspect-ratio:auto}
.page-id-138 .bd-ver-band .bd-foto--breit.bd-foto--bild img{height:auto;aspect-ratio:1536/700}
.page-id-138 .bd-ver-band + .bd-sec--eng{padding-top:clamp(28px,3.4vw,48px)}
@media (max-width:759px){.page-id-138 .bd-ver-band .bd-foto--breit.bd-foto--bild img{aspect-ratio:4/3;object-fit:cover;object-position:64% 50%}}

/* 5 Einklappbare Details im Textkörper (wie Formstanzung) */
.page-id-138 .bd-ts__body:has(> .wp-block-details) > p{margin:0 0 18px}
.page-id-138 .bd-ts__body > p + .wp-block-details{border-top:1px solid var(--bd-line)}
.page-id-138 .bd-ts__body > .wp-block-details + p{margin-top:14px}
.page-id-138 .bd-ts__body > .wp-block-details .bd-rlist{margin:4px 0 18px}
.page-id-138 .bd-ts__body > .wp-block-details .bd-tabelle{margin:4px 0 18px}
.page-id-138 .bd-ts__body > .bd-foto.bd-foto--bild{margin-bottom:22px}

/* Veredelung mobil: Bildband zeigt den Schriftzug MERLOT 2026 statt nur Traube (28.10.) */
@media (max-width:759px){.page-id-138 img[src*="bd-ver-kombi-merlot"]{object-position:6% 50%!important}}

/* 28.10. Ladeeindruck: Bildflächen vor dem Einblenden papierhell statt schwarz (Befund externe Abnahme) */
.bd-foto.bd-foto--bild{background:var(--bd-paper-2,#f2f2f2)}

/* 28.10. Modul Gutswein/Ortswein/Lage: echte Etikettenbilder statt Flaschen-Silhouetten */
.bd-ws__flasche.bd-ws__flasche--bild{max-width:none;width:100%}
.bd-ws__flasche--bild img{display:block;width:100%;height:auto;box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}
.bd-ws__reihe:has(.bd-ws__flasche--bild){padding-top:clamp(16px,2vw,28px);background:var(--bd-paper-2,#f2f2f2)}

/* =====================================================================
   S5/S4 03.11.2026 – globale Korrekturen und Code-Grafiken (Bericht 11_REPORTS/SEITENOPTIMIERUNG_2026-10-29/STRANG_S4S5_0311.md)
   ===================================================================== */
/* M-213 Passerlinie: endet an der Satzspiegelkante (vorher right:0 → ragte eine Spaltenbreite über den Satzspiegel) */
.bd-hubkopf::after,.bd-lskopf::after{right:var(--bd-gut)}
/* M-310/M-159/M-241 (G4) Zitatkante: ein Zitat am Ende eines Abschnitts hält Abstand zur nächsten Abschnittskante */
.bd-beisp-sec .bd-wrap > .bd-stmt:last-child{margin-bottom:clamp(32px,4vw,56px)}
/* M-193 (K15 entfernt): Abschnitt, der nur einen leeren Bildplatz enthält, entfällt statt Leerraum zu zeigen */
.bd-sec.bd-beisp-sec:not(:has(.bd-foto--bild,.bdb,.bd-stmt,img,picture,svg,h2,h3,p,ul,ol,table,.wp-block-buttons)){display:none}
/* M-024 Vergleichstabellen ab vier Spalten in voller Satzbreite (vorher 780 px), Begleittext bleibt schmal */
.bd-ts__body:has(> .bd-tabelle tr > :nth-child(4)){max-width:none}
.bd-ts__body:has(> .bd-tabelle tr > :nth-child(4)) > :not(.bd-tabelle){max-width:780px}
/* M-010 Startseite: Welten-Überschriften (H2) kleiner als die H1 des Kopfes */
.bd-sec .bd-welt__t{font-size:clamp(32px,3.1vw,46px)}
@media (max-width:759px){.bd-sec .bd-welt__t{font-size:clamp(26px,7.4vw,32px)}}
/* M-082 /drucksachen/: inaktive Auswahlnamen dunkler (5,4:1 statt 3,5:1) */
@media (min-width:900px){.bd-pb__liste:has(.is-aktiv) .bd-pb__link:not(.is-aktiv) .bd-pb__name{color:#6b6b69}}
/* M-121/M-263 mobile Köpfe Beipackzettel und Pharma: Kopfbild vor der Überschrift statt unter dem Knopf */
@media (max-width:759px){
  .page-id-136 .bd-lskopf > .bd-lskopf__bild,.page-id-1173 .bd-lskopf > .bd-lskopf__bild{order:-1;margin:0 0 20px;max-width:none}
  .page-id-136 .bd-lskopf > .bd-lskopf__bild.bd-foto--bild{aspect-ratio:3/2}
  .page-id-1173 .bd-lskopf > .bd-lskopf__bild--bdb,.page-id-1173 .bd-lskopf__bild--bdb .bdb.bdb--feld{aspect-ratio:3/2}
}
/* bd-reise (/etiketten/nassleimetiketten/, /veredelung/, /veredelung/formstanzung/): Text während der Einblendung voll lesbar (vorher Deckkraft .25), Bild nur leicht abgeblendet */
html[data-bd-motion="on"] .bd-reise--fx .bd-reise__text{opacity:1;transform:translateY(12px)}
html[data-bd-motion="on"] .bd-reise--fx .bd-reise__bild img{opacity:.6}
/* M-183 Gewürzregal (Lebensmittel): CI-Palette statt Fremdfarben; immer 3 Reihen – ab 900 px alle 30 Dosen (10 × 3), 600–899 px 18 (6 × 3), mobil 12 (4 × 3). 04.11.: Inhalt bleibt vollständig im DOM, nur mobil/Tablet ausgeblendet */
.bd-rg__regal,.bd-rg .bd-rg__regal{grid-template-columns:repeat(6,minmax(0,1fr))}
.bd-rg__dose:nth-child(n+19){display:none}
@media (min-width:900px){.bd-rg__regal,.bd-rg .bd-rg__regal{grid-template-columns:repeat(10,minmax(0,1fr))}.bd-rg__dose:nth-child(n+19){display:flex}}
@media (max-width:599px){.bd-rg__regal,.bd-rg .bd-rg__regal{grid-template-columns:repeat(4,minmax(0,1fr))}.bd-rg__dose:nth-child(n+13){display:none}}
.bd-rg__dose:nth-child(3n+1) .bd-rg__punkt{background:#E30613}
.bd-rg__dose:nth-child(3n+2) .bd-rg__punkt{background:#1D1D1B}
.bd-rg__dose:nth-child(3n) .bd-rg__punkt{background:#A7ACB1}
.bd-rg__deckel{background:#A7ACB1}
/* M-065 Druckdaten-Hilfe: Beschnitt grau statt Rosa, Sicherheitsabstand Silber, Stanze HKS 14; „Endformat“ steht im Endformat */
.bd-dv[data-ebene="beschnitt"] .bd-dv__beschnitt{fill:#1D1D1B;fill-opacity:.2}
.bd-dv__l--b{fill:#1D1D1B}
.bd-dv__abstand{stroke:#7C8288}
.bd-dv__l--a{fill:#5F6368}
.bd-dv__stanze{stroke:#E30613}
.bd-dv__l--s{fill:#E30613}
.bd-dv__l--e{transform:translateY(-20px)}
/* M-043 Wickelrichtung: größere Darstellung, lesbare Beschriftung */
.bd-tool__bild{max-width:460px}
.bdk-x{font-size:12px}
.bdk-t{font-size:10px}
/* M-123 /verarbeitung/: Prozess-Piktogramme mit kräftigerer Linie (Falzen/Binden lesbar) */
.page-id-137 .bd-skz svg :is(path,line,polyline,polygon,rect,circle,ellipse){stroke-width:2px}
/* M-160 Mobilmenü: genau ein aktiver Hauptpunkt (JS 2b setzt .bd-aktiv auch im #offcanvas); vom Nutzer geöffnete Punkte bleiben markiert */
.bd-js #offcanvas .mobile-menu > li[class*="current-menu-"]:not(.bd-aktiv):not(.dropdown-active) > .ct-menu-link,
.bd-js #offcanvas .mobile-menu > li[class*="current-menu-"]:not(.bd-aktiv):not(.dropdown-active) > .ct-sub-menu-parent > .ct-menu-link{text-decoration:none}
/* S6 §2 (neu, hoch): einfaches Dropdown (kein Mega-Menü) – dritte Ebene „Produktion › Digitaldruck/Bogenoffset“ mit weißem Grund und Schatten statt transparent über dem Hero */
#header [data-device="desktop"] [data-id^="menu"] .menu > li:not([class*="ct-mega-menu"]) .sub-menu .sub-menu{background:#fff;box-shadow:0 18px 30px -24px rgba(0,0,0,.35)}
/* M-008 Startseite #unter-einem-dach + S1a-Wunsch: Leistungszeilen ohne Mini-Strichzeichnung (wirkten wie Platzhalter); Zeilen ohne Motiv ohne leere Spalte */
.bd-zeile:not([class*="bd-s-"]){grid-template-columns:minmax(0,1fr)}
.bd-zeile:not([class*="bd-s-"])::after,.home .bd-zeile::after{display:none}
.home .bd-zeile{grid-template-columns:minmax(0,1fr)}
.home .bd-sec .bd-zeile__n{font-size:clamp(28px,3vw,44px)} /* M-010: Zeilentitel der Startseite unter der H1-Größe */

/* ===== QA-0311 Theme-Fixes (03.11.2026, Strang QA-Fix Theme, Bericht STRANG_QA_FIX_THEME_0311.md) ===== */
/* QA-0311-02 Desktop-Menü: Flyouts ab der 3. Ebene (z. B. „Mehr › Unternehmen › Produktion“) dunkel wie die 2. Ebene statt weiß – weiße Schrift war unlesbar */
#header [data-device="desktop"] [data-id^="menu"] .menu > li:not([class*="ct-mega-menu"]) .sub-menu .sub-menu{background:#1D1D1B;box-shadow:0 18px 30px -24px rgba(0,0,0,.35),inset 1px 0 0 rgba(255,255,255,.18)}
/* QA-0311-02 Kontrast Hover/Aktiv in dunklen Flyouts: Rot auf #1D1D1B nur 3,5:1 – Schrift weiß, Markierung als rote Unterstreichung */
#header [data-device="desktop"] [data-id^="menu"] .sub-menu li:is(:hover,:focus-within,[class*="current-menu-"]) > .ct-menu-link,#header [data-device="desktop"] [data-id^="menu"] .sub-menu .ct-menu-link:is(:hover,:focus-visible){color:#fff;text-decoration:underline;text-decoration-color:#E30613;text-decoration-thickness:2px;text-underline-offset:4px}
/* QA-0311-03 K17 /kontakt/: Schleife nur mit sichtbarem, bedienbarem Pause-Knopf (WCAG 2.2.2, Owner 03.11.); reduzierte Bewegung: Knopf bleibt per [hidden] aus */
.bdb.bdb--k17.bdb--js .bdb__pause:not([hidden]){display:inline-flex}
/* QA-0311-04 Kartenraster im Textblock (.bd-ts__body, max. 780 px): zwei statt drei Spalten, Linkzeilen dürfen umbrechen (kein Überlauf/keine Überlagerung) */
@media (min-width:1024px){
  .bd-ts__body > .bd-abschn3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bd-ts__body > .bd-abschn3 > .bd-ab3:last-child:nth-child(3n+1){grid-column:auto}
  .bd-ts__body > .bd-abschn3 > .bd-ab3:last-child:nth-child(2n+1){grid-column:1 / -1}
  .bd-ts__body > .bd-abschn3 .bd-tlink a{white-space:normal}
}
.bd-ts__body > .bd-abschn3 > .bd-ab3{min-width:0;overflow-wrap:break-word}
/* QA-0311-06 145 Kopf (K14, Desktop): Textspalte endet vor dem Glas, Schleier unter dem Text dichter – H1/Lead nicht mehr auf dem Bildmotiv */
@media (min-width:900px){
  .bdb.bdb--k14.bdb--hell{--bdb-schleier:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 72%,rgba(255,255,255,0) 100%)}
  .bdb--k14 .bdb__text .bd-lskopf__txt{max-width:min(520px,100%)}
}
/* QA-0311-07 /webdesign/: aktiver Umschalter rot auf #f2f2f2 (4,36:1) – Schrift mind. 19 px fett = große Schrift (≥ 3:1) */
.wd3 .wd3-li__nav button{font-size:clamp(19px,1.6vw,24px)}
/* QA-0311-08 Startseite LCP mobil: Kachelbilder (CSS-Hintergründe weit unter dem Kopf) erst nach dem Laden bzw. kurz vor Sicht – Kopfposter bekommt die Bandbreite. Ohne JS unverändert. */
html.bd-bildwarte .home .bd-welten .bd-nutzen > p a::before{background-image:linear-gradient(transparent 62%,rgba(0,0,0,.62))}
/* QA-0311-09 Lupe verdeckte Sortennamen (BI-1 „DUNKEL“, LE-1 „KRÄUTERESSIG“): Knopf oben rechts */
.page-id-1218 .bd-lskopf__bild.bd-foto--bild .bd-fx-lupe-btn,.bd-foto--bild.bd-le-hof .bd-fx-lupe-btn{top:12px;bottom:auto}

/* QA-0411: Mega-Menü Spaltenüberschriften im dunklen Untermenü – Kontrast ≥ 4,5:1 (vorher #555 auf #1D1D1B = 2,26:1) */
#header .menu .sub-menu a.ct-column-heading,
.menu .sub-menu a.ct-column-heading { color: #B5B5B5; --theme-link-initial-color: #B5B5B5; }

/* WT-NAV 04.11.: Drucksachen-Mega-Menü 4 Spalten (inkl. „Werbetechnik & Großformatdruck“) – im Child-Theme abgesichert,
   damit ein Neuaufbau von uploads/blocksy/css/global.css (Customizer speichern) die Spalte nicht verliert. */
nav > ul > .menu-item-31[class*="ct-mega-menu"] > .sub-menu { --grid-template-columns: repeat(4, 1fr); }

/* ===== THEME-PIN 04.11.2026 (Strang THEME_PIN, Bericht 11_REPORTS/WERBETECHNIK_2026-11-04/STRANG_THEME_PIN_0411.md;
   Variante B aus BLOCKSY_CUSTOMIZER_ABWEICHUNG_0411.md) =====
   Kopf-/Menü-Erscheinungsbild unabhängig von uploads/blocksy/css/global.css festschreiben: ein Neuaufbau (Customizer speichern,
   Blocksy-Update, Menü speichern, Umzugsimport) darf Kopfhöhe 120/70 px, Kopf ohne Schrumpfen beim Scrollen, Hauptmenü 12 px
   UPPERCASE, Menüabstand 25 px und das dunkle Mega-Menü nicht ändern. Gleiche Selektoren wie Blocksy (gleiche Spezifität);
   die Child-style.css lädt nach global.css und gewinnt. Spaltenköpfe #B5B5B5 und 4. Spalte: Regeln QA-0411/WT-NAV oben. */
[data-header*="type-1"]{--header-height:120px;--header-sticky-height:120px;--sticky-shrink:100}
[data-header*="type-1"] .ct-header [data-row*="middle"]{--height:120px}
@media (max-width:999.98px){
  [data-header*="type-1"]{--header-height:70px;--header-sticky-height:70px}
  [data-header*="type-1"] .ct-header [data-row*="middle"]{--height:70px}
}
[data-header*="type-1"] .ct-header [data-id="menu"]{--menu-items-spacing:25px}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a{--theme-font-size:12px;--theme-text-transform:uppercase}
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu{--dropdown-background-color:#1D1D1B}
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu .ct-menu-link{--theme-link-initial-color:var(--theme-palette-color-8);--theme-link-hover-color:var(--theme-palette-color-8)}

/* THEME-PIN I-1 (S2, AUFFINDBARKEIT_INTEGRATION_0411.md): Mega-Menü auf Laptop-Fenstern mit wenig Höhe (z. B. 1366 × 657, 1280 × 633)
   vollständig erreichbar – Zeilen etwas enger, Panel höchstens bis zum Fensterrand, darunter scrollbar (Kopf ist fixiert).
   Ab 821 px Fensterhöhe unverändert. Tastatur: Fokus scrollt den Bereich mit (overflow-y:auto). */
@media (min-width:1000px) and (max-height:820px){
  #header [data-device="desktop"] [data-id="menu"] > ul > li[class*="ct-mega-menu"] > .sub-menu{max-height:calc(100vh - 136px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8C8C8A #1D1D1B;--columns-padding:14px 30px}
  #header [data-device="desktop"] [data-id="menu"] > ul > li[class*="ct-mega-menu"] > .sub-menu,
  #header [data-device="desktop"] [data-id="menu"] > ul > li[class*="ct-mega-menu"] > .sub-menu .sub-menu{--dropdown-items-spacing:8px}
}
/* THEME-PIN I-1 Tastatur 1000–1199 px (z. B. 1024 × 768): Die Umschaltknöpfe „Untermenü …“ waren hier per display:none ausgeblendet
   (Platz im Kopf) – ohne sie ließ sich das Mega-Menü per Tastatur nicht öffnen. Jetzt nur optisch verborgen (Layout unverändert),
   bei Tastaturfokus als kleines Feld mit Pfeil unter dem Menüpunkt sichtbar; Enter öffnet das Untermenü wie ab 1200 px. */
@media (min-width:1000px) and (max-width:1199.98px){
  #header [data-device="desktop"] [data-id="menu"] > ul > li > .ct-toggle-dropdown-desktop-ghost{display:flex;position:absolute;inset:auto;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #header [data-device="desktop"] [data-id="menu"] > ul > li > .ct-toggle-dropdown-desktop-ghost:focus-visible{position:relative;width:24px;height:24px;margin-inline-start:-24px;overflow:visible;clip-path:none;align-items:center;justify-content:center;transform:translateY(30px);background:#fff;outline:2px solid #E30613;outline-offset:2px}
  #header [data-device="desktop"] [data-id="menu"] > ul > li > .ct-toggle-dropdown-desktop-ghost:focus-visible::after{content:"";width:7px;height:7px;margin-top:-4px;border:solid #1D1D1B;border-width:0 2px 2px 0;transform:rotate(45deg)}
}

/* 04.11.2026 FQA-01 (Owner-Regel „keine Bildunterschriften“): Beschriftungen in eigenen Grafiken/Werkzeugen sind jetzt div statt figcaption
   (126 Wickel-Werkzeug, 128 Eindruck, 133 Bindung, 135 Falz, 140 Streiflicht, 901 Gefäße). Damit sie pixelgleich bleiben, erhalten sie
   genau die Blocksy-Grundwerte, die vorher für figcaption galten (main.min.css + global.css) – ohne Spezifität, die Komponentenregeln gewinnen wie bisher. */
:where(.bd-tool__fig > .bd-tool__erg, .bdz-mcap, .bdz-fcap, .bdz-scap, .bd-bind__cap, .bd-ko__cap){--theme-font-size:14px;font-family:var(--theme-font-family);font-size:var(--theme-font-size);font-weight:var(--theme-font-weight);font-style:var(--theme-font-style, inherit);line-height:var(--theme-line-height);letter-spacing:var(--theme-letter-spacing);text-transform:var(--theme-text-transform);text-decoration:var(--theme-text-decoration)}
.entry-content :where(.bd-tool__fig > .bd-tool__erg, .bdz-mcap, .bdz-fcap, .bdz-scap, .bd-bind__cap, .bd-ko__cap){text-align:center;margin-block:.5em 0}
/* 04.11.2026 M-183 Gewürzregal bd-rg (145), Owner 04.11.: Unter 900 px sind 12 (mobil) bzw. 18 (Tablet) Dosen sichtbar; der Knopf
   „Alle 30 Sorten zeigen“ / „Weniger Sorten zeigen“ (aria-expanded) blendet alle 30 ein. Ohne JS stehen alle 30 da. Desktop ≥ 900 px unverändert (Knopf aus).
   order:3 = direkt unter dem Regal (mobile Umsortierung 14.84 setzt das Regal auf order:3). */
.bd-rg__mehr{display:none}
.bd-rg:not(.is-js) .bd-rg__dose,.bd-rg.is-alle .bd-rg__dose{display:flex}
@media (max-width:899px){
  .bd-rg.is-js .bd-rg__mehr{display:inline-flex;align-items:center;justify-self:start;order:3;min-height:44px;padding:0 16px;margin:0;border:1px solid #808080;background:transparent;color:#fff;font:600 15px/1.1 var(--bd-font-sans);cursor:pointer;text-align:left}
  .bd-rg.is-js .bd-rg__mehr:hover{border-color:#fff}
  .bd-rg.is-js .bd-rg__mehr:focus-visible{outline:3px solid #fff;outline-offset:2px}
}

/* 14.50 Owner-Sichtabnahme 05.11.: Lesbarkeit AGB (153) / Datenschutz (152) und Ausrichtung Auswahlfelder F3 /anfrage/ + F4 /etikettencheck/.
   Nur Darstellung – Wortlaut unverändert. Gezielt über page-id bzw. Formular-Wrapper, keine globalen Nebenwirkungen. */
/* Rechtstexte: Zeilenlänge ca. 65–80 Zeichen, ruhiger Umbruch, keine Einzelwörter in der letzten Zeile, Silbentrennung mobil nur bei langen Wörtern */
:is(.page-id-152,.page-id-153) .bd-recht > :where(p,ul,ol,h2,h3,h4,h5,.bd-pruefen){max-width:66ch}
:is(.page-id-152,.page-id-153) .bd-recht :where(p,li){text-wrap:pretty;orphans:2;widows:2}
:is(.page-id-152,.page-id-153) .bd-sec .bd-recht :where(h2,h3,h4){text-wrap:balance;line-height:1.22}
:is(.page-id-152,.page-id-153) .bd-sec .bd-recht h3{margin-top:18px}
:is(.page-id-152,.page-id-153) .bd-recht a{hyphens:none;-webkit-hyphens:none}
:is(.page-id-152,.page-id-153) .bd-recht a:is([href^="mailto:"],[href^="tel:"]){white-space:nowrap;overflow-wrap:normal}
@media (max-width:599px){:is(.page-id-152,.page-id-153) .bd-recht{hyphenate-limit-chars:12 5 5;-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:5;-webkit-hyphenate-limit-lines:2}}
/* F3 /anfrage/: Auswahlfeld an der ersten Textzeile ausgerichtet (optische Mitte aus x-/Versalhöhe), auch bei mehrzeiligen Beschriftungen */
.bd-anfseite .fluentform .ff-el-form-check-label:not(.ff_tc_label){display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;align-items:start;align-content:center;line-height:24px}
.bd-anfseite .fluentform .ff-el-form-check-label:not(.ff_tc_label) > input{display:block;margin:5px 0 0}
.bd-anfseite .fluentform .ff-el-form-check-label:not(.ff_tc_label) > span{display:block;min-width:0}
.bd-anfseite .fluentform .ff-el-tc label.ff_tc_label{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;align-items:start}
.bd-anfseite .fluentform .ff-el-tc label.ff_tc_label .ff_tc_checkbox{display:block;margin:0!important;padding:0!important;line-height:0}
.bd-anfseite .fluentform .ff-el-tc label.ff_tc_label input.ff_gdpr_field{display:block;margin:3.5px 0 0}
/* F4 /etikettencheck/: Kacheln – Kästchen an der ersten Zeile, Inhalt in der Kachel weiter mittig; Einwilligung an der ersten Zeile */
.page-id-876 .ec.ec-form .fluentform .ff_list_inline .ff-el-form-check-label{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:start;align-content:center}
.page-id-876 .ec.ec-form .fluentform .ff_list_inline .ff-el-form-check-label > input{margin:1.5px 0 0}
.page-id-876 .ec.ec-form .fluentform .ff-el-tc label.ff_tc_label{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;align-items:start}
.page-id-876 .ec.ec-form .fluentform .ff-el-tc .ff_tc_checkbox{display:block;margin:0!important;padding:0!important;line-height:0}
.page-id-876 .ec.ec-form .fluentform .ff-el-tc input.ff_gdpr_field{display:block;margin:2px 0 0}

/* Owner-Abnahme Teil 3 (06.11.2026) – Rechtsseiten „Auf dieser Seite“:
   (a) Scrollbalken der Randspalte mit Abstand zum Text (fester Gutter + Innenabstand rechts),
   (b) mitlaufende rote Markierung des aktuellen Abschnitts (aria-current="true", gesetzt von assets/js/bd-recht-toc.js). */
@media (min-width:1024px){
  .bd-recht__rand{padding-right:18px;scrollbar-gutter:stable}
  /* Kopf klebt mit 122 px; --bd-hdr-h fällt beim Scrollen auf 70 px zurück → Randspalte lag 10 px unter dem Kopf. Mindestabstand 140 px. */
  .bd-recht__rand{top:max(calc(var(--bd-hdr-h,84px) + 40px),140px);max-height:calc(100vh - 170px)}
}
.bd-recht__toc a[aria-current="true"]{border-left-color:var(--bd-red);background:var(--bd-paper-2);color:var(--bd-ink)}
.bd-recht__toc a[aria-current="true"]:hover{color:var(--bd-ink);text-decoration:underline;text-decoration-color:var(--bd-red);text-underline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  html:not([data-bd-motion="off"]) .bd-recht__toc a{transition:border-left-color .2s ease,background-color .2s ease}
}

/* Owner-Abnahme Teil 3 (06.11.2026) – /anfrage/: Kontaktwege untereinander statt im Fließtext (Muster /kontakt/: Kennzeile bd-blick__k + fetter Wert).
   Jede Zeile mindestens 44 px hoch (gut tippbar), Links über die volle Zeilenbreite des Wertes. */
.bd-kontaktzeile + .bd-kontaktliste{margin-top:-4px}
.bd-sec ul.bd-kontaktliste{margin:0;padding:0;list-style:none;display:grid;max-width:34rem;border-bottom:1px solid var(--bd-line)}
.bd-kontaktliste > li{display:grid;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:12px;min-height:48px;margin:0;border-top:1px solid var(--bd-line);font-size:16px;line-height:1.35}
.bd-kontaktliste > li > :last-child{font-weight:700;color:var(--bd-ink)}
.bd-kontaktliste > li > a{display:flex;align-items:center;min-height:48px;text-decoration:underline;text-decoration-color:var(--bd-red);text-decoration-thickness:1.5px;text-underline-offset:4px;overflow-wrap:anywhere}
.bd-kontaktliste > li > a:hover{color:var(--bd-red)}
.bd-kontaktliste > li > a:focus-visible{outline:3px solid var(--bd-ink);outline-offset:2px}
@media (max-width:359px){.bd-kontaktliste > li{grid-template-columns:5.25rem minmax(0,1fr);gap:8px}}

/* QA 06.11. (B-01): Kopfspalte 13/146 nie unter dem klebenden Kopf (122 px) – Mindestwert 146 px wie bei .bd-recht__rand; Ursache (--bd-hdr-h) in functions.php behoben. */
/* 14.51 D10 Owner-Sichtabnahme 06.11. (Punkte 10/11): Gestaltung /etiketten/ (13) und /unternehmen/ (146).
   Nur seiteneigen über page-id – keine globalen Nebenwirkungen. Wortlaut unverändert (Ausnahmen im Bericht D10). */
/* gemeinsam: eine H2-Stufe, Kopfspalte auf Desktop mitlaufend, Bildrahmen */
:is(.page-id-13,.page-id-146) .bd-sec :is(.bd-sek,.bd-ts__t){font-size:clamp(26px,2.4vw,36px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
@media (min-width:1024px) and (min-height:700px){:is(.page-id-13,.page-id-146) .bd-ts__kopf{position:sticky;top:max(calc(var(--bd-hdr-h,84px) + 24px),146px);align-self:start}}
:is(.page-id-13,.page-id-146) :is(.bd-art__bild,.bd-d10bild,.bd-d10karte__bild,.bd-d10kopfbild){margin:0;overflow:hidden;background:var(--bd-paper-2)}
:is(.page-id-13,.page-id-146) :is(.bd-art__bild,.bd-d10bild,.bd-d10karte__bild,.bd-d10kopfbild) img{display:block;width:100%;height:100%;object-fit:cover}

/* /etiketten/ – 1 Einstieg: drei Etikettenarten als Bildkarten (Produktbild statt Schemazeichnung, ganze Karte klickbar) */
.page-id-13 .bd-sec.bd-d10arten{padding-top:clamp(40px,4.4vw,64px);padding-bottom:clamp(44px,5vw,72px)}
.page-id-13 .bd-d10arten .bd-sek{margin-bottom:clamp(20px,2.2vw,32px);max-width:24em}
.page-id-13 .bd-d10arten .bd-arten{gap:clamp(16px,2vw,28px);border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.page-id-13 .bd-d10arten .bd-art,.page-id-13 .bd-d10arten .bd-art:first-child,.page-id-13 .bd-d10arten .bd-art:last-child{padding:0 0 22px;border:1px solid var(--bd-line);border-top:3px solid var(--bd-ink);background:var(--bd-paper);transition:border-color .2s var(--bd-ease)}
.page-id-13 .bd-d10arten .bd-art + .bd-art{border-left:1px solid var(--bd-line)}
.page-id-13 .bd-d10arten .bd-art::before{content:none;display:none}
.page-id-13 .bd-d10arten .bd-art > :not(.bd-art__bild){margin-inline:22px}
.page-id-13 .bd-d10arten .bd-art:hover{border-top-color:var(--bd-red)}
.page-id-13 .bd-d10arten .bd-art__bild{aspect-ratio:3/2;margin-bottom:6px}
.page-id-13 .bd-d10arten .bd-art__bild img{transition:transform .6s var(--bd-ease)}
.page-id-13 .bd-d10arten .bd-art:hover .bd-art__bild img{transform:scale(1.03)}
.page-id-13 .bd-d10arten .bd-art:focus-within{outline:3px solid var(--bd-red);outline-offset:3px}
@media (max-width:1023px){
  .page-id-13 .bd-d10arten .bd-arten{grid-template-columns:minmax(0,1fr)}
  .page-id-13 .bd-d10arten .bd-art,.page-id-13 .bd-d10arten .bd-art:first-child,.page-id-13 .bd-d10arten .bd-art:last-child{grid-template-columns:minmax(0,240px) minmax(0,1fr);column-gap:24px;row-gap:8px;padding:0 22px 0 0}
  .page-id-13 .bd-d10arten .bd-art > :not(.bd-art__bild){margin-inline:0;grid-column:2}
  .page-id-13 .bd-d10arten .bd-art > h3{margin-top:18px}
  .page-id-13 .bd-d10arten .bd-art > :last-child{margin-bottom:18px}
  .page-id-13 .bd-d10arten .bd-art__bild{grid-column:1;grid-row:1 / span 4;align-self:start;aspect-ratio:3/2;margin:0}
  .page-id-13 .bd-d10arten .bd-art + .bd-art{border-top:3px solid var(--bd-ink)}
}
@media (max-width:599px){
  .page-id-13 .bd-d10arten .bd-art,.page-id-13 .bd-d10arten .bd-art:first-child,.page-id-13 .bd-d10arten .bd-art:last-child{grid-template-columns:minmax(0,1fr);padding:0}
  .page-id-13 .bd-d10arten .bd-art > :not(.bd-art__bild){grid-column:1;margin-inline:16px}
  .page-id-13 .bd-d10arten .bd-art > h3{margin-top:6px}
  .page-id-13 .bd-d10arten .bd-art > :last-child{margin-bottom:16px}
  .page-id-13 .bd-d10arten .bd-art__bild{grid-column:1;grid-row:auto;aspect-ratio:2/1}
}
@media (prefers-reduced-motion:reduce){.page-id-13 .bd-d10arten .bd-art__bild img{transition:none}.page-id-13 .bd-d10arten .bd-art:hover .bd-art__bild img{transform:none}}

/* /etiketten/ – 2 Branchen: je Karte ein Produktbeispiel; mobil kompakt (Bild links) */
.page-id-13 .bd-kasten > .bd-d10bild{margin:-20px -22px 4px;aspect-ratio:3/2}
@media (max-width:1023px){
  .page-id-13 .bd-einsatz__in{gap:16px}
  .page-id-13 .bd-kasten:has(> .bd-d10bild){grid-template-columns:200px minmax(0,1fr);column-gap:22px;padding:0 22px 0 0}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > :not(.bd-d10bild){grid-column:2}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > h3{padding-top:18px}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > :last-child{padding-bottom:18px}
  .page-id-13 .bd-kasten > .bd-d10bild{grid-column:1;grid-row:1 / -1;align-self:start;margin:0;aspect-ratio:3/2}
}
@media (max-width:599px){
  .page-id-13 .bd-kasten:has(> .bd-d10bild){grid-template-columns:108px minmax(0,1fr);column-gap:14px;padding:0 14px 0 0}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > h3{padding-top:14px}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > :last-child{padding-bottom:14px}
  .page-id-13 .bd-kasten > .bd-d10bild{aspect-ratio:1/1;margin:14px 0 14px 14px}
}

/* /etiketten/ – 3 Entscheidungsblock: Auswahlhilfe auf grauem Band, Überschrift mit Kennzeile */
.page-id-13 .bd-d10kick{display:block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;color:var(--bd-mute);margin-bottom:12px}
.page-id-13 .bd-d10wahl .bd-ts__body > .bd-tool{margin:0;max-width:none}
.page-id-13 .bd-sec.bd-d10wahl{padding-bottom:clamp(40px,4.4vw,64px)}

/* /etiketten/ – 4 Agenturen und E-Label als zwei gleichwertige Karten */
.page-id-13 .bd-sec.bd-d10duo{padding-top:clamp(40px,4.4vw,64px);padding-bottom:clamp(40px,4.4vw,64px)}
.page-id-13 .bd-d10duo__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.page-id-13 .bd-d10duo .bd-kasten{padding:clamp(22px,2.4vw,32px);gap:16px;align-content:start}
.page-id-13 .bd-sec .bd-d10duo .bd-kasten h2{font-size:clamp(22px,2vw,28px);line-height:1.1;text-wrap:wrap}
.page-id-13 .bd-d10nb{white-space:nowrap}
.page-id-13 .bd-d10duo .bd-kasten > p{margin:0;font-size:17px;line-height:1.55;max-width:60ch}
.page-id-13 .bd-d10duo .bd-kasten > .bd-tlink{align-self:end}
@media (max-width:759px){.page-id-13 .bd-d10duo__in{grid-template-columns:minmax(0,1fr)}}

/* /unternehmen/ – 1 Zwei Welten als gleichwertige Kacheln */
.page-id-146 .bd-dazu__l.bd-d10welten{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:0}
.page-id-146 .bd-d10welten li{border:1px solid var(--bd-line);border-top:3px solid var(--bd-ink);background:var(--bd-paper);transition:border-color .2s var(--bd-ease)}
.page-id-146 .bd-d10welten li:hover{border-top-color:var(--bd-red)}
.page-id-146 .bd-d10welten li a{height:100%;align-content:start;padding:18px 20px 20px;row-gap:6px;font-size:15px}
.page-id-146 .bd-d10welten li a strong{font-size:clamp(20px,1.8vw,24px);font-weight:800;letter-spacing:-.02em}
.page-id-146 .bd-d10welten li a::after{grid-row:1;align-self:start;color:var(--bd-red);font-size:20px}
@media (max-width:759px){.page-id-146 .bd-dazu__l.bd-d10welten{grid-template-columns:minmax(0,1fr)}}

/* /unternehmen/ – 2 Für wen wir drucken: vier Karten mit Produktbeispiel */
.page-id-146 .bd-d10wer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px}
.page-id-146 .bd-d10karte{background:var(--bd-paper);border-top:3px solid var(--bd-ink);display:grid;grid-template-rows:auto auto 1fr;align-content:start}
.page-id-146 .bd-d10karte > *{margin:0}
.page-id-146 .bd-d10karte__bild{aspect-ratio:3/2}
.page-id-146 .bd-sec .bd-d10karte h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2;padding:16px 18px 0}
.page-id-146 .bd-d10karte p{padding:6px 18px 20px;font-size:16px;line-height:1.5}
@media (max-width:599px){
  .page-id-146 .bd-d10wer{grid-template-columns:minmax(0,1fr);gap:12px}
  .page-id-146 .bd-d10karte{grid-template-columns:108px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px}
  .page-id-146 .bd-d10karte__bild{grid-row:1 / span 2;align-self:start;aspect-ratio:1/1;margin:14px 0 14px 14px}
  .page-id-146 .bd-sec .bd-d10karte h3{padding:12px 14px 0 0;font-size:18px}
  .page-id-146 .bd-d10karte p{padding:4px 14px 14px 0;font-size:15.5px}
}

/* /unternehmen/ – 3 Ablauf mit Piktogrammen (Vorstufe, Druck, Veredelung, Weiterverarbeitung, Service) */
.page-id-146 .bd-d10ablauf{list-style:none;margin:6px 0 0;padding:0;display:grid}
.page-id-146 .bd-d10ablauf > li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:24px;padding:0 0 26px;margin:0}
.page-id-146 .bd-d10ablauf > li:last-child{padding-bottom:0}
.page-id-146 .bd-d10ablauf > li:not(:last-child)::before{content:"";position:absolute;left:59px;top:96px;bottom:4px;width:2px;background:var(--bd-line)}
.page-id-146 .bd-d10ablauf > li:not(:last-child)::after{content:"";position:absolute;left:54px;bottom:0;border:6px solid transparent;border-bottom:0;border-top:8px solid var(--bd-line-2)}
.page-id-146 .bd-d10pikto{display:block;width:120px;height:90px;background:var(--bd-paper-2);border:1px solid var(--bd-line)}
.page-id-146 .bd-d10pikto *{vector-effect:non-scaling-stroke}
.page-id-146 .bd-sec .bd-d10ablauf__t{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:4px 0 6px}
.page-id-146 .bd-d10ablauf p{margin:0;font-size:16.5px;line-height:1.55;max-width:62ch}
@media (max-width:599px){
  .page-id-146 .bd-d10ablauf > li{grid-template-columns:80px minmax(0,1fr);column-gap:14px;padding-bottom:22px}
  .page-id-146 .bd-d10pikto{width:80px;height:60px}
  .page-id-146 .bd-d10ablauf > li:not(:last-child)::before{left:39px;top:66px}
  .page-id-146 .bd-d10ablauf > li:not(:last-child)::after{left:34px}
  .page-id-146 .bd-sec .bd-d10ablauf__t{font-size:18px;margin-top:0}
  .page-id-146 .bd-d10ablauf p{font-size:15.5px}
}

/* /unternehmen/ – 4 Beratung: Bild in der Kopfspalte, zwei Kernpunkte als Kästen */
:is(.page-id-13,.page-id-146) .bd-d10kopfbild{aspect-ratio:3/2;margin-top:22px}
@media (max-width:1023px){:is(.page-id-13,.page-id-146) .bd-d10kopfbild{max-width:560px;margin-top:16px}}
.page-id-146 .bd-d10paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-id-146 .bd-d10paar > p{margin:0;background:var(--bd-paper);border-top:3px solid var(--bd-ink);padding:16px 18px 18px;font-size:16px;line-height:1.5}
.page-id-146 .bd-d10paar > p strong{display:block;font-size:18px;letter-spacing:-.01em;margin-bottom:6px}
@media (max-width:759px){.page-id-146 .bd-d10paar{grid-template-columns:minmax(0,1fr)}}

/* /unternehmen/ – 5 Standort: Anschrift und Öffnungszeiten als dunkle Karte */
.page-id-146 .bd-d10adresse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px 32px;background:var(--bd-ink);color:var(--bd-on-dark);border-left:4px solid var(--bd-red);padding:22px 26px}
.page-id-146 .bd-d10adresse > p{margin:0;font-size:16.5px;line-height:1.5;color:var(--bd-on-dark)}
.page-id-146 .bd-d10adresse > p:first-child{font-weight:700}
@media (max-width:599px){.page-id-146 .bd-d10adresse{grid-template-columns:minmax(0,1fr);padding:18px 18px 18px 20px}}

/* D10 Feinschliff: Abstand Einleitung → Karten, Vergleich mit Abschnittslinie, Leitsatz ohne Einzelwort */
.page-id-13 .bd-sec--schwarm .bd-wrap > p{max-width:68ch;margin-bottom:clamp(20px,2.2vw,32px)}
.page-id-13 .bd-sec.bd-vergleich .bd-sek{border-top:2px solid var(--bd-ink);padding-top:22px}
:is(.page-id-13,.page-id-146) .bd-beisp-sec .bd-stmt{text-wrap:balance}
@media (max-width:399px){.page-id-13 .bd-kasten:has(> .bd-d10bild){grid-template-columns:76px minmax(0,1fr);column-gap:12px;padding-right:12px}.page-id-13 .bd-kasten > .bd-d10bild{margin:12px 0 12px 12px}.page-id-13 .bd-kasten .bd-tlink a{white-space:normal;overflow-wrap:anywhere}.page-id-146 .bd-d10karte{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.page-id-146 .bd-d10karte__bild{margin:12px 0 12px 12px}}

/* 06.11. Sticky-Reisebild unter klebendem Kopf (QA B-01-Folge): gleiche Mindestposition wie 138 auf 1122 und 14 */
@media (min-width:900px){.page-id-1122 .bd-reise__bild,.page-id-14 .bd-reise__bild{top:max(calc(var(--bd-hdr-h,84px) + 24px),146px)}}

/* 14.52 Bildkonzept 19 Motive (Owner-Freigabe 06.11.2026 „Alle 19 Bilder sind freigegeben“; Spezifikation BILDKONZEPT_19_MOTIVE_0611.md §3).
   Nur /etiketten/ (13) und /unternehmen/ (146). Überschreibt die Mobil-/Tablet-Regeln aus 14.51 (Vorschaubild links 200/108 px
   und die Regel @media (max-width:399px) mit 76-px-Spalte und 12 px Rand = 64-px-Vorschau): Bilder mobil über volle Kartenbreite in 3:2. */
/* Etikettenarten: Tablet Bild links 40 % der Kartenbreite, mobil volle Breite 3:2 */
@media (min-width:600px) and (max-width:1023px){
  .page-id-13 .bd-d10arten .bd-art,.page-id-13 .bd-d10arten .bd-art:first-child,.page-id-13 .bd-d10arten .bd-art:last-child{grid-template-columns:40% minmax(0,1fr)}
}
@media (max-width:599px){
  .page-id-13 .bd-d10arten .bd-art__bild{aspect-ratio:3/2}
}
/* Branchenkarten: ganze Karte klickbar (vorhandener Textlink, ::before über die Karte), Fokus und Tap-Ziel */
.page-id-13 .bd-einsatz__in > .bd-kasten{position:relative;transition:border-color .2s var(--bd-ease)}
.page-id-13 .bd-einsatz__in > .bd-kasten .bd-tlink a{position:static;min-height:44px}
.page-id-13 .bd-einsatz__in > .bd-kasten .bd-tlink a::before{inset:0;z-index:1}
.page-id-13 .bd-einsatz__in > .bd-kasten:hover{border-top-color:var(--bd-red)}
.page-id-13 .bd-einsatz__in > .bd-kasten:focus-within{outline:3px solid var(--bd-red);outline-offset:3px}
.page-id-13 .bd-einsatz__in > .bd-kasten .bd-tlink a:focus-visible{outline:none}
/* Branchenkarten Tablet: zwei Spalten, Bild 3:2 oben (Textkarte „Handel, Handwerk & Industrie“ füllt die zehnte Zelle) */
@media (min-width:600px) and (max-width:1023px){
  .page-id-13 .bd-einsatz__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
  .page-id-13 .bd-einsatz__in > .bd-kasten{grid-column:auto}
}
@media (max-width:1023px){
  .page-id-13 .bd-kasten:has(> .bd-d10bild){grid-template-columns:minmax(0,1fr);column-gap:0;padding:20px 22px 22px}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > :not(.bd-d10bild){grid-column:1}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > h3{padding-top:0}
  .page-id-13 .bd-kasten:has(> .bd-d10bild) > :last-child{padding-bottom:0}
  .page-id-13 .bd-kasten > .bd-d10bild{grid-column:1;grid-row:auto;align-self:stretch;margin:-20px -22px 4px;aspect-ratio:3/2}
}
@media (max-width:599px){
  .page-id-13 .bd-einsatz__in{gap:16px}
  .page-id-13 .bd-kasten:has(> .bd-d10bild){grid-template-columns:minmax(0,1fr);column-gap:0;padding:16px 16px 18px}
  .page-id-13 .bd-kasten > .bd-d10bild{margin:-16px -16px 2px;aspect-ratio:3/2}
}
/* Zielgruppenkarten 146: mobil Bild volle Breite 3:2 über dem Text */
@media (max-width:599px){
  .page-id-146 .bd-d10wer{gap:16px}
  .page-id-146 .bd-d10karte{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:0}
  .page-id-146 .bd-d10karte__bild{grid-row:auto;align-self:stretch;aspect-ratio:3/2;margin:0}
  .page-id-146 .bd-sec .bd-d10karte h3{padding:14px 16px 0;font-size:18px}
  .page-id-146 .bd-d10karte p{padding:6px 16px 18px;font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){.page-id-13 .bd-einsatz__in > .bd-kasten{transition:none}}

/* =====================================================================
   14.95 Startseite: Mobil Film vor Text, klare Hauptaktion, Abschluss-CTA (Owner-Auftrag 07.11.2026)
   Nur Startseiten-Hero (.bdhD) und neuer Abschlussbereich (.bd-ctaende, nur Seite 12). Film/Animation unverändert.
   Ersetzt für < 1024 px die Reihenfolge aus „Mobil fertig 29.10.“ (Lesefläche zuerst) – DOM-Reihenfolge war schon Film → Text.
   ===================================================================== */
@media (max-width:1023px){
  .bdhD.bd-heroanim--neuD .bdhD__stage{order:1; aspect-ratio:4 / 5; max-height:min(58svh, 500px)}
  .bdhD.bd-heroanim--neuD .bdhD__inner{order:2}
  .bdhD.bd-heroanim--neuD .bdhD__panel{padding-top:22px; padding-bottom:26px}
  /* Pause-Knopf wieder an den unteren Rand des Films (Film steht jetzt oben) */
  .bdhD.bd-heroanim--neuD .bdhD__ctrl{bottom:auto; top:calc(min(125vw, 58svh, 500px) - 56px); right:12px}
}
/* Hauptaktion klar vorn, Etiketten/Drucksachen als untergeordnete Wege */
.bdhD .wp-block-buttons{margin-top:clamp(18px,1.9vw,26px) !important}
.bdhD .bd-btn .wp-block-button__link{min-height:54px; padding:14px 28px; font-size:16px}
.bdhD .bd-hero__welten{margin-top:clamp(16px,1.6vw,22px) !important; border-top:1px solid var(--bd-line); border-bottom:0}
.bdhD .bd-hero__welten > p + p{border-left:1px solid var(--bd-line)}
.bdhD .bd-hero__welten a{padding:10px 14px 4px 0; font-size:13px; min-height:44px}
.bdhD .bd-hero__welten > p + p a{padding-left:14px}
.bdhD .bd-hero__welten a strong{font-size:17px; font-weight:700; letter-spacing:-.01em; margin-bottom:2px}
@media (max-width:1023px){
  .bdhD .bd-btn,.bdhD .bd-btn .wp-block-button__link{width:100%}
}

/* Abschluss-CTA Startseite */
.bd-ctaende{padding-block:clamp(56px,7vw,104px)}
.bd-ctaende__in{max-width:880px; border-top:4px solid var(--bd-red); padding-top:clamp(26px,3vw,40px)}
.bd-ctaende__in > *{margin-block:0}
.bd-sec .bd-ctaende__t{font-size:clamp(32px,4vw,56px); font-weight:800; letter-spacing:-.035em; line-height:1.04; color:var(--bd-on-dark); text-wrap:balance}
.bd-ctaende__text{margin-top:18px !important; font-size:clamp(17px,1.3vw,20px); line-height:1.5; color:var(--bd-on-dark-mute); max-width:40em}
.bd-ctaende__aktion{display:flex; flex-wrap:wrap; gap:14px 16px; margin-top:30px !important}
.bd-ctaende .bd-btn .wp-block-button__link{min-height:56px; padding:14px 28px; font-size:16px}
.bd-ctaende .bd-btn--sek .wp-block-button__link{background:transparent; color:var(--bd-on-dark); box-shadow:inset 0 0 0 2px var(--bd-on-dark)}
.bd-ctaende .bd-btn--sek .wp-block-button__link:hover{background:var(--bd-on-dark); color:var(--bd-ink); text-decoration:none}
.bd-ctaende .bd-btn .wp-block-button__link:focus-visible{outline:3px solid var(--bd-on-dark); outline-offset:3px; box-shadow:none}
.bd-ctaende__tel{margin-top:24px !important; font-size:16px; color:var(--bd-on-dark-mute)}
.bd-ctaende__tel a{font-weight:700; white-space:nowrap}
@media (max-width:759px){
  .bd-ctaende .wp-block-buttons > .bd-btn{flex:1 1 100%; width:100%}
  .bd-ctaende .bd-btn .wp-block-button__link{width:100%}
}
/* 14.95a keine automatische Silbentrennung in Abschluss-Überschrift und Hero-Unterlinks */
.bd-sec .bd-ctaende__t,.bdhD .bd-hero__welten a{hyphens:manual; -webkit-hyphens:manual}
/* 14.95b ChatGPT-Prüfung 07.11.: Abschluss-CTA Desktop kompakter */
.bd-ctaende{padding-block:clamp(48px,5vw,76px)}
/* 14.95c Owner 07.11.: Kurztext nur auf Smartphones (< 760 px), voller Text auf Tablet/Desktop; nie beide sichtbar */
.bdhD .bd-lead-mobil{display:none}
@media (max-width:759px){
  .bdhD .bdhD__lead{display:none}
  .bdhD .bd-lead-mobil{display:block; margin-top:14px !important; font:400 17px/1.45 var(--bd-font-sans,Helvetica,Arial,sans-serif); color:var(--bd-ink-2,#2B2B2A)}
}