/* Münchner Schreibwerkstatt – gemeinsame Gestaltung „Die helle Werkstatt" (Paket 2) */

/* Schriften: lokal gehostet (SIL Open Font License), keine Verbindung zu Google */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 700;font-display:swap;src:url('/schriften/cormorant-garamond-latin.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/schriften/cormorant-garamond-italic-latin.woff2') format('woff2');}
@font-face{font-family:'Outfit';font-style:normal;font-weight:300 600;font-display:swap;src:url('/schriften/outfit-latin.woff2') format('woff2');}

:root{
  --papier:#FAF7F0;
  --papier-2:#F2EDE3;
  --tinte:#1F1B16;
  --tinte-2:#4A4239;
  --linie:#E2DACB;
  --akzent:#2F5D50;
  --akzent-hell:rgba(47,93,80,0.10);
  --fehler:#9B2C1F;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Namen, die die Seiten schon benutzen */
  --bg:var(--papier);
  --bg2:var(--papier-2);
  --card:var(--papier-2);
  --border:var(--linie);
  --text:var(--tinte);
  --text2:var(--tinte-2);
  --text3:var(--tinte-2);
  --accent:var(--akzent);
  --glow:var(--akzent-hell);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--papier);color:var(--tinte);font-family:var(--sans);font-size:17px;line-height:1.7;overflow-x:hidden;}
img{max-width:100%;height:auto;}
a{color:var(--akzent);}
:focus-visible{outline:3px solid var(--akzent);outline-offset:3px;border-radius:4px;}
h1,h2,h3{font-family:var(--serif);color:var(--tinte);}

/* ===== Navigation ===== */
nav{position:sticky;top:0;z-index:100;background:var(--papier);border-bottom:1px solid var(--linie);}
.nav-inner{max-width:1100px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.logo{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--tinte);text-decoration:none;line-height:1.15;}
.logo span{display:block;color:var(--tinte-2);font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:0.5px;}
.nav-links{display:flex;gap:30px;list-style:none;align-items:center;}
.nav-links a{font-size:14px;font-weight:500;color:var(--tinte);text-decoration:none;}
.nav-links a:hover{color:var(--akzent);}
.nav-links a.nav-cta,.nav-cta{background:var(--akzent);color:#fff;padding:10px 22px;border-radius:8px;font-weight:600;}
.nav-links a.nav-cta:hover{color:#fff;background:color-mix(in srgb,var(--akzent) 82%,#000);}
.nav-mobil{display:none;position:relative;}
.nav-mobil summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--tinte);border:1px solid var(--linie);border-radius:8px;padding:9px 16px;background:var(--papier);}
.nav-mobil summary::-webkit-details-marker{display:none;}
.nav-mobil[open] summary{background:var(--akzent-hell);}
.nav-mobil-liste{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--papier);border:1px solid var(--linie);border-radius:10px;padding:8px;display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(31,27,22,0.08);}
.nav-mobil-liste a{padding:12px 14px;border-radius:6px;font-size:16px;color:var(--tinte);text-decoration:none;}
.nav-mobil-liste a:hover{background:var(--akzent-hell);}
.nav-mobil-liste a.nav-cta{background:var(--akzent);color:#fff;text-align:center;margin-top:6px;font-weight:600;}

/* ===== Abschnitte ===== */
section{padding:88px 24px;scroll-margin-top:84px;}
.abschnitt-hell{background:var(--papier);}
.abschnitt-getont{background:var(--papier-2);--card:var(--papier);}
.section-wrap{max-width:1100px;margin:0 auto;}
.section-label,.label{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--akzent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;}
.section-title{font-family:var(--serif);font-size:clamp(28px,3.5vw,40px);font-weight:600;line-height:1.15;margin-bottom:20px;}
.section-title em{font-style:italic;color:var(--akzent);}
.section-intro{font-size:17px;color:var(--tinte-2);line-height:1.7;max-width:62ch;}
.fliess{font-size:17px;color:var(--tinte-2);line-height:1.7;margin-bottom:20px;max-width:68ch;}
.fliess a{color:var(--akzent);text-decoration:underline;text-underline-offset:3px;}
.fliess strong{color:var(--tinte);font-weight:600;}
.versprechen{font-family:var(--serif);font-size:clamp(28px,3.5vw,40px);font-weight:600;line-height:1.15;color:var(--tinte);margin-bottom:14px;}
.beweis{font-size:15px;color:var(--tinte-2);font-style:italic;margin-bottom:20px;}
.bildzeile{font-size:13px;color:var(--tinte-2);margin-top:8px;line-height:1.5;}
.bild-rund{border-radius:10px;display:block;}

/* ===== Knöpfe ===== */
.btn-primary,.btn-ghost{display:inline-block;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;line-height:1.3;text-align:center;}
.btn-primary{background:var(--akzent);color:#fff;border:1px solid var(--akzent);}
.btn-primary:hover{background:color-mix(in srgb,var(--akzent) 82%,#000);color:#fff;}
.btn-ghost{background:transparent;color:var(--akzent);border:1px solid var(--akzent);}
.btn-ghost:hover{background:var(--akzent-hell);}

/* ===== Erster Bildschirm ===== */
#hero{padding:56px 24px 64px;}
.hero-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-areas:"text bild" "aktion bild";column-gap:64px;align-content:center;align-items:center;}
.hero-text{grid-area:text;min-width:0;align-self:end;}
.hero-grid .hero-actions{grid-area:aktion;align-self:start;}
.hero-bild{grid-area:bild;justify-self:end;width:100%;max-width:400px;}
.hero-bild img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;}
.hero-inner{max-width:1100px;margin:0 auto;}
.hero-label{font-size:13px;font-weight:600;color:var(--akzent);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px;}
.hero-title{font-family:var(--serif);font-size:clamp(32px,4.3vw,55px);font-weight:700;line-height:1.05;margin-bottom:22px;color:var(--tinte);}
.hero-title .zeile-2{font-style:normal;color:var(--akzent);display:block;}
.hero-sub{font-size:19px;line-height:1.65;color:var(--tinte-2);max-width:56ch;margin-bottom:30px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero-meta{margin-top:40px;padding-top:26px;border-top:1px solid var(--linie);display:flex;gap:48px;flex-wrap:wrap;}
.hero-stat-num{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--akzent);display:block;line-height:1.1;}
.hero-stat-label{font-size:13px;color:var(--tinte-2);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;display:block;}
.beweiszeile{background:var(--papier-2);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:20px 24px;text-align:center;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--tinte);}
.seite-oben{padding-top:56px;}
.seite-h1{font-size:clamp(28px,5vw,56px);line-height:1.1;margin-bottom:14px;}
.kennzahlen{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--akzent);margin-bottom:28px;}

/* ===== Angebote ===== */
.angebote-header{margin-bottom:48px;}
.angebote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.angebot-card{background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:36px 30px;display:block;color:inherit;text-decoration:none;}
a.angebot-card:hover{border-color:var(--akzent);}
.angebot-badge{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--akzent);background:var(--akzent-hell);border-radius:4px;padding:5px 10px;display:inline-block;margin-bottom:18px;}
.angebot-name{font-size:13px;font-weight:600;color:var(--tinte-2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;}
.angebot-title{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--tinte);margin-bottom:12px;line-height:1.15;}
.angebot-desc{font-size:16px;color:var(--tinte-2);line-height:1.7;margin-bottom:24px;}
.angebot-beweis{font-size:14px;color:var(--tinte-2);font-style:italic;margin-bottom:20px;}
.angebot-details{border-top:1px solid var(--linie);padding-top:20px;margin-bottom:24px;}
.angebot-detail-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:12px;}
.angebot-detail-label{font-size:12px;color:var(--tinte-2);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;}
.angebot-detail-value{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--tinte);text-align:right;}
.angebot-link{font-size:14px;font-weight:600;color:var(--akzent);display:flex;align-items:center;gap:8px;text-decoration:none;}
.angebot-links{display:flex;gap:24px;flex-wrap:wrap;}
.angebot-links .angebot-link{text-decoration:none;}

/* ===== Über mich ===== */
.ueber-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:64px;align-items:start;margin-top:40px;}
.ueber-portrait{width:100%;border-radius:10px;overflow:hidden;}
.ueber-portrait img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center top;}
.ueber-nebenbild{margin-top:24px;}
.ueber-nebenbild img{display:block;border-radius:10px;width:100%;height:auto;}
.ueber-body p{font-size:17px;color:var(--tinte-2);line-height:1.7;margin-bottom:20px;max-width:68ch;}
.ueber-body p strong{color:var(--tinte);font-weight:600;}
.ueber-body p a{color:var(--akzent);}
.ueber-zitat{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.35;color:var(--tinte);border-left:3px solid var(--akzent);padding-left:20px;margin:28px 0;}
.ueber-divider{width:48px;height:2px;background:var(--akzent);margin:28px 0;}
.ueber-links{display:flex;gap:14px;flex-wrap:wrap;}
.ueber-links .btn-ghost{font-size:14px;padding:10px 20px;}
.teaser-karte{margin-top:56px;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;background:var(--card);border:1px solid var(--linie);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;}
.teaser-karte:hover{border-color:var(--akzent);}
.teaser-karte .teaser-text{padding:28px 32px;}
.teaser-karte .teaser-titel{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--tinte);margin:6px 0 12px;line-height:1.15;}
.teaser-karte img{display:block;width:100%;height:auto;}
.teaser-karte .angebot-link{margin-top:14px;}
.teaser-karte p{font-size:15px;color:var(--tinte-2);line-height:1.7;}

/* ===== Schnupperkurs-Block, KI-Block ===== */
.versprechen-zeile{font-family:var(--serif);font-size:clamp(23px,2.8vw,30px);font-weight:600;line-height:1.2;color:var(--tinte);margin-bottom:14px;}
.btn-reihe{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

/* ===== FAQ (ohne Skript, mit <details>) ===== */
.faq-wrap{max-width:820px;}
.faq-list{margin-top:36px;display:flex;flex-direction:column;gap:10px;}
.faq-item{background:var(--card);border:1px solid var(--linie);border-radius:10px;overflow:hidden;}
.faq-item[open]{border-color:var(--akzent);}
.faq-question{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--tinte);padding:18px 22px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;}
.faq-question::-webkit-details-marker{display:none;}
.faq-question::after{content:'+';color:var(--akzent);font-family:var(--sans);font-size:24px;line-height:1;flex-shrink:0;}
.faq-item[open] .faq-question::after{content:'\2212';}
.faq-answer-inner{padding:16px 22px 20px;font-size:16px;color:var(--tinte-2);line-height:1.7;border-top:1px solid var(--linie);}
.faq-answer-inner a{color:var(--akzent);}
.faq-cta{margin-top:36px;}

/* ===== Kontakt und Formular ===== */
.kontakt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:start;margin-top:40px;}
.kontakt-info{display:flex;flex-direction:column;gap:16px;}
.kontakt-block{background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:20px 24px;}
.kontakt-block-label{font-size:12px;font-weight:600;color:var(--akzent);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;}
.kontakt-block-value{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--tinte);}
.kontakt-block-value a{color:var(--tinte);text-decoration:underline;text-decoration-color:var(--akzent);text-underline-offset:3px;}
.kontakt-block-sub{font-size:14px;color:var(--tinte-2);margin-top:4px;line-height:1.6;}
.kontakt-rechts{min-width:0;}
.anmeldung-spalte{max-width:640px;margin:0 auto;}
.kontakt-form{background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:36px;}
.form-title{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--tinte);margin-bottom:6px;}
.form-subtitle{font-size:15px;color:var(--tinte-2);margin-bottom:26px;line-height:1.6;}
.form-group{margin-bottom:18px;}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--tinte);letter-spacing:0.5px;margin-bottom:7px;}
.form-input,.form-textarea,.form-select{width:100%;background:#fff;border:1px solid #8A7F6E;border-radius:8px;padding:12px 14px;font-family:var(--sans);font-size:16px;color:var(--tinte);-webkit-appearance:none;appearance:none;}
.form-select{background-image:linear-gradient(45deg,transparent 50%,var(--tinte-2) 50%),linear-gradient(135deg,var(--tinte-2) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px;}
.form-input:focus,.form-textarea:focus,.form-select:focus{outline:3px solid var(--akzent);outline-offset:1px;border-color:var(--akzent);}
.form-textarea{resize:vertical;min-height:120px;}
.form-submit{width:100%;background:var(--akzent);color:#fff;border:1px solid var(--akzent);padding:15px;border-radius:8px;font-family:var(--sans);font-weight:600;font-size:16px;cursor:pointer;margin-top:8px;}
.form-submit:hover{background:color-mix(in srgb,var(--akzent) 82%,#000);}
.form-submit:disabled{opacity:0.6;cursor:default;}
.form-note{font-size:13px;color:var(--tinte-2);margin-top:14px;line-height:1.6;}
.form-note a,.form-direkt a{color:var(--akzent);}
.form-hinweis{font-size:13px;color:var(--tinte-2);margin-top:6px;line-height:1.5;}
.form-fehler{font-size:14px;color:var(--fehler);margin-top:6px;line-height:1.5;}
.form-fehler[hidden]{display:none;}
.form-input[aria-invalid="true"],.form-select[aria-invalid="true"]{border-color:var(--fehler);}
.hp-feld{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.so-laeuft{background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:26px 30px;margin-bottom:24px;}
.so-laeuft h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--tinte);margin-bottom:12px;}
.so-laeuft p{font-size:15px;color:var(--tinte-2);line-height:1.7;margin-bottom:10px;}
.so-laeuft p strong{color:var(--tinte);font-weight:600;}
.so-laeuft .so-schnupper{font-size:14px;margin-bottom:0;}

/* ===== Termine ===== */
.termine-kopf{margin-bottom:28px;}
.termine-liste{list-style:none;display:flex;flex-direction:column;gap:10px;}
.termin{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr) 8em 6.5em 14em;gap:6px 18px;align-items:center;background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:14px 20px;}
.termin[hidden],.termine-monat[hidden],.termine-leer[hidden],.termine-liste[hidden]{display:none!important;}
.termin-datum{font-family:var(--serif);font-size:21px;font-weight:700;color:var(--tinte);}
.termin-art{font-size:16px;color:var(--tinte);}
.termin-art a{color:inherit;text-decoration:underline;text-decoration-color:var(--akzent);text-underline-offset:3px;}
.termin-zeit{font-size:15px;color:var(--tinte-2);}
.termin-preis{font-size:15px;font-weight:600;color:var(--tinte);}
.termin-btn{padding:10px 12px;font-size:14px;text-align:center;white-space:nowrap;width:100%;}
.termine-monat{margin-top:36px;}
.termine-monat:first-of-type{margin-top:0;}
.termine-monat h2{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--tinte);margin-bottom:14px;}
.termine-leer{background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:24px;}
.termine-leer p{font-size:16px;color:var(--tinte-2);line-height:1.7;margin-bottom:16px;}
.termine-folge,.termine-preise{font-size:14px;color:var(--tinte-2);line-height:1.7;margin-top:20px;}
.termine-folge a{color:var(--akzent);font-weight:600;}
.dreierkarte{margin-top:24px;background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:20px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.dreierkarte p{font-size:15px;color:var(--tinte-2);line-height:1.7;flex:1 1 320px;}
.dreierkarte p strong{color:var(--tinte);font-weight:600;}

/* ===== Kacheln, Schritte (Angebotsseiten) ===== */
.kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;}
.kachel{background:var(--card);border:1px solid var(--linie);border-radius:10px;padding:24px 22px;}
.kachel-titel{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--tinte);margin-bottom:6px;}
.kachel-zahl{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--akzent);line-height:1.15;}
.kachel p{font-size:14px;color:var(--tinte-2);margin-top:8px;line-height:1.6;}
.schritte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:960px;}
.schritt .schritt-nr{font-family:var(--serif);font-size:44px;font-weight:700;color:var(--akzent);line-height:1;}
.schritt .schritt-titel{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--tinte);margin:10px 0 6px;}
.schritt p{font-size:15px;color:var(--tinte-2);line-height:1.6;}

/* ===== Rechtstexte (Impressum, Datenschutz) ===== */
.legal-inner{padding:64px 24px 88px;}
.legal-wrap{max-width:760px;margin:0 auto;}
.legal-title{font-family:var(--serif);font-size:clamp(34px,4.5vw,52px);font-weight:700;color:var(--tinte);margin-bottom:40px;line-height:1.1;}
.legal-h2{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--tinte);margin:34px 0 10px;}
.legal-p{font-size:16px;color:var(--tinte-2);line-height:1.75;margin-bottom:14px;}
.legal-p a{color:var(--akzent);}
.legal-p strong{color:var(--tinte);}
.legal-back{font-size:14px;color:var(--akzent);display:inline-block;margin-bottom:32px;text-decoration:none;font-weight:600;}

/* ===== Fußzeile ===== */
footer{background:var(--papier-2);border-top:1px solid var(--linie);padding:36px 24px;}
.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;}
.footer-logo{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--tinte);text-decoration:none;}
.footer-links{display:flex;gap:26px;list-style:none;flex-wrap:wrap;}
.footer-links a{font-size:14px;color:var(--tinte);text-decoration:none;}
.footer-links a:hover{color:var(--akzent);text-decoration:underline;}
.footer-copy{font-size:13px;color:var(--tinte-2);width:100%;text-align:left;padding-top:18px;border-top:1px solid var(--linie);margin-top:6px;}

/* ===== Handy ===== */
@media(max-width:960px){
  .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "bild" "aktion";row-gap:24px;}
  .hero-bild{justify-self:start;max-width:340px;}
  .angebote-grid{grid-template-columns:minmax(0,1fr);max-width:600px;}
  .ueber-grid{grid-template-columns:minmax(0,1fr);gap:32px;}
  .teaser-karte{grid-template-columns:minmax(0,1fr);}
  .ueber-portrait{max-width:300px;}
  .kontakt-grid{grid-template-columns:minmax(0,1fr);gap:32px;}
}
@media(max-width:768px){
  body{font-size:16px;}
  .nav-links{display:none;}
  .nav-mobil{display:block;}
  .nav-inner{padding:10px 20px;}
  section{padding:56px 20px;}
  #hero{padding:32px 20px 44px;}
  .footer-inner{flex-direction:column;align-items:flex-start;}
  .schritte{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kacheln{grid-template-columns:minmax(0,1fr);}
  .beweiszeile{letter-spacing:1px;line-height:1.8;}
}
@media(max-width:700px){
  .hero-grid{grid-template-areas:"text" "aktion" "bild";}
  .hero-bild{max-width:none;justify-self:stretch;}
  .hero-bild img{aspect-ratio:auto;height:300px;object-position:center 15%;}
  .termin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"datum art" "zeit preis" "knopf knopf";padding:14px 16px;}
  .termin-datum{grid-area:datum;}
  .termin-art{grid-area:art;}
  .termin-zeit{grid-area:zeit;}
  .termin-preis{grid-area:preis;}
  .termin-btn{grid-area:knopf;}
  .dreierkarte{padding:18px 16px;}
}
@media(max-width:500px){
  .hero-actions{flex-direction:column;}
  .hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;}
  .angebot-card{padding:26px 20px;}
  .kontakt-form{padding:26px 18px;}
  .so-laeuft{padding:22px 18px;}
  .hero-meta{gap:24px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* ===== Seiten mit eingebauten Rastern (Angebotsseiten, Fachseiten): auf dem Handy untereinander ===== */
[style*="grid-template-columns"]>*{min-width:0;}
h1,h2,h3,p,li{overflow-wrap:break-word;}
@media(max-width:700px){
  section [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;}
  #ablauf [style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* ===== Fachseiten (Personen-, Methoden- und Buchseiten) ===== */
.subpage-hero{padding:48px 24px 40px;}
.subpage-hero-inner{max-width:860px;margin:0 auto;}
.breadcrumb{font-size:13px;color:var(--tinte-2);margin-bottom:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.breadcrumb a{color:var(--akzent);}
.breadcrumb-sep{opacity:0.6;}
.subpage-label{font-size:13px;font-weight:600;color:var(--akzent);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;}
.subpage-title{font-family:var(--serif);font-size:clamp(32px,5vw,58px);font-weight:700;line-height:1.08;margin-bottom:24px;}
.subpage-title em{font-style:italic;color:var(--akzent);}
.subpage-intro{font-size:18px;color:var(--tinte-2);line-height:1.7;max-width:680px;}
.content-section{padding:56px 24px;}
.content-wrap{max-width:860px;margin:0 auto;}
.content-h2{font-family:var(--serif);font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.2;margin-bottom:18px;color:var(--tinte);}
.content-h2 em{font-style:italic;color:var(--akzent);}
.content-p{font-size:17px;color:var(--tinte-2);line-height:1.7;margin-bottom:20px;max-width:68ch;}
.content-p strong{color:var(--tinte);font-weight:600;}
.content-p a{color:var(--akzent);}
.content-divider{width:48px;height:2px;background:var(--akzent);margin:44px 0;}
.pull-quote{font-family:var(--serif);font-size:clamp(21px,2.6vw,28px);font-style:italic;line-height:1.5;color:var(--tinte);border-left:3px solid var(--akzent);padding:22px 28px;margin:36px 0;background:var(--papier-2);border-radius:0 10px 10px 0;}
.pull-quote-source{font-family:var(--sans);font-size:14px;color:var(--tinte-2);margin-top:12px;font-style:normal;}
.content-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px;}
@media(max-width:768px){.subpage-hero{padding:32px 20px 28px;}.content-section{padding:40px 20px;}.pull-quote{padding:16px 18px;}}