/*
Theme Name: Spiel dein Leben
Theme URI: https://spieldeinleben.ch
Author: Spiel dein Leben
Description: Eigenständiges Block-Theme für den Website-Neubau (Gutenberg statt Thrive Architect). Brand-Tokens in theme.json.
Version: 0.6.6
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: spieldeinleben
*/

/* Fonts (Google, self-hosted fallback läuft über theme.json fontFace) */
@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Quicksand:wght@400;500;600;700&display=swap');

/* WP-Core erzwingt ab 782px per !important flex-wrap:nowrap auf JEDEM .wp-block-columns,
   unabhängig vom Block-eigenen Layout (Umbruch-Einstellung). Bei Spalten-Reihen mit vielen
   Karten (z.B. 9er-Feature-Grid) und fixem min-width pro Spalte sprengt das den Container
   massiv (Tablet-Overflow). Sicherheitsnetz: erlaubt Umbruch wieder, sobald der Inhalt nicht
   mehr passt - ändert nichts am Aussehen korrekt dimensionierter 2-4-Spalten-Layouts. */
body .wp-block-columns{flex-wrap:wrap !important}

/* Fluent-Forms-Submit-Buttons: Plugin-eigenes CSS setzt white-space:nowrap, wodurch
   lange Button-Texte (z.B. "Jetzt zur ... anmelden") auf schmalen Spalten überstehen. */
.ff-btn-submit{white-space:normal !important;max-width:100%}

/* Lange, unformatierte URLs als Linktext (z.B. rohe Quellenangaben) und durch   verklebte
   Wortketten (z.B. "fundierten Selbstbestimmungstheorie haben" als non-breaking-space-Kette)
   brechen sonst nicht um und sprengen die Spaltenbreite auf Mobile. */
.wp-block-post-content{overflow-wrap:break-word}
.wp-block-post-content a{word-break:break-word}

/* Seitenweit wiederverwendete Utility-Klassen, siehe apply-brand-Skill.
   Diese Klassen werden auf jeder migrierten Seite/jedem Template referenziert,
   statt sie einzeln zu wiederholen. */

.sdl-link{color:#3F0170;text-decoration:underline;text-decoration-color:#FF7503;text-decoration-thickness:2px;text-underline-offset:3px}
.sdl-link:hover{text-decoration-color:#FE9E00;text-decoration-thickness:3px}
.sdl-link:focus-visible{outline:2px solid #3F0170;outline-offset:2px}
.sdl-link-dark{color:#fff;text-decoration:underline;text-decoration-color:#FE9E00;text-decoration-thickness:2px;text-underline-offset:3px}
.sdl-link-dark:hover{text-decoration-color:#fff}

.sdl-trenner{max-width:1180px;margin:0 auto 64px;padding:0 32px}

.sdl-faq-item{border-radius:14px;overflow:hidden}
.sdl-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:none;border:none;cursor:pointer;text-align:left;font-family:'Quicksand',sans-serif;font-size:18px;font-weight:700;color:#3F0170}
.sdl-faq-icon{flex-shrink:0;transition:transform .25s ease}
.sdl-faq-item.open .sdl-faq-icon{transform:rotate(45deg)}
.sdl-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.sdl-faq-a p{font-family:'Quicksand',sans-serif;font-size:16px;line-height:1.6;color:#34303a;margin:0 22px 18px 22px}

/* Basis-Typografie: theme.json/global-styles-inline-css lösen auf dieser
   Installation nicht zuverlässig auf (siehe Memory website_neubau_thrive_detach).
   Hier als Fallback direkt gesetzt, damit z.B. Archiv-/Suchseiten nicht auf
   Times New Roman zurückfallen. */
html body{font-family:'Quicksand',sans-serif;font-size:16px;line-height:1.6;color:#34303a}
h1,h2,h3,h4,h5,h6{color:#3F0170;font-weight:400}
h1,h2{font-family:'Italiana','Playfair Display',Georgia,serif;letter-spacing:-0.01em}
h3,h4,h5,h6{font-family:'Quicksand',sans-serif;font-weight:700}
a{color:#3F0170}

/* Fliesstext von post_content (Blog-Beiträge, Podcast-Episoden) */
.wp-block-post-content{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.65;color:#34303a}
.wp-block-post-content h2{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:32px;font-weight:400;line-height:1.2;color:#3F0170;margin-top:48px}
.wp-block-post-content h3{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;color:#3F0170;margin-top:32px}
.wp-block-post-content p{margin-top:16px}
.wp-block-post-content ul,.wp-block-post-content ol{margin-top:16px;padding-left:24px}
.wp-block-post-content li{margin-bottom:8px}
.wp-block-post-content a{color:#3F0170;text-decoration:underline;text-decoration-color:#FF7503;text-decoration-thickness:2px;text-underline-offset:3px}
.wp-block-post-content a:hover{text-decoration-color:#FE9E00}
.wp-block-post-content audio{width:100%;margin-top:8px;margin-bottom:8px}
.wp-block-post-content blockquote{border-left:3px solid #FF7503;padding-left:20px;margin:24px 0;font-family:'Italiana','Playfair Display',Georgia,serif;font-style:normal;font-size:20px;color:#3F0170}

.wp-block-shortcode{margin-bottom:8px}
.wp-block-shortcode:empty{display:none}

/* Freebie-CTA-Karte (Lead-Magnet) innerhalb von post_content: Titel/Text laufen über die
   volle Kartenbreite, darunter eine Zeile mit Cover (gross) und Formular/Button daneben. */
.wp-block-post-content .sdl-freebie-cta{background:#FEF4E0;border-radius:16px;padding:28px;margin-top:32px}
.wp-block-post-content .sdl-freebie-cta-title{font-family:'Quicksand',sans-serif;font-size:24px;font-weight:700;color:#3F0170;margin:0}
.wp-block-post-content .sdl-freebie-cta-text{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin:10px 0 20px}
.wp-block-post-content .sdl-freebie-cta-form .sdl-freebie-cta-title,.wp-block-post-content .sdl-freebie-cta-form .sdl-freebie-cta-text{margin-top:0}

/* Blog-Schluss-CTA "Magic Campus": Christalle-Kasten, Bild links (cover), Titel+Button rechts. */
.wp-block-post-content .sdl-magiccampus-cta{display:flex;flex-wrap:wrap;background:#3F0170;margin:32px 0}
.wp-block-post-content .sdl-magiccampus-img{box-sizing:border-box;flex:1 1 220px;min-height:220px;background-size:cover;background-position:24% 50%;background-repeat:no-repeat}
.wp-block-post-content .sdl-magiccampus-body{box-sizing:border-box;flex:2 1 320px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:32px 36px}
.wp-block-post-content .sdl-magiccampus-title{font-family:'Quicksand',sans-serif;font-size:28px;font-weight:400;line-height:1.4;color:#fff;margin:0}
.wp-block-post-content .sdl-magiccampus-btn{display:inline-block;align-self:flex-start;padding:15px 26px;background:#FE9E00;color:#3F0170;border-radius:10px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:18px;text-decoration:none}
.wp-block-post-content .sdl-freebie-cta-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.wp-block-post-content .sdl-freebie-cta-row img{width:auto;height:300px;max-width:100%;flex-shrink:0}
.wp-block-post-content .sdl-freebie-cta-form{flex:1 1 260px;min-width:0}
.wp-block-post-content .sdl-freebie-cta-btn{display:inline-block;padding:12px 22px;background:#FF7503;color:#fff;border-radius:999px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:14px;text-decoration:none}

.wp-block-post-content .sdl-faq-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}

.wp-block-post-content .sdl-closing-cta,.sdl-closing-cta{background:#320159;border-radius:20px;padding:32px 28px;text-align:center;margin-top:40px}
.wp-block-post-content .sdl-closing-cta h3,.sdl-closing-cta h3{color:#fff;margin:0 0 20px}
.wp-block-post-content .sdl-closing-cta-btn,.sdl-closing-cta-btn{display:inline-block;padding:14px 28px;background:#FF7503;color:#fff;border-radius:999px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:16px;text-decoration:none}

/* Variante mit Kuvert-Bild links (Randzonen-Briefe-CTA): grösseres Bild und
   grössere, fettere Überschrift, damit es als C2A statt als Fliesstext liest */
.sdl-closing-cta-with-image{display:flex;align-items:center;gap:36px;flex-wrap:wrap;text-align:left;padding:40px 36px}
.sdl-closing-cta-envelope{width:230px;height:auto;flex-shrink:0;margin:0 auto}
.sdl-closing-cta-body{flex:1 1 300px}
.sdl-closing-cta-body h3{margin:0 0 22px;font-size:30px;line-height:1.25;font-weight:700}
.sdl-closing-cta-with-image .sdl-closing-cta-btn{padding:16px 32px;font-size:17px}

/* Bildrahmen (siehe apply-brand-Skill): Portrait/Gesicht = Kreis + Flamenco-Rahmen,
   Umgebungs-/Stimmungsbild ohne Gesicht = abgerundetes Quadrat, kein Rahmen.
   .sdl-avatar für kleine Team-/Autor-Fotos, .sdl-portrait für grosse Hero-Rundbilder
   (füllt die Box zu 100%), .sdl-photo-rounded für Umgebungsbilder.
   WICHTIG (Korrektur 19.9.2026): Breite/Höhe NICHT als width/height-HTML-Attribute
   auf dem <img> setzen - core/image mit "width"/"height" im Block-JSON erlaubt laut
   Gutenberg-Validierung KEINERLEI width/height/style auf dem <img> selbst. Die Klasse
   muss auf die <figure> (nicht das <img>), Grösse/Zuschnitt kommen über den
   Nachfahren-Selektor unten. Bei fester Zielgrösse einen Wert wie 68px direkt in der
   figure-Klasse ergänzen (siehe Muster in den generierten sdl-gen-*-Klassen). */
.sdl-avatar{width:88px;height:88px;border-radius:999px;border:2px solid #FF7503;overflow:hidden;flex-shrink:0}
.sdl-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-portrait{width:100%;aspect-ratio:1/1;height:auto;border-radius:999px;border:2px solid #FF7503;object-fit:cover}
.sdl-photo-rounded{width:100%;height:auto;border-radius:32px}
.sdl-card-photo{width:100%;height:auto;border-radius:16px;margin-bottom:16px}

/* Zitat-Karte: weisser Kasten mit Flamenco-Rahmen, Zitattext in Italiana/
   Christalle kursiv (p.q), Namenszeile in Quicksand/Christalle-muted (p.n) */
.sdl-quote-card{background:#fff;border:2px solid #FF7503;border-radius:20px;padding:20px 24px}
.sdl-quote-card p.q{font-family:'Italiana','Playfair Display',Georgia,serif;font-style:italic;font-size:18px;line-height:1.5;color:#3F0170;margin:0}
.sdl-quote-card p.n{font-family:'Quicksand',sans-serif;font-size:14px;font-weight:700;color:#6f5a86;margin:10px 0 0}

/* Checkliste mit Häkchen-Icon */
.sdl-check-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
.sdl-check-item svg{flex-shrink:0;margin-top:4px}
.sdl-check-item span{font-family:'Quicksand',sans-serif;font-size:16px;line-height:1.6;color:#34303a}

/* Presse-/Bekannt-aus-Logoreihe (Graustufen, gedämpft) */
.sdl-press-logo{height:32px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.7}

/* Filter-Pill (Themen-/Zielgruppen-Filter über Karten-Grids) und die
   Basis-Kartenoptik dahinter; seitenspezifische Grössen (min/max-width)
   bleiben als kleine Zusatzregel direkt auf der jeweiligen Seite. */
.sdl-filter-pill{font-family:'Quicksand',sans-serif;font-weight:700;font-size:14px;padding:8px 18px;border-radius:999px;border:2px solid #FF7503;background:#fff;color:#FF7503;cursor:pointer;transition:background .2s,color .2s}
.sdl-filter-pill.active{background:#FF7503;color:#fff}
.sdl-card{box-sizing:border-box;background:#fff;border-radius:16px;box-shadow:0 4px 14px rgba(63,1,112,.08);flex:1 1 0%;display:flex;flex-direction:column;overflow:hidden}

/* Personen-Zeile: kleines Rundbild links, Name/Rolle/Link daneben */
.sdl-person-row{flex:1 1 320px;display:flex;gap:16px;align-items:flex-start}

/* Liste mit Flamenco-Aufzählungspunkten statt Standard-Bullets */
.sdl-list{margin:0;padding-left:22px}
.sdl-list li{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin-bottom:8px}
.sdl-list li::marker{color:#FF7503}

/* Blog-Einzelansicht (single.html): Featured Image responsive, Kategorien/
   Tags (wp:post-terms) erben die gesetzte Textfarbe statt der globalen
   Linkfarbe, damit die Preline oben wirklich Flamenco bleibt. */
.wp-block-post-featured-image img{width:100%;height:auto;display:block}
.wp-block-post-terms{font-family:'Quicksand',sans-serif}
.wp-block-post-terms a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

/* Wiederverwendbare "Danke"-Bestätigungsseite (~20 Seiten sitejsweit):
   zentrierte Karte, Flamenco-Häkchen-Kreis, Italiana-H1, Fliesstext, optionaler Button. */
.sdl-thankyou{max-width:600px;margin:96px auto;padding:0 32px;text-align:center}
.sdl-thankyou-icon{width:72px;height:72px;border-radius:999px;background:#FEF0E3;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}
.sdl-thankyou h1{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:42px;font-weight:400;color:#3F0170;margin:0 0 20px}
.sdl-thankyou p{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.65;color:#34303a;margin:0 0 16px}
.sdl-thankyou-btn{display:inline-block;margin-top:12px;padding:14px 30px;background:#FF7503;color:#fff;border-radius:999px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:16px;text-decoration:none}

/* Motivationsarten-Icons (Belohnung/Status/Sinn/innerer Drang): 4 Icons in einer Reihe,
   Label darunter. Zwei Varianten: gleich gross (.sdl-motivations) oder abgestuft
   fallend Left-to-right (.sdl-motivations-scaled, Icon-Grösse via width/height inline
   pro SVG gesetzt: 60/40/20/10px). align-items:flex-end sorgt dafür, dass die Labels
   trotz unterschiedlicher Icon-Höhe auf gleicher Linie stehen. */
.wp-block-post-content .sdl-motivations{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:40px;margin:32px 0}
.wp-block-post-content .sdl-motivation{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:70px}
.wp-block-post-content .sdl-motivation svg{display:block;flex-shrink:0}
.wp-block-post-content .sdl-motivation span{font-family:'Quicksand',sans-serif;font-size:16px;color:#3F0170;text-align:center}

/* 5-Disziplinen-Kompass (Vivian Dittmar: Das innere Navi): 3x3-Grid, ein Icon oben-mitte,
   drei in der Mittelreihe, eins unten-mitte - ergibt eine Kompass-/Plus-Form gemäss
   Live-Referenz. Artikelspezifisch (Buchmodell), daher nicht als generisches Pattern
   angelegt, sondern direkt im Post-Content. */
.wp-block-post-content .sdl-disziplinen{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;justify-items:center;max-width:640px;margin:32px auto}
.wp-block-post-content .sdl-disziplin{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.wp-block-post-content .sdl-disziplin strong{font-family:'Quicksand',sans-serif;font-size:17px;font-weight:700;color:#3F0170;display:block}
.wp-block-post-content .sdl-disziplin span{font-family:'Quicksand',sans-serif;font-size:15px;color:#6f5a86}
.wp-block-post-content .sdl-disziplin-inspiration{grid-column:2;grid-row:1}
.wp-block-post-content .sdl-disziplin-ratio{grid-column:1;grid-row:2}
.wp-block-post-content .sdl-disziplin-herz{grid-column:2;grid-row:2}
.wp-block-post-content .sdl-disziplin-absicht{grid-column:3;grid-row:2}
.wp-block-post-content .sdl-disziplin-intuition{grid-column:2;grid-row:3}
@media (max-width:520px){
.wp-block-post-content .sdl-disziplinen{grid-template-columns:repeat(2,1fr);max-width:320px}
.wp-block-post-content .sdl-disziplin-inspiration{grid-column:1 / span 2;grid-row:1}
.wp-block-post-content .sdl-disziplin-ratio{grid-column:1;grid-row:2}
.wp-block-post-content .sdl-disziplin-herz{grid-column:2;grid-row:2}
.wp-block-post-content .sdl-disziplin-absicht{grid-column:1;grid-row:3}
.wp-block-post-content .sdl-disziplin-intuition{grid-column:2;grid-row:3}
}

/* Kultur-Zeitleisten-Grid (z.B. "3 Leitmedienwechsel"-Artikel): 4 Spalten mit
   Icon oben, Titel, Fliesstext darunter. Ersetzt die alte Thrive-Struktur, bei
   der Bild+Titel+Text nacheinander gestapelt waren statt nebeneinander. */
.wp-block-post-content .sdl-culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:32px 0}
.wp-block-post-content .sdl-culture-item img{width:100%;height:auto;display:block;margin:0 auto 16px}
.wp-block-post-content .sdl-culture-item h3{text-align:center;margin-top:0}
.wp-block-post-content .sdl-culture-item p{font-size:16px}
@media (max-width:700px){.wp-block-post-content .sdl-culture-grid{grid-template-columns:repeat(2,1fr)}}

/* Grund-Box (z.B. "10 Gründe, weshalb Spielen wichtig ist"): 2-spaltig,
   links violette Box mit Fliesstext (erster Absatz kursiv als Leitsatz),
   rechts Illustration. Bild streckt sich nicht auf Boxhöhe (eigenes
   Seitenverhältnis), Box wird je nach Textmenge höher als das Bild. */
.wp-block-post-content .sdl-grund{display:flex;align-items:flex-start;gap:0;margin:32px 0;border-radius:14px;overflow:hidden;flex-wrap:wrap}
.wp-block-post-content .sdl-grund-box{background:#F5F1FA;padding:24px 28px;flex:1 1 300px;min-width:0}
.wp-block-post-content .sdl-grund-box p{margin:0 0 16px}
.wp-block-post-content .sdl-grund-box p:last-child{margin-bottom:0}
.wp-block-post-content .sdl-grund-box p:first-child{font-family:'Italiana','Playfair Display',Georgia,serif;font-style:italic;font-size:20px;line-height:1.4;color:#3F0170}
.wp-block-post-content .sdl-grund-img{flex:1 1 300px;min-width:0;width:100%;height:auto;display:block;object-fit:cover}
.wp-block-post-content .sdl-grund-lead{background:#F5F1FA;border-radius:14px;padding:20px 24px;margin:24px 0}
.wp-block-post-content .sdl-grund-lead p{font-family:'Italiana','Playfair Display',Georgia,serif;font-style:italic;font-size:20px;line-height:1.4;color:#3F0170;margin:0}
.wp-block-post-content .sdl-grund-reverse{flex-direction:row-reverse}

/* Buchtipps-Band: dunkles Violett, Buchcover in Spalten nebeneinander, buch7-Kasten
   schmaler darunter (nur bei Büchern mit gefundenem Partner-Link). auto-fit statt fixer
   3 Spalten, damit 1 oder 2 Bücher die Breite sinnvoll ausfüllen statt schmal in der
   ersten Spalte zu kleben (z.B. digitale-transformation: 1 Buch bei "Informatik", 2 bei
   "Arbeitsmarkt", 3 beim einleitenden "Buchtipps"-Abschnitt - alle mit derselben Klasse). */
.wp-block-post-content .sdl-buchtipps-band{background:#320159;border-radius:16px;padding:40px 32px;margin:32px 0}
.wp-block-post-content .sdl-buchtipps-band>.sdl-buchtipp-single-label{text-align:center;margin:0 0 24px}
.wp-block-post-content .sdl-buchtipps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;align-items:start}
.wp-block-post-content .sdl-buchtipps-item img{width:100%;height:auto;display:block;border-radius:6px;margin-bottom:16px}
@media (max-width:700px){.wp-block-post-content .sdl-buchtipps-grid{grid-template-columns:1fr}}

/* Pfeil zwischen zwei .sdl-grund-Einheiten (z.B. "So tickte die industrialisierte
   Gesellschaft"-Kette). */
.wp-block-post-content .sdl-flow-arrow{display:flex;justify-content:center;margin:4px 0}

/* Erkenntnis-Box: oranger Kasten mit Glühbirnen-Icon, für hervorgehobene
   Kernaussagen/Schlussfolgerungen im Fliesstext. */
.wp-block-post-content .sdl-erkenntnis{display:flex;align-items:center;gap:20px;background:#FE9E00;border-radius:14px;padding:24px 28px;margin:28px 0}
.wp-block-post-content .sdl-erkenntnis svg{flex-shrink:0}
.wp-block-post-content .sdl-erkenntnis p{margin:0;font-family:'Quicksand',sans-serif;font-weight:700;font-size:20px;line-height:1.35;color:#3F0170}

/* Generisches 2-Spalten-Grid für nebeneinanderliegende Unterkapitel/Vergleiche. */
.wp-block-post-content .sdl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:700px){.wp-block-post-content .sdl-two-col{grid-template-columns:1fr}}

/* 2-Spalten-Grid für Video-Beispiel-Karten (z.B. "4 Beispiele für automatisierbare
   Tätigkeiten") - im Original 4-spaltig, hier wegen schmalerer Spalte 2x2. */
.wp-block-post-content .sdl-examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}
.wp-block-post-content .sdl-examples-grid h3{text-align:center;margin-top:16px}
@media (max-width:700px){.wp-block-post-content .sdl-examples-grid{grid-template-columns:1fr}}

/* Einfacher Trenner zwischen Abschnitten (Fallback/Notation, siehe .sdl-quest-divider für den
   üblichen, markentypischen Trenner mit dem Quest-Pfad-Motiv). */
.wp-block-post-content .sdl-divider{border:none;border-top:2px solid #EDE8F5;margin:40px 0}

/* Quest-Pfad-Trenner (Signatur-Motiv, siehe apply-brand-Skill): handgezeichnet wirkende
   gepunktete Linie mit 4 Wegpunkt-Kreisen in Christalle/Flamenco/Orange Peel. Der übliche
   SdL-Trenner zwischen zwei Abschnitten im Fliesstext, ersetzt schlichte <hr>-Linien. */
.wp-block-post-content .sdl-quest-divider{margin:40px 0}
.wp-block-post-content .sdl-quest-divider svg{display:block;width:100%;height:auto}

/* Einzelner Buchtipp (im Gegensatz zu .sdl-buchtipps-band für mehrere Bücher): dunkle
   Christalle-Karte mit "Buchtipp"-Label, Cover und Flamenco/Orange-Peel-Button - 1:1 nach
   dem Vorbild der Live-Sidebar-Buchtipp-Box (z.B. "Mehr als 0 und 1" bei digitale-transformation). */
.wp-block-post-content .sdl-buchtipp-single{background:#3F0170;border-radius:16px;padding:32px 28px;text-align:center;margin:24px 0}
.wp-block-post-content .sdl-buchtipp-single-label{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:24px;color:#fff;margin:0 0 20px}
.wp-block-post-content .sdl-buchtipp-single img{width:100%;max-width:220px;height:auto;border-radius:6px;display:block;margin:0 auto 24px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.wp-block-post-content .sdl-buchtipp-single-btn{display:inline-block;padding:12px 22px;background:#FE9E00;color:#fff;border-radius:999px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:14px;text-decoration:none}


/* Generierte Klassen: Coach-Ausbildung (11461) - Block-Validierungsfix 18.9.2026 v3 final, ersetzen unclaimed inline styles */
.sdl-gen-coach-5{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:46px;font-weight:400;line-height:1.15;letter-spacing:-0.01em;color:#3F0170}
.sdl-gen-coach-8 a{display:flex;align-items:center;justify-content:center;width:300px;height:72px;padding:8px 18px;background:#FF7503;color:#fff;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;line-height:1.3;text-align:center;text-decoration:none;box-sizing:border-box}
.sdl-gen-coach-9 a{display:flex;align-items:center;justify-content:center;width:300px;height:72px;padding:8px 18px;border:2px solid #3F0170;color:#3F0170;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;line-height:1.3;text-align:center;text-decoration:none;background:transparent;box-sizing:border-box}
.sdl-gen-coach-17{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin-top:8px;padding-left:22px}
.sdl-gen-coach-22{background-color:#fff;border-color:#FF7503;border-width:2px;border-style:solid;border-radius:24px;padding-top:36px;padding-right:40px;padding-bottom:32px;padding-left:40px;margin-top:32px}
.sdl-gen-coach-23{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:24px;font-style:italic;line-height:1.4;color:#3F0170}
.sdl-gen-coach-37{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:40px;font-weight:400;line-height:1.15;letter-spacing:-0.01em;color:#3F0170;text-align:center}
.sdl-gen-coach-38{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin-top:16px;max-width:720px;margin-left:auto;margin-right:auto}
.sdl-gen-coach-39{margin-top:40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.sdl-gen-coach-40{flex:1 1 0% !important;min-width:180px;max-width:220px}
.sdl-gen-coach-50{font-family:'Italiana','Playfair Display',Georgia,serif;font-style:italic;font-size:22px;line-height:1.5;color:#3F0170}
.sdl-gen-coach-51{font-family:'Quicksand',sans-serif;font-size:15px;font-weight:700;color:#6f5a86;margin-top:10px}
.sdl-gen-coach-54{margin-top:20px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.sdl-gen-coach-59 img{width:100%;height:auto;border-radius:16px;display:block}


/* Generierte Klassen: Lernbegleitungsausbildung (18654) - Block-Validierungsfix 18.9.2026 v2 */
.sdl-gen-lernbeg-4{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:52px;font-weight:400;line-height:1.1;letter-spacing:-0.01em;color:#3F0170}
.sdl-gen-lernbeg-7 a{display:flex;align-items:center;justify-content:center;min-height:72px;padding:8px 18px;background:#FF7503;color:#fff;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;line-height:1.3;text-align:center;text-decoration:none;box-sizing:border-box}
.sdl-gen-lernbeg-8 a{display:flex;align-items:center;justify-content:center;min-height:72px;padding:8px 18px;border:2px solid #3F0170;color:#3F0170;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;line-height:1.3;text-align:center;text-decoration:none;background:transparent;box-sizing:border-box}
.sdl-gen-lernbeg-10 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-16{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:26px;line-height:1.4;color:#3F0170}
.sdl-gen-lernbeg-28{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#3F0170;font-weight:700;margin-top:8px}
.sdl-gen-lernbeg-38 a{display:inline-block;padding:10px 22px;border:2px solid #3F0170;color:#3F0170;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;text-decoration:none;background:transparent}
.sdl-gen-lernbeg-45 a{display:inline-block;padding:10px 22px;border:2px solid #3F0170;color:#3F0170;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;text-decoration:none;background:transparent}
.sdl-gen-lernbeg-52 a{display:inline-block;padding:10px 22px;border:2px solid #3F0170;color:#3F0170;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;text-decoration:none;background:transparent}
.sdl-gen-lernbeg-67 img{object-fit:contain}
.sdl-gen-lernbeg-69{font-family:'Quicksand',sans-serif;font-size:19px;line-height:1.5;color:#3F0170;font-weight:700}
.sdl-gen-lernbeg-95{padding-top:0;padding-bottom:32px;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sdl-gen-lernbeg-98{margin-top:24px}
.sdl-gen-lernbeg-99 img{width:100%;height:auto;border-radius:16px}
.sdl-gen-lernbeg-100{padding-top:8px;padding-bottom:56px;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sdl-gen-lernbeg-103 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-118 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-121 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-136 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-139 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-154 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-157 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-lernbeg-166{font-family:'Quicksand',sans-serif;font-size:24px;font-weight:700;color:#3F0170}
.sdl-gen-lernbeg-167{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.6;color:#34303a;font-style:italic;margin-top:8px}
.sdl-gen-lernbeg-169 img{width:100%;height:auto;border-radius:24px}
.sdl-gen-lernbeg-199{font-family:'Quicksand',sans-serif;font-size:19px;color:#3F0170;font-weight:700;margin-top:8px}
.sdl-gen-lernbeg-204 img{width:100%;height:auto;border-radius:16px}
.sdl-gen-lernbeg-205 a{display:inline-block;padding:14px 28px;background:#FF7503;color:#fff;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:17px;text-decoration:none}
.sdl-gen-lernbeg-219 img{width:100%;height:auto;border-radius:16px}
.sdl-gen-lernbeg-229 img{width:100%;height:auto;border-radius:16px;display:block}
.sdl-gen-lernbeg-232{font-family:'Quicksand',sans-serif;font-size:24px;font-weight:700;color:#3F0170;text-align:center}
.sdl-gen-lernbeg-233{font-family:'Quicksand',sans-serif;font-size:18px;font-weight:700;color:#FF7503;text-align:center;margin-top:6px}
.sdl-gen-lernbeg-234{display:flex;justify-content:center;margin-top:18px}
.sdl-gen-lernbeg-235 a{background-color:#FF7503;color:#fff;border-radius:999px;font-family:'Quicksand',sans-serif;font-weight:700;padding:14px 32px;text-decoration:none}
.sdl-gen-lernbeg-238{font-family:'Quicksand',sans-serif;font-size:24px;font-weight:700;color:#3F0170;margin-top:28px}
.sdl-gen-lernbeg-249{font-family:'Quicksand',sans-serif;font-size:24px;font-weight:700;color:#3F0170;margin-top:36px}
.sdl-gen-lernbeg-table1 table{border-collapse:collapse;width:100%;font-family:'Quicksand',sans-serif;font-size:15px;color:#34303a}
.sdl-gen-lernbeg-table1 th{text-align:left;padding:12px 16px;color:#3F0170}
.sdl-gen-lernbeg-table1 thead tr{border-bottom:2px solid #EDE8F5}
.sdl-gen-lernbeg-table1 tbody tr{border-bottom:1px solid #EDE8F5}
.sdl-gen-lernbeg-table1 tbody tr:last-child{border-bottom:none}
.sdl-gen-lernbeg-table1 td{padding:12px 16px}
.sdl-gen-lernbeg-table1 td:first-child{font-weight:700;color:#3F0170}

/* Generierte Klassen: echte Startseite (9346) - Block-Validierungsfix 18.9.2026 */
.sdl-gen-home-3{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:56px;font-weight:400;line-height:1.1;letter-spacing:-0.01em;color:#3F0170}
.sdl-gen-home-6 a{display:inline-block;padding:14px 28px;background:#FE9E00;color:#fff;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:17px;text-decoration:none}
.sdl-gen-home-8 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-home-10{font-family:'Quicksand',sans-serif;font-size:19px;line-height:1.6;color:#34303a}
.sdl-gen-home-17 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-home-24 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-home-31 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-home-38 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-gen-home-51 img{width:100%;height:auto;border-radius:16px}
.sdl-gen-home-69{flex:1 1 0% !important;min-width:160px}
.sdl-gen-home-70{display:flex;gap:12px}
.sdl-gen-home-75{font-family:'Quicksand',sans-serif;font-size:15px;color:#6f5a86;margin-top:8px;white-space:nowrap}
.sdl-gen-home-76{flex:3 1 0% !important;min-width:280px}
.sdl-gen-home-77{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:32px;font-weight:400;line-height:1.2;color:#3F0170}
.sdl-gen-home-81{font-family:'Quicksand',sans-serif;font-size:17px;margin-top:24px}
.sdl-gen-home-83{color:#fff;font-family:'Italiana','Playfair Display',Georgia,serif;font-size:44px;font-weight:400;line-height:1.15}
.sdl-gen-home-85{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px}
.sdl-gen-home-86 a{display:inline-block;padding:14px 28px;background:#FF7503;color:#fff;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:700;font-size:17px;text-decoration:none}
.sdl-gen-home-87{padding-top:56px;padding-bottom:64px;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sdl-gen-home-90 img{width:100%;max-width:260px;height:auto;display:block;margin:0 auto}
.sdl-gen-home-93{font-family:'Quicksand',sans-serif;font-size:15px;color:#6f5a86;margin-top:8px}
.sdl-gen-home-card{overflow:hidden;padding-bottom:26px;box-shadow:0 6px 20px rgba(63,1,112,.08);flex:1;box-sizing:border-box}
.sdl-gen-home-colorcard{flex:1;box-sizing:border-box}

/* Gemeinsame Komponenten-Klassen (Konsolidierung 19.9.2026) - ersetzen die vorher pro-Seite duplizierten sdl-gen-{seite}-N Regeln */
.sdl-section-1{padding-top:64px;padding-bottom:56px;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sdl-row-1{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.sdl-preline-1{font-family:'Quicksand',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#FF7503}
.sdl-t-1{font-family:'Quicksand',sans-serif;font-size:21px;line-height:1.5;color:#6f5a86}
.sdl-row-2{display:flex !important;gap:12px;flex-wrap:wrap;margin-top:32px}
.sdl-row-2>.wp-block-button{flex:1 1 200px}
.sdl-row-2 .wp-block-button__link{width:100%;box-sizing:border-box;white-space:normal}
.sdl-img-1{aspect-ratio:1/1;overflow:hidden;border-radius:999px;border:2px solid #FF7503}
.sdl-section-2{padding-top:0;padding-bottom:56px;max-width:760px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sdl-h-1{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-0.01em;color:#3F0170}
.sdl-t-2{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin-top:20px}
.sdl-t-3{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin-top:12px}
.sdl-t-4{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a;margin-top:16px}
.sdl-section-3{padding-top:0;padding-bottom:56px;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sdl-h-2{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:40px;font-weight:400;line-height:1.15;letter-spacing:-0.01em;color:#3F0170}
.sdl-row-3{flex:2 1 0% !important;min-width:280px}
.sdl-t-5{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;color:#3F0170}
.sdl-t-6{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.6;color:#34303a;margin-top:8px}
.sdl-t-7{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.6;color:#34303a}
.sdl-t-8{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.6;color:#34303a;margin-top:16px}
.sdl-row-4{flex:1 1 0% !important;min-width:220px}
.sdl-preline-2{font-family:'Quicksand',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#FE9E00}
.sdl-t-9{font-family:'Quicksand',sans-serif;font-size:20px;line-height:1.6;color:#fff}
.sdl-t-10{font-family:'Quicksand',sans-serif;font-size:15px;color:#EDE8F5;margin-top:20px;max-width:480px}
.sdl-t-11{font-family:'Quicksand',sans-serif;font-size:18px;line-height:1.6;color:#34303a}
.sdl-row-5{flex:1 1 0% !important;min-width:260px;display:flex;flex-direction:column}
.sdl-t-12{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;line-height:1.3;color:#3F0170}
.sdl-t-13{font-family:'Quicksand',sans-serif;font-size:17px;color:#34303a;margin-top:8px}
.sdl-row-6{flex:1 1 0% !important;min-width:280px;display:flex;flex-direction:column}
.sdl-t-14{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;line-height:1.3;color:#3F0170;margin-top:6px}
.sdl-t-15{font-family:'Quicksand',sans-serif;font-size:16px;color:#6f5a86;font-style:italic;margin-top:8px}
.sdl-t-16{font-family:'Quicksand',sans-serif;font-size:15px;color:#6f5a86;margin-top:12px}
.sdl-row-7{display:grid !important;grid-template-columns:auto 1fr;column-gap:16px;row-gap:4px;align-items:start}
.sdl-row-7>*:first-child{grid-column:1;grid-row:1/3}
.sdl-row-7>*:nth-child(2){grid-column:2;grid-row:1}
.sdl-row-7>*:nth-child(3){grid-column:2;grid-row:2}
.sdl-t-17{font-family:'Quicksand',sans-serif;font-size:20px;font-weight:700;line-height:1.3;color:#3F0170;margin:0}
.sdl-t-18{font-family:'Quicksand',sans-serif;font-size:17px;color:#34303a;margin-top:6px}
.sdl-t-19{font-family:'Quicksand',sans-serif;font-size:20px;font-weight:700;color:#3F0170}
.sdl-t-20{font-family:'Quicksand',sans-serif;font-size:16px;color:#34303a;margin-top:8px}
.sdl-h-3{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:24px;line-height:1.4;color:#3F0170}
.sdl-row-8{flex:1 1 0% !important;min-width:260px}
.sdl-t-21{font-family:'Quicksand',sans-serif;font-size:19px;font-weight:700;line-height:1.3;color:#3F0170}
.sdl-h-4{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:40px;font-weight:400;line-height:1.15;letter-spacing:-0.01em;color:#3F0170;margin-top:6px}
.sdl-img-2{aspect-ratio:1/1;overflow:hidden;border-radius:20px}
.sdl-t-22{font-family:'Quicksand',sans-serif;font-size:16px;color:#6f5a86;font-style:italic;margin-top:4px}
.sdl-t-23{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.6;color:#34303a;margin-top:10px}
.sdl-t-24{font-family:'Quicksand',sans-serif;font-size:16px;line-height:1.6;color:#34303a;margin-top:8px;padding-left:20px}
.sdl-t-25{font-family:'Quicksand',sans-serif;font-size:16px;font-style:italic;color:#3F0170;margin-top:12px}
.sdl-row-9{flex:1 1 0% !important;min-width:180px}
.sdl-t-26{font-family:'Quicksand',sans-serif;font-size:18px;font-weight:700;color:#3F0170}
.sdl-t-27{font-family:'Quicksand',sans-serif;font-size:16px;color:#34303a;margin-top:6px}
.sdl-t-28{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.6;color:#34303a;margin-top:12px}
.sdl-t-29{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;color:#3F0170;margin-top:28px}
.sdl-row-10{flex:1 1 0% !important;min-width:280px}
.sdl-misc-2{margin:0}
.sdl-t-30{font-family:'Quicksand',sans-serif;font-size:20px;font-weight:700;color:#3F0170;margin-top:12px}
.sdl-t-31{font-family:'Quicksand',sans-serif;font-size:15px;color:#6f5a86;margin-top:2px}
.sdl-row-11{flex:1 1 300px !important;display:flex;gap:14px;align-items:flex-start}
.sdl-t-32{font-family:'Quicksand',sans-serif;font-size:15px;color:#34303a}
.sdl-t-33{font-family:'Quicksand',sans-serif;font-size:19px;font-weight:700;color:#3F0170;margin:0}
.sdl-t-34{font-family:'Quicksand',sans-serif;font-size:16px;color:#34303a;margin-top:4px}
.sdl-t-35{font-family:'Quicksand',sans-serif;font-size:19px;line-height:1.6;color:#34303a;margin-top:12px}
.sdl-h-5{font-family:'Italiana','Playfair Display',Georgia,serif;font-size:42px;font-weight:400;line-height:1.12;letter-spacing:-0.01em;color:#3F0170}
.sdl-img-3{aspect-ratio:4/3;overflow:hidden;margin-bottom:16px}
.sdl-t-36{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;line-height:1.25;color:#3F0170;margin-top:8px}
.sdl-t-37{font-family:'Quicksand',sans-serif;font-size:17px;margin-top:12px}
.sdl-row-12{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.sdl-t-38{font-family:'Quicksand',sans-serif;font-size:17px;margin-top:16px}
.sdl-t-39{font-family:'Quicksand',sans-serif;font-size:22px;font-weight:700;line-height:1.25;color:#3F0170}
.sdl-misc-3{margin:0;flex-shrink:0}

/* Nachbesserung 19.9.2026: Regressions-Fixes nach Nandos Feedback (Hero-Spalten-Umbruch,
   zu grosse Avatarbilder). Root Cause: die frueheren Klassen-Konsolidierungen/Umbenennungen
   hatten die Basis-Klasse fuer einige manuell nachgetragene Nachfahren-Selektoren
   (".sdl-gen-X-N img{...}") mitverschoben, ohne die Selektoren selbst nachzuziehen -
   die Regeln wurden dadurch unsichtbar wirkungslos (kein Validierungsfehler, da reine
   Optik). Standing-Lektion: nach jeder automatisierten Klassen-Umbenennung PRUEFEN, ob
   noch alle handgeschriebenen "KLASSE img{...}"/"KLASSE a{...}"/"KLASSE > div{...}"-Regeln
   ihre Basis-Klasse im Content wiederfinden (einfacher Text-Such-Check reicht). */
.sdl-img-1 img{width:100%;height:100%;object-fit:cover;display:block}
.sdl-col-58{flex-basis:calc(58% - 12px) !important;flex-grow:0 !important}
.sdl-col-42{flex-basis:calc(42% - 12px) !important;flex-grow:0 !important}
.sdl-avatar-68 img{width:68px;height:68px;border-radius:999px;border:2px solid #FF7503;object-fit:cover;display:block}
.sdl-avatar-96 img{width:96px;height:96px;border-radius:999px;border:2px solid #FF7503;object-fit:cover;display:block}

/* Nachbesserung 19.9.2026 (Nando-Feedback Runde 2): Hero-Bild-Grösse an Live-Seite angeglichen,
   Anna/Nando-Avatare vergrössert (waren zu klein gegenüber ihrer halben Spalte, grosser Leerraum
   zum Text), Kompass-Icon im Hero-Button. Eigene Klassen statt der geteilten sdl-col-58/42, damit
   Coach/Lernbeg-Hero (die dieselbe Proportion behalten sollen) unangetastet bleiben. */
.sdl-home-hero-col-62{flex-basis:0 !important;flex-grow:1 !important}
.sdl-home-hero-col-38{flex-basis:400px !important;flex-grow:0 !important;max-width:400px}
@media (max-width:1000px){.sdl-home-hero-col-38{flex-basis:280px !important;max-width:280px}}
.sdl-avatar-160 img{width:160px;height:160px;border-radius:999px;border:2px solid #FF7503;object-fit:cover;display:block}

/* Nachbesserung 19.9.2026 (Runde 3): Lernbeg-Hero-Kreis war auf Live 450px fix (nicht 400px wie
   Home) - eigene Klasse statt geteilter sdl-col-58/42, sonst bleibt die Grösse vom Viewport
   abhängig statt stabil. Coach hat keine Live-Entsprechung (404), bleibt bei sdl-col-58/42. */
.sdl-lernbeg-hero-col-58{flex-basis:0 !important;flex-grow:1 !important}
.sdl-lernbeg-hero-col-42{flex-basis:450px !important;flex-grow:0 !important;max-width:450px}
@media (max-width:1000px){.sdl-lernbeg-hero-col-42{flex-basis:300px !important;max-width:300px}}

/* Nachbesserung 20.9.2026 (Runde 4): Systemischer Fund - JEDE .sdl-row-N-Spaltenverhaeltnis-Klasse
   (flex:N M 0% auf .wp-block-column) wurde von WP-Core (".wp-block-columns:not(.is-not-stacked-on-mobile)
   > .wp-block-column{flex-basis:0px;flex-grow:1}") stillschweigend ueberschrieben - alle Text+Bild-Spalten
   sitejsweit liefen dadurch auf 50/50 statt der gewuenschten Ratio. Alle .sdl-row-N/.sdl-gen-*-Klassen mit
   flex-Kurzform oben nachtraeglich mit !important versehen (Standing-Lektion, siehe Memory). Ausserdem:
   9-Kachel-Grid "Expeditions-Ausruestung" brauchte echtes CSS-Grid statt Flex-Wrap (letzte Kachel wurde bei
   nicht durch 3 teilbarer Restzeile durch flex-grow:1 riesig - gleiches Muster wie der dokumentierte
   latest-posts-Bug). Hero-Buttons (.sdl-row-2) auf Gleichbreite + Textumbruch umgestellt statt fixer Breite,
   da der lange Button-Text sonst die Zeile sprengte und in eine eigene Zeile umbrach. */
.sdl-grid-3{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px}
.sdl-grid-3>.wp-block-column{width:auto !important;flex:none !important;min-width:0 !important}
@media (max-width:900px){.sdl-grid-3{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:600px){.sdl-grid-3{grid-template-columns:1fr !important}}
.sdl-gen-lernbeg-219,.sdl-gen-lernbeg-229{max-width:280px;margin-left:auto;margin-right:auto}

/* Fix 22.9.2026: Thrive-Apprentice-Kursliste ("Magische Geheimkammer", .tva-course-list) liefert
   keine eigene Grid/Flex-CSS fuer den Container aus (fehlende Plugin-Stylesheet-Regel, gleiches
   Bekannte-Ursache-Muster wie die sitejsweiten Block-CSS-Ausfaelle, siehe Memory) - Kurskarten
   stapelten sich dadurch einspaltig links, rechts blieb der Rest der Seite leer. Layout gezielt
   per eigenem Flex-Wrap erzwungen, ohne die von Thrive generierten Karten-Innenstyles anzufassen. */
.tva-course-list{display:flex !important;flex-wrap:wrap !important;gap:24px !important;align-items:stretch !important}
.tva-course-list-item{flex:1 1 320px !important;max-width:400px !important}