/* ---------- Magazin-Artikel ---------- */
.crumbs{font-size:15px;color:var(--muted);padding-top:28px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--muted)}
.crumbs a{color:var(--brand-deep);text-decoration:none;font-weight:600}
.article{max-width:760px;margin:0 auto;padding:20px 0 24px}
.article-hero{margin:18px 0 8px;border-radius:var(--radius);overflow:hidden;background:var(--tint);aspect-ratio:16/9}
.article-hero img{width:100%;height:100%;object-fit:cover}
/* Haupttext aus WordPress */
.prose{font-size:19px;line-height:1.7;color:var(--ink-soft)}
.prose>*{margin:0 0 20px}
.prose h1{font-size:clamp(32px,4.6vw,48px);color:var(--ink);margin:28px 0 22px;line-height:1.1}
.prose h2{font-size:clamp(24px,3vw,32px);color:var(--ink);margin:44px 0 14px}
.prose h3{font-size:22px;color:var(--ink);margin:34px 0 10px}
.prose h4{font-size:19px;color:var(--ink);margin:26px 0 8px}
.prose a{color:var(--brand-deep);font-weight:600;text-underline-offset:3px}
.prose strong{color:var(--ink)}
.prose ul,.prose ol{padding-left:24px}
.prose li+li{margin-top:6px}
.prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:4px solid var(--brand);font-size:21px;font-weight:600;color:var(--ink)}
.prose blockquote p{margin:0 0 8px}
.prose img{height:auto;border-radius:10px}
.prose figure{margin:28px 0}
.prose figcaption,.prose .wp-caption-text{font-size:15px;color:var(--muted);margin-top:8px}
.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose .alignleft{float:left;margin:6px 24px 16px 0;max-width:50%}
.prose .alignright{float:right;margin:6px 0 16px 24px;max-width:50%}
.prose table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.prose iframe,.prose video{max-width:100%;border:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.prose::after{content:"";display:block;clear:both}
@media (max-width:640px){.prose{font-size:18px}.prose .alignleft,.prose .alignright{float:none;max-width:100%;margin:0 0 16px}}
/* Erstgespräch-Kasten */
.article-cta{margin:48px 0 0;background:var(--brand);color:#fff;border-radius:var(--radius);padding:clamp(26px,4vw,40px)}
.article-cta .eyebrow{color:#C9F0E6}
.article-cta h2{color:#fff;margin:10px 0 12px;font-size:clamp(26px,3.4vw,34px)}
.article-cta p{color:#E3F5F1}
.article-cta .btn-row{margin-top:22px}
.article-cta .micro{color:#E3F5F1;margin-top:16px}
.article-cta .micro svg{color:#B8EBDD}
.article-cta .trust{color:#fff;margin-top:12px}
.article-cta .trust .stars{color:#F2C46B}
.article-cta .more{display:inline-block;margin-top:14px;color:#fff;font-weight:600}
/* Autor */
.author{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;margin:32px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.author p{margin:0;font-size:16px;color:var(--ink-soft)}
.author .person-name{font-weight:800;font-size:18px;color:var(--ink)}
.backlink{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-weight:600;color:var(--brand-deep)}
.disclaimer p+p{margin-top:8px}
/* Angebotsseiten (z. B. Nacken-Reset) */
.offer{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;margin:8px 0 0}
.offer-flyer{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 40px rgba(13,116,114,.14)}
.offer-flyer img{width:100%;height:auto;display:block}
.offer-facts{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}
.offer-facts li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:18px;color:var(--ink-soft)}
.offer-facts svg{width:22px;height:22px;color:var(--ok);margin-top:3px}
.offer-facts strong{color:var(--ink)}
.offer-book{display:grid;gap:12px;margin-top:8px}
.offer-book .btn{width:100%;text-align:center}
.offer-note{font-size:15px;color:var(--muted);margin-top:10px}
@media (max-width:760px){.offer{grid-template-columns:1fr;gap:24px}.offer-flyer{order:-1;max-width:300px;width:100%;margin:0 auto;justify-self:center}}
#buchen{scroll-margin-top:90px}
.prose a.btn{text-decoration:none}
.prose a.btn-cta,.prose a.btn-cta:hover{color:#fff}