/* Schnellcheck-Teaser: Aufbau wie Hero der Startseite, auf Lime */
.sc.tz{padding:clamp(80px,9vw,140px) 0}
.sc.tz .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,3.4vw,56px) clamp(32px,4vw,64px);align-items:center}
.sc.tz h2{grid-column:1/-1;font-size:clamp(2.3rem,6.4vw,6.6rem);line-height:.95;letter-spacing:-.045em;max-width:none}
.tz-sub{font-size:clamp(1.15rem,1.6vw,1.38rem);line-height:1.45;color:color-mix(in srgb,var(--on-lime) 74%,var(--lime));max-width:40ch;margin:0}
.tz-sub strong{color:var(--on-lime);font-weight:700}
.tz-ticks{list-style:none;padding:0;margin:28px 0 26px;display:grid;grid-template-columns:repeat(2,max-content);gap:14px 40px}
.tz-ticks li{display:flex;align-items:center;gap:14px;font:650 clamp(1.15rem,1.5vw,1.45rem)/1.2 var(--display);letter-spacing:-.01em;color:var(--on-lime)}
.tz-ticks .st{flex:none;display:grid;place-items:center;width:30px;height:30px;background:var(--on-lime);color:var(--lime)}
.tz-preis{margin:0 0 20px;font-size:clamp(1rem,1.2vw,1.12rem);color:color-mix(in srgb,var(--on-lime) 78%,var(--lime))}
.tz-preis b{font:700 clamp(1.5rem,2vw,1.9rem)/1 var(--display);letter-spacing:-.02em;color:var(--on-lime);margin-right:.3em}
.sc.tz .row{max-width:620px}
.sc.tz .fine{margin-top:16px}

/* Haken stempeln, sobald sichtbar */
.js .sc.tz .tz-ticks li{opacity:0;transform:translateY(14px) scale(.96);animation:tz-in .55s var(--ease-out) forwards paused;animation-delay:calc(.1s + var(--k) * .11s)}
.js .sc.tz .tz-ticks .st{transform:scale(.4) rotate(-12deg);animation:tz-stamp .45s cubic-bezier(.34,1.56,.64,1) forwards paused;animation-delay:calc(.15s + var(--k) * .11s)}
.js .sc.tz .tz-ticks path{stroke-dasharray:1;stroke-dashoffset:1;animation:tz-draw .4s var(--ease-out) forwards paused;animation-delay:calc(.3s + var(--k) * .11s)}
.js .sc.tz.vis .tz-ticks li,.js .sc.tz.vis .tz-ticks .st,.js .sc.tz.vis .tz-ticks path{animation-play-state:running}
@keyframes tz-in{to{opacity:1;transform:none}}
@keyframes tz-stamp{to{transform:none}}
@keyframes tz-draw{to{stroke-dashoffset:0}}

/* Button: Aufmerksamkeit, magnetisch */
.sc.tz .row .btn{position:relative;overflow:hidden;isolation:isolate;gap:12px;translate:var(--mx,0px) var(--my,0px);transition:translate .35s var(--ease-out),background-color .2s ease}
.sc.tz .row .btn::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-45%;width:28%;background:var(--lime);opacity:0;transform:skewX(-22deg);z-index:-1;pointer-events:none}
.tz-pfeil{font-style:normal;display:inline-block;transition:transform .3s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.sc.tz .row .btn:hover .tz-pfeil{transform:translateX(6px)}}
.sc.tz .row .btn.attn{animation:tz-wobble .9s cubic-bezier(.36,.07,.19,.97) both,tz-ring 1.1s ease-out .12s 2}
.sc.tz .row .btn.attn::after{animation:tz-shine .7s cubic-bezier(.6,0,.3,1) .32s both}
.sc.tz .row .btn.attn .tz-pfeil{animation:tz-pfeil .95s var(--ease-out) .28s both}
@keyframes tz-wobble{0%{transform:none}12%{transform:scale(.93)}28%{transform:scale(1.08) rotate(-2.6deg)}42%{transform:scale(1.05) rotate(2.4deg)}56%{transform:scale(1.03) rotate(-1.4deg)}72%{transform:scale(1.01) rotate(.7deg)}100%{transform:none}}
@keyframes tz-ring{0%{box-shadow:0 0 0 0 rgba(11,13,14,.55)}100%{box-shadow:0 0 0 24px rgba(11,13,14,0)}}
@keyframes tz-shine{0%{left:-45%;opacity:.6}100%{left:125%;opacity:.6}}
@keyframes tz-pfeil{0%{transform:none}25%{transform:translateX(12px)}40%{transform:translateX(2px)}58%{transform:translateX(9px)}100%{transform:none}}

@media (max-width:980px){
  .sc.tz .in{grid-template-columns:minmax(0,1fr)}
  .tz-ticks{grid-template-columns:1fr 1fr;gap:12px 20px}
  .tz-ticks li{font-size:1.02rem;gap:10px}
  .tz-ticks .st{width:26px;height:26px}
}
@media (max-width:560px){.sc.tz .row .btn{width:100%}.tz-preis b{display:block;margin:0 0 6px}}
@media (prefers-reduced-motion:reduce){
  .sc.tz .row .btn.attn,.sc.tz .row .btn.attn::after,.sc.tz .row .btn.attn .tz-pfeil{animation:none}
  .js .sc.tz .tz-ticks li,.js .sc.tz .tz-ticks .st,.js .sc.tz .tz-ticks path{animation:none;opacity:1;transform:none;stroke-dashoffset:0}
}
