/* Fachartikel-Gestaltung 2026 (Salbei), eingeführt 18.10.2026 */
.cta-above-fold{background:linear-gradient(135deg,#8f9373 0%,#62664a 100%)!important}
.cta-phone-button,.cta-phone-button:hover{color:#4b4f38!important}

.post-entry{font-size:18px}
.post-entry p{line-height:1.8;color:#4f5045;max-width:68ch}
.post-entry h2{margin:56px 0 18px;line-height:1.25;max-width:24ch}
.post-entry a{color:#5c6044;text-decoration-color:#b9bc9f;text-underline-offset:3px}

/* Inhaltsverzeichnis als mitlaufende Seitenleiste */
.fk-raster{display:block}
@media (min-width:1200px){
 .fk-raster{display:grid;grid-template-columns:250px minmax(0,740px);column-gap:64px;row-gap:0;justify-content:center}
 .fk-raster>*{grid-column:2}
 .fk-raster>.fk-toc{grid-column:1;grid-row:1/span 40;align-self:start;position:sticky;top:110px}
}
.fk-toc details{background:#f6f6f0;border:1px solid #e3e5d6;border-radius:18px;padding:18px 20px;margin:0 0 32px}
.fk-toc summary{font:400 1.25rem Marcellus,serif;color:#4b4f38;cursor:pointer;list-style:none}
.fk-toc summary::-webkit-details-marker{display:none}
.fk-toc ol{list-style:none;counter-reset:fa;margin:14px 0 0;padding:0}
.fk-toc li{counter-increment:fa;position:relative;padding:7px 0 7px 34px;font-size:.92rem;line-height:1.4}
.fk-toc li::before{content:counter(fa);position:absolute;left:0;top:7px;width:22px;height:22px;border-radius:50%;background:#e8eadf;color:#5c6044;font:600 12px/22px Sora,sans-serif;text-align:center}
.fk-toc a{color:#4f5045;text-decoration:none}
.fk-toc a:hover,.fk-toc a.aktiv{color:#2f3224}
.fk-toc a.aktiv{font-weight:600}

/* Grafiken */
.fk-grafik{margin:36px 0 40px;padding:26px;background:#fbfbf8;border:1px solid #ecede4;border-radius:22px}
.fk-grafik svg{width:100%;height:auto;display:block;font-family:Sora,'Instrument Sans',sans-serif}
.fk-grafik .fk-hoch{display:none;max-width:360px;margin:0 auto}
.fk-grafik figcaption,.post-entry .fk-grafik .fk-bildtext{max-width:none;margin-top:14px;text-align:center;color:#6b6f50;font-size:.92rem;font-style:italic;line-height:1.5}
.fk-wischen{display:none}
@media (max-width:640px){
 .fk-grafik{padding:16px}
 .fk-grafik .fk-breit{display:none}
 .fk-grafik .fk-hoch{display:block}
 .fk-scroll .fk-grafik-innen{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:0 6px 6px}
 .fk-scroll .fk-grafik-innen svg{min-width:620px}
 .fk-scroll .fk-wischen{display:block;text-align:center;font-size:.8rem;color:#8a8e6e;margin:8px 0 0}
}

/* Zitat */
.post-entry blockquote{border:none;border-left:3px solid #a7ab8a;background:transparent;padding:6px 0 6px 26px;margin:40px 0}
.post-entry blockquote p{font:400 1.45rem/1.5 Marcellus,serif;color:#4b4f38;max-width:none}
.post-entry blockquote::before,.post-entry blockquote::after{display:none!important}

/* Persönlicher Abschluss */
.fk-persoenlich{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;background:#f6f6f0;border:1px solid #e3e5d6;border-radius:24px;padding:28px;margin:60px 0 44px}
.fk-persoenlich img{width:180px;height:180px;object-fit:cover;border-radius:50%;box-shadow:0 10px 26px rgba(80,82,60,.18)}
.fk-persoenlich-titel{font:400 1.6rem Marcellus,serif;color:#2f3224;margin:0 0 8px}
.fk-persoenlich p{color:#4f5045;line-height:1.7}
.fk-knopf{display:inline-block;margin-top:8px;background:#6b6f50;color:#fff!important;padding:12px 24px;border-radius:30px;font-weight:600;text-decoration:none}
.fk-knopf:hover{background:#565a3f}
@media (max-width:640px){.fk-persoenlich{grid-template-columns:1fr;text-align:center}.fk-persoenlich img{margin:0 auto}}

/* Teilen */
.fk-teilen{border-top:1px solid #e3e5d6;margin-top:22px;padding-top:22px}
.fk-teilen-titel{font:400 1.25rem Marcellus,serif;color:#2f3224;margin:0 0 12px}
.fk-teilen-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.fk-teilen-knopf{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:24px;border:1px solid #c9ccb5;background:#fff;color:#4b4f38!important;font:600 14px Sora,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.fk-teilen-knopf:hover{background:#eef0e6;border-color:#8a8e6e}
.fk-teilen-knopf i{font-size:15px;color:#6b6f50}
.fk-teilen-knopf.ok{background:#6b6f50;color:#fff!important;border-color:#6b6f50}
.fk-teilen-knopf.ok i{color:#fff}

/* Inhaltliche Ergänzungen (nur hypnosetherapie-basel.ch genutzt) */
.fk-kurz{background:linear-gradient(135deg,#f6f6ef,#eef0e6);border:1px solid #e1e3d3;border-radius:20px;padding:26px 30px;margin:34px 0 10px}
.fk-kurz-titel{font:400 1.35rem Marcellus,serif!important;color:#4b4f38!important;margin:0 0 12px!important}
.fk-kurz ul{margin:0;padding:0;list-style:none}
.fk-kurz li{position:relative;padding:5px 0 5px 28px;margin:0!important;line-height:1.6;color:#4f5045}
.fk-kurz li p,.fk-kurz li:empty{margin:0}
.fk-kurz li::before{content:"";position:absolute;left:4px;top:14px;width:9px;height:9px;border-radius:50%;background:#8a8e6e}
.fk-band-titel{font:400 1.3rem Marcellus,serif!important;color:#2f3224!important;margin:0 0 16px!important}
.fk-wurzeln{margin:34px 0 10px}
.fk-wurzeln-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fk-wurzel{background:#f6f6f0;border:1px solid #e3e5d6;border-radius:20px;padding:22px 20px;text-align:center}
.fk-wurzel-ikon{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;color:#fff;background:linear-gradient(140deg,#a7ab8a,#6b6f50);box-shadow:0 6px 14px rgba(110,110,90,.25),inset 0 0 0 4px rgba(255,255,255,.14);margin-bottom:12px}
.fk-wurzel-ikon svg{width:28px;height:28px}
.fk-wurzel-titel{font:600 1rem Sora,sans-serif!important;color:#2f3224!important;margin:0 0 6px!important}
.fk-wurzel p{font-size:.95rem;line-height:1.55;margin:0}
.fk-alltag{margin:34px 0 10px}
.fk-alltag-liste{display:grid;gap:12px}
.fk-merkmal{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e3e5d6;border-left:4px solid #8a8e6e;border-radius:14px;padding:16px 18px}
.fk-merkmal-ikon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#eef0e6;color:#5c6044;display:inline-flex;align-items:center;justify-content:center}
.fk-merkmal-ikon svg{width:24px;height:24px}
.fk-merkmal-titel{font:600 1rem Sora,sans-serif!important;color:#2f3224!important;margin:0 0 2px!important}
.fk-merkmal p{margin:0;font-size:.95rem;line-height:1.55}
.fk-ebenen{margin:36px 0 12px;padding:28px 26px;border-radius:24px;background:linear-gradient(140deg,#8f9373 0%,#5f6347 100%);color:#fff;box-shadow:0 14px 34px rgba(80,82,60,.22)}
.fk-ebenen-titel{font:400 1.4rem Marcellus,serif!important;color:#fff!important;text-align:center;margin:0 0 20px!important}
.fk-ebenen-raster{display:grid;grid-template-columns:repeat(3,1fr)}
.fk-ebene{text-align:center;padding:4px 18px}
.fk-ebene+.fk-ebene{border-left:1px solid rgba(255,255,255,.25)}
.fk-ebene-ikon{display:inline-flex;width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:#f3ecd9;margin-bottom:10px}
.fk-ebene-ikon svg{width:28px;height:28px}
.fk-ebene-titel{font:600 1.05rem Sora,sans-serif!important;color:#fff!important;margin:0 0 4px!important}
.fk-ebene p{color:#f1efe4!important;font-size:.95rem;line-height:1.55;margin:0}
.fk-foto{margin:34px 0 30px}
.fk-foto img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:24px;box-shadow:0 14px 34px rgba(80,82,60,.18);display:block}
@media (max-width:767px){
 .fk-wurzeln-raster,.fk-ebenen-raster{grid-template-columns:1fr}
 .fk-wurzeln-raster{gap:12px}
 .fk-ebene{padding:14px 6px}
 .fk-ebene+.fk-ebene{border-left:none;border-top:1px solid rgba(255,255,255,.25)}
 .fk-foto img{aspect-ratio:4/3}
}