/* Verweise auf die Steuertipps: Startseite (Tipp des Monats + Rechner-Kachel) und Leistungsseiten (Passend dazu) */
.stv{background:#fff;padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px)}
.stv-in{max-width:1240px;margin:0 auto}
.stv-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.stv-eb,.pt-eb,.rk-eb,.stm-eb{margin:0;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#1f7f7f}
.stv-hd h2,.pt-h h2{margin:8px 0 0;font-weight:400;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.03em;line-height:1.05}
.stv-all,.pt-h a{color:#111413;font-size:15px;text-decoration:none;border-bottom:1px solid #111413;padding-bottom:2px}
.stv-g{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:stretch}
/* Tipp des Monats */
.stm{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:24px;padding:clamp(24px,3vw,40px);border-radius:28px;background:#F6F2E6;overflow:hidden;color:#111413;text-decoration:none;isolation:isolate}
.stm::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(17,20,19,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,20,19,.045) 1px,transparent 1px);background-size:24px 24px}
.stm-k{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.stm-eb{display:inline-flex;align-items:center;gap:8px}
.stm-eb::before{content:"";width:7px;height:7px;border-radius:50%;background:#2FA3A3;box-shadow:0 0 0 0 rgba(47,163,163,.5);animation:stvPu 1.8s infinite}
@keyframes stvPu{to{box-shadow:0 0 0 8px rgba(47,163,163,0)}}
.stm-cal{display:grid;grid-template-columns:repeat(12,10px);gap:4px}
.stm-cal i{width:10px;height:10px;border-radius:3px;background:rgba(17,20,19,.08)}.stm-cal i.on{background:#2FA3A3}.stm-cal i.past{background:rgba(47,163,163,.28)}
.stm-mid{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,40px)}
.stm-z{font-size:clamp(56px,7vw,112px);letter-spacing:-.05em;line-height:.9;color:#2FA3A3;white-space:nowrap}
.stm-t h3{margin:0 0 8px;font-weight:400;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;line-height:1.15}
.stm-t p{margin:0;color:#6b7070;font-size:16px;line-height:1.45;max-width:44ch}
.stm-go{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:99px;background:#111413;color:#fff;font-size:15px;white-space:nowrap;transition:gap .25s}
.stm:hover .stm-go{gap:16px}
.stm:focus-visible{outline:2px solid #2FA3A3;outline-offset:3px}
/* Rechner-Kachel */
.rk{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(22px,2.4vw,30px);border-radius:28px;background:#0f1514;color:#fff;overflow:hidden;isolation:isolate}
.rk::before{content:"";position:absolute;inset:-40%;z-index:-1;background:radial-gradient(40% 35% at 70% 20%,rgba(47,163,163,.35),transparent 70%)}
.rk .rk-eb{color:#7fd6d4}
.rk h3{margin:8px 0 0;font-weight:400;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.rk-n{font-size:clamp(54px,5vw,76px);letter-spacing:-.05em;line-height:1;color:#7fd6d4;font-variant-numeric:tabular-nums;margin-bottom:12px}
.rk-n small{font-size:16px;color:rgba(255,255,255,.6);letter-spacing:0;margin-left:8px}
.rk-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}.rk-bar i{display:block;height:100%;background:linear-gradient(90deg,#2FA3A3,#7fd6d4);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.rk input{width:100%;accent-color:#2FA3A3;margin:0}
.rk-sc{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.55);margin-top:6px}.rk-sc span.on{color:#fff}
.rk-f{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.5)}
.rk-f a{color:#fff;text-decoration:none;font-size:14px;padding:9px 14px;border-radius:99px;background:rgba(255,255,255,.12);white-space:nowrap}
/* Passend dazu (Leistungsseiten) */
.ptv{background:#fff;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
.pt{max-width:1180px;margin:0 auto}
.pt-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.pt-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pt-c{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 22px;align-items:center;padding:24px 56px 24px 26px;border-radius:22px;background:#F6F2E6;color:#111413;text-decoration:none;transition:transform .3s,box-shadow .3s}
.pt-c:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,20,19,.08)}
.pt-c b{grid-row:span 3;font-weight:400;font-size:clamp(36px,4vw,54px);letter-spacing:-.04em;color:#2FA3A3;line-height:1;white-space:nowrap}
.pt-c .pt-eb{font-size:10.5px;color:#9aa09e}
.pt-c strong{font-weight:500;font-size:18px}
.pt-c small{color:#6b7070;font-size:14.5px;line-height:1.4}
.pt-c::after{content:"→";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#1f7f7f;font-size:20px;transition:transform .25s}
.pt-c:hover::after{transform:translate(4px,-50%)}
.pt-c:focus-visible{outline:2px solid #2FA3A3;outline-offset:3px}
@media (max-width:1000px){.stv-g{grid-template-columns:1fr}.pt-g{grid-template-columns:1fr}}
@media (max-width:560px){
  .stm{border-radius:22px;padding:22px}.stm-mid{grid-template-columns:1fr;gap:10px}.stm-go{width:100%;justify-content:center}.stm-cal{grid-template-columns:repeat(12,8px);gap:3px}.stm-cal i{width:8px;height:8px}
  .rk{border-radius:22px}
  .pt-c{padding:20px 44px 20px 18px;gap:4px 14px}.pt-c::after{right:16px}
}
@media (prefers-reduced-motion:reduce){.stm-eb::before{animation:none}.rk-bar i,.pt-c,.pt-c::after{transition:none}}
