/* Seitenvorlage „vorsorge“ – aus page-vorsorge.php ausgelagert (13.10.2026) */
/* Nur seitenspezifische Komponenten – Farben/Schriften/Radius global aus den Tokens. */

/* CONTENT PROSE */
.hl-vorsorge .prose p { color:var(--text-muted); line-height:1.8; margin-bottom:1.25rem; }
.hl-vorsorge .prose p:last-child { margin-bottom:0; }
.hl-vorsorge .prose ul { list-style:none; margin-bottom:1.25rem; display:flex; flex-direction:column; gap:0.5rem; }
.hl-vorsorge .prose ul li { display:flex; align-items:flex-start; gap:0.6rem; color:var(--text-muted); font-size:0.95rem; }
.hl-vorsorge .prose ul li::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--accent); flex-shrink:0; margin-top:0.45rem; }

/* BREADCRUMB + HERO LEAD */
.hl-vorsorge .breadcrumb { display:flex; align-items:center; gap:0.5rem; font-size:0.82rem; color:var(--text-muted); margin-bottom:1rem; }
.hl-vorsorge .breadcrumb a { color:var(--accent); }
.hl-vorsorge .breadcrumb a:hover { text-decoration:underline; }
.hl-vorsorge .breadcrumb__sep { opacity:0.4; }
.hl-vorsorge .page-hero__lead { color:var(--text-muted); font-size:1.1rem; line-height:1.8; max-width:640px; margin-bottom:2rem; }

/* SECTION HELPER */
.hl-vorsorge .section--grey { background:var(--grey-bg); }

/* CARDS */
.hl-vorsorge .card { background:var(--white); border-radius:var(--radius-lg); border:1px solid var(--grey-border); overflow:hidden; transition:box-shadow var(--transition), transform var(--transition); }
.hl-vorsorge .card:hover { box-shadow:var(--shadow-lg); transform:translateY(-2px); }
.hl-vorsorge .card__body { padding:2rem; }
.hl-vorsorge .card__icon { width:52px; height:52px; border-radius:var(--radius-lg); background:var(--lila-light); color:var(--accent); display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:1.25rem; }
.hl-vorsorge .card__title { font-family:var(--font-display); font-size:1.15rem; font-weight:600; color:var(--accent-deep); margin-bottom:0.75rem; line-height:1.3; }
.hl-vorsorge .card__text { font-size:0.92rem; color:var(--text-muted); line-height:1.7; margin-bottom:1.25rem; }

/* GRID LAYOUTS */
.hl-vorsorge .grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.hl-vorsorge .grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; }
.hl-vorsorge .grid-2-1 { display:grid; grid-template-columns:2fr 1fr; gap:3rem; align-items:start; }

/* INFO BOX */
.hl-vorsorge .infobox { background:var(--lila-light); border-left:4px solid var(--gold); border-radius:var(--radius-lg); padding:1.5rem 2rem; }
.hl-vorsorge .infobox__icon { font-size:1.4rem; margin-bottom:0.5rem; color:var(--accent); }
.hl-vorsorge .infobox h3 { font-family:var(--font-display); font-size:1.1rem; font-weight:600; color:var(--accent-deep); margin-bottom:0.5rem; }
.hl-vorsorge .infobox p { font-size:0.92rem; color:var(--text); line-height:1.7; }
.hl-vorsorge .infobox a { color:var(--accent); font-weight:500; }

/* STEPS */
.hl-vorsorge .steps { display:flex; flex-direction:column; }
.hl-vorsorge .step { display:grid; grid-template-columns:3rem 1fr; gap:1.25rem; padding:1.5rem 0; border-bottom:1px solid var(--grey-border); align-items:start; }
.hl-vorsorge .step:last-child { border-bottom:none; }
.hl-vorsorge .step__num { width:3rem; height:3rem; border-radius:50%; background:var(--accent); color:var(--on-accent); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:1.1rem; font-weight:700; flex-shrink:0; }
.hl-vorsorge .step__title { font-family:var(--font-display); font-size:1.05rem; font-weight:600; color:var(--accent-deep); margin-bottom:0.4rem; }
.hl-vorsorge .step__text { font-size:0.92rem; color:var(--text-muted); line-height:1.7; }

/* CTA BAND */
.hl-vorsorge .cta-band { background:linear-gradient(150deg,var(--accent-deep) 0%,var(--accent) 100%); color:#fff; padding:4rem 0; text-align:center; }
.hl-vorsorge .cta-band .eyebrow { color:rgba(255,255,255,0.72); margin-bottom:0.75rem; }
.hl-vorsorge .cta-band h2 { color:#fff; margin-bottom:1rem; }
.hl-vorsorge .cta-band p { max-width:560px; margin:0 auto 2.5rem; opacity:0.9; line-height:1.8; }
.hl-vorsorge .cta-band__actions { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* FAQ */
.hl-vorsorge .faq-item { border-bottom:1px solid var(--grey-border); }
.hl-vorsorge .faq-item summary { padding:1.25rem 0; font-family:var(--font-display); font-size:1.05rem; font-weight:600; color:var(--accent-deep); cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.hl-vorsorge .faq-item summary::after { content:'＋'; color:var(--accent); font-size:1.2rem; flex-shrink:0; }
.hl-vorsorge .faq-item[open] summary::after { content:'－'; }
.hl-vorsorge .faq-item__body { padding:0 0 1.25rem; font-size:0.92rem; color:var(--text-muted); line-height:1.8; }

/* RESPONSIVE (nur Layout) */
@media (max-width:1024px) { .hl-vorsorge .grid-3 { grid-template-columns:repeat(2,1fr); } .hl-vorsorge .grid-2-1 { grid-template-columns:1fr; } }
@media (max-width:768px) { .hl-vorsorge .grid-3, .hl-vorsorge .grid-2 { grid-template-columns:1fr; } }