/* Modernes Design (Startseite, Produktseiten). Wirkt nur mit body.modern (Schalter: `modern: yes` in den Kopfdaten einer Seite); Texte und Aufbau bleiben unverändert. */
body.modern{
  --h-shadow-sm:0 2px 6px rgba(30,20,20,.06),0 10px 26px -8px rgba(30,20,20,.16);
  --h-shadow-md:0 4px 10px rgba(30,20,20,.08),0 24px 48px -14px rgba(30,20,20,.30);
}

/* Lesbarkeit */
body.modern .ft{line-height:1.75}
body.modern .ft p{margin-bottom:1.15em}
body.modern .ftitle,body.modern .ft h2,body.modern .ft h3{letter-spacing:-.01em}

/* Überschriften: kurzer Farbbalken unter zentrierten Abschnittstiteln */
body.modern h2.ftitle-2[style*="text-align:center"]::after,
body.modern h2.ftitle-2[style*="text-align: center"]::after{
  content:"";display:block;width:64px;height:4px;border-radius:4px;margin:16px auto 0;
  background:linear-gradient(90deg,var(--primary),#f2915f)}

/* Intro-Karte unter dem Titelbild */
body.modern .above-the-fold-textbox{
  background:#fff!important;border-radius:28px!important;box-shadow:var(--h-shadow-md)!important;padding:56px 72px}
body.modern .above-the-fold-textbox h2.rot{font-size:40px;line-height:1.2;letter-spacing:-.02em}

/* Zitate */
body.modern .ft blockquote,body.modern .above-the-fold-textbox blockquote{
  margin:32px 0;padding:24px 30px;border-left:4px solid var(--primary);border-radius:0 18px 18px 0;
  background:linear-gradient(135deg,#fff1ef,#fdf8f7);font-size:1.06em;font-style:italic;color:#4a2d2b}

/* Die drei Säulen als nummerierte Karten */
body.modern .above-the-fold-textbox ol{list-style:none;counter-reset:saeule;padding:0;margin:20px 0 28px}
body.modern .above-the-fold-textbox ol li{
  counter-increment:saeule;position:relative;margin:0 0 12px;padding:18px 22px 18px 72px;
  background:#faf6f5;border-radius:16px;box-shadow:0 1px 0 rgba(30,20,20,.04)}
body.modern .above-the-fold-textbox ol li::before{
  content:counter(saeule);position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--primary);color:#fff;font:700 17px/1 var(--f-bold)}

/* Aufzählungen */
body.modern .ft li::marker{color:var(--primary)}
body.modern .ft ul li{margin-bottom:6px}

/* Buttons: Pillenform, sanfter Verlauf, Schatten, Hover-Effekt */
body.modern a.fbtn{
  border-radius:999px;background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  box-shadow:0 8px 20px -6px color-mix(in srgb,var(--btn-bg) 65%,transparent);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
body.modern a.fbtn:hover,body.modern a.fbtn:focus-visible{
  transform:translateY(-2px);box-shadow:0 14px 28px -8px color-mix(in srgb,var(--btn-bg) 75%,transparent);filter:brightness(1.06)}
body.modern a.fbtn:active{transform:translateY(0);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--btn-bg) 60%,transparent)}

/* Bilder */
body.modern .fimg img{border-radius:18px}

/* Karten (Coachings und Online-Kurse) */
body.modern .fcol-in:has(>.fcol-link){
  border-radius:20px;overflow:hidden;box-shadow:var(--h-shadow-sm);
  transition:transform .3s ease,box-shadow .3s ease}
body.modern .fcol-in:has(>.fcol-link):hover{transform:translateY(-6px);box-shadow:var(--h-shadow-md)!important}
body.modern .fcol-in:has(>.fcol-link) .fimg img{border-radius:0}
/* Coaching-Karten: Bild füllt die Breite und zoomt beim Hover leicht */
body.modern .fcol-in:not(.fcol-card):has(>.fcol-link) .fimg{display:block;overflow:hidden}
body.modern .fcol-in:not(.fcol-card):has(>.fcol-link) .fimg img{width:100%;transition:transform .6s ease}
body.modern .fcol-in:not(.fcol-card):has(>.fcol-link):hover .fimg img{transform:scale(1.05)}
/* Produktboxen: gleiche Optik, Hover wie bei den Coaching-Karten */
body.modern .fcol-card{border-radius:20px;box-shadow:var(--h-shadow-sm)!important}
body.modern .fcol-card:hover{box-shadow:var(--h-shadow-md)!important}

/* Videos der Teilnehmer */
body.modern .flightbox{border-radius:20px;overflow:hidden;box-shadow:var(--h-shadow-sm);transition:box-shadow .3s ease,transform .3s ease}
body.modern .flightbox:hover{transform:translateY(-4px);box-shadow:var(--h-shadow-md)}
body.modern .flightbox img{border-radius:0;transition:transform .6s ease}
body.modern .flightbox:hover img{transform:scale(1.04)}
body.modern .flightbox .play{width:76px;height:76px;margin:-38px 0 0 -38px;background:rgba(213,73,64,.94);
  box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .25s ease}
body.modern .flightbox .play::after{left:31px;top:23px}
body.modern .flightbox:hover .play{transform:scale(1.12)}

/* Vorschaubild mit eingebautem Geräterahmen und Play-Button: keine zusätzliche Rundung oder Schatten */
body.modern .flightbox.flightbox-device{border-radius:0;box-shadow:none;overflow:visible;display:block}
body.modern .flightbox.flightbox-device:hover{transform:none;box-shadow:none}
body.modern .flightbox.flightbox-device img{width:100%;height:auto}

/* Eingebettetes Testimonial-Video (Vimeo): gleiche Optik wie die Vorschaubilder */
body.modern .fvideo{border-radius:20px;overflow:hidden;box-shadow:var(--h-shadow-sm);background:#000}
/* Vorschaubild (enthält den Play-Button bereits) über dem Player; ein Klick lädt Vimeo und startet das Video (site.js) */
body.modern .fvideo-poster{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;cursor:pointer;line-height:0;background:#000}
body.modern .fvideo-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .6s ease}
body.modern .fvideo-poster:hover img,body.modern .fvideo-poster:focus-visible img{transform:scale(1.04)}
body.modern .fvideo-poster:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}

/* Flirt-Tipps (Beitragskarten): kompaktere Titel, Karten im Stil der Coaching-Karten */
body.modern .fblog-grid{margin:0 -20px 20px}
body.modern .fblog-grid .fpost{
  margin:20px;padding:0;width:calc(33.3333% - 40px);background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:var(--h-shadow-sm);transition:transform .3s ease,box-shadow .3s ease}
body.modern .fblog-grid .fpost:hover{transform:translateY(-6px);box-shadow:var(--h-shadow-md)}
body.modern .fblog-grid .fpost-img{overflow:hidden}
body.modern .fblog-grid .fpost-img img{border-radius:0;aspect-ratio:16/9;transition:transform .6s ease}
body.modern .fblog-grid .fpost:hover .fpost-img img{transform:scale(1.05)}
body.modern .fblog-grid .fpost-body{padding:22px 24px 26px}
body.modern .fblog-grid .fpost-title{font-size:20px;line-height:1.35;margin:0;letter-spacing:-.005em;text-wrap:balance}
body.modern .fblog-grid .fpost-title a{transition:color .2s ease}
body.modern .fblog-grid .fpost:hover .fpost-title a{color:var(--primary)}
@media (max-width:800px){body.modern .fblog-grid .fpost{width:calc(100% - 40px)}}

/* ===== Produktseiten (z. B. Texting Mastery): body.modern, aber nicht die Startseite ===== */
/* Kopfbereich: rotes Muster abgedunkelt, große Überschrift, Video schwebt darüber */
body.produkt .landing-content>.fc:first-child{background-color:#b3342d;background-blend-mode:multiply;padding-top:56px!important;padding-bottom:104px!important}
body.produkt .landing-content>.fc:first-child h1.headline{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.02em;max-width:920px;margin:0 auto;text-shadow:0 2px 18px rgba(0,0,0,.35)}
body.produkt .landing-content>.fc:nth-child(2){position:relative;z-index:3;margin-top:-72px}
body.produkt .landing-content>.fc:nth-child(3){padding-top:30px;padding-bottom:10px}
body.modern:not(.home) .fcol-in>iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:22px;box-shadow:var(--h-shadow-md);background:#000}

/* Lesespalte: Fließtext und Überschriften nicht über die volle Breite */
body.modern:not(.home) .fcol[style*="--w:100%"]>.fcol-in>.ft,
body.modern:not(.home) .fcol[style*="--w:100%"]>.fcol-in>.ftitle,
body.modern:not(.home) .fcol[style*="--w:100%"]>.fcol-in>h2{max-width:800px;margin-left:auto;margin-right:auto}
body.modern:not(.home) .ft p,body.modern:not(.home) .ft li{font-size:18px;line-height:1.75}

/* Überschriften */
body.modern:not(.home) .headlines{text-align:center;font-size:clamp(26px,3vw,34px);line-height:1.25;letter-spacing:-.01em}
body.modern:not(.home) h2.headlines::after,body.modern:not(.home) h2.rot::after{
  content:"";display:block;width:64px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.modern:not(.home) h3.headlines{font-size:clamp(22px,2.4vw,27px)}

/* Aufzählungen mit grünem Haken */
body.modern:not(.home) .ft ul{list-style:none;padding-left:0;margin:22px 0}
body.modern:not(.home) .ft ul>li{position:relative;padding-left:38px;margin-bottom:12px}
body.modern:not(.home) .ft ul>li::before{
  content:"";position:absolute;left:0;top:.28em;width:24px;height:24px;border-radius:50%;
  background:#1fa855 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat}

/* Verschachtelte Listen: Wrapper-Listenpunkte (ohne eigenen Text) bekommen weder Haken noch Einzug */
body.modern:not(.home) .ft li[style*="list-style-type"],
body.modern:not(.home) .ft li:has(>ul:only-child){padding-left:0;margin-bottom:0}
body.modern:not(.home) .ft li[style*="list-style-type"]::before,
body.modern:not(.home) .ft li:has(>ul:only-child)::before{content:none;display:none}
body.modern:not(.home) .ft li>ul{margin:0}

/* Sprachnachrichten (Audio-Player) mittig unter dem Bild */
body.modern audio{display:block;width:100%;max-width:340px;margin:14px auto 0}

/* Feedback-Screenshots: kompakter und mittig */
body.modern .fimg.feedback-img{display:block!important;max-width:340px!important;margin-left:auto;margin-right:auto}
body.modern .fimg.feedback-img.feedback-wide{max-width:440px!important}
body.modern .fimg.feedback-img img{display:block;width:100%;height:auto}

/* Bilder */
body.modern:not(.home) .fimg img[src$=".jpg"]{box-shadow:var(--h-shadow-sm)}

/* Module und Boni: Etikett als Pille, größere Überschrift, ruhiger Hintergrund */
body.modern:not(.home) section.fc[style*="#e2e2e2"]{background-color:#f6f3f3!important}
body.modern:not(.home) .bonus-wrap{padding-top:18px;padding-bottom:18px}
body.modern:not(.home) .bonus-number{display:inline-block;margin:0 0 12px!important;padding:7px 14px;border-radius:999px;background:#fdecea;
  font:700 13px/1 var(--f-bold);letter-spacing:.09em;text-transform:uppercase;color:#b3342d!important}
body.modern:not(.home) .bonus-headline{margin:0 0 18px!important;font-size:clamp(22px,2.4vw,28px);line-height:1.25;color:#222}
body.modern:not(.home) .bonus-wrap .fimg img{border-radius:22px}

/* Modul-Kästen (Bild mit weißem Text): dunkle Überlagerung für Lesbarkeit, abgerundet, Haken statt Punkte */
body.modern .module,body.modern #modulsieben{
  border-radius:22px;background-size:cover;color:#fff;
  box-shadow:inset 0 0 0 999px rgba(15,12,12,.52),var(--h-shadow-sm)}
body.modern .module{margin:0;flex:1 1 auto;padding:36px 32px}
body.modern .fcol:has(>.fcol-in>.module)>.fcol-in{display:flex;flex-direction:column;height:100%}
body.modern #modulsieben{margin:8px 0 0!important;padding:40px 32px!important}
body.modern .modultext,body.modern #modulsieben>p{margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.25;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.35)}
body.modern .module ul,body.modern #modulsieben ul{list-style:none;padding:0;margin:18px 0 0;text-align:left}
body.modern #modulsieben ul{display:inline-block;max-width:640px}
body.modern .module li,body.modern #modulsieben li{position:relative;padding-left:36px;margin-bottom:12px;font-size:17px;font-weight:400;line-height:1.55;text-shadow:0 1px 8px rgba(0,0,0,.35)}
body.modern .module li::before,body.modern #modulsieben li::before{
  content:"";position:absolute;left:0;top:.2em;width:24px;height:24px;border-radius:50%;
  background:#1fa855 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
body.modern .fr:has(>.fcol>.fcol-in>.module){display:flex;flex-wrap:wrap;align-items:stretch}
body.modern .fcol:has(>.fcol-in>.module){align-self:stretch}
@media (max-width:800px){body.modern .module{padding:28px 22px}body.modern #modulsieben{padding:30px 22px!important}}

/* Box 5 (Online-Dating-System): rotes Bild wie die anderen Boxen, Ziffer „5“ als dezentes CSS-Zeichen oben rechts */
body.modern .modul-red{position:relative;overflow:hidden;isolation:isolate}
body.modern .modul-red::after{content:"5";position:absolute;right:2.5%;top:-.16em;z-index:-1;pointer-events:none;
  font:300 clamp(110px,20vw,230px)/1 var(--f-light);color:rgba(110,20,35,.55)}

/* Preis-Banner (Tagline): weiße Karte mit Farbbalken, Preis hervorgehoben */
body.produkt section.fc[style*="background-image"]:not(:first-child){background-color:#b3342d;background-blend-mode:multiply}
body.modern:not(.home) .ftagline{
  border:0;border-radius:26px;padding:44px 36px 40px;box-shadow:var(--h-shadow-md);
  background:linear-gradient(90deg,var(--primary),#f2915f) top/100% 6px no-repeat,#fff}
body.modern:not(.home) .ftagline h2{font-size:clamp(26px,3vw,36px);line-height:1.25;letter-spacing:-.01em}
body.modern:not(.home) .ftagline-desc span[style*="line-through"]{color:#8d8888}
body.modern:not(.home) .ftagline-desc span[style*="underline"]{
  text-decoration:none!important;color:#0a7d2e;background:linear-gradient(transparent 62%,rgba(31,168,85,.22) 62%);padding:0 4px}
body.modern:not(.home) .ftagline-btn{margin-top:8px}

/* „Das bekommst Du alles“: Karten */
/* Drei Karten pro Reihe (6 Karten = 2 Reihen) */
body.modern:not(.home) .fr.bonus-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}
body.modern:not(.home) .fr.bonus-grid>.fcol[style*="--w:100%"]{flex:0 0 100%;width:auto}
body.modern:not(.home) .bonus-grid>.fcol:not([style*="--w:100%"]){flex:0 0 calc((100% - 52px)/3);min-width:0;align-self:stretch;width:auto;float:none;margin:0}
body.modern:not(.home) .bonus-grid>.fcol:not([style*="--w:100%"])>.fcol-in{height:100%;padding:14px 14px 6px;background:#fff;border-radius:20px;box-shadow:var(--h-shadow-sm)}
body.modern:not(.home) .bonus-grid>.fcol:not([style*="--w:100%"]) .fimg img{border-radius:14px;box-shadow:none}
body.modern:not(.home) .bonus-grid>.fcol:not([style*="--w:100%"]) .ft p:last-child strong{color:#0a7d2e}

/* Garantie und Trenner */
body.modern:not(.home) .fimg img[src*="garantie-siegel"],body.modern:not(.home) .fimg img[src*="16-1-scaled"]{border-radius:0;box-shadow:none}
body.modern:not(.home) .fsep-shadow{height:1px;border:0;background:linear-gradient(90deg,transparent,#dcd6d6,transparent);box-shadow:none;margin:26px 0}

/* FAQ-Überschrift */
body.modern:not(.home) .fcol-in>.ftitle:empty+h3{margin:0 0 34px;text-align:center;font-size:clamp(26px,3vw,34px)!important;line-height:1.25;color:var(--accent);letter-spacing:-.01em}
body.modern:not(.home) .fcol-in>.ftitle:empty+h3::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--primary),#f2915f)}

/* FAQ als Akkordeon (details/summary, ohne JavaScript) */
body.modern:not(.home) .faq-item{background:#fff;border:1px solid #ece7e7;border-radius:16px;margin:0 0 14px;transition:box-shadow .2s ease,border-color .2s ease}
body.modern:not(.home) .faq-item:hover{border-color:#e2c9c6}
body.modern:not(.home) .faq-item[open]{box-shadow:var(--h-shadow-sm);border-color:transparent}
body.modern:not(.home) .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:16px}
body.modern:not(.home) .faq-item summary::-webkit-details-marker{display:none}
body.modern:not(.home) .faq-item summary::after{content:"";flex:0 0 auto;width:10px;height:10px;margin-right:4px;border-right:2.5px solid var(--primary);border-bottom:2.5px solid var(--primary);transform:rotate(45deg);transition:transform .25s ease}
body.modern:not(.home) .faq-item[open] summary::after{transform:rotate(-135deg);margin-top:6px}
body.modern:not(.home) .faq-item summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
body.modern:not(.home) .faq-headline{margin:0;font:700 18px/1.35 var(--f-bold);color:#222}
body.modern:not(.home) .faq-answer{padding:0 22px 8px}
body.modern:not(.home) .faq-answer p:last-child{margin-bottom:12px}

@media (max-width:800px){
  body.produkt .landing-content>.fc:first-child{padding-top:40px!important;padding-bottom:84px!important}
  body.produkt .landing-content>.fc:nth-child(2){margin-top:-56px}
  body.modern:not(.home) .ftagline{padding:34px 20px 30px}
  body.modern:not(.home) .fr.bonus-grid{gap:16px}
  body.modern:not(.home) .bonus-grid>.fcol:not([style*="--w:100%"]){flex-basis:calc((100% - 16px)/2)}
}

@media (max-width:520px){body.modern:not(.home) .bonus-grid>.fcol:not([style*="--w:100%"]){flex-basis:100%}}

/* ===== Coaching-Seite (5-Wochen-Coaching): body.coaching ===== */
/* Kopfbereich: dunkle Überlagerung auf dem Foto für gut lesbare weiße Schrift */
body.coaching :is(.men-atf-wrapper,.frauen-atf-wrapper,.atf-uebermich){position:relative;isolation:isolate}
body.coaching :is(.men-atf-wrapper,.frauen-atf-wrapper,.atf-uebermich)::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(40,6,6,.80) 0%,rgba(40,6,6,.58) 45%,rgba(40,6,6,.22) 72%,rgba(40,6,6,0) 88%)}
/* Überschrift wie auf den Produktseiten (gleiche Größe und Laufweite), ohne Textschatten */
body.coaching :is(.men-atf-wrapper,.frauen-atf-wrapper,.atf-uebermich) h1{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.02em;font-weight:700;text-shadow:none}

/* Einleitung als weiße Karte über dem Titelbild */
body.coaching .landing-content>.fc:nth-child(2){position:relative;z-index:3}
body.coaching .fcol:has(.probleme-mann-einleitung)>.fcol-in{background:#fff;border-radius:28px;box-shadow:var(--h-shadow-md);padding:48px 56px 30px}

/* Icon-Kacheln (Probleme und Vorteile): Karten; die frühere Icon-Schrift fehlt, daher ein Marker (✕ bei Problemen, ✓ bei Vorteilen) */
body.coaching .fcol:has(>.fcol-in>i.fa){align-self:stretch}
body.coaching .fcol:has(>.fcol-in>i.fa)>.fcol-in{height:100%;display:flex;flex-direction:column;align-items:center;
  background:#fff;border:1px solid #f1e3e1;border-radius:20px;box-shadow:var(--h-shadow-sm);transition:transform .3s ease,box-shadow .3s ease}
body.coaching .fcol:has(>.fcol-in>i.fa)>.fcol-in:hover{transform:translateY(-4px);box-shadow:var(--h-shadow-md)}
body.coaching i.fa{display:grid;place-items:center;width:52px;height:52px;margin:0 0 14px;border-radius:50%;background:#fdecea;font-size:0!important}
body.coaching i.fa::before{content:"\2715";font:700 20px/1 var(--f-bold);color:var(--primary)}
body.coaching i.fa[style*="#989898"]{background:#e6f6ec}
body.coaching i.fa[style*="#989898"]::before{content:"\2713";color:#17934a;font-size:24px}

/* Telefoncoaching: die drei Phasen (I, II, III) als gleich hohe, zentrierte Karten nebeneinander */
body.coaching .fboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:10px 0 30px}
body.coaching .fbox{box-sizing:border-box;padding:30px 26px 24px;text-align:center;
  background:#fff;border:1px solid #f1e3e1;border-radius:20px;box-shadow:var(--h-shadow-sm);transition:transform .3s ease,box-shadow .3s ease}
body.coaching .fbox:hover{transform:translateY(-4px);box-shadow:var(--h-shadow-md)}
body.coaching .fbox h3{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;
  background:var(--primary);color:#fff;font:700 22px/1 var(--f-bold);text-align:center}
body.coaching .fbox p{margin:0;text-align:center!important}

/* Über mich: höherer Kopfbereich, Überlagerung früher ausblenden (die weiße Welle im Foto bleibt weiß) */
body.coaching .atf-uebermich::before{background:linear-gradient(180deg,rgba(40,6,6,.82) 0%,rgba(40,6,6,.6) 34%,rgba(40,6,6,.12) 58%,rgba(40,6,6,0) 70%)}

/* Klassische Seiten mit Inhaltsbox (z. B. Kundenerfolge): weicher Hintergrund, abgerundete Box mit Schatten statt Rahmen */
body:is(.coaching,.seite).page #main{background:#f3f0f0}
body:is(.coaching,.seite).page .content-box{border:0;border-radius:28px;box-shadow:var(--h-shadow-md);padding:40px}
@media (max-width:800px){body:is(.coaching,.seite).page .content-box{padding:18px;border-radius:22px}}
body:is(.coaching,.seite).page .content-box .fc-flex .fr{overflow:visible}
/* Kontaktkasten auf Seiten mit Inhaltsbox: gleiche Breite wie auf den Coaching-Seiten (757 px) */
body:is(.coaching,.seite).page .kontakt-wrapper{width:min(100%,757px)!important}
/* zentrierte Abschnittsüberschriften mit zentriertem Farbbalken (Kundenerfolge) */
body.coaching h2.mitte{text-align:center!important}
body.coaching h2.mitte::after{content:"";display:block;width:64px;height:4px;margin:16px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--primary),#f2915f)}
/* Ausführliche Erfolgsgeschichten als weiche Karten */
body.coaching .erfolg-card{background:#f7f4f4;border-radius:24px;padding:30px 28px 18px;margin:0 0 28px}
body.coaching .erfolg-card .fsep,body.coaching .erfolg-card hr{display:none}
/* Lebensgeschichte (Über mich): zentrierte Überschriften mit Abstand und zentriertem Farbbalken, gut lesbarer Fließtext */
/* Abstand als Innenabstand (padding): bleibt auch erhalten, wenn die Überschrift unter einem Foto beginnt (clear verschluckt sonst den Außenabstand) */
body.coaching .ueber-andreas-text-wrapper :is(h2,h3){text-align:center!important;clear:both;margin:0 0 26px;padding-top:60px;line-height:1.25}
body.coaching .ueber-andreas-text-wrapper :is(h2,h3)::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.coaching .ueber-andreas-text-wrapper h2{font-size:clamp(26px,3vw,34px)}
body.coaching .ueber-andreas-text-wrapper h3{font-size:clamp(22px,2.5vw,28px)}
body.coaching .ueber-andreas-text-wrapper .ft p,body.coaching .ueber-andreas-text-wrapper .ft li{font-size:18px;line-height:1.8}
body.coaching .ueber-andreas-text-wrapper .ft p{margin:0 0 1.3em}
body.coaching .ueber-andreas-text-wrapper .ft{margin-bottom:0}
body.coaching .ueber-andreas-text-wrapper p:has(>i:only-child),body.coaching .ueber-andreas-text-wrapper p:has(>em:only-child){
  display:flow-root;margin:26px 0;padding:18px 24px;border-left:4px solid var(--primary);border-radius:0 14px 14px 0;background:#fdf3f2;color:#4a2d2b}
body.coaching .ueber-andreas-text-wrapper img{border-radius:20px;box-shadow:var(--h-shadow-sm);margin-bottom:12px}
body.coaching .ueber-andreas-text-wrapper img.alignleft{margin-right:28px}
body.coaching .ueber-andreas-text-wrapper img.alignright{margin-left:28px}
@media (max-width:640px){
  body.coaching .ueber-andreas-text-wrapper :is(h2,h3){margin:0 0 20px;padding-top:44px}
  body.coaching .ueber-andreas-text-wrapper img.alignleft,body.coaching .ueber-andreas-text-wrapper img.alignright{float:none;display:block;margin:0 auto 18px;max-width:100%;height:auto}
}

/* Abschnitte ohne seitlichen Abstand ragen im Original-Aufbau um wenige Pixel über den Rand: beschneiden statt Scrollbalken */
body.modern .fc-flex{overflow-x:clip}

/* Abschnittstitel (h3) mit Farbbalken */
body.coaching h3.ftitle-3[style*="text-align:center"]::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--primary),#f2915f)}

/* Wochen-Übersicht: jede Woche als Karte mit Farbleiste */
body.coaching .ft p:has(>.rot){margin:0 0 12px;padding:14px 18px;background:#fff;border-left:4px solid var(--primary);border-radius:0 14px 14px 0;box-shadow:var(--h-shadow-sm)}

/* „Das bekommst Du alles“: 8 Karten, 4 pro Reihe */
body.coaching .bonus-grid.cols-4>.fcol:not([style*="--w:100%"]){flex-basis:calc((100% - 78px)/4)}
body.coaching .bonus-grid.cols-4>.fcol:not([style*="--w:100%"]) .ft p:last-child strong{color:inherit}

/* Bewerbungsformular als Karte */
body.coaching .kontakt-wrapper .fcol-in{border-radius:26px;overflow:hidden;box-shadow:var(--h-shadow-md)}

@media (max-width:900px){
  body.coaching .fcol:has(.probleme-mann-einleitung)>.fcol-in{padding:32px 24px 18px}
  body.coaching .bonus-grid.cols-4>.fcol:not([style*="--w:100%"]){flex-basis:calc((100% - 26px)/2)}
}
@media (max-width:520px){
  body.coaching .bonus-grid.cols-4>.fcol:not([style*="--w:100%"]){flex-basis:100%}
}

/* ===== Kategorieseiten (Flirttipps, Online-Dating-Tipps, …): body.kategorie ===== */
/* Kopfbereich: Überlagerung für gut lesbare weiße Schrift, Überschrift wie auf den anderen Seiten */
body.kategorie .landing-content>.fc:first-child{position:relative;isolation:isolate}
body.kategorie .landing-content>.fc:first-child::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(40,6,6,.80) 0%,rgba(40,6,6,.62) 45%,rgba(40,6,6,.30) 78%,rgba(40,6,6,0) 100%)}
body.kategorie .landing-content>.fc:first-child :is(h1,h2){font-size:clamp(30px,4.4vw,52px);line-height:1.15;letter-spacing:-.02em;font-weight:700;text-shadow:none;max-width:none!important}
/* einheitliche Ausrichtung: Überschrift und Text linksbündig auf einer Linie (die Seiten waren im Aufbau leicht verschieden) */
body.kategorie .landing-content>.fc:first-child .fcol-in{padding-left:30px!important;padding-right:30px!important}
body.kategorie .landing-content>.fc:first-child .ftitle:empty,body.kategorie .landing-content>.fc:first-child :is(h1,h2):empty{display:none}
body.kategorie .landing-content>.fc:first-child :is(h1,h2){margin:0 0 22px!important;text-align:left!important}
body.kategorie .landing-content>.fc:first-child .fcol+.fcol{margin-top:0!important}
/* Foto ist schon dunkel: schwächere Überlagerung */
body.kategorie .landing-content>.fc.kat-dark::before{background:linear-gradient(180deg,rgba(20,4,4,.42) 0%,rgba(20,4,4,.28) 55%,rgba(20,4,4,0) 100%)}
body.kategorie .landing-content>.fc:first-child .fcol-in>.ft{max-width:none;margin:0}
body.kategorie .landing-content>.fc:first-child .ft p{font-size:clamp(16px,1.6vw,19px);line-height:1.7;max-width:900px}
/* Liste: volle Breite, Karten im Raster */
body.kategorie .landing-content>.fc:nth-child(2) .fcol{width:100%!important;max-width:100%}
body.kategorie .landing-content>.fc:nth-child(2) .fcol:not(:first-child){display:none}
body.kategorie .landing-content>.fc:nth-child(2) .fcol-in{background:transparent!important;padding:0!important}
body.kategorie .fblog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0}
body.kategorie .fblog-grid .fpost{display:flex;flex-direction:column;width:auto;padding:0;background:#fff;border-radius:22px;overflow:hidden;
  box-shadow:var(--h-shadow-sm);transition:transform .3s ease,box-shadow .3s ease}
body.kategorie .fblog-grid .fpost:hover{transform:translateY(-6px);box-shadow:var(--h-shadow-md)}
body.kategorie .fblog-grid .fpost-img{overflow:hidden;flex:none}
body.kategorie .fblog-grid .fpost-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;transition:transform .6s ease}
body.kategorie .fblog-grid .fpost:hover .fpost-img img{transform:scale(1.05)}
body.kategorie .fblog-grid .fpost-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px;text-align:left}
body.kategorie .fblog-grid .fpost-title{margin:0 0 12px;font-size:21px;line-height:1.3;letter-spacing:-.005em;text-wrap:balance}
body.kategorie .fblog-grid .fpost-title a{transition:color .2s ease}
body.kategorie .fblog-grid .fpost:hover .fpost-title a{color:var(--primary)}
body.kategorie .fblog-grid .fpost-excerpt{margin:0 0 16px;font-size:16px;line-height:1.65;color:#4a4545}
body.kategorie .fblog-grid .fpost-more{margin-top:auto;align-self:flex-start;display:inline-block;padding:8px 16px;border-radius:999px;background:#fdecea;
  color:#b3342d;font-weight:700;font-size:15px;text-decoration:none;transition:background .2s ease,color .2s ease}
body.kategorie .fblog-grid .fpost-more:hover,body.kategorie .fblog-grid .fpost-more:focus-visible{background:#b3342d;color:#fff}
body.kategorie .fblog-more{margin:40px 0 20px}
@media (max-width:1000px){body.kategorie .fblog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:640px){
  body.kategorie .fblog-grid{grid-template-columns:minmax(0,1fr)}
  body.kategorie .fblog-grid .fpost-title{font-size:20px}
}

/* ===== Blog-Artikel (body.artikel; Schalter `modern: "artikel"` in den Kopfdaten des Beitrags) ===== */
html:has(body.artikel){scroll-behavior:smooth}
body.artikel.single-post #main{background:#f3f0f0;padding-top:34px}
body.artikel.single-post #content,body.artikel .content-box{border:0!important;border-radius:30px;box-shadow:var(--h-shadow-md);padding:44px 36px 60px;max-width:1000px;margin-left:auto;margin-right:auto;background:#fff}
body.artikel .post{max-width:none}
/* Titelbild und Titel */
body.artikel .post-image{max-width:900px;margin:0 auto}
body.artikel .post-image img{border-radius:24px;box-shadow:var(--h-shadow-sm);aspect-ratio:16/9;object-fit:cover;display:block;width:100%;height:auto}
body.artikel .entry-title{max-width:740px;margin:36px auto 24px;padding-top:0;font:900 clamp(30px,4vw,44px)/1.18 var(--f-bold);letter-spacing:-.02em;color:#1f1b1b;text-wrap:balance}
/* Lesespalte */
body.artikel .post-content{max-width:740px;margin:0 auto;font-size:19px;line-height:1.8;color:#2d2929}
body.artikel .content-box .post-content p{margin:0 0 1.35em;padding-left:0;padding-right:0}
body.artikel .content-box .post-content strong{color:#1f1b1b}
body.artikel .content-box .post-content a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:background .15s ease}
body.artikel .content-box .post-content a:hover{background:#fdecea}
/* Autor */
body.artikel #autor-rahmen-aussen{display:flex;align-items:center;gap:16px;margin:0 0 30px;padding:12px 20px 12px 12px;border:0;border-radius:999px;background:#f6f3f3;max-width:max-content}
body.artikel #autor-rahmen-innen{display:flex;align-items:center;gap:16px;position:static}
body.artikel #autor-bild{float:none!important;width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.18)}
body.artikel #autor-text{position:static;float:none;display:block;margin:0;transform:none;font-size:16px;font-weight:700;color:#3a3535}
body.artikel #autor-rahmen-innen>div[style*="clear"]{display:none}
/* Inhaltsverzeichnis */
body.artikel .post-content div[style*="border: 2px solid black"]{border:0!important;border-radius:22px;background:#fdf3f2!important;padding:28px 32px 16px;margin:34px 0 44px}
body.artikel .post-content div[style*="border: 2px solid black"] p{margin:0 0 14px!important}
body.artikel .post-content div[style*="border: 2px solid black"] span[style*="x-large"]{font-size:22px!important;letter-spacing:-.005em}
body.artikel .post-content div[style*="border: 2px solid black"] ul{list-style:none;margin:0 0 6px;padding:0;overflow:visible}
body.artikel .post-content div[style*="border: 2px solid black"] li{position:relative;margin:0 0 12px;padding-left:30px;line-height:1.45}
body.artikel .post-content div[style*="border: 2px solid black"] li::before{content:"\2192";position:absolute;left:0;top:0;color:var(--primary);font-weight:700}
body.artikel .post-content div[style*="border: 2px solid black"] a{text-decoration:none;font-weight:700}
/* Überschriften */
body.artikel .content-box .post-content h2{margin:76px 0 24px;font:700 clamp(28px,3.2vw,36px)/1.25 var(--f-bold);letter-spacing:-.01em;color:var(--accent);scroll-margin-top:24px}
body.artikel .content-box .post-content h2::after{content:"";display:block;width:60px;height:4px;margin-top:16px;border-radius:4px;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.artikel .content-box .post-content h3{margin:68px 0 20px;padding:2px 0 2px 18px;border-left:5px solid var(--primary);font:700 clamp(22px,2.5vw,27px)/1.3 var(--f-bold);color:#1f1b1b;clear:both}
/* Bilder neben dem Text */
body.artikel .post-content img.alignright,body.artikel .post-content img.alignleft{border-radius:20px;box-shadow:var(--h-shadow-sm);max-width:42%}
body.artikel .post-content img.alignright{margin:6px 0 22px 32px}
body.artikel .post-content img.alignleft{margin:6px 32px 22px 0}
/* Werbebanner im Text */
body.artikel .post-content div[class^="inline_"]{margin:38px 0;clear:both}
body.artikel .post-content div[class^="inline_"] p{margin:0}
body.artikel .post-content div[class^="inline_"] a img{display:block;margin:0 auto!important;max-width:100%;height:auto;border-radius:22px;box-shadow:var(--h-shadow-md);transition:transform .3s ease,box-shadow .3s ease}
body.artikel .post-content div[class^="inline_"] a:hover img{transform:translateY(-4px)}
/* Zitate, Listen */
body.artikel .content-box .post-content blockquote{margin:34px 0;padding:22px 28px;border-left:4px solid var(--primary);border-radius:0 16px 16px 0;background:#fdf3f2;font-style:italic}
body.artikel .content-box .post-content ul,body.artikel .content-box .post-content ol{padding-left:28px}
body.artikel .content-box .post-content li{margin-bottom:8px}
body.artikel .content-box .post-content li::marker{color:var(--primary)}
/* Inhaltsverzeichnis als schlichter Absatz (Überschrift, dann Sprunglinks mit Zeilenumbruch) */
body.artikel .post-content p:has(>strong:first-child+br+a[href^="#"]){padding:26px 30px 20px;margin:34px 0 44px;border-radius:22px;background:#fdf3f2;line-height:1.5}
body.artikel .post-content p:has(>strong:first-child+br+a[href^="#"])>strong{display:block;margin-bottom:12px;font-size:22px;color:#1f1b1b}
body.artikel .post-content p:has(>strong:first-child+br+a[href^="#"])>br{display:none}
body.artikel .post-content p:has(>strong:first-child+br+a[href^="#"])>a{position:relative;display:block;margin:0 0 12px;padding-left:30px;text-decoration:none;font-weight:700}
body.artikel .post-content p:has(>strong:first-child+br+a[href^="#"])>a::before{content:"\2192";position:absolute;left:0;top:0;color:var(--primary)}
/* Kleine Überschriften, Tabellen, Videos, mittige Bilder */
body.artikel .content-box .post-content h4{margin:44px 0 14px;font:700 clamp(19px,2vw,22px)/1.35 var(--f-bold);color:#1f1b1b;clear:both}
body.artikel .post-content img.aligncenter,body.artikel .post-content img.alignnone{border-radius:20px;box-shadow:var(--h-shadow-sm);max-width:100%;height:auto}
body.artikel .content-box .post-content table{display:block;max-width:100%;overflow-x:auto;margin:30px 0;border-collapse:separate;border-spacing:0;border:1px solid #eadfdd;border-radius:14px;font-size:16px;line-height:1.5}
body.artikel .content-box .post-content th,body.artikel .content-box .post-content td{border:0;border-bottom:1px solid #f0e6e4;padding:12px 16px;text-align:left;vertical-align:top}
body.artikel .content-box .post-content th{background:#fdf3f2;font-weight:700;color:#1f1b1b}
body.artikel .content-box .post-content tr:last-child td{border-bottom:0}
body.artikel .post-content iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:20px;box-shadow:var(--h-shadow-sm);margin:30px 0}
/* Lesefortschritt (site.js) */
.read-progress{position:fixed;left:0;top:0;height:4px;width:0;z-index:200;background:linear-gradient(90deg,var(--primary),#f2915f);transition:width .1s linear}
@media (max-width:800px){
  body.artikel.single-post #main{padding:12px}
  body.artikel.single-post #content,body.artikel .content-box{padding:22px 18px 40px;border-radius:22px}
  body.artikel .post-content{font-size:18px;line-height:1.75}
  body.artikel .content-box .post-content h2{margin:56px 0 18px}
  body.artikel .content-box .post-content h3{margin:50px 0 16px}
  body.artikel .post-content div[style*="border: 2px solid black"]{padding:22px 20px 10px}
  body.artikel .post-content img.alignright,body.artikel .post-content img.alignleft{float:none;display:block;max-width:100%;margin:8px auto 22px}
  body.artikel #autor-rahmen-aussen{border-radius:22px}
}

/* ===== Info- und Rechtsseiten (AGB, Datenschutz, Impressum, Jobs, Glossar, Kontakt): body.seite ===== */
body.seite .post{max-width:none}
body.seite .post-content{max-width:800px;margin:0 auto;overflow-wrap:anywhere}
body.seite .post-content .ft p,body.seite .post-content .ft li{font-size:18px;line-height:1.8;color:#2d2929}
body.seite .post-content .ft p{margin:0 0 1.3em}
body.seite .post-content .ft strong,body.seite .post-content .ft b{color:#1f1b1b}
body.seite .post-content .ft a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
body.seite .post-content .ft a:hover{background:#fdecea}
body.seite .post-content .ft ul,body.seite .post-content .ft ol{margin:18px 0 26px;padding-left:28px;overflow:visible}
body.seite .post-content .ft li{margin-bottom:8px}
body.seite .post-content .ft li::marker{color:var(--primary)}
/* Überschriften */
body.seite .post-content h1{margin:0 0 30px;font:900 clamp(30px,4vw,42px)/1.18 var(--f-bold);letter-spacing:-.02em;color:#1f1b1b;text-align:center;text-wrap:balance}
body.seite .post-content h1::after{content:"";display:block;width:64px;height:4px;margin:18px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.seite .post-content h2{margin:64px 0 20px;font:700 clamp(24px,2.8vw,32px)/1.25 var(--f-bold);letter-spacing:-.01em;color:var(--accent);scroll-margin-top:24px}
body.seite .post-content h2::after{content:"";display:block;width:56px;height:4px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.seite .post-content h2[style*="text-align:center"]::after,body.seite .post-content h2[style*="text-align: center"]::after{margin-left:auto;margin-right:auto}
body.seite .post-content h3{margin:46px 0 14px;padding:2px 0 2px 16px;border-left:5px solid var(--primary);font:700 clamp(19px,2.1vw,23px)/1.3 var(--f-bold);color:#1f1b1b}
body.seite .post-content h2:first-child,body.seite .post-content h3:first-child{margin-top:0}
/* Formular-Fragen sind keine Textüberschriften */
body.seite .post-content .jf h3{border:0;padding:0}
/* Überschrift im Kontaktkasten wie auf den Coaching-Seiten */
body.seite .post-content h3#kontakt-deine-investition{margin:0;padding:50px 20px 0;border:0;text-align:center;font:700 30px/1.3 var(--f-bold);color:var(--accent)}
body.seite .post-content .fsep{display:none}
/* Glossar: Begriffe als Karten-Raster (verlinkte Begriffe hervorgehoben) */
body.seite .post-content .fr-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:10px 0 18px}
body.seite .post-content .fr-inner::after{display:none}
body.seite .post-content .fr-inner>.fcol-inner{width:auto;float:none;margin:0;align-self:stretch}
body.seite .post-content .fr-inner>.fcol-inner>.fcol-in{height:100%;margin:0}
body.seite .post-content .fr-inner .ft{height:100%;display:flex;align-items:center;justify-content:center;padding:13px 14px;border-radius:14px;background:#faf6f5;text-align:center!important}
body.seite .post-content .fr-inner .ft p{margin:0;font-size:16px;line-height:1.35;color:#4a4545}
body.seite .post-content .fr-inner .ft:has(a){background:#fff;border:1px solid #f0d9d6;box-shadow:var(--h-shadow-sm);transition:transform .25s ease,box-shadow .25s ease}
body.seite .post-content .fr-inner .ft:has(a):hover{transform:translateY(-3px);box-shadow:var(--h-shadow-md)}
body.seite .post-content .fr-inner .ft a{font-weight:700;text-decoration:none}
body.seite .post-content .fr-inner .ft a:hover{background:transparent}
body.seite .post-content section.fc:has(.fr-inner){margin-bottom:6px}
@media (max-width:800px){
  body.seite .post-content .ft p,body.seite .post-content .ft li{font-size:17px}
  body.seite .post-content h2{margin-top:50px}
  body.seite .post-content .fr-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Einblenden beim Scrollen (die Klassen setzt site.js; ohne JavaScript ist alles sofort sichtbar) */
body.modern .h-reveal{opacity:0;translate:0 28px}
body.modern .h-reveal.h-in{opacity:1;translate:0 0}
body.modern .h-anim{transition:opacity .7s ease,translate .7s ease,transform .3s ease,box-shadow .3s ease}

@media (max-width:800px){
  body.modern .above-the-fold-textbox{padding:36px 28px}
  body.modern .above-the-fold-textbox h2.rot{font-size:30px}
}
@media (max-width:500px){
  body.modern .above-the-fold-textbox{padding:32px 18px;border-radius:22px!important}
  body.modern .above-the-fold-textbox ol li{padding:16px 16px 16px 62px}
  body.modern .above-the-fold-textbox ol li::before{left:15px}
}
@media (prefers-reduced-motion:reduce){
  body.modern .h-reveal{opacity:1;translate:none}
  body.modern *{transition:none!important}
  body.modern .fcol-in:has(>.fcol-link):hover,body.modern .flightbox:hover,body.modern a.fbtn:hover,body.modern .fblog-grid .fpost:hover{transform:none}
}

/* Tablet: Produktboxen auf der Startseite – schmaler Innenabstand und etwas kleinere Titel, damit die Texte nicht zu schmal werden */
@media (min-width:641px) and (max-width:1024px){
  body.home .fcol-card .fcol-inner>.fcol-in{padding-left:14px!important;padding-right:14px!important}
  body.home .fcol-card :is(h2,h3,h4).ftitle{font-size:clamp(20px,2.9vw,24px)}
}

/* Handy: Beitragskarten der Kategorieseiten nutzen die volle Breite */
@media (max-width:640px){
  body.kategorie .fblog-grid{margin-left:0;margin-right:0}
  body.modern .fblog-grid .fpost,body.kategorie .fblog-grid .fpost{width:100%;margin:10px 0}
  body.kategorie .fblog-grid .fpost{padding:0}
  body.kategorie .fblog-grid .fpost-body{padding:20px 20px 22px}
}

/* FAQ-Box am Ende der Blog-Artikel */
body.artikel .post-faq{margin:56px 0 8px;padding:34px 34px 22px;background:#faf6f5;border-radius:24px}
body.artikel .post-faq-title{margin:0 0 26px;text-align:center;font:700 clamp(22px,2.6vw,30px)/1.25 var(--f-bold);color:var(--heading);letter-spacing:-.01em}
body.artikel .post-faq-title::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:14px auto 0;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.artikel .post-faq .faq-item{background:#fff;border:1px solid #ece7e7;border-radius:16px;margin:0 0 12px;transition:box-shadow .2s ease,border-color .2s ease}
body.artikel .post-faq .faq-item:hover{border-color:#e2c9c6}
body.artikel .post-faq .faq-item[open]{box-shadow:var(--h-shadow-sm);border-color:transparent}
body.artikel .post-faq .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-radius:16px}
body.artikel .post-faq .faq-item summary::-webkit-details-marker{display:none}
body.artikel .post-faq .faq-item summary::after{content:"";flex:0 0 auto;width:10px;height:10px;margin-right:4px;border-right:2.5px solid var(--primary);border-bottom:2.5px solid var(--primary);transform:rotate(45deg);transition:transform .2s ease}
body.artikel .post-faq .faq-item[open] summary::after{transform:rotate(-135deg);margin-top:6px}
body.artikel .post-faq .faq-item summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
body.artikel .post-faq .faq-headline{margin:0;font:700 18px/1.4 var(--f-bold);color:#222}
body.artikel .post-faq .faq-answer{padding:0 22px 6px}
body.artikel .post-faq .faq-answer p{margin:0 0 14px;font-size:17px;line-height:1.7}
body.artikel .post-faq .faq-answer a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){body.artikel .post-faq{padding:24px 14px 14px;border-radius:20px}body.artikel .post-faq .faq-item summary{padding:14px 16px}body.artikel .post-faq .faq-answer{padding:0 16px 4px}}

/* Weitere Artikel am Ende der Beiträge */
body.artikel .post-related{margin:56px 0 8px}
body.artikel .post-related-title{margin:0 0 26px;text-align:center;font:700 clamp(22px,2.6vw,30px)/1.25 var(--f-bold);color:var(--heading);letter-spacing:-.01em}
body.artikel .post-related-title::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:14px auto 0;background:linear-gradient(90deg,var(--primary),#f2915f)}
body.artikel .post-related .fblog-grid{margin-left:-14px;margin-right:-14px}
body.artikel .post-related .fblog-grid .fpost{margin:14px;width:calc(33.3333% - 28px)}
@media (max-width:800px){body.artikel .post-related .fblog-grid{margin-left:0;margin-right:0}body.artikel .post-related .fblog-grid .fpost{width:100%;margin:10px 0}}