.tt-highlight{position:relative;display:grid;grid-template-columns:minmax(0,540px) minmax(0,416px);justify-content:center;gap:clamp(1.5rem,4vw,4rem);align-items:center;margin:.5rem 0 1.6rem;padding:1.5rem 2rem;border-radius:24px;text-decoration:none;color:var(--ink);overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#f6d2bf,#cbe9dd 38%,#cfe1f1 68%,#e2d6ef);box-shadow:0 40px 80px -60px #0f1e3399;transition:transform .4s var(--ease),box-shadow .4s}.tt-highlight:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.7),transparent 45%)}.tt-highlight:hover{transform:translateY(-4px);box-shadow:0 50px 90px -60px #0f1e33b3}.tt-badge{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--stage);color:var(--on-stage);border-radius:999px;padding:.3rem .8rem}.tt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0 0 .4rem}.tt-highlight h2{font-size:clamp(1.6rem,2.8vw,2.1rem);margin:0}.tt-highlight p{font-size:.98rem;max-width:48ch;margin:0 0 .8rem;opacity:.85}.tt-highlight ul{list-style:none;padding:0;margin:0 0 1.1rem;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;font-size:.88rem}.tt-highlight li{padding-left:1.5rem;position:relative}.tt-highlight li:before{content:"";position:absolute;left:0;top:.45em;width:.7rem;height:.7rem;background:var(--stage);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.tt-highlight .btn{pointer-events:none;padding:.8rem 1.4rem;font-size:.95rem}.tt-highlight:hover .btn .arr{transform:translate(4px)}.tt-figuren{display:grid;grid-template-columns:repeat(4,minmax(0,100px));gap:0 .3rem}.tt-figuren .typ-figur{animation:tt-auf .8s var(--ease) both;animation-delay:calc(var(--i) * 70ms);transition:transform .35s var(--ease)}.tt-highlight:hover .tt-figuren .typ-figur:nth-child(odd){transform:translateY(-6px)}@keyframes tt-auf{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tt-figuren .typ-figur{animation:none}}@media(max-width:820px){.tt-highlight{grid-template-columns:1fr;padding:1.3rem 1.2rem}.tt-figuren{order:-1;grid-template-columns:repeat(8,1fr)}}.tool-karte{padding:0;display:flex;flex-direction:column}.tool-flaeche{background:linear-gradient(165deg,var(--th,#eee),color-mix(in srgb,var(--th,#eee) 35%,#fff));padding:.8rem 1rem 0;border-bottom:1px solid color-mix(in srgb,var(--tc,#ccc) 25%,transparent)}.tool-flaeche svg{display:block;width:100%;height:auto;overflow:visible;transition:transform .45s var(--ease)}.tool-karte:hover .tool-flaeche svg{transform:translateY(-4px) scale(1.03)}.tool-text{padding:1.2rem 1.5rem 1.5rem}.tool-text small{color:var(--tc,var(--velvet))!important;filter:brightness(.85)}.tool-flaeche .tb-zeiger{animation:tb-dreh 8s linear infinite}.tool-flaeche .tb-nadel{animation:tb-nadel 3.2s ease-in-out infinite}.tool-flaeche .tb-schweben,.tool-flaeche .tb-lupe{animation:tb-schweben 3.4s ease-in-out infinite}.tool-flaeche .tb-blase1{animation:tb-schweben 3.6s ease-in-out infinite}.tool-flaeche .tb-blase2{animation:tb-schweben 3.6s ease-in-out infinite -1.8s}.tool-flaeche .tb-blitz{transform-box:fill-box;transform-origin:center;animation:tb-blitz 2.4s ease-in-out infinite}.tool-flaeche .tb-herz{transform-box:fill-box;transform-origin:center;animation:tb-herz 1.1s ease-in-out infinite}.tool-flaeche .tb-steigen{animation:tb-steigen 3s ease-in-out infinite}.tool-flaeche .tb-spot{animation:tb-spot 3.5s ease-in-out infinite}.tool-flaeche .tb-tropfen{animation:tb-tropfen 2.4s ease-in infinite}.tool-flaeche .tb-streich{stroke-dasharray:60;animation:tb-streich 3.6s ease-in-out infinite}.tool-flaeche .tb-wellen path{animation:tb-welle 1.6s ease-out infinite}.tool-flaeche .tb-wellen path:nth-child(2){animation-delay:.25s}.tool-flaeche .tb-uhr{stroke-dasharray:100;animation:tb-uhr 5s linear infinite}@keyframes tb-dreh{to{transform:rotate(360deg)}}@keyframes tb-nadel{0%,to{transform:rotate(25deg)}45%{transform:rotate(110deg)}60%{transform:rotate(95deg)}}@keyframes tb-schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tb-blitz{0%,70%,to{transform:scale(1);opacity:1}78%{transform:scale(1.12);opacity:.6}86%{transform:scale(1)}}@keyframes tb-herz{0%,to{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(.97)}}@keyframes tb-steigen{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}@keyframes tb-spot{0%,to{opacity:.55}50%{opacity:.3}}@keyframes tb-tropfen{0%{transform:translateY(-4px);opacity:0}20%{opacity:1}to{transform:translateY(12px);opacity:0}}@keyframes tb-streich{0%{stroke-dashoffset:60}30%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-60}}@keyframes tb-welle{0%{opacity:0;transform:translate(-5px)}40%{opacity:1}to{opacity:0;transform:translate(5px)}}@keyframes tb-uhr{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@media(prefers-reduced-motion:reduce){.tool-flaeche *{animation:none!important}}