/*
 * R6-B (01.10.2026): Inhaltsseiten nach der angenommenen R5-Gestaltung.
 * Module aus A/scripts/s0k/r6b-module.mjs, Klassen yr6b-*. Laden nach r4-interaktionen.css.
 *
 * Grenzen: nur eigene Modulklassen und die dort weiterverwendeten Hooks (yr4-material,
 * yr4-hotspot, yr4-orbit, yk-faq, yl-owl). Keine Regeln fuer Kopf, Navigation, Mobilmenue,
 * Startseiten-Einstieg, Fuss oder Formularfelder. Keine Verlaeufe als Schmuck, keine
 * Doppelstriche, Rauten oder Zierrahmen. Symbole sind unveraenderte Tabler-Dateien als Maske
 * an Ueberschriftenfeldern (nie an .e-con::before, das belegt Elementor selbst).
 * Bewegung: nur auf Nutzeraktion (Reiter, Markierungen, Regler, Klappliste) und die bestehende
 * Kreisbewegung; bei reduzierter Bewegung nur Farbe und Deckkraft.
 */

/* ------------------------------------------------------------ Werte */

body.yk {
  --yr6b-bordeaux: #310001;
  --yr6b-bordeaux-hell: #4a0a0e;
  --yr6b-navy: #141422;
  --yr6b-weiss: #ffffff;
  --yr6b-warm: #f6f3ed;
  --yr6b-stein: #eee8dc;
  --yr6b-steinlinie: #ded8ce;
  --yr6b-linie: #e2dbcd;
  --yr6b-text: #55545d;
  --yr6b-leise: #6a6972;
  --yr6b-sand: #f0e4b9;
  --yr6b-hell: rgba(255, 255, 255, 0.86);
  --yr6b-hell-leise: rgba(255, 255, 255, 0.66);
  --yr6b-hell-linie: rgba(255, 255, 255, 0.18);
  --yr6b-luft: 48px;
  --yr6b-takt: 32px;
  --yr6b-icon: 32px;
  --yr6b-fliess: 16px;
  --yr6b-fliess-zeile: 25px;
  --yr6b-kurve: cubic-bezier(0.23, 1, 0.32, 1);
  --yr6b-dauer: 180ms;
  --yr6b-ecke: 4px;

  /* Ergaenzende Tabler-Symbole (v3.48.0, Commit 0239805, MIT), Dateien unveraendert in
     ../icons/r6b/ mit LICENSE und HERKUNFT.json. */
  --yr6b-i-fenster: url("../icons/r6b/window.svg");
  --yr6b-i-achtung: url("../icons/r6b/alert-triangle.svg");
  --yr6b-i-info: url("../icons/r6b/info-circle.svg");
  --yr6b-i-uhr: url("../icons/r6b/clock.svg");
  --yr6b-i-frost: url("../icons/r6b/snowflake.svg");
  --yr6b-i-regen: url("../icons/r6b/cloud-rain.svg");
  --yr6b-i-wind: url("../icons/r6b/wind.svg");
  --yr6b-i-abnahme: url("../icons/r6b/clipboard-check.svg");
  --yr6b-i-buerste: url("../icons/r6b/brush.svg");
  --yr6b-i-auge: url("../icons/r6b/eye.svg");
  --yr6b-i-ja: url("../icons/r6b/circle-check.svg");
  --yr6b-i-nein: url("../icons/r6b/circle-x.svg");
  --yr6b-i-karte: url("../icons/r6b/map.svg");
  --yr6b-i-route: url("../icons/r6b/route.svg");
  --yr6b-i-sonne: url("../icons/r6b/sun.svg");
  --yr6b-i-mass: url("../icons/r6b/ruler-measure.svg");
  --yr6b-i-oberflaeche: url("../icons/r6b/texture.svg");
  --yr6b-i-gebaeude: url("../icons/r6b/building.svg");
  --yr6b-i-hammer: url("../icons/r6b/hammer.svg");
  --yr6b-i-temperatur: url("../icons/r6b/temperature.svg");
  --yr6b-i-bewegung: url("../icons/r6b/arrows-move-horizontal.svg");
  --yr6b-i-liste: url("../icons/r6b/list-check.svg");
  --yr6b-i-frage: url("../icons/r6b/help-circle.svg");
  --yr6b-i-dokument: url("../icons/r6b/file-description.svg");
  --yr6b-i-druck: url("../icons/r6b/gauge.svg");
}

@media (min-width: 768px) {
  body.yk {
    --yr6b-luft: 56px;
    --yr6b-takt: 40px;
  }
}

@media (min-width: 1024px) {
  body.yk {
    --yr6b-icon: 36px;
    --yr6b-fliess: 17px;
    --yr6b-fliess-zeile: 27px;
  }
}

@media (min-width: 1200px) {
  body.yk {
    --yr6b-luft: 72px;
    --yr6b-takt: 44px;
  }
}

/* Symbolzuordnung: bestehende Variablen aus live-icons.css, ergaenzt um die R6-Symbole. */
body.yk .yr6b-ico-kelle { --yl-icon: var(--yl-i-kelle); }
body.yk .yr6b-ico-ziegel { --yl-icon: var(--yl-i-ziegel); }
body.yk .yr6b-ico-haus { --yl-icon: var(--yl-i-haus); }
body.yk .yr6b-ico-tropfen { --yl-icon: var(--yl-i-tropfen); }
body.yk .yr6b-ico-strahlgut { --yl-icon: var(--yl-i-strahlgut); }
body.yk .yr6b-ico-fuge { --yl-icon: var(--yl-i-fuge); }
body.yk .yr6b-ico-lupe { --yl-icon: var(--yl-i-lupe); }
body.yk .yr6b-ico-werkzeug { --yl-icon: var(--yl-i-werkzeug); }
body.yk .yr6b-ico-schild { --yl-icon: var(--yl-i-schild); }
body.yk .yr6b-ico-haken { --yl-icon: var(--yl-i-haken); }
body.yk .yr6b-ico-kalender { --yl-icon: var(--yl-i-kalender); }
body.yk .yr6b-ico-ruler { --yl-icon: var(--yl-i-ruler); }
body.yk .yr6b-ico-telefon { --yl-icon: var(--yl-i-telefon); }
body.yk .yr6b-ico-mail { --yl-icon: var(--yl-i-mail); }
body.yk .yr6b-ico-pin { --yl-icon: var(--yl-i-pin); }
body.yk .yr6b-ico-whatsapp { --yl-icon: var(--yl-i-whatsapp); }
body.yk .yr6b-ico-kamera { --yl-icon: var(--yl-i-kamera); }
body.yk .yr6b-ico-treppe { --yl-icon: var(--yl-i-treppe); }
body.yk .yr6b-ico-schuetzen { --yl-icon: var(--yl-i-schuetzen); }
body.yk .yr6b-ico-pruefen { --yl-icon: var(--yl-i-pruefen); }
body.yk .yr6b-ico-farbton { --yl-icon: var(--yl-i-farbton); }
body.yk .yr6b-ico-reinigen { --yl-icon: var(--yl-i-reinigen); }
body.yk .yr6b-ico-schirm { --yl-icon: var(--yl-i-schirm); }
body.yk .yr6b-ico-nachricht { --yl-icon: var(--yl-i-nachricht); }
body.yk .yr6b-ico-pfeil { --yl-icon: var(--yl-i-pfeil); }
body.yk .yr6b-ico-fenster { --yl-icon: var(--yr6b-i-fenster); }
body.yk .yr6b-ico-achtung { --yl-icon: var(--yr6b-i-achtung); }
body.yk .yr6b-ico-info { --yl-icon: var(--yr6b-i-info); }
body.yk .yr6b-ico-uhr { --yl-icon: var(--yr6b-i-uhr); }
body.yk .yr6b-ico-frost { --yl-icon: var(--yr6b-i-frost); }
body.yk .yr6b-ico-regen { --yl-icon: var(--yr6b-i-regen); }
body.yk .yr6b-ico-wind { --yl-icon: var(--yr6b-i-wind); }
body.yk .yr6b-ico-abnahme { --yl-icon: var(--yr6b-i-abnahme); }
body.yk .yr6b-ico-buerste { --yl-icon: var(--yr6b-i-buerste); }
body.yk .yr6b-ico-auge { --yl-icon: var(--yr6b-i-auge); }
body.yk .yr6b-ico-ja { --yl-icon: var(--yr6b-i-ja); }
body.yk .yr6b-ico-nein { --yl-icon: var(--yr6b-i-nein); }
body.yk .yr6b-ico-karte { --yl-icon: var(--yr6b-i-karte); }
body.yk .yr6b-ico-route { --yl-icon: var(--yr6b-i-route); }
body.yk .yr6b-ico-sonne { --yl-icon: var(--yr6b-i-sonne); }
body.yk .yr6b-ico-mass { --yl-icon: var(--yr6b-i-mass); }
body.yk .yr6b-ico-oberflaeche { --yl-icon: var(--yr6b-i-oberflaeche); }
body.yk .yr6b-ico-gebaeude { --yl-icon: var(--yr6b-i-gebaeude); }
body.yk .yr6b-ico-hammer { --yl-icon: var(--yr6b-i-hammer); }
body.yk .yr6b-ico-temperatur { --yl-icon: var(--yr6b-i-temperatur); }
body.yk .yr6b-ico-bewegung { --yl-icon: var(--yr6b-i-bewegung); }
body.yk .yr6b-ico-liste { --yl-icon: var(--yr6b-i-liste); }
body.yk .yr6b-ico-frage { --yl-icon: var(--yr6b-i-frage); }
body.yk .yr6b-ico-dokument { --yl-icon: var(--yr6b-i-dokument); }
body.yk .yr6b-ico-druck { --yl-icon: var(--yr6b-i-druck); }

/* Gemeinsame Symbolform: Maske vor dem Ueberschriftentext. Groesse und Farbe je Modul. */
body.yk [class*='yr6b-ico-'] > .elementor-heading-title::before,
body.yk [class*='yr6b-ico-'] > .elementor-heading-title > a::before,
body.yk [class*='yr6b-ico-'] > .elementor-heading-title > button::before {
  content: '';
  flex: 0 0 auto;
  width: var(--yr6b-symbol, 24px);
  height: var(--yr6b-symbol, 24px);
  background-color: var(--yr6b-symbolfarbe, currentColor);
  -webkit-mask: var(--yl-icon) center / contain no-repeat;
  mask: var(--yl-icon) center / contain no-repeat;
}

body.yk [class*='yr6b-ico-'] > .elementor-heading-title:has(> a)::before,
body.yk [class*='yr6b-ico-'] > .elementor-heading-title:has(> button)::before {
  content: none;
}

/* Bildausschnitt je Motiv (Startwerte aus R6/CODEX/MEDIEN_TEXTE.json). */
body.yk .yr6b-m--r5-analyse img { object-position: 58% 42%; }
body.yk .yr6b-m--r5-ausfuehrung img { object-position: 50% 52%; }
body.yk .yr6b-m--r5-abschluss img { object-position: 50% 48%; }
body.yk .yr6b-m--r6-schutzauftrag img { object-position: 52% 52%; }
body.yk .yr6b-m--r6-anschlussfuge-arbeit img { object-position: 53% 46%; }
body.yk .yr6b-m--r6-probeflaeche-sandstrahlen img { object-position: 57% 50%; }
body.yk .yr6b-m--r6-vorbereitung-abkleben img { object-position: 53% 46%; }
body.yk .yr6b-m--r6-beratung-fugenmuster img { object-position: 50% 46%; }

/* ------------------------------------------------------------ Abschnitte */

body.yk .yl-sec.yr6b {
  scroll-margin-top: calc(var(--yl-header-h, 96px) + 8px);
  padding: var(--yr6b-luft) var(--yl-gutter);
  background-color: var(--yr6b-weiss);
  color: var(--yr6b-text);
}

body.yk .yl-sec.yr6b > .e-con-inner {
  width: 100%;
  max-width: var(--yl-container);
  margin-inline: auto;
  gap: var(--yr6b-takt);
}

body.yk .yl-sec.yr6b-ton--warm { background-color: var(--yr6b-warm); }
body.yk .yl-sec.yr6b-ton--stein { background-color: var(--yr6b-stein); }
body.yk .yl-sec.yr6b-ton--weiss { background-color: var(--yr6b-weiss); }
body.yk .yl-sec.yr6b-ton--bordeaux { background-color: var(--yr6b-bordeaux); color: var(--yr6b-hell); }
body.yk .yl-sec.yr6b-ton--navy { background-color: var(--yr6b-navy); color: var(--yr6b-hell); }

/* Zwei Abschnitte gleicher Flaeche: der zweite beginnt knapper (Kennzeichnung aus seiten.mjs). */
body.yk .yl-sec.yr6b.yl-sec--anschluss { padding-top: 0; }

/* ------------------------------------------------------------ Schriftrollen */

body.yk .yr6b-zeile .elementor-heading-title {
  margin: 0 0 14px;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.yk .yr6b-zeile--hell .elementor-heading-title { color: var(--yr6b-sand); }

body.yk .yr6b-titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: clamp(30px, 1.15vw + 25.5px, 42px);
  font-weight: 750;
  line-height: calc(1em + 6px);
  letter-spacing: -0.015em;
  text-wrap: balance;
}

body.yk .yr6b-titel--klein .elementor-heading-title {
  font-size: clamp(27px, 0.75vw + 24px, 34px);
}

body.yk .yr6b-ton--bordeaux .yr6b-titel .elementor-heading-title,
body.yk .yr6b-ton--navy .yr6b-titel .elementor-heading-title {
  color: var(--yr6b-weiss);
}

body.yk .yr6b-text,
body.yk .yr6b-text p {
  color: var(--yr6b-text);
  font-size: var(--yr6b-fliess);
  line-height: var(--yr6b-fliess-zeile);
}

body.yk .yr6b-text { max-width: 62ch; }
body.yk .yr6b-text p { margin: 0 0 0.9em; }
body.yk .yr6b-text p:last-child { margin-bottom: 0; }

body.yk .yr6b-ton--bordeaux .yr6b-text,
body.yk .yr6b-ton--bordeaux .yr6b-text p,
body.yk .yr6b-ton--navy .yr6b-text,
body.yk .yr6b-ton--navy .yr6b-text p {
  color: var(--yr6b-hell);
}

/* Kopfzeile eines Moduls: Titel und Einleitung, wahlweise mit Verweis rechts. */
body.yk .yr6b-kopfzeile {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.yk .yr6b-kopfzeile__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 760px;
}

@media (min-width: 900px) {
  body.yk .yr6b-kopfzeile--zeile {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 48px;
  }

  body.yk .yr6b-kopfzeile--zeile > .yr6b-textlink {
    flex: 0 0 auto;
    width: auto;
  }
}

/* Textverweis mit Pfeil (Tabler arrow-right), wie R5 "So verfugen wir". */
body.yk .yr6b-textlink .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-textlink .elementor-heading-title a {
  --yl-icon: var(--yl-i-pfeil);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  color: var(--yr6b-bordeaux);
  text-decoration: none;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

body.yk .yr6b-textlink .elementor-heading-title a::after {
  content: '';
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask: var(--yl-icon) center / contain no-repeat;
  mask: var(--yl-icon) center / contain no-repeat;
  transition: transform var(--yr6b-dauer) var(--yr6b-kurve);
}

body.yk .yr6b-textlink--hell .elementor-heading-title a { color: var(--yr6b-weiss); }

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-textlink .elementor-heading-title a:hover { text-decoration-line: underline; }
  body.yk .yr6b-textlink .elementor-heading-title a:hover::after { transform: translateX(3px); }
}

/* Eine ruhige Hinweiszeile je Bildgruppe (Illustrationen, echte Aufnahmen). */
body.yk .yr6b-hinweis .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-leise);
  font-family: var(--yl-font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

body.yk .yr6b-hinweis--hell .elementor-heading-title { color: var(--yr6b-hell-leise); }

/* Listen mit Haken oder Punkt. */
body.yk .yr6b-liste ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.yk .yr6b-liste li {
  position: relative;
  padding-left: 30px;
  color: var(--yr6b-text);
  font-size: 16px;
  line-height: 24px;
}

body.yk .yr6b-liste li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-color: var(--yr6b-bordeaux);
  -webkit-mask: var(--yl-i-haken) center / contain no-repeat;
  mask: var(--yl-i-haken) center / contain no-repeat;
}

body.yk .yr6b-liste--punkt li::before {
  top: 9px;
  left: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  -webkit-mask: none;
  mask: none;
}

/* Listen in Textbausteinen der Module: eigener Abstand statt der Redaktionsregel aus base.css. */
body.yk .yr6b .elementor-widget-text-editor ul { max-width: none; }
body.yk .yr6b .elementor-widget-text-editor li + li { margin-top: 0; }

/* Bilder in Modulen: Flaeche fuellen, kein Rahmen, keine Rundung. */
body.yk .yr6b img {
  display: block;
  max-width: 100%;
}

body.yk .yr6b .wp-caption {
  margin: 0;
  max-width: 100%;
}

body.yk .yr6b .widget-image-caption {
  margin: 10px 0 0;
  color: var(--yr6b-leise);
  font-family: var(--yl-font-body);
  font-size: 13px;
  font-style: normal;
  line-height: 20px;
  text-align: left;
}

/* Knoepfe der Module folgen yl-btn (live.css); hier nur Abstand in der Aktionszeile. */
body.yk .yr6b-aktionen {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 28px;
  margin-top: 28px;
}

body.yk .yr6b-aktionen > .elementor-element {
  width: auto;
}

/* ------------------------------------------------------------ Seitenkopf */

body.yk .yl-sec.yr6b-kopf {
  padding-top: clamp(28px, 3.6vw, 56px);
  padding-bottom: 0;
  /* Untere Kante weiss: die Faktenleiste liegt auf dem Uebergang zum naechsten Abschnitt. */
  background: linear-gradient(var(--yr6b-warm), var(--yr6b-warm)) top / 100% calc(100% - var(--yr6b-fakten-ueber, 0px)) no-repeat, var(--yr6b-weiss);
}

body.yk .yl-sec.yr6b-kopf:has(.yr6b-fakten) { --yr6b-fakten-ueber: 48px; }
body.yk .yl-sec.yr6b-kopf:not(:has(.yr6b-fakten)) { padding-bottom: var(--yr6b-luft); }

body.yk .yl-sec.yr6b-kopf > .e-con-inner { gap: clamp(28px, 3vw, 48px); }

body.yk .yr6b-kopf__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}

@media (min-width: 1024px) {
  body.yk .yr6b-kopf__raster {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(40px, 4.4vw, 72px);
  }

  body.yk .yr6b-kopf__raster--ohne-medien {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.yk .yr6b-kopf__text {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.yk .yr6b-kopf__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: clamp(34px, 1.9vw + 24px, 52px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

body.yk .yr6b-kopf__titel--lang .elementor-heading-title {
  font-size: clamp(28px, 1.6vw + 20px, 44px);
  line-height: 1.12;
  hyphens: auto;
  overflow-wrap: break-word;
}

body.yk .yr6b-kopf__lead,
body.yk .yr6b-kopf__lead p {
  color: var(--yr6b-text);
  font-size: clamp(17px, 0.3vw + 16px, 19px);
  line-height: 1.6;
}

body.yk .yr6b-kopf__lead {
  max-width: 48ch;
  margin-top: 20px;
}

body.yk .yr6b-kopf__zusatz {
  max-width: 52ch;
  margin-top: 14px;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

body.yk .yr6b-kopf__medien {
  position: relative;
  min-width: 0;
}

body.yk .yr6b-kopf__bild img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (min-width: 1024px) {
  body.yk .yr6b-kopf__bild img {
    aspect-ratio: 5 / 4;
    max-height: 600px;
  }
}

/* Faktenleiste: drei Aussagen mit Symbol in einer weissen Leiste. */
body.yk .yr6b-fakten {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--yr6b-linie);
  background: var(--yr6b-weiss);
}

body.yk .yr6b-fakt {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 16px;
  padding: 20px;
}

body.yk .yr6b-fakt + .yr6b-fakt { border-top: 1px solid var(--yr6b-linie); }

@media (min-width: 900px) {
  body.yk .yr6b-fakten--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yk .yr6b-fakten--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.yk .yr6b-fakten--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.yk .yr6b-fakt { padding: 26px 28px; }
  body.yk .yr6b-fakt + .yr6b-fakt { border-top: 0; border-left: 1px solid var(--yr6b-linie); }
}

body.yk .yr6b-fakt__titel {
  grid-column: 1 / -1;
  --yr6b-symbol: var(--yr6b-icon);
  --yr6b-symbolfarbe: var(--yr6b-bordeaux);
}

body.yk .yr6b-fakt__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

body.yk .yr6b-fakt__text {
  grid-column: 1 / -1;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

@media (min-width: 900px) {
  body.yk .yr6b-fakt__text { padding-left: calc(var(--yr6b-icon) + 14px); }
}

/* Sprungleiste im Kopf (Ablauf, Fragen): nummerierte Ziele in einer Reihe. */
body.yk .yr6b-sprung {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--yr6b-linie);
}

@media (min-width: 900px) {
  body.yk .yr6b-sprung { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; }
}

body.yk .yr6b-sprung__ziel .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-sprung__ziel .elementor-heading-title a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-height: 56px;
  padding: 16px 16px 16px 0;
  color: var(--yr6b-navy);
  text-decoration: none;
}

body.yk .yr6b-sprung__nr {
  color: var(--yr6b-bordeaux);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-sprung__ziel .elementor-heading-title a:hover { color: var(--yr6b-bordeaux); }
}

/* ------------------------------------------------------------ Anzeichen */

body.yk .yr6b-anzeichen__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-anzeichen__raster {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-anzeichen__seite {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.yk .yr6b-anzeichen__bild img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.yk .yr6b-anzeichen__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

@media (min-width: 640px) {
  body.yk .yr6b-anzeichen__liste--2,
  body.yk .yr6b-anzeichen__liste--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.yk .yr6b-anzeichen__liste--3,
  body.yk .yr6b-anzeichen__liste--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  body.yk .yr6b-anzeichen__liste--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yk .yr6b-anzeichen__liste--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.yk .yr6b-anzeichen__punkt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 24px 22px 0;
  border-top: 1px solid var(--yr6b-linie);
}

/* Symbol im ruhigen Kreis: Kreis als ::after, Symbol als Maske davor (::before). */
body.yk .yr6b-anzeichen__titel .elementor-heading-title {
  position: relative;
  display: block;
  margin: 0;
  padding-top: 64px;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-anzeichen__titel .elementor-heading-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--yr6b-warm);
}

body.yk .yr6b-ton--warm .yr6b-anzeichen__titel .elementor-heading-title::after { background: var(--yr6b-weiss); }

body.yk .yr6b-anzeichen__titel .elementor-heading-title::before {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  width: 26px;
  height: 26px;
  background-color: var(--yr6b-bordeaux);
}

body.yk .yr6b-anzeichen__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

/* Mobil: Symbol links neben Titel und Text, kompakter. */
@media (max-width: 639px) {
  body.yk .yr6b-anzeichen__punkt { padding: 20px 0 20px 66px; }
  body.yk .yr6b-anzeichen__titel .elementor-heading-title { padding-top: 0; }
  body.yk .yr6b-anzeichen__titel .elementor-heading-title::after { top: -12px; left: -66px; }
  body.yk .yr6b-anzeichen__titel .elementor-heading-title::before { top: 0; left: -54px; }
}

/* ------------------------------------------------------------ Reiter (Auswahl, Profil) */

body.yk .yr6b-wahl {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.yk .yr6b-wahl__tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  background: var(--yr6b-stein);
}

body.yk .yr6b-wahl__tabs > .elementor-element {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

/* Mobil: Reiter umbrechen, statt Woerter zu quetschen. */
@media (max-width: 767px) {
  body.yk .yr6b-wahl__tabs > .elementor-element { flex: 1 1 auto; }
  body.yk .yr6b-wahl__tab .elementor-heading-title { hyphens: auto; overflow-wrap: anywhere; }
}

body.yk .yr6b-wahl__tab {
  --yr6b-symbol: 24px;
}

body.yk .yr6b-wahl__tab .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

body.yk .yr6b-wahl__tab .elementor-heading-title > a,
body.yk .yr6b-wahl__tab .elementor-heading-title > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 12px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--yr6b-navy);
  font: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--yr6b-dauer) ease, color var(--yr6b-dauer) ease;
}

body.yk .yr6b-wahl__tab .elementor-heading-title > button[aria-selected='true'] {
  background: var(--yr6b-bordeaux);
  color: var(--yr6b-weiss);
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-wahl__tab .elementor-heading-title > button[aria-selected='false']:hover {
    background: var(--yr6b-steinlinie);
  }
}

body.yk .yr6b-wahl__tab .elementor-heading-title > button:focus-visible,
body.yk .yr6b-wahl__tab .elementor-heading-title > a:focus-visible {
  outline: 3px solid var(--yr6b-bordeaux);
  outline-offset: -3px;
}

body.yk .yr6b-wahl__tab .elementor-heading-title > button[aria-selected='true']:focus-visible {
  outline-color: var(--yr6b-sand);
}

/* Felder: ohne Skript untereinander; mit Skript liegen alle in derselben Rasterzelle, damit
   der Wechsel die Hoehe nicht springen laesst. Nur das gewaehlte ist sichtbar. */
body.yk .yr6b-wahl__felder {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.yk .yr6b-wahl.is-bereit .yr6b-wahl__felder {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

body.yk .yr6b-wahl.is-bereit .yr6b-wahl__feld {
  grid-area: 1 / 1;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--yr6b-dauer) ease, visibility 0s linear var(--yr6b-dauer);
}

body.yk .yr6b-wahl.is-bereit .yr6b-wahl__feld.is-aktiv {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--yr6b-dauer) ease, visibility 0s;
}

/* Auswahl mit Bild: Bild links, Erklaerung rechts in einer weissen Flaeche. */
body.yk .yr6b-auswahl .yr6b-wahl__feld {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  background: var(--yr6b-weiss);
}

body.yk .yr6b-ton--weiss .yr6b-auswahl .yr6b-wahl__feld,
body.yk .yr6b-auswahl.yr6b-ton--weiss .yr6b-wahl__feld {
  background: var(--yr6b-warm);
}

@media (min-width: 1024px) {
  body.yk .yr6b-auswahl .yr6b-wahl__feld {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}

body.yk .yr6b-wahl__bild { min-width: 0; }

body.yk .yr6b-wahl__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

@media (min-width: 1024px) {
  body.yk .yr6b-wahl__bild,
  body.yk .yr6b-wahl__bild > .elementor-widget,
  body.yk .yr6b-wahl__img img { height: 100%; }
  body.yk .yr6b-wahl__img img { min-height: 420px; }
}

body.yk .yr6b-wahl__inhalt {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 20px 28px;
}

@media (min-width: 768px) {
  body.yk .yr6b-wahl__inhalt { padding: clamp(28px, 3vw, 44px); }
}

body.yk .yr6b-wahl__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: clamp(22px, 0.5vw + 19px, 26px);
  font-weight: 700;
  line-height: 1.25;
  text-wrap: balance;
}

body.yk .yr6b-auswahl__frage .elementor-heading-title {
  margin: 0 0 -20px;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 15px;
  font-weight: 700;
}

/* Verfahren am Bild (Fassadenreinigung): kurzer Kasten mit Symbol. */
body.yk .yr6b-verfahren {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
  padding: 16px 18px;
  border-left: 3px solid var(--yr6b-bordeaux);
  background: var(--yr6b-warm);
}

body.yk .yr6b-verfahren__titel { --yr6b-symbol: 22px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-verfahren__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 16px;
  font-weight: 700;
}

body.yk .yr6b-verfahren__text,
body.yk .yr6b-verfahren__text p {
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

/* Fuss der Auswahl: Abschluss des Verfahrens und weitere Befunde nebeneinander. */
body.yk .yr6b-auswahl__fuss {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px 48px;
  margin-top: calc(var(--yr6b-takt) * -0.5);
  padding: 22px 20px;
  background: var(--yr6b-warm);
}

@media (min-width: 900px) {
  body.yk .yr6b-auswahl__fuss { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); padding: 26px 36px; }
}

body.yk .yr6b-auswahl.yr6b-ton--warm .yr6b-auswahl__fuss { background: var(--yr6b-weiss); }

body.yk .yr6b-auswahl__abschluss {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

body.yk .yr6b-auswahl__abschluss-titel { --yr6b-symbol: 24px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-auswahl__abschluss-titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
}

body.yk .yr6b-auswahl__abschluss-text p { margin: 0; font-size: 15px; line-height: 1.6; }

body.yk .yr6b-weitere {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.yk .yr6b-weitere__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 15px;
  font-weight: 700;
}

body.yk .yr6b-weitere__liste ul,
body.yk ul.yr6b-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.yk .yr6b-weitere__liste li,
body.yk .yr6b-chips li {
  margin: 0;
}

body.yk .yr6b-weitere__liste li,
body.yk .yr6b-chips--still li,
body.yk .yr6b-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--yr6b-linie);
  border-radius: 999px;
  background: var(--yr6b-weiss);
  color: var(--yr6b-navy);
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
}

body.yk .yr6b-chips a { min-height: 44px; }

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-chips a:hover { border-color: var(--yr6b-bordeaux); color: var(--yr6b-bordeaux); }
}

/* ------------------------------------------------------------ Fugenton und Profil */

/* Eine Buehne: links das quadratische Musterbild mit Fugenmaske (Bild und Maske nur
   quadratisch deckungsgleich), rechts Fugenton und Fugenprofil. */
body.yk .yr6b-farbe__material.yr4-material {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  background: var(--yr6b-weiss);
}

@media (min-width: 1024px) {
  body.yk .yr6b-farbe__material.yr4-material {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
  }
}

body.yk .yr6b-farbe__buehne.yr4-material__buehne {
  width: 100%;
  aspect-ratio: 1;
}

body.yk .yr6b-farbe__wahl {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 24px 20px 28px;
}

@media (min-width: 768px) {
  body.yk .yr6b-farbe__wahl { padding: clamp(28px, 3.2vw, 48px); }
}

body.yk .yr6b-farbe__frage .elementor-heading-title,
body.yk .yr6b-profil__titel .elementor-heading-title {
  margin: 0 0 14px;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-farbe__optionen.yr4-material__optionen {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.yk .yr6b-farbe__optionen > .elementor-widget { width: 100%; }

body.yk .yr6b-farbe__optionen .yr4-material-choice .elementor-button {
  justify-content: flex-start;
  width: 100%;
  min-height: 56px;
  padding: 10px 14px;
  border-radius: var(--yr6b-ecke);
  font-size: 16px;
}

body.yk .yr6b-farbe__optionen .yr4-material-choice .elementor-button-content-wrapper::before {
  width: 28px;
  height: 28px;
}

body.yk .yr6b-farbe__hinweis p {
  margin: 14px 0 0;
  color: var(--yr6b-leise);
  font-size: 13px;
  line-height: 20px;
}

/* Profil: Reiter mit Schnittzeichnung, unter dem Fugenton. */
body.yk .yr6b-profil {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-profil__text p {
  margin: -6px 0 14px;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

body.yk .yr6b-wahl--profil .yr6b-wahl__tabs { background: var(--yr6b-warm); }

body.yk .yr6b-wahl--profil .yr6b-wahl__tab .elementor-heading-title > a,
body.yk .yr6b-wahl--profil .yr6b-wahl__tab .elementor-heading-title > button {
  min-height: 46px;
  padding: 10px 8px;
  font-size: 15px;
}

body.yk .yr6b-wahl--profil .yr6b-wahl__feld {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding-top: 14px;
}

@media (min-width: 560px) {
  body.yk .yr6b-wahl--profil .yr6b-wahl__feld {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 18px;
    align-items: center;
  }
}

body.yk .yr6b-wahl__feld > .elementor-element { flex-shrink: 0; }

/* Schnitt quer zur Wand: links die Aussenseite mit der Steinkante, oben und unten Stein,
   dazwischen die Fuge. Feste Hoehe statt Seitenverhaeltnis, damit das Raster der Reiter die
   Zeichnung in die Hoehe einrechnet. */
body.yk .yr6b-schnitt {
  --yr6b-stein-farbe: #8e3d2c;
  --yr6b-moertel: #b9aa9a;
  --yr6b-tiefe: 0%;
}

body.yk .yr6b-schnitt .elementor-heading-title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 16px;
  font-weight: 700;
}

body.yk .yr6b-schnitt .elementor-heading-title::before {
  content: '';
  display: block;
  width: 100%;
  height: 112px;
  background:
    linear-gradient(rgba(20, 20, 34, 0.4), rgba(20, 20, 34, 0.4)) 26% 0 / 1px 100% no-repeat,
    linear-gradient(var(--yr6b-stein-farbe), var(--yr6b-stein-farbe)) 100% 0 / 74% 38% no-repeat,
    linear-gradient(var(--yr6b-stein-farbe), var(--yr6b-stein-farbe)) 100% 100% / 74% 38% no-repeat,
    var(--yr6b-fugenform, linear-gradient(var(--yr6b-moertel), var(--yr6b-moertel))) 100% 50% / calc(74% - var(--yr6b-tiefe)) 24% no-repeat,
    var(--yr6b-warm);
}

body.yk .yr6b-schnitt--vertieft { --yr6b-tiefe: 14%; }

body.yk .yr6b-schnitt--gerundet {
  --yr6b-fugenform: radial-gradient(ellipse 12% 50% at 0 50%, transparent 97%, var(--yr6b-moertel) 100%);
}

body.yk .yr6b-schnitt__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.55;
}

/* ------------------------------------------------------------ Werkstattband */

body.yk .yr6b-werkstatt__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}

@media (min-width: 1024px) {
  body.yk .yr6b-werkstatt__raster {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(40px, 5vw, 64px);
  }

  body.yk .yr6b-werkstatt--spiegel .yr6b-werkstatt__raster {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }

  body.yk .yr6b-werkstatt--spiegel .yr6b-werkstatt__bild {
    order: 2;
    position: sticky;
    top: calc(var(--yl-header-h, 96px) + 24px);
  }

  body.yk .yr6b-werkstatt--spiegel .yr6b-werkstatt__img img { aspect-ratio: 4 / 5; }
}

body.yk .yr6b-werkstatt__img img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

body.yk .yr6b-werkstatt__inhalt {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.yk .yr6b-werkstatt__inhalt .yr6b-zeile .elementor-heading-title { margin-bottom: -4px; }

body.yk .yr6b-regeln {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px 28px;
  margin-top: 6px;
  padding-top: 22px;
  border-top: 1px solid var(--yr6b-hell-linie);
}

@media (min-width: 640px) {
  body.yk .yr6b-regeln--2,
  body.yk .yr6b-regeln--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.yk .yr6b-regeln--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.yk .yr6b-regel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.yk .yr6b-regel__titel {
  --yr6b-symbol: var(--yr6b-icon);
  --yr6b-symbolfarbe: var(--yr6b-steinlinie);
}

body.yk .yr6b-regel__titel .elementor-heading-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-weiss);
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-regel__text,
body.yk .yr6b-regel__text p {
  margin: 0;
  color: var(--yr6b-hell-leise);
  font-size: 15px;
  line-height: 1.6;
}

body.yk .yr6b-werkstatt__fuss {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
}

body.yk .yr6b-werkstatt__fuss > .elementor-element { width: auto; }

/* Handfolge im Band (Anschlussfugen): nummerierte Schritte untereinander. */
body.yk .yr6b-handfolge {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--yr6b-hell-linie);
}

body.yk .yr6b-handfolge__schritt {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--yr6b-hell-linie);
}

body.yk .yr6b-handfolge__nr .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-sand);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}

body.yk .yr6b-handfolge__titel .elementor-heading-title {
  margin: 0 0 4px;
  color: var(--yr6b-weiss);
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
}

body.yk .yr6b-handfolge__text p {
  margin: 0;
  color: var(--yr6b-hell-leise);
  font-size: 15px;
  line-height: 1.6;
}

/* ------------------------------------------------------------ Echte Bildpaare */

body.yk .yr6b-paare__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px 32px;
}

@media (min-width: 900px) {
  body.yk .yr6b-paare__raster--2,
  body.yk .yr6b-paare__raster--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body.yk .yr6b-paar {
  --yr6b-paar-format: 0.7;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

body.yk .yr6b-r50 { --yr6b-paar-format: 0.5; }
body.yk .yr6b-r55 { --yr6b-paar-format: 0.55; }
body.yk .yr6b-r60 { --yr6b-paar-format: 0.6; }
body.yk .yr6b-r65 { --yr6b-paar-format: 0.65; }
body.yk .yr6b-r70 { --yr6b-paar-format: 0.7; }
body.yk .yr6b-r75 { --yr6b-paar-format: 0.75; }
body.yk .yr6b-r80 { --yr6b-paar-format: 0.8; }

body.yk .yr6b-paar__bilder {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.yk .yr6b-paar__seite {
  position: relative;
  min-width: 0;
}

body.yk .yr6b-paar__img img {
  width: 100%;
  height: auto;
  aspect-ratio: var(--yr6b-paar-format);
  object-fit: cover;
  background: var(--yr6b-steinlinie);
}

body.yk .yr6b-paar__marke {
  position: absolute !important;
  top: 12px;
  left: 12px;
  z-index: 2;
  width: auto !important;
}

body.yk .yr6b-paar__marke .elementor-heading-title {
  margin: 0;
  padding: 5px 10px;
  border-radius: 2px;
  background: var(--yr6b-navy);
  color: var(--yr6b-weiss);
  font-family: var(--yl-font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

body.yk .yr6b-paar__seite--nachher .yr6b-paar__marke .elementor-heading-title { background: var(--yr6b-bordeaux); }

body.yk .yr6b-paar__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-paar__text p {
  margin: -6px 0 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

/* Mobil mit Skript: eine Aufnahme je Paar, Umschalter darueber (r6-b.js). */
body.yk .yr6b-paar__schalter {
  display: none;
}

@media (max-width: 767px) {
  body.yk .yr6b-paar.is-umschaltbar .yr6b-paar__schalter {
    display: inline-flex;
    align-self: flex-start;
    gap: 0;
    padding: 3px;
    border-radius: 999px;
    background: var(--yr6b-weiss);
    box-shadow: inset 0 0 0 1px var(--yr6b-linie);
  }

  body.yk .yr6b-paar.is-umschaltbar .yr6b-paar__bilder {
    grid-template-columns: minmax(0, 1fr);
  }

  body.yk .yr6b-paar.is-umschaltbar .yr6b-paar__seite {
    grid-area: 1 / 1;
    transition: opacity var(--yr6b-dauer) ease;
  }

  body.yk .yr6b-paar.is-umschaltbar.zeigt-nachher .yr6b-paar__seite--vorher,
  body.yk .yr6b-paar.is-umschaltbar.zeigt-vorher .yr6b-paar__seite--nachher {
    opacity: 0;
    visibility: hidden;
  }
}

body.yk .yr6b-paar__schalter button {
  min-width: 96px;
  min-height: 40px;
  padding: 6px 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--yr6b-navy);
  font: 700 14px/1.2 var(--yl-font-body);
  cursor: pointer;
  transition: background-color var(--yr6b-dauer) ease, color var(--yr6b-dauer) ease;
}

body.yk .yr6b-paar__schalter button[aria-pressed='true'] {
  background: var(--yr6b-bordeaux);
  color: var(--yr6b-weiss);
}

body.yk .yr6b-paar__schalter button:focus-visible {
  outline: 3px solid var(--yr6b-bordeaux);
  outline-offset: 2px;
}

/* Regler (r6-b.js): beide Aufnahmen deckungsgleich, links bis zum Regler das Vorher-Bild. */
body.yk .yr6b-paar--regler.is-regler .yr6b-paar__bilder {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: var(--yr6b-paar-format);
  background: var(--yr6b-steinlinie);
  touch-action: pan-y;
}

body.yk .yr6b-paar--regler.is-regler .yr6b-paar__seite {
  position: absolute;
  inset: 0;
}

body.yk .yr6b-paar--regler.is-regler .yr6b-paar__seite > .elementor-widget-image,
body.yk .yr6b-paar--regler.is-regler .yr6b-paar__img img {
  width: 100%;
  height: 100%;
}

body.yk .yr6b-paar--regler.is-regler .yr6b-paar__seite--vorher {
  z-index: 1;
  clip-path: inset(0 calc(100% - var(--yr6b-pos, 50%)) 0 0);
}

body.yk .yr6b-paar--regler.is-regler .yr6b-paar__seite--nachher .yr6b-paar__marke {
  left: auto;
  right: 12px;
}

body.yk .yr6b-regler {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  touch-action: pan-y;
}

body.yk .yr6b-regler__griff {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--yr6b-pos, 50%);
  z-index: 2;
  width: 2px;
  margin-left: -1px;
  background: var(--yr6b-weiss);
  pointer-events: none;
}

body.yk .yr6b-regler__griff::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  background: var(--yr6b-weiss) var(--yl-i-fuge) center / 26px no-repeat;
  box-shadow: 0 4px 16px rgba(10, 10, 24, 0.28);
}

body.yk .yr6b-regler:focus-visible + .yr6b-regler__griff::after {
  outline: 3px solid var(--yr6b-bordeaux);
  outline-offset: 3px;
}

/* ------------------------------------------------------------ Ablaufstationen */

body.yk .yr6b-stationen__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

@media (min-width: 768px) {
  body.yk .yr6b-stationen__liste--4,
  body.yk .yr6b-stationen__liste--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; }
  body.yk .yr6b-stationen__liste--3,
  body.yk .yr6b-stationen__liste--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 36px; }
}

@media (min-width: 1100px) {
  body.yk .yr6b-stationen__liste--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.yk .yr6b-stationen__liste--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  body.yk .yr6b-stationen__liste--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

body.yk .yr6b-station {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 0 28px 64px;
}

/* Mobil: senkrechte Linie links, die Nummer sitzt darauf. */
body.yk .yr6b-station__nr {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 44px !important;
}

body.yk .yr6b-station__nr .elementor-heading-title {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border: 1px solid var(--yr6b-bordeaux);
  border-radius: 50%;
  background: var(--yr6b-weiss);
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-title);
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.yk .yr6b-station--symbol .yr6b-station__nr { --yr6b-symbol: 22px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-station__titel .elementor-heading-title {
  margin: 10px 0 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-station__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  body.yk .yr6b-station:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 21px;
    width: 1px;
    background: var(--yr6b-steinlinie);
  }
}

@media (min-width: 768px) {
  body.yk .yr6b-station {
    padding: 0 28px 0 0;
  }

  body.yk .yr6b-station__nr {
    position: relative !important;
  }

  /* Waagerechte Linie zwischen den Nummern derselben Reihe. */
  body.yk .yr6b-station::before {
    content: '';
    position: absolute;
    top: 22px;
    left: 44px;
    right: 0;
    width: auto;
    height: 1px;
    background: var(--yr6b-steinlinie);
  }

  body.yk .yr6b-station__titel .elementor-heading-title { margin-top: 18px; }
  body.yk .yr6b-station:last-child::before { content: none; }
}

/* ------------------------------------------------------------ Gut zu wissen */

body.yk .yr6b-hinweise__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-hinweise__raster {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-hinweise__kopf {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.yk .yr6b-hinweise__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 40px;
}

@media (min-width: 768px) {
  body.yk .yr6b-hinweise__liste--2,
  body.yk .yr6b-hinweise__liste--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.yk .yr6b-hinweise__liste--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.yk .yr6b-hinweispunkt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0;
  border-top: 1px solid var(--yr6b-steinlinie);
}

body.yk .yr6b-hinweispunkt__titel {
  --yr6b-symbol: 28px;
  --yr6b-symbolfarbe: var(--yr6b-bordeaux);
}

body.yk .yr6b-hinweispunkt__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-hinweispunkt__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

/* ------------------------------------------------------------ Fragen */

body.yk .yr6b-fragen__raster,
body.yk .yr6b-fragengruppe__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-fragen__raster,
  body.yk .yr6b-fragengruppe__raster {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-fragen__seite {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.yk .yr6b-fragen__bild img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.yk .yr6b-fragen__wege {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}

/* Kontaktweg als Symbolzeile (Telefon, WhatsApp). */
body.yk .yr6b-weg {
  --yr6b-symbol: 22px;
}

body.yk .yr6b-weg .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-weg .elementor-heading-title a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: var(--yr6b-navy);
  text-decoration: none;
}

body.yk .yr6b-weg .elementor-heading-title a::before {
  content: '';
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: var(--yr6b-bordeaux);
  -webkit-mask: var(--yl-icon) center / contain no-repeat;
  mask: var(--yl-icon) center / contain no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-weg .elementor-heading-title a:hover { color: var(--yr6b-bordeaux); text-decoration: underline; text-underline-offset: 4px; }
}

body.yk .yr6b .yk-faq.yr6b-fragen__liste {
  max-width: none;
  border-top: 1px solid var(--yr6b-navy);
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__item {
  padding: 0;
  border-bottom: 1px solid var(--yr6b-steinlinie);
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__question .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

/* Ohne Skript: Frage als Zeile mit Abstand, Antwort darunter sichtbar. */
body.yk .yr6b .yr6b-fragen__liste .yk-faq__item:not(.yk-faq__item--collapsible) .yk-faq__question .elementor-heading-title {
  padding: 18px 0 8px;
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__button {
  align-items: center;
  min-height: 64px;
  padding: 16px 0;
  color: var(--yr6b-navy);
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__button-sign::before,
body.yk .yr6b .yr6b-fragen__liste .yk-faq__button-sign::after {
  background-color: var(--yr6b-bordeaux);
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__answer {
  margin: 0;
  padding: 0 48px 20px 0;
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__answer p {
  margin: 0 0 0.8em;
  color: var(--yr6b-text);
  font-size: 16px;
  line-height: 1.65;
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__answer p:last-child { margin-bottom: 0; }

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b .yr6b-fragen__liste .yk-faq__button:hover { color: var(--yr6b-bordeaux); }
}

body.yk .yr6b .yr6b-fragen__liste .yk-faq__button:focus-visible {
  outline: 3px solid var(--yr6b-bordeaux);
  outline-offset: 2px;
}

/* ------------------------------------------------------------ Passend dazu */

body.yk .yr6b-weiter__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

@media (min-width: 640px) {
  body.yk .yr6b-weiter__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
}

@media (min-width: 1100px) {
  body.yk .yr6b-weiter__raster--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yk .yr6b-weiter__raster--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

body.yk .yr6b-weiter__karte {
  position: relative;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 4px 16px;
  align-content: start;
}

body.yk .yr6b-weiter__bild { grid-row: 1 / span 2; }

@media (min-width: 640px) {
  body.yk .yr6b-weiter__karte {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    gap: 6px;
  }

  body.yk .yr6b-weiter__bild { grid-row: auto; margin-bottom: 10px; }
}

body.yk .yr6b-weiter__bild {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  overflow: hidden;
}

body.yk .yr6b-weiter__bild--paar { grid-template-columns: repeat(2, minmax(0, 1fr)); }

body.yk .yr6b-weiter__img img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

@media (min-width: 640px) {
  body.yk .yr6b-weiter__bild:not(.yr6b-weiter__bild--paar) .yr6b-weiter__img img { aspect-ratio: 3 / 2; }
  body.yk .yr6b-weiter__bild--paar .yr6b-weiter__img img { aspect-ratio: 3 / 4; height: 100%; }
  body.yk .yr6b-weiter__bild--paar { aspect-ratio: 3 / 2; }
}

body.yk .yr6b-weiter__titel .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-weiter__titel .elementor-heading-title a {
  color: var(--yr6b-navy);
  text-decoration: none;
  text-underline-offset: 4px;
}

/* Ganze Karte klickbar, ein einziger Verweis je Karte. */
body.yk .yr6b-weiter__titel .elementor-heading-title a::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

body.yk .yr6b-weiter__titel .elementor-heading-title a:focus-visible { outline: none; }
body.yk .yr6b-weiter__karte:has(a:focus-visible) { outline: 3px solid var(--yr6b-bordeaux); outline-offset: 6px; }

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-weiter__karte:hover .yr6b-weiter__titel .elementor-heading-title a {
    color: var(--yr6b-bordeaux);
    text-decoration: underline;
  }
}

body.yk .yr6b-weiter__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.55;
}

/* ------------------------------------------------------------ Befund am Bild */

body.yk .yr6b-befund__raster.yr4-hotspot {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

@media (min-width: 1024px) {
  body.yk .yr6b-befund__raster.yr4-hotspot {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(40px, 4.4vw, 64px);
    align-items: center;
  }
}

body.yk .yr6b-befund__bild.yr4-hotspot__bild {
  position: relative;
  aspect-ratio: 3 / 2;
  max-width: none;
  overflow: visible;
}

body.yk .yr6b-befund__bild .yr4-hotspot__img,
body.yk .yr6b-befund__bild .yr4-hotspot__img img {
  width: 100%;
  height: 100%;
}

body.yk .yr6b-befund__bild .yr4-hotspot__img img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* Lage der Markierungen auf r6-fugenschaden (1536 x 1024), am Motiv gesetzt. */
body.yk .yr4-hotspot--r6-schaden .yr4-hotspot__marke--1 { left: 24%; top: 31%; }
body.yk .yr4-hotspot--r6-schaden .yr4-hotspot__marke--2 { left: 54%; top: 41%; }
body.yk .yr4-hotspot--r6-schaden .yr4-hotspot__marke--3 { left: 61%; top: 64%; }

@media (max-width: 767px) {
  body.yk .yr6b-befund .yr4-hotspot__marke { --yr4-marke: 36px; }
}

body.yk .yr6b-befund .yr4-hotspot__marke button {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

body.yk .yr6b-befund .yr4-hotspot__marke button:focus-visible {
  outline: 3px solid var(--yr6b-sand);
  outline-offset: 3px;
}

body.yk .yr6b-befund__liste.yr4-hotspot__liste {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.yk .yr6b-befund__frage .elementor-heading-title {
  margin: 0 0 6px;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.yk .yr6b-befund .yr4-hotspot__punkt {
  padding: 18px 0 18px 20px;
  border-top: 0;
  border-bottom: 1px solid var(--yr6b-linie);
  border-left: 3px solid transparent;
  transition: border-color var(--yr6b-dauer) ease, background-color var(--yr6b-dauer) ease;
}

body.yk .yr6b-befund .yr4-hotspot__punkt::after { content: none; }

body.yk .yr6b-befund .yr4-hotspot__punkt.is-aktiv {
  border-left-color: var(--yr6b-bordeaux);
  background: var(--yr6b-warm);
}

body.yk .yr6b-befund .yr4-hotspot__titel .elementor-heading-title {
  margin: 0 0 6px;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
}

body.yk .yr6b-befund .yr4-hotspot__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

body.yk .yr6b-befund .yr6b-hinweis { margin-top: 14px; }

/* Pruefpunkte unter dem Befund: Titel, Satz und sechs Zeilen mit Symbol. */
body.yk .yr6b-pruefpunkte {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px 40px;
  padding: 28px 20px;
  background: var(--yr6b-warm);
}

@media (min-width: 768px) {
  body.yk .yr6b-pruefpunkte { padding: 36px 40px; }
}

body.yk .yr6b-pruefpunkte__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-pruefpunkte__text p {
  margin: 0 0 8px;
  color: var(--yr6b-text);
  font-size: 15px;
}

body.yk .yr6b-pruefpunkte__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 32px;
}

@media (min-width: 640px) {
  body.yk .yr6b-pruefpunkte__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  body.yk .yr6b-pruefpunkte__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.yk .yr6b-pruefpunkt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 0;
  border-top: 1px solid var(--yr6b-steinlinie);
}

body.yk .yr6b-pruefpunkt__titel { --yr6b-symbol: 22px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-pruefpunkt__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 16px;
  font-weight: 700;
}

body.yk .yr6b-pruefpunkt__text p {
  margin: 0;
  padding-left: 32px;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.55;
}

/* ------------------------------------------------------------ Passend dazu: Symbolkachel */

body.yk .yr6b-weiter__bild--symbol {
  display: flex;
  align-items: flex-end;
  aspect-ratio: 1;
  padding: 14px;
  background: var(--yr6b-warm);
}

@media (min-width: 640px) {
  body.yk .yr6b-weiter__bild--symbol { aspect-ratio: 3 / 2; padding: 20px; }
}

body.yk .yr6b-weiter__symbol { --yr6b-symbol: 40px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-weiter__symbol .elementor-heading-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

/* ------------------------------------------------------------ Nutzen und Grenzen */

body.yk .yr6b-vergleich__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

@media (min-width: 900px) {
  body.yk .yr6b-vergleich__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}

body.yk .yr6b-vergleich__spalte {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 26px 22px 28px;
  background: var(--yr6b-weiss);
  border-top: 4px solid var(--yr6b-bordeaux);
}

body.yk .yr6b-ton--weiss .yr6b-vergleich__spalte { background: var(--yr6b-warm); }

body.yk .yr6b-vergleich__spalte--grenze { border-top-color: var(--yr6b-navy); }

@media (min-width: 768px) {
  body.yk .yr6b-vergleich__spalte { padding: 32px 36px 36px; }
}

body.yk .yr6b-vergleich__titel { --yr6b-symbol: 30px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }
body.yk .yr6b-vergleich__spalte--grenze .yr6b-vergleich__titel { --yr6b-symbolfarbe: var(--yr6b-navy); }

body.yk .yr6b-vergleich__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 22px;
  font-weight: 700;
}

body.yk .yr6b-vergleich__spalte--grenze .yr6b-liste li::before {
  background-color: var(--yr6b-navy);
  -webkit-mask-image: var(--yl-i-minus);
  mask-image: var(--yl-i-minus);
}

/* ------------------------------------------------------------ Bildfolge */

body.yk .yr6b-bildfolge__reihe {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px 24px;
}

@media (min-width: 768px) {
  body.yk .yr6b-bildfolge__reihe--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yk .yr6b-bildfolge__reihe--2,
  body.yk .yr6b-bildfolge__reihe--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1100px) {
  body.yk .yr6b-bildfolge__reihe--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

body.yk .yr6b-bildfolge__schritt {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.yk .yr6b-bildfolge__bild {
  position: relative;
  margin-bottom: 8px;
}

body.yk .yr6b-bildfolge__img img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.yk .yr6b-bildfolge__nr {
  position: absolute !important;
  left: 0;
  bottom: 0;
  width: auto !important;
}

body.yk .yr6b-bildfolge__nr .elementor-heading-title {
  margin: 0;
  padding: 10px 14px;
  background: var(--yr6b-bordeaux);
  color: var(--yr6b-weiss);
  font-family: var(--yl-font-title);
  font-size: 16px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.yk .yr6b-bildfolge__titel { --yr6b-symbol: 22px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-bildfolge__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-bildfolge__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

/* ------------------------------------------------------------ Musterflaeche, Bild und Text */

body.yk .yr6b-muster__raster,
body.yk .yr6b-bildtext__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

@media (min-width: 1024px) {
  body.yk .yr6b-muster__raster,
  body.yk .yr6b-bildtext__raster {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    gap: clamp(40px, 4.4vw, 64px);
  }

  body.yk .yr6b-bildtext__raster { align-items: center; }
  body.yk .yr6b-bildtext--spiegel .yr6b-bildtext__bild { order: 2; }
  body.yk .yr6b-muster__bild { position: sticky; top: calc(var(--yl-header-h, 96px) + 24px); }
}

body.yk .yr6b-muster__img img,
body.yk .yr6b-bildtext__img img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.yk .yr6b-muster__inhalt,
body.yk .yr6b-bildtext__inhalt {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.yk .yr6b-muster__zwischentitel .elementor-heading-title {
  margin: 10px 0 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
}

body.yk .yr6b-parameter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--yr6b-linie);
  border: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-parameter__feld {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  background: var(--yr6b-weiss);
}

body.yk .yr6b-ton--weiss .yr6b-parameter__feld { background: var(--yr6b-warm); }

body.yk .yr6b-parameter__titel { --yr6b-symbol: 24px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-parameter__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
}

body.yk .yr6b-parameter__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 14px;
  line-height: 1.5;
}

body.yk .yr6b-mittel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.yk .yr6b-mittel__titel .elementor-heading-title {
  margin: 4px 0 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 15px;
  font-weight: 700;
}

body.yk .yr6b-mittel__liste ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.yk .yr6b-mittel__liste li {
  margin: 0;
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--yr6b-stein);
  color: var(--yr6b-navy);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

body.yk .yr6b-muster__zusatz { max-width: none; }

/* ------------------------------------------------------------ Mosaik (Anwendungsfaelle) */

body.yk .yr6b-mosaik__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

@media (min-width: 640px) {
  body.yk .yr6b-mosaik__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  body.yk .yr6b-mosaik__raster { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}

body.yk .yr6b-mosaik__kachel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  min-height: 200px;
  padding: 22px;
  background: var(--yr6b-warm);
  overflow: hidden;
}

body.yk .yr6b-ton--warm .yr6b-mosaik__kachel { background: var(--yr6b-weiss); }

@media (max-width: 639px) {
  body.yk .yr6b-mosaik__kachel { min-height: 0; }
}

body.yk .yr6b-mosaik__kachel--bild {
  min-height: 280px;
  background: var(--yr6b-navy);
}

body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__img {
  position: absolute !important;
  inset: 0;
  z-index: 0;
}

body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Lesbarkeit auf dem Bild: ruhige Flaeche unter dem Text statt Verlauf. */
body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__titel,
body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__text {
  position: relative;
  z-index: 1;
}

body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__titel .elementor-heading-title,
body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__text p {
  display: inline;
  padding: 2px 8px;
  background: rgba(20, 20, 34, 0.86);
  color: var(--yr6b-weiss);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

body.yk .yr6b-mosaik__kachel--bild > .yr6b-mosaik__text p { color: var(--yr6b-hell); line-height: 1.75; }

body.yk .yr6b-mosaik__titel { --yr6b-symbol: 30px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-mosaik__titel .elementor-heading-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-mosaik__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.55;
}

/* ------------------------------------------------------------ Punkte (Bild und Text) */

body.yk .yr6b-punkte {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-punkt {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-punkt--nr {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
}

body.yk .yr6b-punkt__nr .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}

body.yk .yr6b-punkt__inhalt { display: flex; flex-direction: column; gap: 4px; }

body.yk .yr6b-punkt__titel { --yr6b-symbol: 24px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-punkt__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

body.yk .yr6b-punkt__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.6;
}

body.yk .yr6b-punkt:not(.yr6b-punkt--nr) .yr6b-punkt__text p { padding-left: 36px; }

/* ------------------------------------------------------------ Ablaufkapitel */

body.yk .yr6b-kapitel__liste {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

@media (min-width: 900px) {
  body.yk .yr6b-kapitel__liste { gap: 32px; }
}

body.yk .yr6b-kapitel__eintrag {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  scroll-margin-top: calc(var(--yl-header-h, 96px) + 16px);
}

@media (min-width: 900px) {
  body.yk .yr6b-kapitel__eintrag {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(40px, 6vw, 96px);
  }

  body.yk .yr6b-kapitel__eintrag--rechts { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  body.yk .yr6b-kapitel__eintrag--rechts .yr6b-kapitel__kreis { order: 2; }
}

/* Kreisbild mit umlaufender Ziffer (r4-interaktionen.js orbits()), Ruhelage gegen 10 Uhr. */
body.yk .yr6b-kapitel__kreis.yr4-orbit {
  --yr4-ring: 1px;
  --yr4-orbit-start: 210;
  --yr4-orbit-dauer: 18;
  justify-self: center;
  width: min(100%, var(--yr6b-kreis, 300px));
  aspect-ratio: 1;
  padding: 16px;
  border: 1px solid var(--yr6b-bordeaux);
  border-radius: 50%;
}

body.yk .yr6b-kapitel__eintrag:nth-child(2) .yr4-orbit { --yr4-orbit-phase: 0.25; }
body.yk .yr6b-kapitel__eintrag:nth-child(3) .yr4-orbit { --yr4-orbit-phase: 0.5; }
body.yk .yr6b-kapitel__eintrag:nth-child(4) .yr4-orbit { --yr4-orbit-phase: 0.75; }

@media (min-width: 900px) {
  body.yk { --yr6b-kreis: 400px; }
  body.yk .yr6b-kapitel__kreis.yr4-orbit { padding: 20px; }
}

body.yk .yr6b-kapitel__kreis .yr6b-kapitel__img,
body.yk .yr6b-kapitel__kreis .yr6b-kapitel__img img {
  width: 100%;
  height: 100%;
}

body.yk .yr6b-kapitel__kreis .yr6b-kapitel__img img {
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}

body.yk .yr6b-kapitel__kreis .yr4-orbit__badge {
  width: 52px !important;
  height: 52px !important;
  box-shadow: 0 0 0 6px var(--yr6b-weiss);
}

body.yk .yr6b-ton--warm .yr6b-kapitel__kreis .yr4-orbit__badge { box-shadow: 0 0 0 6px var(--yr6b-warm); }

body.yk .yr6b-kapitel__inhalt {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.yk .yr6b-kapitel__zeile .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.yk .yr6b-kapitel__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: clamp(24px, 0.9vw + 19px, 32px);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

body.yk .yr6b-kapitel__wege {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 24px;
}

body.yk .yr6b-kapitel__wege > .elementor-element { width: auto; }

/* ------------------------------------------------------------ Checkliste */

body.yk .yr6b-checkliste__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-checkliste__raster {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-checkliste__kopf {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.yk .yr6b-checkliste__karte {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 8px 20px;
  border: 1px solid var(--yr6b-linie);
  background: var(--yr6b-weiss);
}

@media (min-width: 640px) {
  body.yk .yr6b-checkliste__karte { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; padding: 12px 32px; }
}

body.yk .yr6b-check {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 0;
  border-bottom: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-check:last-child { border-bottom: 0; }

@media (min-width: 640px) {
  body.yk .yr6b-check:nth-last-child(-n + 2) { border-bottom: 0; }
}

body.yk .yr6b-check__titel { --yr6b-symbol: 26px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-check__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
}

body.yk .yr6b-check__text p {
  margin: 0;
  padding-left: 38px;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.55;
}

/* ------------------------------------------------------------ Tafeln */

body.yk .yr6b-tafeln__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

@media (min-width: 900px) {
  body.yk .yr6b-tafeln__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}

body.yk .yr6b-tafel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px 22px;
  background: var(--yr6b-warm);
}

body.yk .yr6b-ton--warm .yr6b-tafel { background: var(--yr6b-weiss); }

@media (min-width: 768px) {
  body.yk .yr6b-tafel { padding: 36px 40px; }
}

body.yk .yr6b-tafel__titel { --yr6b-symbol: 32px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-tafel__titel .elementor-heading-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

/* ------------------------------------------------------------ Aussage */

body.yk .yr6b-aussage__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-aussage__raster {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-aussage__titel { --yr6b-symbol: 40px; --yr6b-symbolfarbe: var(--yr6b-sand); }

body.yk .yr6b-aussage__titel .elementor-heading-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin: 0;
  color: var(--yr6b-weiss);
  font-family: var(--yl-font-title);
  font-size: clamp(27px, 0.75vw + 24px, 34px);
  font-weight: 750;
  line-height: 1.2;
  text-wrap: balance;
}

body.yk .yr6b-aussage__text p {
  margin: 0;
  color: var(--yr6b-hell);
  font-size: clamp(18px, 0.4vw + 16px, 21px);
  line-height: 1.6;
}

/* ------------------------------------------------------------ Betrieb und Ansprechpartner */

body.yk .yr6b-betrieb__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-betrieb__raster {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-betrieb__text {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.yk .yr6b-person {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px 24px;
  border-top: 4px solid var(--yr6b-bordeaux);
  background: var(--yr6b-warm);
}

@media (min-width: 768px) {
  body.yk .yr6b-person { padding: 36px 36px 32px; }
}

body.yk .yr6b-person__zeile .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.yk .yr6b-person__name .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 26px;
  font-weight: 750;
}

body.yk .yr6b-person__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 16px;
  line-height: 1.65;
}

body.yk .yr6b-person__wege {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-leistungsband {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 28px;
  border-top: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-leistungsband__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 20px;
  font-weight: 700;
}

body.yk .yr6b-leistungsband__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 24px;
}

@media (min-width: 640px) {
  body.yk .yr6b-leistungsband__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  body.yk .yr6b-leistungsband__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.yk .yr6b-leistungsband__eintrag .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 17px;
  font-weight: 700;
}

body.yk .yr6b-leistungsband__eintrag .elementor-heading-title a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 60px;
  border-bottom: 1px solid var(--yr6b-linie);
  color: var(--yr6b-navy);
  text-decoration: none;
}

body.yk .yr6b-leistungsband__eintrag .elementor-heading-title a::before {
  content: '';
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  background-color: var(--yr6b-bordeaux);
  -webkit-mask: var(--yl-icon) center / contain no-repeat;
  mask: var(--yl-icon) center / contain no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-leistungsband__eintrag .elementor-heading-title a:hover { color: var(--yr6b-bordeaux); }
}

/* ------------------------------------------------------------ Grundsaetze (Bordeauxband) */

body.yk .yr6b-grundsaetze__raster {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body.yk .yr6b-grundsaetze__liste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

@media (min-width: 900px) {
  body.yk .yr6b-grundsaetze__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; }
}

body.yk .yr6b-grundsatz {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 0;
  border-top: 1px solid var(--yr6b-hell-linie);
}

body.yk .yr6b-grundsatz__titel { --yr6b-symbol: var(--yr6b-icon); --yr6b-symbolfarbe: var(--yr6b-sand); }

body.yk .yr6b-grundsatz__titel .elementor-heading-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  color: var(--yr6b-weiss);
  font-family: var(--yl-font-title);
  font-size: 21px;
  font-weight: 700;
}

body.yk .yr6b-grundsatz__text p {
  margin: 0;
  color: var(--yr6b-hell-leise);
  font-size: 16px;
  line-height: 1.65;
}

/* ------------------------------------------------------------ Ein Paar gross */

body.yk .yr6b-beleg__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-beleg__raster {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: center;
  }
}

body.yk .yr6b-beleg__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.yk .yr6b-paar--gross {
  width: min(100%, 520px);
  margin-inline: auto;
}

body.yk .yr6b-paar--gross .yr6b-paar__titel .elementor-heading-title {
  font-family: var(--yl-font-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--yr6b-text);
}

/* ------------------------------------------------------------ Region kompakt */

body.yk .yr6b-region__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-region__raster {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: center;
  }
}

body.yk .yr6b-region__text {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.yk .yr6b-region__text .yr6b-titel { --yr6b-symbol: 34px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-region__text .yr6b-titel .elementor-heading-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

body.yk .yr6b-region__gruppen {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 20px;
  background: var(--yr6b-weiss);
}

@media (min-width: 768px) {
  body.yk .yr6b-region__gruppen { padding: 32px 36px; }
}

body.yk .yr6b-region__gruppe { display: flex; flex-direction: column; gap: 10px; }

body.yk .yr6b-region__gruppentitel .elementor-heading-title,
body.yk .yr6b-gebietskarte__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ------------------------------------------------------------ Projekte */

body.yk .yr6b-filter {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 768px) {
  body.yk .yr6b-filter { flex-direction: row; align-items: center; gap: 16px; }
  body.yk .yr6b-filter > .elementor-element { width: auto; }
}

body.yk .yr6b-filter__titel .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 15px;
  font-weight: 700;
}

body.yk .yr6b-filter__liste {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

body.yk .yr6b-filter__liste > .elementor-widget { width: auto; }

body.yk .yr6b-filter__wahl .elementor-button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 18px;
  border: 1px solid var(--yr6b-steinlinie);
  border-radius: 999px;
  background: var(--yr6b-weiss);
  color: var(--yr6b-navy);
  font-family: var(--yl-font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
  transition: background-color var(--yr6b-dauer) ease, border-color var(--yr6b-dauer) ease, color var(--yr6b-dauer) ease;
}

body.yk .yr6b-filter__wahl .elementor-button-content-wrapper::after { content: none; display: none; }

body.yk .yr6b-filter__wahl.is-aktiv .elementor-button,
body.yk .yr6b-filter__wahl .elementor-button[aria-pressed='true'] {
  border-color: var(--yr6b-bordeaux);
  background: var(--yr6b-bordeaux);
  color: var(--yr6b-weiss);
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-filter__wahl .elementor-button[aria-pressed='false']:hover { border-color: var(--yr6b-bordeaux); color: var(--yr6b-bordeaux); }
}

body.yk .yr6b-filter__wahl .elementor-button:focus-visible {
  outline: 3px solid var(--yr6b-bordeaux);
  outline-offset: 3px;
}

body.yk .yr6b-projekte__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 44px 32px;
  scroll-margin-top: calc(var(--yl-header-h, 96px) + 24px);
}

@media (min-width: 900px) {
  body.yk .yr6b-projekte__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body.yk .yr6b-projekte__raster > .yr6b-paar[hidden] { display: none !important; }

/* Kopf mit Regler (Projekte). */
body.yk .yr6b-kopf__medien--paar .yr6b-paar--gross { width: min(100%, 480px); }

/* Kopf mit Regionsgruppen (Einsatzgebiet). */
body.yk .yr6b-kopf__medien--gebiet {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

body.yk .yr6b-gebietskarte {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 22px 24px;
  border-top: 3px solid var(--yr6b-bordeaux);
  background: var(--yr6b-weiss);
}

body.yk ul.yr6b-gebietskarte__liste {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.yk .yr6b-gebietskarte__liste li { margin: 0; }

body.yk .yr6b-gebietskarte__liste a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 14px;
  border: 1px solid var(--yr6b-linie);
  border-radius: var(--yr6b-ecke);
  background: var(--yr6b-warm);
  color: var(--yr6b-navy);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-gebietskarte__liste a:hover { border-color: var(--yr6b-bordeaux); color: var(--yr6b-bordeaux); }
}

/* ------------------------------------------------------------ Themen (Fragenseite) */

body.yk .yr6b-themen__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  background: var(--yr6b-linie);
  border: 1px solid var(--yr6b-linie);
}

@media (min-width: 640px) {
  body.yk .yr6b-themen__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  body.yk .yr6b-themen__raster { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.yk .yr6b-thema {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 24px;
  background: var(--yr6b-weiss);
}

body.yk .yr6b-thema__titel .elementor-heading-title {
  margin: 0;
  font-family: var(--yl-font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

body.yk .yr6b-thema__titel .elementor-heading-title a {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--yr6b-navy);
  text-decoration: none;
}

body.yk .yr6b-thema__titel .elementor-heading-title a::before {
  content: '';
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  background-color: var(--yr6b-bordeaux);
  -webkit-mask: var(--yl-icon) center / contain no-repeat;
  mask: var(--yl-icon) center / contain no-repeat;
}

body.yk .yr6b-thema__titel .elementor-heading-title a::after {
  content: '';
  position: absolute;
  inset: 0;
}

body.yk .yr6b-thema__text p {
  margin: 0;
  padding-left: 42px;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.55;
}

@media (hover: hover) and (pointer: fine) {
  body.yk .yr6b-thema:hover { background: var(--yr6b-warm); }
  body.yk .yr6b-thema:hover .yr6b-thema__titel .elementor-heading-title a { color: var(--yr6b-bordeaux); }
}

body.yk .yr6b-thema:has(a:focus-visible) { outline: 3px solid var(--yr6b-bordeaux); outline-offset: -3px; }
body.yk .yr6b-thema__titel .elementor-heading-title a:focus-visible { outline: none; }

/* ------------------------------------------------------------ Fragengruppe (Fragenseite) */

body.yk .yl-sec.yr6b-fragengruppe { scroll-margin-top: calc(var(--yl-header-h, 96px) + 8px); }

body.yk .yr6b-fragengruppe__seite {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-fragengruppe__seite { position: sticky; top: calc(var(--yl-header-h, 96px) + 24px); }
}

body.yk .yr6b-fragengruppe__nr .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-title);
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.yk .yr6b-fragengruppe__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 16px;
  line-height: 1.6;
}

body.yk .yr6b-fragengruppe__bild { margin-top: 6px; }

body.yk .yr6b-fragengruppe__bild img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

@media (max-width: 1023px) {
  body.yk .yr6b-fragengruppe__bild img { aspect-ratio: 21 / 9; }
}

/* ------------------------------------------------------------ Nach der Anfrage (Kontakt) */

body.yk .yr6b-kontaktinfo__raster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-kontaktinfo__raster {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
}

body.yk .yr6b-kontaktinfo__schritte {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.yk .yr6b-kontaktinfo__liste {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-kontaktinfo__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 28px;
}

body.yk .yr6b-kontaktinfo__links > .elementor-element { width: auto; }

body.yk .yr6b-adresse {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 24px;
  border-top: 4px solid var(--yr6b-bordeaux);
  background: var(--yr6b-weiss);
}

@media (min-width: 768px) {
  body.yk .yr6b-adresse { padding: 32px 36px; }
}

body.yk .yr6b-adresse__titel { --yr6b-symbol: 28px; --yr6b-symbolfarbe: var(--yr6b-bordeaux); }

body.yk .yr6b-adresse__titel .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--yr6b-navy);
  font-family: var(--yl-font-title);
  font-size: 22px;
  font-weight: 700;
}

body.yk .yr6b-adresse__text p {
  margin: 0;
  color: var(--yr6b-text);
  font-size: 15px;
  line-height: 1.65;
}

/* ------------------------------------------------------------ Einsatzgebiet: Kartenbuehne */

/* Karte und Auswahl aus live-seiten.css (live.js owl()); hier Buehne, Gruppen und Rahmen. */
body.yk .yr6b-karte__buehne.yl-owl__buehne {
  margin-top: 0;
  gap: 28px;
}

@media (min-width: 1024px) {
  body.yk .yr6b-karte__buehne.yl-owl__buehne {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 32px;
  }
}

body.yk .yr6b-karte__flaeche {
  padding: 20px;
  background: var(--yr6b-warm);
}

@media (min-width: 768px) {
  body.yk .yr6b-karte__flaeche { padding: 28px 32px; }
}

body.yk .yr6b-karte__fuss {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid var(--yr6b-linie);
}

body.yk .yr6b-karte__panel.yl-owl__panel { gap: 18px; }

@media (min-width: 1024px) {
  body.yk .yr6b-karte__panel.yl-owl__panel { position: sticky; top: calc(var(--yl-header-h, 96px) + 20px); }
}

body.yk .yr6b-karte__auswahl {
  padding: 20px 20px 22px;
  border: 1px solid var(--yr6b-linie);
  background: var(--yr6b-weiss);
}

body.yk .yr6b-karte .yl-owl__wahl-gruppe {
  margin: 14px 0 8px;
  color: var(--yr6b-navy);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.yk .yr6b-karte .yl-owl__wahl-gruppe:first-child { margin-top: 0; }

body.yk .yr6b-region-karte__zeile .elementor-heading-title {
  margin: 0;
  color: var(--yr6b-bordeaux);
  font-family: var(--yl-font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Sprungziele der Kartenwahl (live.js owl()) unter dem klebenden Kopf sichtbar halten. */
body.yk .yr6b-karte .yl-owl__buehne,
body.yk .yr6b-karte .yl-owl__auswahl,
body.yk .yr6b-karte .yl-owl__region {
  scroll-margin-top: calc(var(--yl-header-h, 96px) + 16px);
}

body.yk .yr6b-karte .yl-owl__region {
  border: 1px solid var(--yr6b-linie);
  border-top: 3px solid var(--yr6b-bordeaux);
  box-shadow: none;
}

body.yk .yr6b-karte .yl-owl__region-text p {
  color: var(--yr6b-text);
  font-size: 16px;
  line-height: 1.65;
}

/* ------------------------------------------------------------ Anfrageabschluss */

/* Struktur und Bedienung wie bisher (yl-request, live.css); nur der Hintergrund ist eine
   Illustration. Ruhige Abdunklung, damit Schrift und Kacheln gut lesbar bleiben. */
body.yk .yl-request.yr6b-abschluss { background-position: center 40%; }

body.yk .yr6b-abschluss .yl-kicker .elementor-heading-title {
  padding-left: 0;
  font-size: 14px;
  letter-spacing: 0.08em;
}

body.yk .yr6b-abschluss .yl-kicker .elementor-heading-title::before { content: none; }

/* ------------------------------------------------------------ Fokus und Bewegung */

body.yk .yr6b a:focus-visible {
  outline: 3px solid var(--yr6b-bordeaux);
  outline-offset: 3px;
}

body.yk .yr6b-ton--bordeaux a:focus-visible,
body.yk .yr6b-ton--navy a:focus-visible {
  outline-color: var(--yr6b-sand);
}

@media (prefers-reduced-motion: reduce) {
  body.yk .yr6b *,
  body.yk .yr6b *::before,
  body.yk .yr6b *::after {
    transition-duration: 1ms !important;
    transition-delay: 0s !important;
  }
}