/* NachweisApp Ratgeber: eigene Ergänzungen zum bestehenden Erscheinungsbild. */
.guide-eyebrow { color:#573ac0; font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin:0 0 1rem; }
.guide-hero { padding:2.2rem 0 2.5rem; border-bottom:1px solid #d0d0d0; margin-bottom:2.8rem; }
.guide-hero h1 { font-family:Georgia,serif; font-weight:400; font-size:clamp(2rem,3.6vw,3.55rem); line-height:1.14; color:#111629; max-width:23ch; margin:0 0 1.3rem; text-wrap:balance; }
.guide-hero .guide-intro { font-size:1.18rem; line-height:1.65; max-width:65ch; color:#333a48; }
.guide-meta { color:#4a4a4a; font-size:.9rem; margin:1.3rem 0 0; }
.guide-meta a { color:inherit; }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.guide-card { border:1px solid #d0d0d0; border-radius:8px; padding:1.65rem; background:#fff; min-width:0; }
.guide-card h2,.guide-card h3 { font-family:Georgia,serif; font-weight:400; color:#111629; font-size:1.5rem; line-height:1.25; margin:.5rem 0 .85rem; }
.guide-card p { color:#3e4653; }
.guide-card a { text-underline-offset:.18em; }
.guide-card .guide-card-tag { margin:0; color:#573ac0; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.guide-card-featured { grid-column:1/-1; background:#f1eefc; border-color:#d0c6f4; display:grid; grid-template-columns:1.2fr 1fr; gap:2rem; }
.guide-card-featured h2 { font-size:2rem; }
.guide-card-featured .guide-feature-note { border-left:2px solid #7d5fed; padding-left:1.5rem; align-self:center; }
.guide-card-featured .guide-feature-note p { margin:0; }
.guide-layout { display:grid; grid-template-columns:minmax(0,1fr) 16rem; gap:3.5rem; align-items:start; }
.guide-layout article { min-width:0; }
.guide-prose { font-size:1.06rem; line-height:1.75; max-width:48rem; }
.guide-prose h2 { font-family:Georgia,serif; font-weight:400; font-size:1.9rem; line-height:1.25; color:#111629; margin:2.6rem 0 1.1rem; scroll-margin-top:1rem; }
.guide-prose h3 { font-size:1.15rem; line-height:1.4; margin-top:1.75rem; scroll-margin-top:1rem; }
.guide-prose > p:first-child { font-size:1.12rem; background:#f5f5f5; border-left:3px solid #7d5fed; padding:1.3rem 1.5rem; }
.guide-prose blockquote { margin:1.6rem 0; padding:1rem 1.35rem; border-left:3px solid #7d5fed; background:#f5f5f5; color:#333a48; }
.guide-prose blockquote p:last-child { margin-bottom:0; }
.guide-prose li { margin-bottom:.65rem; }
.guide-table { max-width:100%; overflow-x:auto; margin:1.6rem 0; border:1px solid #d0d0d0; border-radius:5px; }
.guide-table:focus-visible { outline:3px solid #573ac0; outline-offset:3px; }
.guide-table table { border-collapse:collapse; width:100%; min-width:32rem; margin:0; font-size:.94rem; line-height:1.5; }
.guide-table th { background:#111629; color:#fff; text-align:left; font-weight:700; }
.guide-table th,.guide-table td { padding:.9rem 1rem; vertical-align:top; border-bottom:1px solid #d0d0d0; }
.guide-table tbody tr:nth-child(even) { background:#f5f5f5; }
.guide-table tbody tr:last-child td { border-bottom:0; }
.guide-aside { position:sticky; top:1.5rem; }
.guide-aside-box { background:#f1eefc; border-top:4px solid #7d5fed; border-radius:4px; padding:1.5rem; }
.guide-aside-box h2 { font-family:Georgia,serif; font-weight:400; font-size:1.5rem; margin:0 0 1rem; }
.guide-aside-box p { color:#333a48; font-size:.98rem; }
.guide-aside-box .button-primaer { display:block; text-align:center; padding:.8rem .65rem; }
.guide-aside-box .guide-small { font-size:.85rem; margin-top:1rem; margin-bottom:0; }
.guide-toc { margin:0 0 1.5rem; padding:1rem 1.15rem; border:1px solid #d0d0d0; border-radius:4px; }
.guide-toc summary { font-weight:700; cursor:pointer; }
.guide-toc ol { padding-left:1.3rem; font-size:.9rem; line-height:1.5; margin:1rem 0 0; }
.guide-toc li { margin-bottom:.6rem; }
.guide-related { margin-top:3.5rem; padding-top:2rem; border-top:1px solid #d0d0d0; }
.guide-related > h2,.guide-home-section > h2 { font-family:Georgia,serif; font-size:2rem; font-weight:400; color:#111629; }
.guide-banner { margin:3rem 0 0; padding:2rem; background:#111629; color:#fff; border-radius:8px; }
.guide-banner h2 { color:#fff; margin:0 0 1rem; font-family:Georgia,serif; font-size:1.9rem; font-weight:400; }
.guide-banner p { color:#e3e5ec; max-width:65ch; }
.guide-banner .button-primaer { background:#fff; border-color:#fff; color:#111629; }
.guide-home-section { margin:3rem 0; padding:2rem 0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.guide-home-section .guide-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.guide-site .hauptnav a[href="/ratgeber/"] { border-bottom-color:#573ac0; color:#111629; font-weight:700; }
@media(max-width:900px) { .guide-layout { grid-template-columns:minmax(0,1fr); gap:1.5rem; } .guide-aside { position:static; } .guide-aside-box { padding:1.1rem; } }
@media(max-width:600px) { .guide-grid,.guide-card-featured,.guide-home-section .guide-grid { grid-template-columns:minmax(0,1fr); } .guide-card-featured { gap:1rem; } .guide-card { padding:1.25rem; } .guide-card-featured .guide-feature-note { padding-left:1rem; } .guide-hero { padding-top:1rem; margin-bottom:1.5rem; } .guide-hero h1 { font-size:2.15rem; max-width:100%; } .guide-aside { display:block; } .guide-aside-box { margin-top:1rem; } .guide-aside-box h2 { font-size:1.3rem; } .guide-prose { font-size:1rem; } .guide-prose h2 { font-size:1.55rem; } .guide-prose > p:first-child { padding:1rem; } .guide-banner { padding:1.5rem; } }
@media print { .guide-aside,.guide-banner,.guide-related { display:none; } .guide-layout { display:block; } .guide-prose { max-width:none; } .guide-table { overflow:visible; border:0; } .guide-table table { min-width:0; } .guide-table th { background:#eee; color:#000; } .guide-hero h1 { font-size:24pt; } }