.ratgeber-page { background: var(--color-background); }
.ratgeber-hero { padding-block: 3rem; border-bottom: 1px solid var(--color-border); background: radial-gradient(circle at 78% 20%,rgba(201,165,92,.12),transparent 28rem),#090909; }
.ratgeber-hero .container { position: relative; }
.ratgeber-eyebrow { margin: 0 0 .65rem; color: var(--color-gold); font-size: var(--font-size-small); font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.ratgeber-hero h1 { max-width: 30ch; margin: 0; font-size: clamp(2.4rem,4vw,3.6rem); line-height: 1.04; text-wrap: balance; }
.ratgeber-hero .container > p:last-child,.ratgeber-hero__description { max-width: 60rem; margin: 1rem 0 0; color: var(--color-text-muted); font-size: var(--font-size-lead); line-height: 1.7; }
.ratgeber-hero__description p { margin: 0; }
.ratgeber-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.ratgeber-card { display: flex; min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-medium); background: linear-gradient(145deg,#151515,#0c0c0c); overflow: hidden; flex-direction: column; }
.ratgeber-card:first-child { grid-column: span 2; }
.ratgeber-card__media { display: block; aspect-ratio: 16/10; background: #111; overflow: hidden; }
.ratgeber-card:first-child .ratgeber-card__media { aspect-ratio: 16/8; }
.ratgeber-card__media img,.ratgeber-card__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
.ratgeber-card__placeholder { background: radial-gradient(circle at 65% 35%,rgba(201,165,92,.24),transparent 10rem),linear-gradient(135deg,#191919,#080808); }
.ratgeber-card:hover .ratgeber-card__media img { transform: scale(1.025); }
.ratgeber-card__body { display: flex; height: 100%; padding: 1.35rem; flex-direction: column; }
.ratgeber-card__meta { display: flex; gap: .65rem 1rem; color: var(--color-text-muted); font-size: .72rem; letter-spacing: .06em; flex-wrap: wrap; text-transform: uppercase; }
.ratgeber-card__meta a { color: var(--color-gold-light); text-decoration: none; }
.ratgeber-card h2 { margin: .85rem 0 .65rem; font-size: clamp(1.4rem,2.2vw,2rem); line-height: 1.12; text-wrap: balance; }
.ratgeber-card h2 a { color: var(--color-text); text-decoration: none; }
.ratgeber-card h2 a:hover,.ratgeber-card h2 a:focus-visible { color: var(--color-gold-light); }
.ratgeber-card__body > p { margin: 0 0 1.1rem; color: var(--color-text-muted); line-height: 1.65; }
.ratgeber-card__link { width: fit-content; margin-top: auto; color: var(--color-gold-light); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ratgeber-card__link span { margin-left: .35rem; transition: margin-left var(--transition); }
.ratgeber-card__link:hover span { margin-left: .65rem; }
.ratgeber-empty { padding: 2rem; border: 1px solid var(--color-border); text-align: center; }
.ratgeber-empty h2 { margin-top: 0; font-size: clamp(1.7rem,3vw,2.5rem); }
.navigation.pagination { margin-top: 2rem; }
.nav-links { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; }
.nav-links .page-numbers { display: grid; min-width: 2.5rem; min-height: 2.5rem; padding: .5rem; border: 1px solid var(--color-border); color: var(--color-text); place-items: center; text-decoration: none; }
.nav-links .current,.nav-links a:hover { border-color: var(--color-gold); color: var(--color-gold-light); }
@media (max-width: 62rem) { .ratgeber-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 40rem) { .ratgeber-hero { padding-block: 2rem; } .ratgeber-hero h1 { font-size: clamp(2.15rem,10vw,3rem); } .ratgeber-grid { grid-template-columns: 1fr; } .ratgeber-card:first-child { grid-column: auto; } .ratgeber-card:first-child .ratgeber-card__media,.ratgeber-card__media { aspect-ratio: 16/10; } }