/* Produktdetailseite Fernlehrgang, portiert aus dem freigegebenen Entwurf fernlehrgang-design.html (Stand 08.10.2026, Plan Teil 25).
   Nur Tokens var(--...), keine neuen Farben. Geladen von includes/modules/pdp.php. */
/* =====================================================================
   PDP-DESIGN Version 2 · ein Template für Fernlehrgang und Kurs
   Stand 28.09.2026 nach FIX-BRIEF-v2.md. Dieser Block steht wortgleich in
   fernlehrgang-design.html und kurs-design.html; beide Seiten unterscheiden
   sich nur im Inhalt, nie in Markup-Struktur oder Regeln.
   Regeln: nur var(--…) aus assets/tokens.css bzw. dem Theme. Orange 100 bis 400,
   Grün nur als kleine Pille (Theme-Tag „förderfähig"), nie als Fläche.
   Radien 24 Button (Theme) / 20 Karte, Bild, Aufklapper / 32 Bühne / Pille.
   Schriftgrößen nur var(--schrift-*), Rowan nie unter 24 px (Memory Schriftskala).
   Fokus 2 px schwarz, Klickflächen 44 px, Bewegung nur Hover/Fokus 140 bis 360 ms.
   Gliederung (Version 7, FIX-BRIEF-v7.md):
     0 Grundlagen   1 Hero + Siegelband   Leiste (immer sichtbar)   2 Navigation
     3 Passt das zu Dir?   4 Kaufsektion (Termine bzw. Pakete, Orange 100)
     5 Warum HÖHER (Band Lila 100, Team-Bühne, Benefits, Stimmen)   6 Erfahrungen
     7 Nach der Buchung   8 Beratungs-Box (Theme course-consultation)   9 FAQ
     10 Video zum Nachlesen   11 Newsletter
   ===================================================================== */
/* WCAG 2.4.11: fixierte Leiste unten darf den Fokus nicht verdecken (C7.1). */
html{scroll-padding-bottom:96px}

/* ---------- 0 Grundlagen ------------------------------------------------ */
/* Sektionsrhythmus rund 96 px (Extrakt), mobil 56 px. Der warme Schatten ist Ink
   mit 8 % Deckkraft, per color-mix aus der Variable (keine eigene Farbe). */
.pdp{
	--pdp-luft:96px;
	--pdp-linie:1px solid var(--background-borders);
	--pdp-schatten:0 12px 32px color-mix(in srgb,var(--typography-black) 8%,transparent);
}
@media (max-width:767px){.pdp{--pdp-luft:48px}}

.pdp-s{position:relative;padding-block:calc(var(--pdp-luft) / 2)}
.pdp-s--flaeche{padding-block:var(--pdp-luft)}
.pdp-s--beige{background:var(--background-beige)}
.pdp-s--hell{background:var(--background-light-beige)}

/* Überschriften Rowan aus der Skala, Komposita trennen (section-standards 2). */
.pdp-titel{
	color:var(--typography-black);font-family:var(--font3);font-weight:400;
	font-size:var(--schrift-h2);line-height:1.2;margin:0;
	text-wrap:balance;hyphens:auto;overflow-wrap:break-word;
}
.pdp-h3{
	color:var(--typography-black);font-family:var(--font3);font-weight:400;
	font-size:var(--schrift-h4);line-height:1.3;margin:0;hyphens:auto;overflow-wrap:break-word;
}
/* Antwortsatz direkt unter der Überschrift, gestapelt, 45 bis 75 Zeichen breit. */
.pdp-lead{
	color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-20);
	line-height:1.6;margin:16px 0 0;max-width:640px;
}
@media (max-width:767px){.pdp-lead{font-size:var(--schrift-16);line-height:1.5;margin-top:12px}}
.pdp-kopf{margin:0 0 48px;max-width:760px}
@media (max-width:767px){.pdp-kopf{margin-bottom:28px}}
.pdp-text{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-klein{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:0}
.pdp-label{color:var(--typography-black);font-family:var(--font8);font-size:var(--schrift-14);letter-spacing:-.02em;line-height:1.3;margin:0}
.pdp a.pdp-link{color:var(--typography-black);text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px}

/* Highlight-Wort: Bestandsklasse .hb-mark aus shared.css (Orange 300, Radius 12). */
.pdp .hb-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Eyebrow: Muster .hx-uebersicht-eyebrow (Pille 36 px, Icon plus Kurztext).
   Genau zwei auf der Seite (#5, #8), ohne Icon (Kapitel 7: keine Icons ohne Funktion). */
.pdp-eyebrow{
	align-items:center;background:var(--orange-100);border-radius:100px;color:var(--typography-black);
	display:inline-flex;font-family:var(--font4);font-size:var(--schrift-14);font-weight:500;
	height:36px;margin:0 0 20px;padding:0 16px;white-space:nowrap;
}
.pdp-s--beige .pdp-eyebrow,.pdp-buehne .pdp-eyebrow{background:var(--background-white)}

/* Motiv im gerundeten Container, feste Seitenverhältnisse, Beige als Ladefläche. */
.pdp-motiv{background:var(--background-beige);border-radius:20px;margin:0;overflow:hidden;position:relative}
.pdp-motiv img{display:block;height:100%;object-fit:cover;width:100%}
.pdp-motiv--4x3{aspect-ratio:4/3}

/* Haken-Liste mit dem Theme-Symbol bullet-primary. */
.pdp-haken{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}
.pdp-haken li{align-items:flex-start;color:var(--typography-dark-grey);display:flex;font-family:var(--font4);font-size:var(--schrift-16);gap:10px;line-height:1.5}
.pdp-haken svg{flex:0 0 auto;height:20px;margin-top:2px;stroke:var(--typography-black);width:20px}

/* Nummern-Etikett für den Vergleich der Entwürfe (vor Stage entfernen). */
.pdp-tag-anchor{position:relative}
.pdp-tag{
	align-items:center;background:var(--orange-300);border-radius:100px;color:var(--typography-black);
	display:inline-flex;font-family:var(--font8);font-size:var(--schrift-12);height:26px;justify-content:center;
	left:12px;min-width:26px;padding:0 7px;position:absolute;top:12px;z-index:6;
}

/* Fokus und Bewegung seitenweit. */
.pdp a:focus-visible,.pdp summary:focus-visible,.pdp select:focus-visible{outline:2px solid var(--typography-black);outline-offset:2px}
.pdp .button:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.pdp *,.pdp *::before,.pdp *::after{transition:none!important}}

/* Pille .tc__chip: Regeln aus style.min.css kopiert, dort nur unter
   .page-template-template-courses gültig (Übersicht /weiterbildungen/). */
.pdp .tc__chip{
	align-items:center;background:var(--background-white);border:1px solid var(--background-borders);
	border-radius:100px;color:var(--typography-black);display:inline-flex;flex:0 0 auto;
	font-family:var(--font4);font-size:var(--schrift-14);font-weight:500;height:36px;padding:0 1rem;
	text-decoration:none;transition:background .18s ease,border-color .18s ease;white-space:nowrap;
}
.pdp a.tc__chip,.pdp label.tc__chip{cursor:pointer;min-height:44px}
.pdp a.tc__chip:hover,.pdp label.tc__chip:hover{background:var(--orange-100);border-color:var(--primary-300)}
.pdp-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pdp-chips .tc__chip{cursor:default;height:auto;line-height:1.3;min-height:36px;padding-block:6px;white-space:normal}

/* Aufklapper: EIN Muster für Vergleich, Förderung, Abschluss, FAQ und Transkript.
   Werte aus dem Theme-Block faq-mini (Fläche Hellbeige, Plus und Kreuz aus dem Theme),
   Radius auf die Seitenskala 20 gehoben. Natives details, ohne JavaScript bedienbar. */
.pdp-auf{background:var(--background-light-beige);border-radius:20px}
.pdp-auf + .pdp-auf{margin-top:12px}
.pdp-auf > summary{
	color:var(--typography-black);cursor:pointer;display:block;font-family:var(--font4);font-size:var(--schrift-20);
	font-weight:500;line-height:1.5;list-style:none;min-height:56px;padding:14px 60px 14px 20px;position:relative;
}
.pdp-auf > summary::-webkit-details-marker{display:none}
.pdp-auf > summary::after{
	background:url(https://www.hoeher-akademie.de/wp-content/themes/hoher/frontend/src/icons/plus.svg) no-repeat 50%;
	content:"";height:16px;position:absolute;right:24px;top:50%;transform:translateY(-50%);width:16px;
}
.pdp-auf[open] > summary::after{background-image:url(https://www.hoeher-akademie.de/wp-content/themes/hoher/frontend/src/icons/xmark.svg)}
.pdp-auf > summary h3{font:inherit;margin:0}
.pdp-auf__inhalt{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;padding:0 20px 22px}
.pdp-auf__inhalt > * + *{margin-top:12px}
.pdp-auf__inhalt p,.pdp-auf__inhalt ul{margin-bottom:0}
.pdp-auf__inhalt ul{padding-left:20px}
@media (max-width:767px){.pdp-auf > summary{font-size:var(--schrift-16);font-weight:600;padding:14px 52px 14px 16px}.pdp-auf > summary::after{right:20px}.pdp-auf__inhalt{padding:0 16px 20px}}

/* Video-Karte: Muster vt-card (hoeher-video-testimonials), Längen-Pille mit Play-Kreis
   aus dem Kurs-Entwurf, Name und Weg unter dem Bild statt Pille auf dem Bild. */
.pdp-video{color:var(--typography-black);display:flex;flex-direction:column;gap:10px;text-decoration:none}
.pdp-video__bild{
	background:var(--background-beige);border-radius:20px;box-shadow:var(--pdp-schatten);display:block;
	overflow:hidden;position:relative;
}
.pdp-video__bild--3x4{aspect-ratio:3/4}
.pdp-video__bild img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}
.pdp-video:hover .pdp-video__bild img{transform:scale(1.03)}
/* Ausschnitt aus einem 1280x720-Vorschaubild ohne eingebrannten Titel: Bild absolut,
   Breite und Versatz in Prozent der Box (Rechnung je Klasse im Kommentar). */
.pdp-video__bild img.pdp-poster{height:auto;left:var(--px);max-width:none;position:absolute;top:var(--py);width:var(--pw)}
/* Vollinterview-Vorschaubild, Absolventin rechts: Bereich x 800 bis 1280, y 0 bis 640 (3:4). */
.pdp-poster--rechts{--pw:266.667%;--px:-166.667%;--py:0%}
/* Nancy lXg-FfSpCbQ (maxres3), Mittelbild: x 438 bis 842, y 90 bis 629 (3:4). */
.pdp-poster--nancy{--pw:316.832%;--px:-108.416%;--py:-16.698%}
.pdp-video__play{
	align-items:center;background:var(--typography-black);border-radius:100px;bottom:14px;
	box-shadow:0 4px 16px color-mix(in srgb,var(--typography-black) 28%,transparent);color:var(--background-white);
	display:inline-flex;font-family:var(--font8);font-size:var(--schrift-14);gap:10px;height:44px;left:14px;
	letter-spacing:-.02em;padding:0 16px 0 6px;position:absolute;
}
.pdp-video__kreis{
	align-items:center;background:var(--primary-300);border-radius:50%;color:var(--typography-black);display:inline-flex;
	height:32px;justify-content:center;transition:transform .24s ease;width:32px;
}
.pdp-video:hover .pdp-video__kreis{transform:scale(1.08)}
.pdp-video__kreis svg{fill:currentColor;height:13px;margin-left:2px;width:13px}
.pdp-video__name{font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;line-height:1.4}
.pdp-video__name span{color:var(--typography-light-grey);display:block;font-size:var(--schrift-14);font-weight:400}
.pdp-video__titel{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.4;margin-top:-6px;text-wrap:pretty}
.pdp-video:hover .pdp-video__titel{text-decoration:underline;text-underline-offset:3px}

/* Telefonlink (Beratungsteam in #8). */
.pdp-tel{
	align-items:center;color:var(--typography-black);display:inline-flex;font-family:var(--font4);font-size:var(--schrift-16);
	font-weight:600;gap:8px;min-height:44px;text-decoration:underline;text-decoration-color:var(--orange-400);
	text-decoration-thickness:2px;text-underline-offset:4px;
}

/* ---------- 1 Hero: Kaufbox (A4, loest Version 1-3 ab) -------------------- */
/* Denis 29.09.2026: Hero war unruhig (Musterhintergrund, Faktenkarte mit Linien, Knopf Orange auf
   Orange, neun Textarten). Jetzt: Flaeche einfarbig Orange 100, kein Hintergrundmuster, zwei Spalten,
   drei Textgroessen im ganzen Hero (H1 --schrift-h2, Kurztext/Punkte/Beleg/Rate/Start --schrift-16,
   Kaufbox-Preis --schrift-h3; Pillen, Sterne und der Button-Text sind Bestandskomponenten mit
   eigener Schrift und zaehlen nicht mit). */
.pdp-hero.course-hero-section{background:var(--orange-100);padding:48px 0 0}
.pdp-hero__raster{align-items:start;column-gap:64px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding-bottom:48px}
.pdp-hero__marken{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pdp-hero__titel{
	color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h2);font-weight:400;
	hyphens:manual;line-height:1.2;margin:14px 0 0;text-wrap:balance;
}
.pdp-hero__kurztext{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:12px 0 0}
.pdp-hero__punkte{margin-top:20px}
/* Kaufbox: weisse Karte, entweder Haarlinie oder Schatten, nie beides (hier Haarlinie). */
.pdp-kaufbox{background:var(--background-white);border:var(--pdp-linie);border-radius:20px;display:flex;flex-direction:column;padding:24px}
.pdp-kaufbox__motiv{aspect-ratio:16/10;border-radius:12px;margin:0 0 16px;position:relative}
.pdp-kaufbox__motiv.pdp-motiv{border-radius:12px}
.pdp-kaufbox__motiv .pdp-video__play{position:absolute}
.pdp-kaufbox__video-label{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);margin:-8px 0 16px}
.pdp-kaufbox__beleg{align-items:center;color:var(--typography-black);display:flex;font-family:var(--font4);font-size:var(--schrift-16);gap:6px;margin:0}
.pdp-kaufbox__beleg a{color:var(--typography-black);text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px}
.pdp-kaufbox__preis{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h3);font-weight:400;line-height:1.15;margin:14px 0 0}
.pdp-kaufbox__rate{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);margin:2px 0 0}
.pdp-kaufbox__start{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);margin:12px 0 14px}
.pdp-kaufbox .button{margin-top:16px;width:100%}
.pdp-kaufbox__risiko{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);margin:12px 0 0;text-align:center}
.pdp-kaufbox__risiko a,.pdp-sicher__recht a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pdp-sicher__recht{margin-top:12px}

/* Siegelband direkt unter dem Hero (A4.2, C7.3): fuenf Eintraege, je Siegel 44 px plus zwei Zeilen
   (oben fett die Aussage, darunter grau der Beleg). Desktop eine Zeile in fuenf gleichen Spalten mit
   feinen senkrechten Linien, mobil zwei Spalten (der fuenfte Eintrag mittig ueber beide). */
.pdp-siegelband{background:var(--background-white);border-bottom:var(--pdp-linie)}
.pdp-siegelband__liste{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:20px 0}
.pdp-siegelband__item{align-items:center;display:flex;flex:0 1 auto;gap:12px;justify-content:center;min-width:0;padding:4px 22px}
.pdp-siegelband__item + .pdp-siegelband__item{border-left:var(--pdp-linie)}
.pdp-siegelband__bild{align-items:center;display:flex;flex:0 0 auto;height:44px;justify-content:center}
.pdp-siegelband__bild img{display:block;height:100%;max-width:104px;object-fit:contain;width:auto}
.pdp-siegelband__text{display:flex;flex-direction:column;font-family:var(--font4);line-height:1.35;min-width:0}
.pdp-siegelband__text strong{color:var(--typography-black);font-size:var(--schrift-16);font-weight:600}
.pdp-siegelband__text span{color:var(--typography-light-grey);font-size:var(--schrift-14)}
/* Google: Text-Siegel ohne Markenfarben und ohne Bild (A3.3), Stern in einem 44-px-Kreis. */
/* V7.3: Google-Logo statt Stern (Denis), Fremdmarke in Originalfarben. */
.pdp-siegelband__google .pdp-google-g{display:block;height:34px;width:34px}
.pdp-siegelband__text strong,.pdp-siegelband__text span{hyphens:none;white-space:nowrap}
@media (max-width:767px){.pdp-siegelband__text strong,.pdp-siegelband__text span{white-space:normal}}
.pdp-siegelband__google{align-items:center;background:var(--orange-100);border-radius:50%;display:flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}
.pdp-siegelband__google .pdp-stern{height:22px;width:22px}
@media (max-width:1379px){.pdp-siegelband__liste{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.pdp-siegelband__item{flex-direction:column;gap:8px;padding:4px 12px;text-align:center}.pdp-siegelband__text{align-items:center}}
@media (max-width:767px){
	.pdp-siegelband__liste{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0}
	.pdp-siegelband__item{border-top:var(--pdp-linie);flex-direction:row;gap:10px;justify-content:flex-start;padding:12px 8px;text-align:left}
	.pdp-siegelband__item:nth-child(-n+2){border-top:0}
	.pdp-siegelband__item + .pdp-siegelband__item{border-left:0}
	.pdp-siegelband__item:nth-child(even){border-left:var(--pdp-linie);padding-left:14px}
	.pdp-siegelband__item:last-child:nth-child(odd){grid-column:1 / -1;justify-content:center}
	.pdp-siegelband__text{align-items:flex-start}
	.pdp-siegelband__bild{height:36px}
	.pdp-siegelband__bild img{max-width:64px}
	.pdp-siegelband__google{height:36px;width:36px}
	.pdp-siegelband__text{hyphens:auto;overflow-wrap:break-word}
	.pdp-siegelband__text strong{font-size:var(--schrift-14)}
	.pdp-siegelband__text span{font-size:var(--schrift-12)}
}

/* Belegzeile unter dem Knopf: Stern, 4,8 von 5, Anzahl als Link, bei förderfähigen Produkten die grüne Pille. */
.pdp-bewertung{align-items:center;display:flex;flex-wrap:wrap;gap:4px 12px;margin:0}
.pdp-bewertung__wert{align-items:center;color:var(--typography-black);display:inline-flex;font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;gap:6px}
.pdp-stern{color:var(--orange-400);height:16px;width:16px}
.pdp-bewertung__link{
	align-items:center;color:var(--typography-black);display:inline-flex;font-family:var(--font4);font-size:var(--schrift-14);
	min-height:44px;text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px;
}
.pdp-bewertung .course-card__tag{font-size:var(--schrift-12);height:26px;margin:0;padding:0 10px}

/* Datenblatt offen im Hero (Version 4, Denis: „die harten Infos fehlen"): Werte aus dem Live-Datenblatt,
   zweispaltig in der weißen Karte, Label klein, Wert fett, Linien nur zwischen den Zeilen; mobil einspaltig
   mit Label links. Ersetzt die 2 x 2-Faktenkarte und steht genau einmal auf der Seite offen. */
.pdp-datenliste{background:var(--background-white);border-radius:20px;column-gap:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:6px 24px 8px}
.pdp-datenliste div{border-top:var(--pdp-linie);min-width:0;padding:10px 0}
.pdp-datenliste div:nth-child(-n+2){border-top:0}
.pdp-datenliste dt{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-12);line-height:1.4}
.pdp-datenliste dd{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;line-height:1.35;margin:2px 0 0}
.pdp .pdp-nobr{display:inline;white-space:nowrap}

/* Risikominderer: fettes Label plus Erklärsatz (GetYourGuide 1.2), stehen nach Kapitel 7
   unter den Kaufknöpfen in #6, im Hero bleibt nur die Kleinzeile. */
.pdp-danach{margin-top:24px}
.pdp-sicher{display:grid;gap:12px 32px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:14px 0 0;padding:0}
.pdp-sicher li{align-items:flex-start;color:var(--typography-dark-grey);display:flex;font-family:var(--font4);font-size:var(--schrift-16);gap:10px;line-height:1.5}
@media (max-width:991px){.pdp-sicher{grid-template-columns:minmax(0,1fr)}}
.pdp-sicher strong{color:var(--typography-black);font-weight:600}
.pdp-sicher svg{flex:0 0 auto;height:18px;margin-top:2px;stroke:var(--typography-black);width:18px}

@media (max-width:1199px){.pdp-hero__raster{column-gap:40px}}
@media (max-width:991px){
	.pdp-hero.course-hero-section{padding:32px 0 0}
	/* Mobil: Pillen, H1, Kurztext, Punkte, dann die Kaufbox; darin steht das Motiv per order
	   NACH der Risikozeile, damit der Kaufknopf im ersten Bildschirm liegt (A4.1). */
	.pdp-hero__raster{column-gap:0;display:block;padding-bottom:32px}
	.pdp-hero__titel{margin-top:10px}
	.pdp-hero__kurztext{margin-top:10px}
	.pdp-hero__punkte{margin-top:16px}
	.pdp-kaufbox{margin-top:28px;padding:18px}
	.pdp-kaufbox__motiv{order:1}
	.pdp-kaufbox__video-label{order:1}
}

/* ---------- Leiste unten: immer sichtbar, alle Geraete (C7.1) ----------- */
/* Geschaeftsfuehrung: „Kunden suchen den Buchen-Button". Ab dem ersten Pixel sichtbar, kein Einblenden.
   Desktop: weisse Leiste ueber die volle Breite, innen der Theme-Container, 72 px, eine Zeile
   (Produktname, Preis mit Rate, Sterne, Kaufknopf). Mobil: Kontext links, Knopf rechts.
   Der Knopf traegt denselben Wortlaut wie der Hero-Knopf (eine Absicht, ein Wortlaut). */
.pdp .sticky-button-wrapper.pdp-leiste{
	background:var(--background-white);border-top:var(--pdp-linie);bottom:0;
	box-shadow:0 -4px 24px color-mix(in srgb,var(--typography-black) 10%,transparent);
	display:block;left:0;padding:0;position:fixed;right:0;text-align:left;z-index:99;
}
.pdp-leiste__innen{align-items:center;display:flex;gap:24px;height:72px}
.pdp-leiste__name{color:var(--typography-black);flex:0 1 auto;font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdp-leiste__kontext{align-items:center;color:var(--typography-light-grey);display:flex;flex:0 0 auto;font-family:var(--font4);font-size:var(--schrift-16);gap:20px;margin:0;white-space:nowrap}
.pdp-leiste__kontext strong{color:var(--typography-black);font-weight:600}
.pdp-leiste__stern{align-items:center;color:var(--typography-black);display:inline-flex;font-weight:600;gap:4px}
.pdp-leiste__kurz{display:none}
.pdp .pdp-leiste .button{flex:0 0 auto;margin-left:auto;white-space:nowrap}
body.single-product{padding-bottom:80px}
@media (max-width:1199px){.pdp-leiste__rate{display:none}}
@media (max-width:767px){
	.pdp-leiste__innen{gap:10px;height:auto;justify-content:space-between;padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-top:10px}
	.pdp-leiste__name,.pdp-leiste__preis{display:none}
	.pdp-leiste__kontext{align-items:flex-start;color:var(--typography-black);flex-direction:column;font-size:var(--schrift-14);gap:0;line-height:1.35}
	.pdp-leiste__kurz{display:block;font-weight:600}
	.pdp-leiste__kurz .hx-aktion-preis__alt{display:block;margin-left:0}
	.pdp-leiste__stern{color:var(--typography-dark-grey);font-weight:400}
	.pdp-leiste .button{padding-left:0;padding-right:0}
	body.single-product{padding-bottom:72px}
}

/* ---------- 2 Navigation ------------------------------------------------ */
.pdp-nav.course-navigation-section{padding:12px 0}
.pdp-nav .course-navigation ul{gap:8px;margin:0;padding:0 0 0 32px;scrollbar-width:none}
.pdp-nav .course-navigation{scrollbar-width:none}
.pdp-nav .course-navigation a.tc__chip{font-size:var(--schrift-14);height:40px}
@media (max-width:991px){.pdp-nav .course-navigation ul{justify-content:flex-start}}

/* ---------- 3 Produktinfo: Freitext der WBÜ, unveraendert, Seitenleiste rechts ---- */
/* Pflichtenheft Kapitel 6 (Fassung 2): Datenblatt offen als Seitenleiste ("Auf einen Blick"),
   links der Freitext in gespeicherter Reihenfolge mit den gespeicherten Zwischenueberschriften,
   darunter der Fuss mit PDF- und Varianten-Tertiaer. Elementregeln statt Karte je Feld, damit
   jede Feldstruktur (freitext_block.py) ohne feste Anzahl oder Reihenfolge sauber aussieht. */
.pdp-passt{padding-top:var(--pdp-luft)}
/* Seitenleiste 340px fest (A3.1, Denis: „warum ist die Box rechts so breit" -- Live-Seitenleiste ist
   23% breit, 7fr/5fr waren 42%). PDF-Knopf steht jetzt IN der Karte, der Fuss traegt nur noch den
   Varianten-Tertiaer, deshalb wieder unter dem Freitext (nicht mehr unter der Seitenleiste). */
/* C7.2 (Denis: „Auf einen Blick sollte oben anfangen bei der ersten Headline"): der Kopf ist erstes
   Kind des Rasters, die Seitenleiste steht damit oben buendig mit der H2 der Sektion. */
.pdp-freitext{
	align-items:start;column-gap:64px;display:grid;
	grid-template-areas:"kopf seite" "inhalt seite" "fuss seite";grid-template-columns:minmax(0,1fr) 340px;
	grid-template-rows:auto auto 1fr;
}
.pdp-freitext > .pdp-kopf{grid-area:kopf;margin-bottom:40px}
.pdp-freitext__inhalt{grid-area:inhalt;max-width:760px}
.pdp-freitext__fuss{align-items:flex-start;display:flex;gap:12px;grid-area:fuss;margin-top:28px}
.pdp-freitext__seite{display:flex;flex-direction:column;gap:16px;grid-area:seite}
.pdp-datenblatt{background:var(--background-light-beige);border-radius:20px;padding:20px 24px}
.pdp-datenblatt .pdp-h3{margin-bottom:10px}
/* Ab 992px wie die Live-Seitenleiste: Beschriftung klein oben, Wert kraeftig darunter (geerbt von
   der Basisregel .pdp-datenliste div, die genau das schon tut). Nur mobil zweispaltig als Zeile. */
.pdp-datenblatt .pdp-datenliste{background:transparent;grid-template-columns:minmax(0,1fr);padding:2px 0}
.pdp-datenblatt .pdp-datenliste div:nth-child(-n+1){border-top:0}
.pdp-datenblatt .pdp-datenliste div:nth-child(n+2){border-top:var(--pdp-linie)}
.pdp-datenblatt .button{margin-top:16px;width:100%}
.pdp-datenblatt .pdp-klein{margin-top:8px}
/* V7.4 (Denis: ZFU-Logo mit Nummer in die Seitenleiste). Wie im Angebots-PDF (stimmen.zfu_siegel), aber die
   Nummer ist Text statt eingebranntes Bild, damit jedes Produkt seine eigene Nummer aus zfu_nummer zeigt.
   Siegelblau #253A79 ist Fremdmarke (ZFU-Logo), keine Palettenfarbe, gilt nur fuer die Nummer im Siegel. */
.pdp-zfu{align-items:center;border-top:var(--pdp-linie);display:flex;gap:14px;margin-top:6px;padding-top:14px}
.pdp-zfu__siegel{container-type:inline-size;display:block;flex:0 0 auto;position:relative;width:96px}
.pdp-zfu__siegel img{display:block;height:auto;width:100%}
.pdp-zfu__nr{color:#253A79;font-family:Arial,sans-serif;font-size:7.2cqw;font-weight:700;left:41.5%;line-height:1;position:absolute;top:67.6%;white-space:nowrap}
.pdp-zfu p{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.45;margin:0}
.pdp-zfu p strong{color:var(--typography-black);display:block;font-weight:600}
.pdp-siegelband__bild .pdp-zfu__siegel{height:100%;width:44px}
.pdp-siegelband__bild .pdp-zfu__siegel img{height:100%;max-width:none;width:100%}
@media (max-width:767px){.pdp-siegelband__bild .pdp-zfu__siegel{width:36px}}
.pdp-infokasten{background:var(--background-beige);border-radius:20px;margin:0;padding:20px 24px}
.pdp-infokasten strong,.pdp-gilt strong{color:var(--typography-black);font-weight:600}
.pdp-freitext .pdp-gilt{font-size:var(--schrift-14);margin:0}
.pdp-gilt--mobil{display:none}
@media (max-width:991px){
	.pdp-freitext{gap:28px;grid-template-areas:"kopf" "seite" "inhalt" "fuss";grid-template-columns:minmax(0,1fr);grid-template-rows:none}
	.pdp-freitext > .pdp-kopf{margin-bottom:0}
	.pdp-freitext__inhalt{max-width:none}
	.pdp-datenblatt .pdp-datenliste div{align-items:baseline;column-gap:12px;display:grid;grid-template-columns:132px minmax(0,1fr);padding:8px 0}
	.pdp-datenblatt .pdp-datenliste dd{font-size:var(--schrift-14)}
}
@media (max-width:767px){
	.pdp-gilt--voll{display:none}
	.pdp-gilt--mobil{display:block}
	.pdp-datenblatt,.pdp-infokasten{padding:16px 18px}
}

/* Elementregeln statt Feldkarte (A3): tragen jede Struktur, keine feste Reihenfolge noetig.
   Mit .pdp davor, weil .pdp-freitext__inhalt seit C7.11 auch .course-description__content traegt und
   dessen Theme-Regeln (h2 28 px, h2:not(:first-child) 3rem, p 1.5rem) sonst gewinnen. */
.pdp .pdp-freitext__inhalt h2{
	color:var(--typography-black);font-family:var(--font3);font-weight:400;font-size:var(--schrift-h4);
	line-height:1.3;margin:32px 0 10px;hyphens:auto;overflow-wrap:break-word;
}
.pdp .pdp-freitext__inhalt h2:first-child{margin-top:0}
.pdp .pdp-freitext__inhalt h3,.pdp .pdp-freitext__inhalt h4{color:var(--typography-black);font-family:var(--font4);font-weight:600;margin:20px 0 8px}
.pdp .pdp-freitext__inhalt h3{font-size:var(--schrift-20)}
.pdp .pdp-freitext__inhalt h4{font-size:var(--schrift-16)}
.pdp .pdp-freitext__inhalt p,.pdp .pdp-infokasten p{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.6;margin:0 0 12px}
.pdp .pdp-freitext__inhalt p:last-child,.pdp .pdp-infokasten p:last-child{margin-bottom:0}
.pdp .pdp-freitext__inhalt strong,.pdp .pdp-infokasten strong{color:var(--typography-black);font-weight:600}
.pdp .pdp-freitext__inhalt ul,.pdp .pdp-freitext__inhalt ol,.pdp .pdp-infokasten ul,.pdp .pdp-infokasten ol{
	color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;
	margin:0 0 12px;padding-left:22px;
}
.pdp .pdp-freitext__inhalt ul li + li,.pdp .pdp-freitext__inhalt ol li + li,.pdp .pdp-infokasten ul li + li,.pdp .pdp-infokasten ol li + li{margin-top:8px}
.pdp .pdp-freitext__inhalt ul li,.pdp .pdp-infokasten ul li{list-style:none;position:relative}
.pdp .pdp-freitext__inhalt ul li::before,.pdp .pdp-infokasten ul li::before{
	background:var(--typography-black);border-radius:50%;content:"";height:6px;left:-22px;position:absolute;top:9px;width:6px;
}
.pdp .pdp-freitext__inhalt a,.pdp .pdp-infokasten a{color:var(--typography-black);text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px}
.pdp .pdp-freitext__inhalt table{border-collapse:collapse;display:block;font-family:var(--font4);font-size:var(--schrift-16);margin:0 0 12px;overflow-x:auto;width:100%}
.pdp .pdp-freitext__inhalt table td,.pdp .pdp-freitext__inhalt table th{border-bottom:var(--pdp-linie);padding:8px 12px 8px 0;text-align:left}

/* Theme blendet in .course-description__content die letzte h2 aus (Live-Altlast); im WBÜ-Freitext
   ist sie eine echte Zwischenueberschrift und bleibt sichtbar. */
.pdp .pdp-freitext__inhalt h2:last-of-type{display:block}
/* C7.11: mobil klappt das Theme-Skript MobileAccordion (common.js) jeden h2-Abschnitt zu. Nur die Optik
   der Koepfe an die PDP-Aufklapper angleichen (Rowan, Linie, Plus/Kreuz), Verhalten unveraendert. */
@media (max-width:767px){
	.pdp .pdp-freitext__inhalt .accordion-header{border-top:var(--pdp-linie);font-size:var(--schrift-h4);margin:0!important;padding:16px 40px 16px 0}
	.pdp .pdp-freitext__inhalt .accordion-header:after{background:url(https://www.hoeher-akademie.de/wp-content/themes/hoher/frontend/src/icons/plus.svg) no-repeat 50%;height:16px;right:6px;width:16px}
	.pdp .pdp-freitext__inhalt .accordion-header.active:after{background-image:url(https://www.hoeher-akademie.de/wp-content/themes/hoher/frontend/src/icons/xmark.svg);transform:translateY(-50%)}
	.pdp .pdp-freitext__inhalt .accordion-content{border-bottom:0;margin:0}
	.pdp .pdp-freitext__inhalt .accordion-content.open{padding-bottom:16px}
	.pdp .pdp-freitext__inhalt .accordion-content:last-child{border-bottom:var(--pdp-linie);margin-bottom:0}
}

/* ---------- 5 Menschen wie Du ------------------------------------------- */
/* Gerade Kartenreihe (FL-Fassung) mit Längen-Pille (Kurs-Fassung), mobil als Wischreihe,
   damit vier Gesichter nicht vier Bildschirme kosten. Darunter Closer, Zitate, Siegel. */
.pdp-beweis__reihe{align-items:end;display:grid;gap:40px;grid-template-columns:minmax(0,9fr) minmax(0,3fr)}
.pdp-videos{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
.pdp-beweis__closer{padding-bottom:64px}
.pdp-closer{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h2);line-height:1.2;margin:0 0 10px}
.pdp-siegel{align-items:center;border-top:var(--pdp-linie);display:grid;gap:20px 40px;grid-template-columns:minmax(0,4fr) minmax(0,8fr);margin-top:48px;padding-top:32px}
.pdp-siegel__zeile{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-siegel__zeile strong{color:var(--typography-black);display:block;font-family:var(--font3);font-size:var(--schrift-h3);font-weight:400;line-height:1.2}
.pdp-siegel__logos{align-items:center;display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:flex-end;list-style:none;margin:0;padding:0}
.pdp-siegel__logos img{display:block;height:64px;object-fit:contain;width:auto}
.pdp-beweis__aktionen{align-items:center;display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:40px}
@media (max-width:991px){
	.pdp-beweis__reihe{gap:24px;grid-template-columns:minmax(0,1fr)}
	.pdp-beweis__closer{padding-bottom:0}
	.pdp-siegel{grid-template-columns:minmax(0,1fr)}
	.pdp-siegel__logos{justify-content:flex-start}
}
@media (max-width:767px){
	.pdp-videos{
		grid-auto-columns:46%;grid-auto-flow:column;grid-template-columns:none;margin-inline:-16px;overflow-x:auto;
		padding:4px 16px 12px;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none;
	}
	.pdp-videos > li{scroll-snap-align:start}
	.pdp-video__play{bottom:10px;gap:8px;height:40px;left:10px;padding-right:12px}
	.pdp-video__kreis{height:28px;width:28px}
	.pdp-siegel{margin-top:32px;padding-top:24px}
	.pdp-siegel__logos{display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between}
	.pdp-siegel__logos li{flex:0 1 auto;min-width:0}
	.pdp-siegel__logos img{height:40px;max-width:100%}
	.pdp-beweis__aktionen{margin-top:28px}
}

/* ---------- 4 Kaufsektion (C7.8): nach dem Hero die wichtigste Sektion ---------- */
/* Eigene Flaeche Orange 100 ueber die volle Breite. Kurs: eine grosse weisse Karte mit der Terminliste,
   Foerder-Weiche als schmaler Hinweis darin. Fernlehrgang: zwei weisse Paketkarten auf derselben Flaeche.
   Alles andere (Risikominderer, Callout, Aufklapper, PDF) tritt darunter zurueck. */
.pdp-kauf{background:var(--orange-100);padding-block:var(--pdp-luft)}
.pdp-kauf__kopf{margin-bottom:32px;max-width:none}
.pdp-kauf__zeile{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-20);line-height:1.5;margin:16px 0 0}
.pdp-kauf__zeile strong{font-weight:600}
.pdp-kauf .pdp-lead{margin-top:10px}
.pdp-kauf__karte{background:var(--background-white);border-radius:32px;padding:48px}
.pdp-kauf__unter{margin-top:32px}
.pdp-kauf__unter .pdp-klein{margin-top:16px;max-width:760px}
.pdp-kauf .pdp-sicher{margin-top:0}
.pdp-kauf .pdp-callout{background:var(--background-white);margin-top:40px}
.pdp-kauf .pdp-mehr{margin-top:16px}
.pdp-kauf .pdp-auf{background:var(--background-white)}
.pdp-kauf .pdp-auf > summary{font-size:var(--schrift-16);font-weight:600;min-height:52px;padding-block:13px}
.pdp-kauf .pdp-preise__pdf{margin-top:24px}
@media (max-width:767px){
	.pdp-kauf__zeile{font-size:var(--schrift-16);margin-top:12px}
	.pdp-kauf__karte{border-radius:20px;padding:20px}
	.pdp-kauf__unter{margin-top:24px}
}

/* FL: zwei Paketkarten. Reihenfolge in jeder Karte: Name, Fuer Dich, Preis, Rate, Knopf, Leistungen.
   Subgrid haelt Preis und Knopf beider Karten auf einer Linie, auch wenn „Fuer Dich" verschieden lang ist. */
.pdp-pakete{column-gap:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto);list-style:none;margin:0;padding:0;row-gap:0}
.pdp-paket{background:var(--background-white);border:2px solid transparent;border-radius:20px;display:grid;grid-row:span 6;grid-template-rows:subgrid;margin:0;padding:40px;position:relative}
.pdp-paket--premium{border-color:var(--orange-400)}
.pdp-paket__badge{
	background:var(--orange-300);border-radius:100px;color:var(--typography-black);font-family:var(--font8);font-size:var(--schrift-12);
	left:38px;letter-spacing:-.02em;line-height:28px;padding:0 14px;position:absolute;top:-15px;
}
.pdp-paket__titel{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h3);font-weight:400;line-height:1.2;margin:0}
.pdp-paket__fuer{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:8px 0 0;max-width:460px}
.pdp-paket__preis{align-self:end;color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h1);font-weight:400;line-height:1.05;margin:28px 0 0}
.pdp-paket__rate{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);margin:6px 0 0}
.pdp .pdp-paket > .button{margin-top:24px;width:100%}
.pdp-paket__leistungen{border-top:var(--pdp-linie);margin-top:28px;padding-top:24px}
.pdp-paket__leistungen .pdp-haken{gap:8px}
.pdp-paket__hinweis{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:16px 0 0}
.pdp-tabelle{border-collapse:collapse;font-family:var(--font4);font-size:var(--schrift-16);line-height:1.4;width:100%}
.pdp-tabelle th,.pdp-tabelle td{padding:12px 12px 12px 0;text-align:left;vertical-align:top}
.pdp-tabelle thead th{color:var(--typography-black);font-weight:600}
.pdp-tabelle tbody th{color:var(--typography-black);font-weight:500}
.pdp-tabelle td{color:var(--typography-dark-grey)}
.pdp-tabelle tbody tr{border-top:var(--pdp-linie)}
@media (max-width:991px){.pdp-paket{padding:32px 28px}}
@media (max-width:767px){
	.pdp-pakete{display:flex;flex-direction:column;gap:28px}
	.pdp-paket{display:flex;flex-direction:column;padding:28px 20px 22px}
	.pdp-paket__badge{left:18px}
	.pdp-paket__preis{align-self:auto;margin-top:20px}
	.pdp-tabelle{font-size:var(--schrift-14)}
	.pdp-tabelle th,.pdp-tabelle td{padding:10px 8px 10px 0}
}

/* Kurs: Foerder-Weiche kompakt als ein Hinweis ueber der Liste (C7.8): Pille, Satz, Knopf in einer Zeile,
   darunter im selben Kasten der Aufklapper mit den Foerderquoten. Klasse .pdp-weiche bleibt (Pruefskript). */
.pdp-weiche{background:var(--background-light-beige);border-radius:20px;margin:0 0 32px;padding:14px 14px 0 20px}
.pdp-weiche__zeile{align-items:center;display:flex;gap:12px 20px;padding-bottom:14px}
.pdp-weiche__zeile .course-card__tag{flex:0 0 auto;font-size:var(--schrift-12);height:26px;padding:0 10px}
.pdp-weiche__text{color:var(--typography-black);flex:1 1 auto;font-family:var(--font4);font-size:var(--schrift-16);line-height:1.45;margin:0}
.pdp-weiche__text strong{font-weight:600}
.pdp-weiche__zeile .button{flex:0 0 auto}
.pdp-weiche .pdp-auf{background:transparent;border-radius:0;border-top:var(--pdp-linie);margin-right:6px}
.pdp-weiche .pdp-auf > summary{font-size:var(--schrift-14);font-weight:600;min-height:44px;padding:11px 44px 11px 0}
.pdp-weiche .pdp-auf > summary::after{right:10px}
.pdp-weiche .pdp-auf__inhalt{padding:0 0 16px}
@media (max-width:991px){
	.pdp-weiche__zeile{align-items:flex-start;flex-wrap:wrap}
	.pdp-weiche__text{flex-basis:calc(100% - 200px)}
}
@media (max-width:767px){
	.pdp-weiche{margin-bottom:20px;padding:14px 14px 0 16px}
	.pdp-weiche__text{flex-basis:100%;font-size:var(--schrift-14)}
	.pdp-weiche__zeile .button{width:100%}
}

/* Kurs: Terminliste mit dem Bestandsfilter aus course-dates.php (dates-table__filter*, common.js
   Terminfilter) -- Markup/Klassen 1:1 aus kurs-alt.html, Zeilen tragen data-format/-ort/-monat,
   die Optionslisten baut Terminfilter.baueAlleOptionen() daraus selbst. Ohne JavaScript zeigt die
   Liste alle Termine. Neu in V7: Monatszeilen, Wochentag, Format-Pille, Hinweisplatz je Termin. */
.pdp-panel{background:var(--background-beige);border-radius:20px;color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0;padding:20px 24px}
.pdp-panel p{margin:0;max-width:700px}
.pdp-panel p + p{margin-top:8px}
.pdp-panel a{color:var(--typography-black);text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px}
/* Filter als sichtbare Zeile: „Filtern:" plus drei Pillen mit Rahmen und Chevron (Bedienung wie Bestand). */
.pdp-termine__filter{align-items:center;border:0;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;min-width:0;padding:0}
.pdp-termine__filter legend{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.pdp-termine__filter-label{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;margin-right:6px}
.pdp-termine__filter .dates-table__filter{flex:0 0 auto;width:auto}
.pdp-termine__filter .dates-table__filter-btn{
	background:var(--background-white);border:1px solid var(--background-borders);border-radius:100px;color:var(--typography-black);
	font-size:var(--schrift-16);gap:12px;height:44px;justify-content:space-between;margin:0;min-width:168px;padding:0 18px;width:auto;
}
.pdp-termine__filter .dates-table__filter-btn:hover,.pdp-termine__filter .dates-table__filter-btn.is-active{background:var(--orange-100);border-color:var(--primary-300)}
.pdp-termine__filter .dates-table__filter-panel{min-width:240px;width:max-content}
.pdp-termine__filter .dates-table__filter-fallback{align-items:center;border:1px solid var(--background-borders);border-radius:100px;color:var(--typography-black);display:inline-flex;font-size:var(--schrift-16);height:44px;padding:0 18px}
.pdp-termine__filter .dates-table__filter-fallback[hidden]{display:none}
.pdp-termin[hidden]{display:none}
.pdp-terminliste{list-style:none;margin:0;padding:0}
/* Theme-Regeln der Bestandstabelle (.dates-table__body als Flex-Spalte, .dates-table__row als graue Karte)
   hier ausser Kraft: Zeilen durch feine Linien getrennt statt einzelner grauer Kaesten (C7.8). */
.pdp .pdp-terminliste.dates-table__body{display:block}
.pdp .pdp-terminliste .dates-table__row{background:transparent;border:0;border-bottom:var(--pdp-linie);border-radius:0}
.pdp .pdp-terminliste .dates-table__row .button{margin-top:0;width:auto}
.pdp-termin__monat{border-bottom:2px solid var(--typography-black);color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h4);font-weight:400;line-height:1.2;margin:0;padding:44px 0 12px}
.pdp-termin__monat:first-child{padding-top:0}
.pdp-termin__monat[hidden]{display:none}
.pdp-termin{
	align-items:center;border-bottom:var(--pdp-linie);column-gap:28px;display:grid;
	grid-template-areas:"datum format ort preis knopf";grid-template-columns:128px 150px minmax(0,1fr) 150px auto;padding:18px 0;
}
.pdp-termin > *{margin:0}
.pdp-termin__datum{align-items:baseline;display:flex;flex-direction:row;gap:6px;grid-area:datum;margin:0}
.pdp-termin__tag{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.4}
.pdp-termin__datum time{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;line-height:1.4}
.pdp-termin__format{grid-area:format;justify-self:start}
.pdp-format{
	align-items:center;background:var(--background-white);border:1px solid var(--background-borders);border-radius:100px;color:var(--typography-black);
	display:inline-flex;font-family:var(--font4);font-size:var(--schrift-14);font-weight:500;gap:6px;height:30px;padding:0 12px 0 10px;white-space:nowrap;
}
.pdp-format svg{fill:none;flex:0 0 auto;height:16px;stroke:#7C7C7C;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:16px}
.pdp-termin__ort{display:flex;flex-direction:column;align-items:flex-start;gap:6px;grid-area:ort}
.pdp-termin__ort strong{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;line-height:1.4}
.pdp-termin__hinweis{display:inline-flex;gap:4px;white-space:nowrap}
.pdp-termin__hinweis svg{height:12px;width:12px}
.pdp-termin__preis{display:flex;flex-direction:column;font-family:var(--font4);grid-area:preis;line-height:1.35;text-align:right;white-space:nowrap}
.pdp-termin__preis strong{color:var(--typography-black);font-size:var(--schrift-16);font-weight:600}
.pdp-termin__preis span{color:var(--typography-light-grey);font-size:var(--schrift-14)}
.pdp-termin__knopf{grid-area:knopf}
/* Erster Termin: Pille „Naechster Start" und kraeftigerer Rahmen; der Rahmen ragt links und rechts um
   20 px heraus, damit die Spalten mit den anderen Zeilen fluchten. */
.pdp .pdp-terminliste .pdp-termin--naechster{border:2px solid var(--primary-300);border-radius:20px;margin:6px -22px 0;padding:16px 20px}
.pdp .course-card__tag_knapp{background:var(--orange-100);color:var(--typography-black)}
.pdp .pdp-termin .course-card__tag{font-size:var(--schrift-12);height:24px;padding:0 10px}
.pdp-termine .dates-table__more{margin-top:28px}
@media (max-width:1199px){.pdp-termin{column-gap:20px;grid-template-columns:120px 140px minmax(0,1fr) 130px auto}}
@media (max-width:991px){
	.pdp-termin{
		align-items:center;column-gap:12px;grid-template-areas:"datum datum preis" "format ort ort" "knopf knopf knopf";
		grid-template-columns:auto minmax(0,1fr) auto;padding:16px 0;row-gap:12px;
	}
	.pdp-termin__datum{align-self:start}
	.pdp-termin__knopf{margin-top:4px}
	.pdp .pdp-terminliste .pdp-termin__knopf.button{width:100%}
	.pdp .pdp-terminliste .pdp-termin--naechster{margin:6px -14px 0;padding:14px 12px}
}
@media (max-width:767px){
	.pdp-termine__filter-label{flex-basis:100%;font-size:var(--schrift-14)}
	.pdp-termine__filter .dates-table__filter{flex:1 1 calc(50% - 5px)}
	.pdp-termine__filter .dates-table__filter-btn{font-size:var(--schrift-14);min-width:0;padding:0 14px;width:100%}
	.pdp-termine__filter .dates-table__filter-fallback{flex:1 1 calc(50% - 5px);font-size:var(--schrift-14)}
	.pdp-termin__ort{align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px 10px}
	.pdp-format{height:28px}
	.pdp-termin__monat{font-size:var(--schrift-20);padding-top:32px}
	.pdp-termine__mehr.button{width:100%}
	.pdp-panel{font-size:var(--schrift-14);padding:14px 16px}
}

/* Callout zur Paket- bzw. Landesfrage: ein Bauteil, Nummer als Text, ein Knopf. */
.pdp-callout{
	align-items:center;background:var(--background-beige);border-radius:32px;display:grid;gap:16px 28px;
	grid-template-columns:auto minmax(0,1fr) auto;margin:48px 0 0;padding:28px 36px;
}
.pdp .pdp-callout__bild{background:var(--background-white);border-radius:50%;height:64px;object-fit:cover;width:64px}
.pdp-callout__frage{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h4);line-height:1.35;margin:0}
.pdp-callout__meta{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:4px 0 0}
.pdp-callout__aktion{align-items:center;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:flex-end}
.pdp-callout__nummer{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;margin:0;white-space:nowrap}
@media (max-width:991px){
	.pdp-callout{grid-template-columns:auto minmax(0,1fr);padding:24px}
	.pdp-callout__aktion{grid-column:1 / -1;justify-content:flex-start}
}
@media (max-width:767px){
	.pdp-callout{align-items:center;border-radius:20px;gap:12px 14px;grid-template-areas:"frage frage" "bild meta" "aktion aktion";grid-template-columns:48px minmax(0,1fr);margin-top:28px;padding:20px}
	.pdp-callout > div:not(.pdp-callout__aktion){display:contents}
	.pdp-callout__frage{grid-area:frage}
	.pdp-callout__meta{grid-area:meta;margin:0}
	.pdp .pdp-callout__bild{grid-area:bild;height:48px;width:48px}
	.pdp-callout__aktion{grid-area:aktion}
	.pdp-callout__aktion .button{flex:1 1 auto}
}

/* Förderung und Abschluss als Aufklapper in derselben Sektion (Beige statt Grün). */
.pdp-mehr{margin-top:24px}
.pdp-foerdertabelle th,.pdp-foerdertabelle td{width:33.3%}
@media (max-width:767px){
	/* Förderquoten mobil gestapelt, alle drei Spalten sichtbar (Fix 21). */
	.pdp-foerdertabelle thead{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
	.pdp-foerdertabelle tr{display:block;padding:10px 0}
	.pdp-foerdertabelle th,.pdp-foerdertabelle td{display:flex;gap:12px;justify-content:space-between;padding:2px 0;width:auto}
	.pdp-foerdertabelle td::before{color:var(--typography-light-grey);content:attr(data-label)}
}

/* ---------- 7 Nach der Buchung ------------------------------------------ */
/* Zeitleiste mit echten Zeitmarken (Spotify 9.1, Airbnb 9.4), Motiv 4:3 daneben. */
.pdp-ablauf{align-items:center;display:grid;gap:72px;grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.pdp-zeitleiste{list-style:none;margin:0;padding:0}
.pdp-zeit{padding:0 0 26px 36px;position:relative}
.pdp-zeit::before{background:var(--orange-200);bottom:0;content:"";left:6px;position:absolute;top:6px;width:2px}
.pdp-zeit:last-child{padding-bottom:0}
.pdp-zeit:last-child::before{display:none}
.pdp-zeit::after{background:var(--orange-300);border-radius:50%;content:"";height:14px;left:0;position:absolute;top:4px;width:14px}
.pdp-zeit__marke{color:var(--typography-black);font-family:var(--font8);font-size:var(--schrift-14);letter-spacing:-.02em;line-height:1.5;margin:0}
.pdp-zeit .pdp-h3{margin:2px 0 6px}
@media (max-width:991px){.pdp-ablauf{gap:28px;grid-template-columns:minmax(0,1fr)}.pdp-ablauf .pdp-motiv{order:-1}}
@media (max-width:767px){
	.pdp-motiv--4x3{aspect-ratio:16/9}
	/* Hero-Video mobil 16:9; der Melek-Ausschnitt rückt dafür auf y 430 bis 657. */
}

/* ---------- 9 FAQ (Theme faq-mini, Einträge als .pdp-auf) --------------- */
.pdp-faq.faq-mini-section{margin:0;padding-block:var(--pdp-luft) calc(var(--pdp-luft) / 2)}
.pdp-faq .faq-mini__content-holder .button{margin-top:24px}
.pdp-faq .faq-mini__faq-holder .pdp-auf{margin:0 0 12px}
.pdp-standzeile{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:20px 0 0}
.pdp-standzeile + .pdp-standzeile{margin-top:6px}
@media (max-width:767px){.pdp-faq .faq-mini{gap:24px}}

/* ---------- 10 Das Video zum Nachlesen ---------------------------------- */
.pdp-nachlesen{background:var(--background-light-beige);border-radius:20px;display:grid;gap:12px 40px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding:40px}
.pdp-nachlesen .pdp-auf{background:var(--background-white);grid-column:1 / -1;margin-top:8px}
.pdp-nachlesen__video{margin-top:8px}
.pdp-nachlesen__hinweis{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);font-style:italic;line-height:1.4;margin:10px 0 0}
.pdp-transkript{margin:0}
.pdp-transkript div{border-top:var(--pdp-linie);display:grid;gap:4px 16px;grid-template-columns:56px minmax(0,1fr);padding:10px 0}
.pdp-transkript dt{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);font-weight:600}
.pdp-transkript dd{margin:0}
.pdp-transkript dd strong{color:var(--typography-black)}
@media (max-width:991px){.pdp-nachlesen{grid-template-columns:minmax(0,1fr);padding:24px 20px}}

/* ---------- 11 Newsletter: unverändert (subscribe) ---------------------- */
.pdp .subscribe-block{margin-top:calc(var(--pdp-luft) / 2)}


/* ---------- V6 (29.09.2026): Vertrauen und Menschlichkeit --------------- */
/* Hero: Nutzenpunkte bleiben .pdp-hero__punkte/.pdp-haken (Bestand), dazu neu
   Menschen-Zeile (Gesichter .pdp-team__gesichter wiederverwendet, Bewertungszeile
   .pdp-bewertung wiederverwendet) und ein schlichtes Zitat. */
@media (min-width:992px){.pdp-hero__raster{grid-template-rows:auto 1fr}.pdp-hero__text{grid-column:1;grid-row:1}.pdp-kaufbox{grid-column:2;grid-row:1 / span 2;align-self:start}.pdp-hero__folgt{grid-column:1;grid-row:2;align-self:start;margin-top:32px}}
@media (max-width:991px){.pdp-hero__folgt{margin-top:4px}}
.pdp-hero__menschen{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:0}
.pdp-hero__menschen .hero-search__faces{flex:0 0 auto}
/* C7.4: das Gesichter-Bild der Live-Startseite (Frame-262-1.png, 219 x 65) statt vier Einzelbildern, 52 px hoch. */
.pdp-hero__menschen .hero-search__faces img{display:block;height:52px;width:auto}
.pdp-hero__menschen .pdp-klein{margin-top:4px}
.pdp-hero__zitat{border-top:var(--pdp-linie);margin:24px 0 0;max-width:520px;padding-top:20px}
.pdp-hero__anfuehrung{color:var(--orange-400);display:block;font-family:var(--font3);font-size:48px;line-height:.6;margin:0 0 4px}
.pdp-hero__zitat p{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-hero__zitat footer{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-14);margin-top:8px}
@media (max-width:991px){.pdp-hero__menschen{margin-top:20px}.pdp-hero__zitat{max-width:none}}

/* Ueberlappende Teamgesichter (Bauteil aus der frueheren Sektion 8, weiter in der Kaufbox im Einsatz). */
.pdp-team__gesichter{display:flex;flex:0 0 auto}
.pdp-team__gesichter img{background:var(--background-white);border:3px solid var(--background-white);border-radius:50%;height:60px;object-fit:cover;width:60px}
.pdp-team__gesichter img + img{margin-left:-14px}
.pdp-kaufbox__team .pdp-team__gesichter img{border-width:2px}
.pdp-kaufbox__team .pdp-team__gesichter img + img{margin-left:-10px}
/* Kaufbox: Bewertungszeile entfaellt (steht jetzt in der Menschen-Zeile), dafuer
   Team-Zeile mit drei Gesichtern (.pdp-team__gesichter, 32px) und Telefon. */
.pdp-kaufbox__team{align-items:center;border-top:var(--pdp-linie);display:flex;gap:12px;margin-top:16px;padding-top:16px}
.pdp-kaufbox__team .pdp-team__gesichter img{height:32px;width:32px}
.pdp-kaufbox__team p.pdp-klein{margin:0}
.pdp-kaufbox__team p.pdp-klein + p.pdp-klein{margin-top:2px}
.pdp-kaufbox__team .pdp-tel{font-size:var(--schrift-14);min-height:0}

/* V7.2 (Denis: „der kleine Text darunter ist nicht so schön"): Ehrlichkeitssatz als ruhiger Hinweis mit Frage
   statt grauem Kleingedrucktem. Weiße Karte auf der orangen Kaufflaeche, Icon im Orange-100-Kreis. */
.pdp-kauf__hinweis{align-items:flex-start;background:var(--background-white);border-radius:16px;display:flex;gap:14px;margin-top:20px;padding:16px 20px}
.pdp-kauf__hinweis p{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.55;margin:0}
.pdp-kauf__hinweis strong{font-weight:600}
.pdp-kauf__hinweis-icon{align-items:center;background:var(--orange-100);border-radius:50%;display:flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}
.pdp-kauf__hinweis-icon svg{fill:none;height:22px;stroke:var(--typography-black);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:22px}
@media (max-width:767px){.pdp-kauf__hinweis{padding:14px 16px}.pdp-kauf__hinweis p{font-size:var(--schrift-14)}}

/* ---------- 5 Warum HÖHER (V7: C7.5 und C7.10) ------------------------- */
/* Vier Teile, eine Erzaehlung: Du schaffst das (Band, andere wie Du) -> Du bist nicht allein (Team-Buehne)
   -> das ist immer dabei (Benefits) -> so erleben es Teilnehmende (Stimmen). Keine KI-Motive: Menschen
   nur als echte Personen (Absolventinnen aus den Videos, Team-Freisteller). */
.pdp-s.pdp-marke{padding-top:0}

/* a0) Band V7.1 (Denis: „leblos", Vorbild Monaport): erst die Zweifel aussprechen (Spiegel), dann EIN echter
   Mensch als Beweis (Xenia, Vorschaubild ihres Videointerviews), dann „Du schaffst das auch". Links Text, rechts
   das Porträt leicht gedreht mit überlappendem Zitat. Lila 100 als Pastellfläche, kein Scribble. */
.pdp-band{background:var(--lila-100);overflow:hidden;padding:112px 0}
.pdp-band__raster{align-items:center;column-gap:80px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pdp-band__frage{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h2);font-weight:400;line-height:1.15;margin:0;max-width:640px;text-wrap:balance}
.pdp-band__zweifel{display:flex;flex-direction:column;gap:14px;list-style:none;margin:36px 0 0;padding:0}
.pdp-band__zweifel li{align-items:center;background:var(--background-white);border-radius:100px;color:var(--typography-black);display:flex;font-family:var(--font4);font-size:var(--schrift-16);font-style:italic;gap:14px;line-height:1.4;max-width:560px;padding:12px 22px 12px 12px}
.pdp-band__fragezeichen{align-items:center;background:var(--lila-300);border-radius:50%;color:var(--typography-black);display:flex;flex:0 0 auto;font-family:var(--font3);font-size:var(--schrift-20);font-style:normal;height:36px;justify-content:center;width:36px}
.pdp-band__wende{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-20);line-height:1.5;margin:36px 0 0;max-width:560px}
.pdp-band__wende strong{font-weight:600}
.pdp-band__schluss{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h2);font-weight:400;line-height:1.15;margin:20px 0 0}
.pdp-band__aktion{align-items:center;display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px}
.pdp-band__aktion .pdp-klein{margin:0}
.pdp-band__aktion .pdp-klein a{color:var(--typography-black);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px}
.pdp-band__xenia{margin:0;position:relative}
.pdp-band__foto{background:var(--background-white);border-radius:24px;box-shadow:var(--pdp-schatten);display:block;padding:10px;position:relative;transform:rotate(2deg);transition:transform .3s ease}
.pdp-band__foto:hover{transform:rotate(0)}
.pdp-band__foto img{aspect-ratio:514/640;border-radius:16px;display:block;height:auto;object-fit:cover;object-position:50% 20%;width:100%}
.pdp-band__abspielen{align-items:center;background:var(--typography-black);border-radius:100px;color:var(--background-white);display:flex;font-family:var(--font4);font-size:var(--schrift-14);font-weight:500;gap:10px;left:26px;top:26px;padding:6px 16px 6px 6px;position:absolute}
.pdp-band__play{align-items:center;background:var(--primary-300);border-radius:50%;color:var(--typography-black);display:flex;height:32px;justify-content:center;width:32px}
.pdp-band__play svg{fill:currentColor;height:14px;margin-left:2px;width:14px}
.pdp-band__zitat{background:var(--background-white);border-radius:20px;box-shadow:var(--pdp-schatten);margin:-56px 0 0 -48px;max-width:380px;padding:22px 24px;position:relative;transform:rotate(-1.5deg);z-index:2}
.pdp-band__zitat p{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-20);line-height:1.4;margin:0}
.pdp-band__zitat footer{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.4;margin-top:10px}
.pdp-band__zitat footer strong{color:var(--typography-black);display:block;font-weight:600}
@media (max-width:991px){.pdp-band__raster{display:flex;flex-direction:column}.pdp-band__spalte{display:contents}.pdp-band__frage{order:1}.pdp-band__zweifel{order:2}.pdp-band__xenia{margin:48px auto 0;max-width:420px;order:3;width:100%}.pdp-band__wende{order:4}.pdp-band__schluss{align-self:flex-start;order:5}.pdp-band__aktion{order:6}}
@media (max-width:767px){
	.pdp-band{padding:64px 0}
	.pdp-band__zweifel li{border-radius:20px;font-size:var(--schrift-14)}
	.pdp-band__wende{font-size:var(--schrift-16)}
	.pdp-band__aktion .button{width:100%}
	.pdp-band__zitat{margin:-40px 12px 0}
}

/* a) Team-Buehne (C7.5 a): Muster .pdp-buehne (Orange 100, Radius 32, Innenabstand 64, overflow hidden).
   Links Text und Katarzyna-Zitat, rechts der Team-Freisteller auf der Buehnenkante, dahinter DAS eine
   Scribble der Seite (Orange 300 auf Orange 100, liegend, vom oberen und rechten Rand angeschnitten). */
.pdp-buehne{
	align-items:start;background:var(--orange-100);border-radius:32px;column-gap:48px;display:grid;
	grid-template-columns:minmax(0,7fr) minmax(0,5fr);overflow:hidden;padding:64px;position:relative;
}
.pdp-buehne__text{position:relative;z-index:1}
.pdp-scribble{color:var(--orange-300);height:auto;pointer-events:none;position:absolute;z-index:0}
.pdp-marke__buehne{margin-top:var(--pdp-luft)}
.pdp-marke__buehne .pdp-lead{max-width:560px}
.pdp-marke__zitat{margin:32px 0 0;max-width:600px}
.pdp-marke__anfuehrung{color:var(--orange-400);display:block;font-family:var(--font3);font-size:72px;line-height:.6;margin:0 0 20px}
.pdp-marke__zitat blockquote{margin:0}
.pdp-marke__zitat blockquote p{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h4);font-weight:400;line-height:1.4;margin:0;text-wrap:pretty}
.pdp-marke__zitat figcaption{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin-top:16px}
.pdp-marke__zitat figcaption .pdp-sterne-reihe{margin:0 0 8px}
.pdp-marke__zitat figcaption .pdp-sterne-reihe .pdp-stern{height:16px;width:16px}
.pdp-marke__zitat figcaption strong{color:var(--typography-black);display:block;font-size:var(--schrift-16);font-weight:600}
.pdp-marke__zitat figcaption a{color:var(--typography-dark-grey);text-decoration:underline;text-decoration-color:var(--orange-400);text-underline-offset:3px}
.pdp-marke__team{align-self:end;margin:0 -24px -64px 0;position:relative;z-index:1}
.pdp-marke__team img{display:block;height:auto;margin-left:auto;max-width:540px;width:100%}
.pdp-marke__buehne .pdp-scribble{right:-210px;top:40px;transform:rotate(-8deg);width:600px}
.pdp-marke__bildtext{
	background:var(--background-white);border-radius:100px;bottom:24px;color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);
	font-weight:500;line-height:1.3;padding:8px 16px;position:absolute;right:24px;white-space:nowrap;z-index:2;
}
@media (max-width:1199px){.pdp-buehne{column-gap:32px;padding:48px}.pdp-marke__team{margin-bottom:-48px}}
@media (max-width:991px){
	.pdp-buehne{grid-template-columns:minmax(0,1fr);padding:40px 28px;row-gap:28px}
	.pdp-marke__team{margin:0 -28px -40px;padding-bottom:0}
	.pdp-marke__team img{margin:0 auto;max-width:520px}
	.pdp-marke__buehne .pdp-scribble{bottom:-110px;right:-200px;top:auto;width:520px}
	.pdp-marke__bildtext{bottom:16px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
}
@media (max-width:767px){
	.pdp-buehne{border-radius:20px;padding:32px 20px}
	.pdp-marke__team{margin:0 -20px -32px}
	.pdp-marke__anfuehrung{font-size:56px;margin-bottom:14px}
	.pdp-marke__zitat blockquote p{font-size:var(--schrift-20)}
	.pdp-marke__buehne .pdp-scribble{bottom:-60px;right:-175px;width:400px}
	.pdp-marke__bildtext{font-size:var(--schrift-12);white-space:normal;width:max-content;max-width:calc(100% - 32px);text-align:center}
}

/* b) Benefit-Raster (C7.5 b): acht ruhige Spalten auf Weiss, oben je eine feine Linie, keine Karten.
   Icons: funktionale UI-Icons, Sprite des Themes wo vorhanden, sonst Linien-Icon im selben Stil
   (24er Raster, Strich 1.5 wie die Sprite-Symbole, #7C7C7C). */
.pdp-vorteile{margin-top:var(--pdp-luft)}
.pdp-marke__titel{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h3);font-weight:400;line-height:1.25;margin:0}
.pdp-vorteile__liste{display:grid;gap:48px 32px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:32px 0 0;padding:0}
.pdp-vorteil{border-top:var(--pdp-linie);padding-top:24px}
.pdp-vorteil__icon{display:block;fill:none;height:28px;margin-bottom:16px;stroke:#7C7C7C;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:28px}
.pdp-vorteil h4{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;line-height:1.4;margin:0 0 6px}
.pdp-vorteil p{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.55;margin:0;max-width:300px}
@media (max-width:991px){.pdp-vorteile__liste{gap:36px 32px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
	.pdp-vorteile__liste{gap:0;grid-template-columns:minmax(0,1fr);margin-top:20px}
	.pdp-vorteil{column-gap:16px;display:grid;grid-template-columns:28px minmax(0,1fr);padding:18px 0}
	.pdp-vorteil__icon{grid-row:span 2;margin:0}
	.pdp-vorteil p{max-width:none}
}

/* c) Stimmen-Reihe (C7.5 c, C7.10): zwei kompakte Karten gleicher Hoehe, Zitat oben, Absender unten,
   rundes Portraet nur dort, wo es ein echtes Foto gibt. Darunter der Beleg bzw. der Tertiaerknopf. */
.pdp-marke__stimmen{margin-top:var(--pdp-luft)}
.pdp-stimmreihe{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:32px 0 0;padding:0}
.pdp-stimmkarte{align-items:center;background:var(--background-light-beige);border-radius:20px;column-gap:20px;display:grid;grid-template-columns:56px minmax(0,1fr);height:100%;margin:0;padding:28px 32px}
.pdp-stimmkarte blockquote{margin:0}
.pdp-stimmkarte blockquote p{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.6;margin:0}
.pdp-stimmkarte__bild{align-self:center;border-radius:50%;height:56px;object-fit:cover;width:56px}
.pdp-stimmkarte__initiale{align-items:center;background:var(--orange-200);color:var(--typography-black);display:flex;font-family:var(--font3);font-size:var(--schrift-h4);justify-content:center}
.pdp-stimmkarte__wer{color:var(--typography-light-grey);display:flex;flex-direction:column;font-family:var(--font4);font-size:var(--schrift-14);line-height:1.45;margin-top:14px}
.pdp-stimmkarte__wer strong{color:var(--typography-black);font-size:var(--schrift-16);font-weight:600}
.pdp-stimmkarte__wer a{color:inherit;text-decoration:underline;text-decoration-color:var(--orange-400);text-underline-offset:2px}
.pdp-marke__beleg{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:24px 0 0}
.pdp-marke__beleg strong{color:var(--typography-black);font-weight:600}
.pdp-marke__stimmen > .button{margin-top:24px}
.pdp-marke__schluss{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h4);font-weight:400;line-height:1.3;margin:var(--pdp-luft) auto 0;max-width:640px;text-align:center}
.pdp-marke__aktion{margin:24px 0 0;text-align:center}
@media (max-width:767px){
	.pdp-stimmreihe{gap:12px;grid-template-columns:minmax(0,1fr);margin-top:20px}
	.pdp-stimmkarte{column-gap:14px;grid-template-columns:44px minmax(0,1fr);padding:22px 20px}
	.pdp-stimmkarte__bild{height:44px;width:44px}
	.pdp-marke__schluss{font-size:var(--schrift-20)}
}

/* ---------- 8 Beratungs-Box (C7.9): Theme-Block course-consultation 1:1 ---- */
/* Markup, Klassen und CSS aus kurs-alt.html bzw. style.min.css (media-text-section_course-consultation),
   Farbe wie live (--bg-color #FAE0B0 = Orange 200). Einziger Zusatz: Abstand im PDP-Rhythmus und die
   Bewertungszeile ueber der Ueberschrift. Brit Richter statt der ausgeschiedenen Beraterin des Live-Blocks. */
.pdp .media-text-section_course-consultation{margin-block:calc(var(--pdp-luft) / 2);max-width:calc(1470px - 7.876rem);width:calc(100% - 7.876rem)}
.pdp-beratung__beleg{align-items:center;color:var(--typography-black);display:flex;flex-wrap:wrap;font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;gap:8px;margin:0}
.pdp-beratung__beleg .pdp-sterne-reihe{margin:0}
@media (max-width:991px){.pdp .media-text-section_course-consultation{margin-inline:1rem;width:auto}}

/* ---------- 6 Erfahrungen: Bewertungsübersicht und Stimmen-Raster (Ausbau V6) */
.pdp-uebersicht{background:var(--background-white);border-radius:20px;display:grid;gap:32px 48px;grid-template-columns:minmax(0,4fr) minmax(0,8fr);margin-bottom:40px;padding:32px}
.pdp-uebersicht__zahl{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h1);font-weight:400;line-height:1;margin:0}
.pdp-sterne-reihe{display:flex;gap:2px;margin:10px 0}
.pdp-sterne-reihe .pdp-stern{height:18px;width:18px}
.pdp-uebersicht__portale{display:flex;flex-direction:column;gap:10px}
.pdp-uebersicht__portal{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-uebersicht__portal strong{color:var(--typography-black);font-weight:600}
.pdp-uebersicht__hervorhebung{background:var(--orange-100);border-radius:12px;color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:4px 0 0;padding:12px 16px}
.pdp-uebersicht__balken{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pdp-uebersicht__balken-zeile{align-items:center;display:grid;gap:10px;grid-template-columns:90px minmax(0,1fr) 32px}
.pdp-uebersicht__balken-zeile span:first-child{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14)}
.pdp-uebersicht__balken-zeile span:last-child{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);font-weight:600;text-align:right}
.pdp-uebersicht__balken-spur{background:var(--background-borders);border-radius:100px;display:block;height:6px;overflow:hidden}
.pdp-uebersicht__balken-spur span{background:var(--orange-300);border-radius:100px;display:block;height:100%}
.pdp-uebersicht__fuss{grid-column:1 / -1;margin:0}
@media (max-width:767px){.pdp-uebersicht{grid-template-columns:minmax(0,1fr);padding:24px 20px}}

/* Stimmen-Raster: Karte/Zitat/Fuss aus acf-blocks/hoeher-rezensionen/style.css
   uebernommen (rez__karte/rez__zitat/rez__fuss/rez__wer/rez__kurs/rez__quelle, B6.4),
   OHNE Wischen/Karussell: alle sechs Karten stehen offen im Raster. */
.pdp-stimmen{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:40px 0 0;padding:0}
.pdp-stimmen .rez__karte{background:var(--background-white);border:var(--pdp-linie);border-radius:20px;display:flex;flex-direction:column;gap:14px;margin:0;padding:22px}
.pdp-stimmen .pdp-sterne-reihe{margin:0}
.pdp-stimmen .pdp-sterne-reihe .pdp-stern{height:15px;width:15px}
.pdp-stimmen .rez__zitat{font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:0}
.pdp-stimmen .rez__zitat p{margin:0}
.pdp-stimmen .rez__fuss{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.pdp-stimmen .rez__wer{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);font-weight:600}
.pdp-stimmen .rez__kurs,.pdp-stimmen .rez__quelle{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-12)}
.pdp-stimmen .rez__quelle a{color:inherit;text-decoration:underline;text-decoration-color:var(--orange-400);text-underline-offset:2px}
.pdp-stimmen__hinweis{color:var(--typography-light-grey);font-family:var(--font4);font-size:var(--schrift-12);line-height:1.4;margin:8px 0 0;padding:0 22px}
@media (max-width:1199px){.pdp-stimmen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.pdp-stimmen{grid-template-columns:minmax(0,1fr)}}

/* V7.5 (Denis: „es gibt Aussagen, die müssen emotional bold sein"). Die Markensätze standen in Fließtextgröße
   oder als graue Fußnote. Taste-Regel „die 150.000 sind ein Raum voller Menschen, keine Zahl": die Zahl steht
   schwarz und fett neben den Gesichtern; Wendepunkt und Markensatz bekommen Rowan in Überschriftengröße;
   die Zweifel (Spiegel) werden so groß gesetzt, dass man sie liest statt überfliegt. */
.pdp-hero__menschen .pdp-klein{color:var(--typography-black);font-size:var(--schrift-16)}
.pdp-hero__menschen .pdp-klein strong{font-weight:600}
.pdp-band__zweifel li{font-size:var(--schrift-20)}
.pdp-band__wende{font-family:var(--font3);font-size:var(--schrift-h4);line-height:1.3;max-width:600px}
.pdp-band__wende strong{display:block;font-weight:400;margin-top:4px}
.pdp-marke__schluss{font-size:var(--schrift-h2);line-height:1.15;max-width:820px}
@media (max-width:767px){
	.pdp-band__zweifel li{font-size:var(--schrift-16)}
	.pdp-band__wende{font-size:var(--schrift-20)}
	.pdp-marke__schluss{font-size:var(--schrift-h3)}
}

/* V7.6 (Rezensionsmuster 29.09.2026): Jeder Zweifel bekommt eine Antwort, als Gesprächsverlauf. Frage links als
   weiße Pille, Antwort eingerückt als Orange-100-Sprechblase: eine echte Stimme mit Datum und Quelle (Rezension
   jünger als 24 Monate, sonst nicht zeigbar) oder, wo es keine passende gibt, ein Fakt als „So ist es bei uns". */
.pdp-band__zweifel li.pdp-band__paar{align-items:stretch;background:none;border-radius:0;display:flex;flex-direction:column;font-style:normal;gap:8px;max-width:600px;padding:0}
.pdp-band__f{align-items:center;background:var(--background-white);border-radius:100px;color:var(--typography-black);display:flex;font-family:var(--font4);font-size:var(--schrift-20);font-style:italic;gap:14px;line-height:1.4;margin:0;padding:12px 22px 12px 12px}
.pdp-band__a{align-self:flex-end;background:var(--orange-100);border-radius:20px 20px 4px 20px;margin:0 0 0 56px;padding:12px 18px}
.pdp-band__a p,.pdp-band__a--fakt{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-band__a--fakt strong{font-weight:600}
.pdp-band__a footer{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.4;margin-top:6px}
.pdp-band__a footer strong{color:var(--typography-black);font-weight:600;margin-right:6px}
.pdp-band__a footer a,.pdp-beratung__stimme a,.pdp-zeit__stimme a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pdp-beratung__stimme{margin:0 0 20px}
.pdp-beratung__stimme p{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-20);line-height:1.4;margin:0}
.pdp-beratung__stimme footer,.pdp-zeit__stimme footer{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);margin-top:6px}
.pdp-beratung__stimme footer strong,.pdp-zeit__stimme footer strong{color:var(--typography-black);font-weight:600}
.pdp-zeit__stimme{background:var(--orange-100);border-radius:16px;margin:12px 0 0;padding:12px 16px}
.pdp-zeit__stimme p{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-band__a.pdp-band__a--fakt{margin:0 0 0 56px}
.pdp-band__wende{max-width:680px}
.pdp-kaufbox__risiko{text-wrap:balance}
@media (max-width:767px){.pdp-band__a.pdp-band__a--fakt{margin-left:24px}}
/* Kaufleiste: sichtbar, sobald der Kaufknopf im Hero aus dem Bild ist (vorher stünden zwei gleiche Knöpfe
   übereinander). Ohne JavaScript bleibt sie immer sichtbar. */
.pdp .sticky-button-wrapper.pdp-leiste{transition:transform .25s ease}
.pdp .sticky-button-wrapper.pdp-leiste.ist-verdeckt{transform:translateY(110%)}
@media (prefers-reduced-motion:reduce){.pdp .sticky-button-wrapper.pdp-leiste{transition:none}}
/* Mobil steht die Bewertung direkt unter der Überschrift, die Menschen-Zeile rutscht sonst unter die Kaufbox. */
.pdp-hero__bewertung-mobil{display:none}
@media (max-width:767px){
	.pdp-band__f{font-size:var(--schrift-16)}
	.pdp-band__a{margin-left:24px}
	.pdp-hero__bewertung-mobil{align-items:center;color:var(--typography-black);display:flex;font-family:var(--font4);font-size:var(--schrift-14);gap:6px;margin:8px 0 0}
	.pdp-hero__bewertung-mobil svg{height:16px;width:16px}
}

/* V7.8 (Denis: „alles so gequetscht oben"): Der Titel bekommt Luft. Rhythmus im Hero von 14/12/20/20 px auf
   24/20/32/40 px, Kurztext eine Stufe größer (er ist das Versprechen, nicht Fließtext), Haken mit mehr Abstand,
   Hero oben 64 statt 48 px. Mobil proportional kleiner. */
.pdp-hero.course-hero-section{padding-top:64px}
.pdp-hero__titel{margin-top:24px}
.pdp-hero__kurztext{font-size:var(--schrift-20);line-height:1.45;margin-top:20px;max-width:620px}
.pdp-hero__punkte{margin-top:32px}
.pdp-hero__punkte.pdp-haken{gap:14px}
.pdp-hero__menschen{margin-top:40px}
@media (max-width:767px){
	.pdp-hero.course-hero-section{padding-top:40px}
	.pdp-hero__titel{margin-top:16px}
	.pdp-hero__kurztext{font-size:var(--schrift-16);margin-top:16px}
	.pdp-hero__punkte{margin-top:24px}
	.pdp-hero__punkte.pdp-haken{gap:12px}
	.pdp-hero__menschen{margin-top:28px}
	.pdp-hero__bewertung-mobil{margin-top:12px}
}

/* V7.9 Hierarchie (Audit 01.10.2026, guidelines/ux-standards.md Kapitel 15): Kopfgruppe zum Inhalt einheitlich,
   Erfahrungen-Kopf über den Videos statt als dritte Spalte. */
.pdp-kopf{margin-bottom:40px}
.pdp-beweis__reihe{align-items:stretch;display:flex;flex-direction:column;gap:24px}
.pdp-beweis__reihe .pdp-videos{width:100%}
.pdp-beweis__closer{order:-1;padding-bottom:0}
.pdp-beweis__closer,.pdp-beweis__closer .pdp-closer,.pdp-beweis__closer .pdp-klein{text-align:left}
@media (max-width:767px){.pdp-kopf{margin-bottom:28px}}

/* V8.0 (Ogilvy, copy-prinzipien P9): der Preis bekommt seinen Gegenwert direkt darunter. */
.pdp-kaufbox__gegenwert{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:8px 0 0}
@media (max-width:767px){
	/* V8.0: mobil steht der Gegenwert unter dem Knopf, damit der Kaufknopf im ersten Bildschirm bleibt (Audit Kap. 15). */
	.pdp-kaufbox__gegenwert{order:1;margin-top:12px}
	.pdp-kaufbox__team{order:2}
}

/* ===== V8.1 (FIX-BRIEF-v81.md) ===== */
/* A3 Gilt in: ein Satz statt Länderliste */
.pdp-freitext .pdp-gilt{background:var(--background-white);border-radius:16px;font-size:var(--schrift-14);line-height:1.5;margin:0;padding:12px 16px}
.pdp-freitext .pdp-gilt strong{display:block}
/* A4 Förder-Block: große Zahl, drei Schritte, sekundärer Knopf (Buchen bleibt die Primärabsicht) */
.pdp-foerder{background:var(--background-white);border-radius:20px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);margin-bottom:24px;overflow:hidden}
.pdp-foerder__zahl{background:var(--orange-200);display:flex;flex-direction:column;justify-content:center;padding:32px}
.pdp-foerder__zahl span{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.4}
.pdp-foerder__zahl strong{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h1);font-weight:400;line-height:1.05;margin:4px 0}
.pdp-foerder__inhalt{padding:28px 32px}
.pdp-foerder__titel{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h4);font-weight:400;line-height:1.25;margin:0 0 16px}
.pdp-foerder__schritte{counter-reset:schritt;display:grid;gap:10px;list-style:none;margin:0 0 20px;padding:0}
.pdp-foerder__schritte li{color:var(--typography-dark-grey);counter-increment:schritt;font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;padding-left:40px;position:relative}
.pdp-foerder__schritte li::before{align-items:center;background:var(--orange-100);border-radius:50%;color:var(--typography-black);content:counter(schritt);display:flex;font-family:var(--font4);font-size:var(--schrift-14);font-weight:600;height:28px;justify-content:center;left:0;position:absolute;top:-1px;width:28px}
.pdp-foerder__schritte strong{color:var(--typography-black);font-weight:600}
.pdp-foerder .pdp-auf{margin-top:16px}
@media (max-width:767px){.pdp-foerder{grid-template-columns:minmax(0,1fr)}.pdp-foerder__zahl{padding:20px}.pdp-foerder__inhalt{padding:20px}.pdp-foerder .button{width:100%}}
/* A5 Ende der Kaufsektion: eine ruhige Karte */
.pdp-kauf__unter{background:var(--background-white);border-radius:20px;margin-top:24px;padding:20px 24px}
.pdp-kauf__unter .pdp-sicher{display:grid;gap:12px 32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.pdp-kauf__unter .pdp-sicher__recht{margin-top:14px}
.pdp-kauf__pdf{border-top:var(--pdp-linie);margin-top:14px;padding-top:12px}
/* A7 Play-Knopf wie Block Video-Testimonials (Übersichtsseite): schwarzer Kreis 52 px unten links, weißes Dreieck,
   Dauer als Meta-Zeile darunter. Werte 1:1 aus acf-blocks/hoeher-video-testimonials/style.css. */
.pdp-video__play,.pdp .pdp-kaufbox__motiv .pdp-video__play{background:none;bottom:14px;box-shadow:none;gap:0;height:auto;left:14px;padding:0}
.pdp-video__kreis,.pdp-band__play{background:var(--typography-black);border-radius:999px;box-shadow:0 4px 16px rgba(39,37,42,.28);height:52px;transition:transform .3s cubic-bezier(.16,1,.3,1);width:52px}
.pdp-video__kreis svg,.pdp-band__play svg{fill:#fff;height:20px;width:20px}
.pdp-video:hover .pdp-video__kreis{transform:scale(1.08)}
.pdp-video__meta{align-items:center;color:var(--typography-dark-grey);display:inline-flex;font-family:var(--font4);font-size:var(--schrift-14);gap:8px}
.pdp-video__meta svg{flex-shrink:0;height:16px;width:16px}
.pdp-band__abspielen .pdp-band__play{height:40px;width:40px}
.pdp-band__abspielen .pdp-band__play{background:var(--background-white);box-shadow:none}
.pdp-band__abspielen .pdp-band__play svg{fill:var(--typography-black);height:16px;width:16px}
@media (prefers-reduced-motion:reduce){.pdp-video__kreis{transition:none}.pdp-video:hover .pdp-video__kreis{transform:none}}
/* A8 Erfahrungen: Übersicht nicht über volle Breite, daneben das Stimmungsbild (KI, gekennzeichnet, ohne Gesicht) */
.pdp-uebersicht-reihe{display:grid;gap:24px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-bottom:40px}
.pdp-uebersicht-reihe .pdp-uebersicht{grid-template-columns:minmax(0,1fr);margin-bottom:0}
.pdp-uebersicht-bild{border-radius:20px;margin:0;overflow:hidden}
.pdp-uebersicht-bild img{display:block;height:100%;object-fit:cover;width:100%}
/* A9 wärmer: Band in warmem Beige statt Lila, Nach der Buchung auf Orange 50 */
.pdp-band{background:var(--background-beige)}
.pdp-band__fragezeichen{background:var(--orange-200)}
.pdp-s#Ablauf{background:var(--background-white)}
/* A11 + A6 mobil kürzer und ruhiger */
@media (max-width:767px){
	.pdp-uebersicht-reihe{grid-template-columns:minmax(0,1fr)}
	.pdp-uebersicht-bild,.pdp-siegel,#Ablauf .pdp-motiv{display:none}
	.pdp-vorteile__liste,.pdp-videos,.pdp-stimmen{display:flex;gap:12px;margin-right:-16px;overflow-x:auto;padding-bottom:8px;padding-right:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
	.pdp-vorteile__liste > li{flex:0 0 72%;scroll-snap-align:start}
	.pdp-videos > li{flex:0 0 62%;scroll-snap-align:start}
	.pdp-stimmen > li{flex:0 0 82%;scroll-snap-align:start}
	/* Terminzeile: Datum groß, Ort und Format darunter, runder Knopf rechts; der Preis steht einmal im Kopf */
	.pdp .pdp-termin{align-items:center;display:grid;gap:4px 10px;grid-template-areas:"datum format knopf" "ort ort knopf";grid-template-columns:auto minmax(0,1fr) auto;padding:14px 0}
	.pdp .pdp-termin__datum{grid-area:datum;margin:0}
	.pdp .pdp-termin__format{grid-area:format;justify-self:start;margin:0}
	.pdp .pdp-termin__ort{grid-area:ort;margin:0}
	.pdp .pdp-termin__preis{display:none}
	.pdp .pdp-termin__knopf{grid-area:knopf;height:48px;min-width:0;padding:0;width:48px}
	.pdp .pdp-termin .pdp-termin__knopf.button > span{display:none !important}
	.pdp .pdp-termin .pdp-termin__knopf.button{width:48px}
	.pdp .pdp-termin .pdp-termin__knopf.button::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327252a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;content:"";height:20px;width:20px}
	.pdp .pdp-termin--naechster{padding:14px 12px}
	.pdp-termine__filter-label{display:none}
	.pdp .pdp-termine__filter{display:flex;flex-wrap:nowrap;gap:8px;margin-right:-16px;min-inline-size:0;min-width:0;overflow-x:auto;padding-right:16px}
	.pdp .pdp-termine__filter > *{flex:0 0 auto}
	.pdp .pdp-termine__filter .dates-table__filter-btn{font-size:var(--schrift-14);padding-inline:14px;white-space:nowrap}
}

/* ===== V8.2 Kaufsektion als Raster (Denis 02.10.2026: „aus CRO-Sicht nicht schön, Design und UX/UI nicht“).
   Muster wie Produktinfo: links die Aufgabe (Termin wählen), rechts eine schmale Seitenleiste. Vorher standen vier
   gleich gewichtete Karten untereinander und die Förderung konkurrierte mit der Terminwahl. ===== */
.pdp-kauf__raster{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) 360px}
.pdp-kauf__haupt{min-width:0}
.pdp-kauf__seite{display:flex;flex-direction:column;gap:16px}
.pdp-kauf__preisbox{background:var(--background-white);border-radius:20px;padding:20px 24px}
.pdp-kauf__preis{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h3);line-height:1.1;margin:0}
.pdp-kauf__preisbox .pdp-kauf__rate{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);margin:6px 0 0}
.pdp-kauf__preisbox .pdp-kaufbox__gegenwert{order:0;margin:10px 0 0}
.pdp-kauf__preisbox .pdp-kauf__termine{border-top:var(--pdp-linie);color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);margin:14px 0 0;padding-top:12px}
/* Terminzeile ohne Preis-Spalte: der Preis steht einmal in der Seitenleiste (nur abweichende Preise zeigt das Theme in der Zeile) */
.pdp-kauf__raster .pdp-termin{grid-template-areas:"datum format ort knopf";grid-template-columns:128px 132px minmax(0,1fr) auto}
.pdp-kauf__raster .pdp-termin__preis{display:none}
/* Förderkarte in der Seitenleiste: kompakt, Zahl oben */
.pdp-kauf__seite .pdp-foerder{grid-template-columns:minmax(0,1fr);margin:0}
.pdp-kauf__seite .pdp-foerder__zahl{padding:18px 24px}
.pdp-kauf__seite .pdp-foerder__zahl strong{font-size:var(--schrift-h2)}
.pdp-kauf__seite .pdp-foerder__inhalt{padding:20px 24px}
.pdp-kauf__seite .pdp-foerder__titel{font-size:var(--schrift-20);margin-bottom:12px}
.pdp-kauf__seite .pdp-foerder__schritte li,.pdp-foerder__laender li,.pdp-foerder__frist{font-size:var(--schrift-14)}
.pdp-kauf__seite .pdp-foerder .button{width:100%}
.pdp-foerder__laender{color:var(--typography-dark-grey);display:grid;font-family:var(--font4);gap:6px;line-height:1.45;list-style:none;margin:0 0 12px;padding:0}
.pdp-foerder__laender strong{color:var(--typography-black);font-weight:600}
.pdp-foerder__frist{color:var(--typography-dark-grey);font-family:var(--font4);line-height:1.5;margin:0 0 16px}
.pdp-kauf__seite .pdp-foerder .pdp-auf summary h3{font-size:var(--schrift-14)}
/* Gut zu wissen und Beratung in der Seitenleiste: untereinander statt nebeneinander */
.pdp-kauf__seite .pdp-kauf__unter{margin:0;padding:20px 24px}
.pdp-kauf__seite .pdp-kauf__unter .pdp-sicher{grid-template-columns:minmax(0,1fr)}
.pdp-kauf__seite .pdp-callout{display:grid;gap:12px 14px;grid-template-columns:48px minmax(0,1fr);margin:0;padding:20px 24px}
.pdp-kauf__seite .pdp-callout__bild{height:48px;width:48px}
.pdp-kauf__seite .pdp-callout__frage{font-size:var(--schrift-20)}
.pdp-kauf__seite .pdp-callout__aktion{grid-column:1 / -1;justify-content:space-between}
@media (min-width:992px){.pdp-kauf__kopf .pdp-kauf__zeile{display:none}}
@media (max-width:1199px){.pdp-kauf__raster{grid-template-columns:minmax(0,1fr) 320px}.pdp-kauf__raster .pdp-termin{grid-template-columns:118px 120px minmax(0,1fr) auto}}
@media (max-width:991px){
	.pdp-kauf__raster{align-items:stretch;display:flex;flex-direction:column;gap:16px}
	.pdp-kauf__seite{display:contents}
	.pdp-kauf__seite .pdp-foerder{order:-1}
	.pdp-kauf__preisbox{display:none}
	.pdp-kauf__raster .pdp-termin{grid-template-areas:"datum format knopf" "ort ort knopf";grid-template-columns:auto minmax(0,1fr) auto}
}
/* Erfahrungen: echtes Foto des Schulungs-Centers statt KI-Motiv */
.pdp-uebersicht-bild{position:relative}
.pdp-uebersicht-bild figcaption{background:var(--background-white);border-radius:100px;bottom:14px;color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);left:14px;padding:6px 14px;position:absolute;right:auto}

/* ===== V8.3 (recherche/pdp-meister-2026-10-02.md) ===== */
/* Bewertungen härten: Verteilung und eine kritische Stimme mit unserer echten Antwort */
.pdp-ehrlich{display:grid;gap:24px;grid-template-columns:minmax(0,4fr) minmax(0,8fr);margin:32px 0}
.pdp-verteilung{background:var(--background-white);border-radius:20px;padding:24px}
.pdp-verteilung__kopf{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);margin:0 0 12px}
.pdp-verteilung__kopf strong{font-weight:600}
.pdp-verteilung__zeile{align-items:center;color:var(--typography-dark-grey);display:grid;font-family:var(--font4);font-size:var(--schrift-14);gap:10px;grid-template-columns:32px minmax(0,1fr) 32px;margin:6px 0}
.pdp-verteilung__zeile span:last-child{text-align:right}
.pdp-verteilung__spur{background:var(--background-beige);border-radius:100px;height:8px;overflow:hidden}
.pdp-verteilung__spur span{background:var(--primary-300);border-radius:100px;display:block;height:100%}
.pdp-verteilung .pdp-klein{margin-top:12px}
.pdp-kritik{background:var(--background-white);border-radius:20px;margin:0;padding:24px}
.pdp-kritik__zitat{margin:0}
.pdp-kritik__zitat p{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0}
.pdp-kritik__wer{color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);margin-top:8px}
.pdp-kritik__wer strong{color:var(--typography-black);font-weight:600}
.pdp-kritik__wer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pdp-kritik__antwort{background:var(--orange-50);border-radius:12px;margin-top:16px;padding:16px 20px}
.pdp-kritik__antwort p{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:0}
.pdp-kritik__antwort .pdp-kritik__von{color:var(--typography-dark-grey);font-weight:600;margin-bottom:4px}
@media (max-width:767px){.pdp-ehrlich{grid-template-columns:minmax(0,1fr)}.pdp-verteilung,.pdp-kritik{padding:18px}}
/* Kein passender Termin: direkt unter der Liste statt als eigene Karte */
.pdp-termine__kein{border-top:var(--pdp-linie);color:var(--typography-dark-grey);font-family:var(--font4);font-size:var(--schrift-14);line-height:1.5;margin:20px 0 0;padding-top:16px;text-align:center}
.pdp-termine__kein strong{color:var(--typography-black);font-weight:600}
.pdp-termine__kein a{color:var(--typography-black);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-400);text-decoration-thickness:2px;text-underline-offset:3px}

/* ===== V9.0 (02.10.2026, PLAN Teil 15 und 16) ===== */
/* 4a Paketwahl: Basisleiste statt Lead-Absatz, Karten gleich gebaut (subgrid, sieben Zeilen), Premium zuerst mobil. */
.pdp-kauf__kopf{margin-bottom:24px}
.pdp-basis{align-items:center;background:var(--background-white);border-radius:20px;display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 24px;padding:18px 28px}
.pdp-basis__label{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);font-weight:600;margin:0}
.pdp-basis__liste.pdp-haken{flex-direction:row;flex-wrap:wrap;gap:8px 28px}
.pdp-basis__liste.pdp-haken li{align-items:center;color:var(--typography-black)}
.pdp-basis .pdp-haken svg{margin-top:0}
.pdp-pakete{grid-template-rows:repeat(7,auto)}
.pdp-paket{grid-row:span 7}
.pdp-paket--premium{border-color:var(--primary-300)}
.pdp-paket > .pdp-paket__titel{grid-row:1}
.pdp-paket > .pdp-paket__fuer{grid-row:2}
.pdp-paket > .pdp-paket__preis{grid-row:3}
.pdp-paket > .pdp-paket__rate{grid-row:4}
.pdp-paket > .pdp-paket__mehr{grid-row:5}
.pdp .pdp-paket > .button{grid-row:6}
.pdp-paket > .pdp-paket__leistungen{grid-row:7}
.pdp-paket__mehr{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);font-weight:600;line-height:1.4;margin:8px 0 0}
.pdp-paket__liste-titel{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-14);font-weight:600;line-height:1.4;margin:0 0 12px}
.pdp-plus-bg{fill:var(--orange-200)}
.pdp-pakete__sicher{align-items:center;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;margin-top:24px}
.pdp-pakete__zeile{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);font-weight:600;line-height:1.5;margin:0}
.pdp-pakete__sicher .pdp-klein{margin-top:2px}
.pdp-pakete__sicher .pdp-klein a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Nicole: schlanke Zeile ohne Kartenflaeche */
.pdp-kauf .pdp-callout.pdp-callout--zeile{background:none;border-radius:0;border-top:1px solid var(--orange-200);gap:12px 16px;grid-template-areas:none;grid-template-columns:48px minmax(0,1fr) auto;margin-top:32px;padding:24px 0 0}
.pdp-callout--zeile > div:not(.pdp-callout__aktion){display:block}
.pdp-callout--zeile .pdp-callout__frage{font-family:var(--font4);font-size:var(--schrift-16);grid-area:auto;line-height:1.45}
.pdp-callout--zeile .pdp-callout__frage strong{font-weight:600}
.pdp-callout--zeile .pdp-callout__meta{grid-area:auto;margin:2px 0 0}
.pdp .pdp-callout--zeile .pdp-callout__bild{grid-area:auto;height:48px;width:48px}
.pdp-callout--zeile .pdp-callout__aktion{grid-area:auto}
@media (max-width:991px){
	.pdp-pakete{display:flex;flex-direction:column;gap:28px}
	.pdp-paket{display:flex;flex-direction:column;padding:28px 24px 24px}
	.pdp-paket--premium{order:-1}
	.pdp-paket__badge{left:20px}
	.pdp-paket__preis{align-self:auto;margin-top:20px}
	.pdp-kauf .pdp-callout.pdp-callout--zeile{grid-template-columns:48px minmax(0,1fr)}
	.pdp-callout--zeile .pdp-callout__aktion{grid-column:1 / -1}
}
@media (max-width:767px){
	.pdp-kauf__kopf{margin-bottom:20px}
	.pdp-basis{display:block;margin-bottom:20px;padding:16px 18px}
	.pdp-basis__label{margin-bottom:10px}
	.pdp-basis__liste.pdp-haken{display:grid;gap:10px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
	.pdp-basis__liste.pdp-haken li{align-items:flex-start;font-size:var(--schrift-14)}
	.pdp-basis .pdp-haken svg{margin-top:1px}
	.pdp-paket{padding:28px 18px 20px}
	.pdp-pakete{gap:24px}
	.pdp-paket__mehr{margin-top:6px}
	.pdp-pakete__sicher{margin-top:20px}
	.pdp-kauf .pdp-callout.pdp-callout--zeile{margin-top:20px;padding-top:16px}
	.pdp-kauf{padding-block:36px 32px}
	.pdp-kauf__zeile{display:none}
	.pdp-basis__liste.pdp-haken li span{hyphens:auto;min-width:0;overflow-wrap:anywhere}
	.pdp-paket__fuer{font-size:var(--schrift-14);line-height:1.45}
	.pdp-paket__preis{margin-top:14px}
	.pdp .pdp-paket > .button{margin-top:16px}
	.pdp-paket__leistungen{margin-top:20px;padding-top:18px}
	.pdp-paket__leistungen .pdp-haken{gap:6px}
	.pdp-paket__leistungen .pdp-haken li{font-size:var(--schrift-14);line-height:1.4}
	.pdp-paket__liste-titel{margin-bottom:10px}
	.pdp-pakete{gap:20px}
	.pdp-callout--zeile .pdp-callout__meta{display:none}
	.pdp-pakete__sicher .button{margin-left:-2px;width:auto}
}

/* 4b Finanzierung: Orange-100-Buehne in weisser Sektion, Zahl mit Scribble links, drei Wege rechts */
.pdp-foerderung{background:var(--background-white)}
.pdp-foerderung__buehne{background:var(--orange-100);border-radius:20px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden}
.pdp-foerderung__zahl{display:flex;flex-direction:column;isolation:isolate;justify-content:flex-start;overflow:hidden;padding:44px 48px 48px;position:relative}
.pdp-foerderung__scribble{bottom:-330px;height:auto;left:-70px;max-width:none;pointer-events:none;position:absolute;transform:rotate(-8deg);width:560px;z-index:-1}
.pdp-foerderung__klein{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.4}
.pdp-foerderung__gross{color:var(--typography-black);font-family:var(--font3);font-size:var(--schrift-h1);font-weight:400;line-height:1.05;margin:2px 0 8px}
.pdp-foerderung__satz{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;max-width:300px}
.pdp-foerderung__inhalt{display:flex;flex-direction:column;align-items:flex-start;padding:44px 48px 44px 8px}
.pdp-foerderung .pdp-titel em{font-style:normal}
.pdp-foerderung__schritte{counter-reset:schritt;display:grid;gap:20px 24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:28px 0 28px;padding:0;width:100%}
.pdp-foerderung__schritte li{color:var(--typography-dark-grey);counter-increment:schritt;font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5}
.pdp-foerderung__schritte li::before{align-items:center;background:var(--primary-300);border-radius:50%;color:var(--typography-black);content:counter(schritt);display:flex;font-family:var(--font4);font-size:var(--schrift-14);font-weight:600;height:32px;justify-content:center;margin-bottom:10px;width:32px}
.pdp-foerderung__schritte strong{color:var(--typography-black);font-weight:600}
.pdp-foerderung .pdp-auf{background:var(--background-white);margin-top:24px;width:100%}
.pdp-foerderung .pdp-auf > summary{font-size:var(--schrift-16);font-weight:600;min-height:52px;padding-block:13px}
.pdp-foerderung .pdp-auf__inhalt .pdp-klein{margin-top:8px}
.pdp-foerderung .pdp-foerdertabelle tbody th{width:28%}
@media (max-width:991px){
	.pdp-foerderung__buehne{grid-template-columns:minmax(0,1fr)}
	.pdp-foerderung__zahl{padding:36px 28px 32px}
	.pdp-foerderung__scribble{bottom:-300px;left:auto;right:-150px}
	.pdp-foerderung__inhalt{padding:4px 28px 32px}
	.pdp-foerderung__schritte{gap:16px;grid-template-columns:minmax(0,1fr);margin:20px 0 24px}
	.pdp-foerderung__schritte li{display:grid;gap:0 12px;grid-template-columns:32px minmax(0,1fr)}
	.pdp-foerderung__schritte li::before{margin:0}
}
@media (max-width:767px){
	.pdp-foerderung__zahl{padding:24px 20px 20px}
	.pdp-foerderung__scribble{bottom:-190px;right:-170px;width:420px}
	.pdp-foerderung__satz{font-size:var(--schrift-14)}
	.pdp-foerderung__inhalt{padding:0 20px 20px}
	.pdp-foerderung__schritte{gap:12px;margin:16px 0 20px}
	.pdp-foerderung__schritte li{font-size:var(--schrift-14);line-height:1.45}
	.pdp-foerderung .button{width:100%}
	.pdp-foerderung .pdp-auf{margin-top:16px}
	.pdp-foerderung{padding-top:32px}
}

/* G1 Hero links (Desktop): Bewertung direkt unter dem Kurztext, die Luecke zur Menschen-Zeile schliesst sich */
.pdp-hero__bewertung-desktop{display:none}
@media (min-width:992px){
	.pdp-hero__bewertung-desktop{display:flex;margin:16px 0 0}
	.pdp-hero__folgt{margin-top:0}
	.pdp-hero__menschen{margin-top:32px}
}
/* G3 Vorteile: 3 x 2 ab 992 px */
@media (min-width:992px){.pdp-vorteile__liste{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* G4 Erfahrungen: eine Notenkarte, Google-Verteilung darin, eine kritische Stimme, Siegel ohne Notenzeile */
.pdp-siegel{grid-template-columns:minmax(0,1fr)}
.pdp-siegel__logos{justify-content:space-between}
.pdp-uebersicht .pdp-verteilung{background:var(--background-light-beige);border-radius:16px;padding:18px 20px}
.pdp-uebersicht .pdp-verteilung__kopf{margin-bottom:10px}
.pdp-ehrlich{grid-template-columns:minmax(0,1fr);gap:12px}
.pdp-ehrlich__kopf{margin:0}
/* G5 Rezensionskarten: gleiche Hoehe je Reihe */
.pdp-stimmen{align-items:stretch}
.pdp-stimmen > li{display:flex;flex-direction:column}
.pdp-stimmen .rez__karte{flex:1 1 auto}
.pdp-stimmen__hinweis{border-top:var(--pdp-linie);margin:0;padding:10px 0 0}
/* G12 Rezensionen mobil: vier Karten untereinander statt wischbarer Reihe, der Rest per CSS aus */
@media (max-width:767px){
	.pdp-beweis .pdp-stimmen{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-right:0;overflow:visible;padding:0;scroll-snap-type:none}
	.pdp-beweis .pdp-stimmen > li{flex:none}
	.pdp-beweis .pdp-stimmen > li:nth-child(n+5){display:none}
}
/* G8 Transkript */
.pdp-nachlesen__quelle{margin-top:14px}
/* G10 Xenia: Bild enger gefasst, weniger Gruen; Rahmen als Border, damit overflow das vergroesserte Bild abschneidet */
.pdp-band__foto{border:10px solid var(--background-white);overflow:hidden;padding:0}
.pdp-band__foto img{border-radius:0;object-position:50% 10%;transform:scale(1.14);transform-origin:36% 40%}
.pdp-band__abspielen{left:16px;top:16px}
/* Video-Standbild ohne Dunkelflaeche: Dauer lesbar auf hellem Bild */
.pdp-kaufbox__motiv .pdp-video__play{color:var(--typography-white);text-shadow:0 1px 4px color-mix(in srgb,var(--typography-black) 70%,transparent)}

/* V9.1 B2 mobil: Scribble oben rechts, nur zwei Zacken hängen herein (rechte Seite der ersten Zeile ist frei) */
@media (max-width:991px){
	.pdp-foerderung__scribble{bottom:auto;left:auto;right:-150px;top:-232px;transform:rotate(-10deg);width:300px}
}
@media (max-width:767px){
	.pdp-foerderung__scribble{right:-122px;top:-236px;width:290px}
}

/* ===== V9.2 (03.10.2026, PLAN Teil 18), Fernlehrgang =====
   Gemeinsames (D01, D02, D03, D04, D05, D06, D09, D11, D13, D17, D32, D37, Noten, Arbeitgeber-Nachricht, Nicole-Zeile,
   Freitext-Akkordeon) liegt in v92-gemeinsam.css. Hier nur, was der Fernlehrgang allein braucht.
   D39: Katalog-Popup-Skripte sind aus der Seite entfernt. */

/* R1 Video oben in der Kaufbox, 16:10, Dauer als schwarze Pille */
.pdp-kaufbox__motiv .pdp-video__play{align-items:center;color:inherit;gap:10px;text-shadow:none}
.pdp-video__dauer{background:var(--typography-black);border-radius:100px;color:var(--background-white);font-family:var(--font8);font-size:var(--schrift-14);letter-spacing:-.02em;line-height:1;padding:8px 12px}
.pdp-kaufbox__video-label{margin:-8px 0 16px}

/* C30/D46 mobil: Pillen, H1, Bewertung, dann direkt die Kaufbox mit Video, Preis und Knopf; Nutzenpunkte und Menschen folgen.
   Hero-Kurztext unter 768 px aus. Ziel: Kaufknopf-Unterkante im ersten Bildschirm (<= 740 px). */
@media (max-width:991px){
	.pdp-hero__raster{display:flex;flex-direction:column}
	.pdp-hero__text{display:contents}
	.pdp-hero__marken{order:1}
	.pdp-hero__titel{order:2}
	.pdp-hero__bewertung-mobil,.pdp-hero__kurztext{order:3}
	.pdp-kaufbox{margin-top:20px;order:4}
	.pdp-hero__punkte{margin-top:28px;order:5}
	.pdp-hero__folgt{order:6}
	.pdp-kaufbox__motiv,.pdp-kaufbox__video-label{order:0}
}
@media (max-width:767px){
	.pdp-hero__kurztext{display:none}
	.pdp-kaufbox__video-label{display:none}
	.pdp-hero.course-hero-section{padding-top:24px}
	.pdp-hero__marken .course-card__tag{font-size:var(--schrift-12)}
	.pdp-hero__titel{margin-top:10px}
	.pdp-hero__bewertung-mobil{margin-top:8px}
	.pdp-kaufbox{margin-top:16px;padding:16px}
	.pdp-kaufbox__motiv{margin-bottom:10px}
	.pdp-kaufbox__preis{margin-top:4px}
	.pdp-kaufbox__start{margin:6px 0 0}
	.pdp-kaufbox .button{margin-top:12px}
	.pdp-kaufbox__risiko{margin-top:10px}
}

/* R6/D15 Siegelband: fuenf Eintraege, Studienpreis mit Nennung, Text darf umbrechen */
.pdp-siegelband__item .pdp-siegelband__text strong,.pdp-siegelband__item .pdp-siegelband__text span{white-space:normal}
@media (min-width:1380px){.pdp-siegelband__item .pdp-siegelband__text strong,.pdp-siegelband__item .pdp-siegelband__text span{white-space:nowrap}}

/* C19 Aufpreis Premium als ganzer Satz */
.pdp-paket__mehr{font-size:var(--schrift-16)}
.pdp-paket__fuer{font-size:var(--schrift-16)}
@media (max-width:767px){.pdp-paket__fuer,.pdp-paket__mehr{font-size:var(--schrift-14)}}

/* 4b R5 Aufklapper raus: Bedingung als offener Satz, Beratung in neuem Tab, Arbeitgeber-Nachricht daneben */
.pdp-foerderung__bedingung{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-16);line-height:1.5;margin:0 0 24px;max-width:640px}
.pdp-foerderung__bedingung strong{font-weight:600}
.pdp-foerderung__quelle{color:var(--typography-dark-grey);display:block;font-size:var(--schrift-14);margin-top:4px}
.pdp-foerderung__aktionen{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px 20px;width:100%}
.pdp-foerderung__aktionen .pdp-ag[open]{flex:1 1 100%}
@media (max-width:767px){
	.pdp-foerderung__aktionen{flex-direction:column}
	.pdp-foerderung__aktionen .button,.pdp-foerderung__aktionen .pdp-ag,.pdp-foerderung__aktionen .pdp-ag > summary{width:100%}
	.pdp-foerderung__aktionen .pdp-ag > summary{justify-content:center}
}
/* 4a: zweiter Platz der Arbeitgeber-Nachricht unter dem Infoblatt */
.pdp-pakete__ag{display:flex;justify-content:flex-end;margin-top:12px}
.pdp-pakete__ag .pdp-ag[open]{width:100%}
@media (max-width:767px){.pdp-pakete__ag{justify-content:flex-start;margin-top:0}.pdp-pakete__ag .pdp-ag[open]{width:100%}}

/* R3 Zeitleiste: Freisteller "Zwei Frauen mit Lehrbrief" auf Weiss, nichts abgeschnitten */
.pdp-ablauf__bild{align-self:center;margin:0}
.pdp-ablauf__bild img{display:block;height:auto;margin-inline:auto;max-width:480px;width:100%}
@media (max-width:991px){.pdp-ablauf__bild{order:-1}.pdp-ablauf__bild img{max-width:360px}}
@media (max-width:767px){.pdp-ablauf__bild{display:none}}

/* S-06/S-21 Produktinfo: zitierfaehiger Faktensatz als erster Absatz unter der H2 */
.pdp-faktensatz{color:var(--typography-black);font-family:var(--font4);font-size:var(--schrift-20);line-height:1.6;margin:16px 0 0;max-width:700px}
@media (max-width:767px){.pdp-faktensatz{font-size:var(--schrift-16);line-height:1.5;margin-top:12px}}

/* Buehnen-H2: das markierte Wort nie trennen */
.pdp-titel--buehne .hb-mark{hyphens:none;white-space:nowrap}

/* Body-Style des Entwurfs */
#Begleitung {
		--bg-color: var(--orange-100);
		--bg-image: url('');
		--bg-image-mobile: url('');
	}

/* V9.0 Feinschliff (Hauptsitzung): Scribble tiefer, damit keine Zacke die Ratenzeile berührt (Text-Seite frei) */
@media (min-width:992px){.pdp-foerderung__scribble{bottom:-420px;left:-90px;transform:rotate(-12deg);width:540px}}

/* V9.2 Feinschliff (Hauptsitzung): mobil kürzer, Quellzeile der Förderung nur Desktop */
@media (max-width:767px){.pdp-foerderung__quelle{display:none}}