/* Ratgeber /ratgeber/ — ergaenzt css/styles.css (Tokens, Header, Footer, Buttons). */
.rg-main { max-width: var(--content-narrow); margin: 0 auto; padding: var(--space-4) var(--space-2) var(--space-5); }
.rg-main h1 { font-family: var(--font-display); font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.15; margin: 0 0 var(--space-3); color: var(--color-cream); }
.rg-main h2 { font-family: var(--font-display); font-size: clamp(1.25rem, 3.4vw, 1.6rem); margin: var(--space-4) 0 var(--space-1); color: var(--color-gold-light); }
.rg-main p, .rg-main li { font-size: 1.05rem; line-height: 1.7; color: var(--color-cream-dim); }
.rg-main ul { padding-left: 1.2rem; }
.rg-main a { color: var(--color-gold-light); text-underline-offset: 3px; }
.rg-lead { font-size: 1.15rem !important; color: var(--color-cream) !important; }
.rg-krumen { font-size: .9rem; color: var(--color-cream-faint); margin-bottom: var(--space-2); }
.rg-navlink { color: var(--color-cream-dim); margin-right: var(--space-2); text-decoration: none; }
.rg-karten { list-style: none; padding: 0 !important; display: grid; gap: var(--space-2); margin: var(--space-3) 0; }
.rg-karte { display: block; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-raised); text-decoration: none !important; }
.rg-karte strong { display: block; color: var(--color-cream); font-size: 1.1rem; margin-bottom: .25rem; }
.rg-karte span { color: var(--color-cream-dim); }
.rg-cta { margin: var(--space-4) 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-raised-2); }
.rg-cta h2 { margin-top: 0; }
.rg-weiter ul { list-style: none; padding: 0; }
.rg-weiter li { margin: .4rem 0; }
.rg-main .btn { color: #160f0c; text-decoration: none; }
@media (max-width: 480px) { .rg-navlink { display: none; } }