/* v9: Finanzen- und Einkaufen-Teaser (werbefrei) */
.geld{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.geld h2{font-size:clamp(2.4rem,5vw,4.2rem);margin:12px 0 0}
.geld p.lead{margin:18px 0 22px}
.reise{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;counter-reset:s}
.reise li{counter-increment:s;background:#fff;border-radius:22px;padding:16px 18px 16px 62px;position:relative;box-shadow:0 14px 30px -22px rgba(43,15,46,.45)}
.reise li::before{content:counter(s);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--smaragd)}
.reise b{display:block}
.reise small{color:var(--grau)}
.budget-karte{background:#fff;border-radius:32px;padding:30px;box-shadow:0 24px 50px -30px rgba(43,15,46,.5)}
.budget-karte h3{font-size:1.6rem;margin:10px 0 6px}
.budget-karte p{color:var(--grau);margin:0 0 18px}
.balken{display:flex;height:22px;border-radius:999px;overflow:hidden;margin-bottom:12px}
.balken span{display:block}
.legende{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:6px;font-size:.92rem}
.legende i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}
.shop-kat{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.shop-kat a{text-decoration:none;background:#fff;border-radius:26px;padding:22px 14px;text-align:center;box-shadow:0 14px 30px -24px rgba(43,15,46,.45);display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.shop-kat a:hover{transform:translateY(-4px)}
.shop-kat svg{width:40px;height:40px;color:var(--pink-d)}
.shop-kat b{font-size:.98rem}
.shop-kat small{color:var(--grau);font-size:.8rem}
.werte{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;list-style:none;padding:0}
.werte li{background:var(--rosa);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.88rem}
/* Kopf mit 7 Menüpunkten: Newsletter-Knopf erst ab 1500 px, Abstände enger */
nav.haupt{gap:2px}nav.haupt a{padding:8px 11px}
@media (max-width:1500px){.kopf-rechts .btn--gelb{display:none}}
@media (max-width:980px){.geld{grid-template-columns:1fr}.shop-kat{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.reise{grid-template-columns:1fr}.shop-kat{grid-template-columns:repeat(2,1fr)}}