
/* Finanzen */
.reise4{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.reise4 li{counter-increment:s;background:#fff;border-radius:28px;padding:26px 22px;position:relative;box-shadow:0 18px 40px -28px rgba(43,15,46,.5)}
.reise4 li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--smaragd);color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:14px}
.reise4 h3{font-size:1.3rem;margin:0 0 8px}
.reise4 p{margin:0;color:var(--grau);font-size:.95rem}
.rechner{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;background:#fff;border-radius:36px;padding:38px;box-shadow:0 24px 50px -30px rgba(43,15,46,.5)}
.rechner h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:10px 0 12px}
.rechner label{display:grid;gap:8px;font-weight:700;margin-top:18px}
.rechner input{font:inherit;font-size:1.3rem;padding:14px 18px;border:2px solid var(--rosa);border-radius:16px;max-width:280px}
.rechner input:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 4px rgba(230,23,122,.15)}
.ergebnis{display:grid;gap:14px;align-content:center}
.zeile{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center}
.zeile b{font-size:1.05rem}
.zeile output{font-family:var(--display);font-size:1.6rem}
.zeile .leiste{grid-column:1/-1;height:12px;border-radius:999px;background:#F4EDF1;overflow:hidden}
.zeile .leiste span{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.notgroschen{margin-top:6px;padding:16px 18px;border-radius:18px;background:var(--rosa);font-size:.95rem}
.amtlich{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.amtlich a{display:block;text-decoration:none;background:#fff;border-radius:24px;padding:22px;box-shadow:0 14px 30px -24px rgba(43,15,46,.45);transition:transform .3s}
.amtlich a:hover{transform:translateY(-3px)}
.amtlich small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--smaragd-d);margin-bottom:6px}
.amtlich b{display:block;font-size:1.1rem;margin-bottom:6px}
.amtlich span{color:var(--grau);font-size:.9rem}
.keine-beratung{background:#FFF7E8;border-left:6px solid var(--gelb);border-radius:18px;padding:16px 20px;font-size:.95rem}
@media (max-width:980px){.reise4,.amtlich{grid-template-columns:1fr 1fr}.rechner{grid-template-columns:1fr;padding:28px}}
@media (max-width:560px){.reise4,.amtlich{grid-template-columns:1fr}}
