/* Goode Tied: ergänzende Ratgebergestaltung. Bestehende styles.css bleibt unverändert. */
.rg-main { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:26px 0 80px; }
.rg-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; font-size:.9rem; color:var(--moss); margin-bottom:36px; }
.rg-breadcrumb a,.rg-prose a,.rg-back,.rg-toc a { text-decoration:underline; text-underline-offset:4px; }
.rg-heading { max-width:780px; margin:0 0 42px; }
.rg-heading h1 { font-family:var(--font-display); font-size:clamp(2.4rem,5.8vw,4.5rem); line-height:1.12; letter-spacing:-.02em; color:var(--moss); margin:12px 0 22px; }
.rg-heading>p:last-child { font-size:1.2rem; max-width:700px; }
.rg-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.rg-card { display:flex; flex-direction:column; padding:30px; background:var(--paper); border:1px solid var(--line); border-top:4px solid var(--rose); border-radius:8px; transition:box-shadow .15s; min-width:0; }
.rg-card:hover { box-shadow:0 8px 25px rgba(38,63,53,.12); }
.rg-category { color:var(--rose-dark); font-size:.9rem; font-weight:700; }
.rg-card h2 { font-family:var(--font-display); font-size:1.65rem; line-height:1.25; margin:13px 0; color:var(--moss); }
.rg-card p { font-size:1.05rem; line-height:1.65; margin:0 0 22px; }
.rg-read { margin-top:auto; color:var(--rose-dark); font-weight:700; font-size:1rem; }
.rg-note { border-left:4px solid var(--moss); padding:16px 25px; margin:48px 0; background:var(--sage); }
.rg-note h2,.rg-contact h2 { font-size:1.7rem; line-height:1.3; margin:8px 0 18px; }
.rg-note p { margin:0; font-size:1rem; }
.rg-contact { background:var(--paper); border:1px solid var(--line); padding:32px; margin:42px 0; border-radius:8px; }
.rg-contact p { max-width:760px; }
.rg-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.rg-phone { font-weight:700; color:var(--rose-dark); text-decoration:underline; }
.rg-small,.rg-meta { font-size:.9rem; color:#4d5852; }
.rg-article-main { max-width:900px; }
.rg-article-header h1 { font-family:var(--font-display); font-size:clamp(2rem,4.5vw,3.25rem); line-height:1.16; color:var(--moss); letter-spacing:-.015em; margin:12px 0 22px; overflow-wrap:break-word; }
.rg-answer { background:var(--sage); padding:24px 28px; border-radius:6px; margin:28px 0; }
.rg-answer>strong { color:var(--moss); }
.rg-answer p { margin:8px 0 0; }
.rg-toc { padding:20px 28px; border:1px solid var(--line); background:var(--paper); margin:30px 0 45px; }
.rg-toc h2 { font-size:1.2rem; margin:0 0 10px; }
.rg-toc ol { margin:0; padding-left:24px; }
.rg-toc li { padding:4px 0; }
.rg-prose { max-width:760px; margin:auto; }
.rg-prose section { scroll-margin-top:125px; }
.rg-prose h2 { font-family:var(--font-display); font-size:1.8rem; line-height:1.25; margin:44px 0 18px; color:var(--moss); }
.rg-prose p { margin:0 0 20px; }
.rg-prose li { margin-bottom:12px; }
.rg-prose a { color:var(--rose-dark); overflow-wrap:anywhere; }
.rg-faq details { border-bottom:1px solid var(--line); padding:16px 0; }
.rg-faq summary { cursor:pointer; font-weight:700; color:var(--moss); }
.rg-faq details p { padding-top:16px; margin-bottom:0; }
.rg-sources { margin-top:42px; padding-top:1px; border-top:1px solid var(--line); font-size:1rem; }
.rg-related { margin:50px 0; }
.rg-related>h2 { font-size:1.7rem; }
.rg-home { padding:64px 0; background:var(--sage); }
.rg-home p { max-width:750px; }
.rg-home h2 { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.25; color:var(--moss); }
.main-nav { gap:clamp(12px,1.4vw,22px); }
.main-nav [aria-current="page"] { color:var(--rose-dark); text-decoration:underline; text-underline-offset:6px; }
@media(max-width:1250px) { .main-nav { display:none; } .mobile-menu { display:block; margin-left:auto; } }
@media(max-width:680px) {
 .rg-main { width:calc(100% - 32px); padding-bottom:70px; }
 .rg-grid { grid-template-columns:1fr; gap:18px; }
 .rg-card,.rg-contact,.rg-answer,.rg-toc { padding:22px; }
 .rg-card h2 { font-size:1.5rem; }
 .rg-actions { align-items:flex-start; flex-direction:column; gap:16px; }
 .rg-heading>p:last-child { font-size:1.1rem; }
 .rg-breadcrumb { margin-bottom:24px; }
 .rg-prose h2 { font-size:1.6rem; }
}
@media print {
 .site-header,.site-footer,.mobile-call,.skip-link,.rg-contact,.rg-related,.rg-toc,.rg-back { display:none!important; }
 body,.rg-main { background:white; color:black; width:100%; max-width:none; padding:0; font-size:11pt; }
 .rg-prose { max-width:none; }
 .rg-answer { border:1px solid #777; background:white; }
 .rg-prose h2 { break-after:avoid; }
 .rg-prose a { color:black; }
 .rg-faq details { display:block; }
 .rg-faq details>p { display:block; }
}

