.ts-hero{padding:4.8rem 0 5.2rem;position:relative;overflow:hidden}.ts-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60rem 30rem at 85% 10%,rgba(255,255,255,.1),transparent 60%),radial-gradient(40rem 24rem at 10% 90%,rgba(255,255,255,.06),transparent 60%);pointer-events:none}.ts-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4rem;align-items:center}.ts-hero__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.ts-hero__h1{margin:0 0 1.6rem;font-size:calc(var(--font-heading-scale) * 4.2rem);line-height:1.12;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.ts-hero__text{font-size:1.7rem;line-height:1.6;max-width:56rem}.ts-hero__text p{margin:0}.ts-hero__btns{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem}.ts-hero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:.8rem 2rem;padding:0;margin:2.4rem 0 0;font-size:1.4rem;opacity:.9}.ts-hero__facts li{position:relative;padding-left:2rem}.ts-hero__facts li:before{content:"";position:absolute;left:0;top:.35em;width:1.2rem;height:.7rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.ts-hero__finder{background:#fff;color:#1a1f26;border-radius:1.4rem;padding:2.8rem 2.8rem 2.4rem;box-shadow:0 2.4rem 6rem #00000040}.ts-hero__finder-kicker{margin:0 0 .4rem;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:#1f3f66;font-weight:700}.ts-hero__finder-h2{margin:0 0 .6rem;font-size:2.2rem;line-height:1.25;color:#1a1f26}.ts-hero__finder-hint{margin:0 0 1.8rem;font-size:1.4rem;color:#5a6270;line-height:1.5}.ts-hero__gens{display:grid;gap:.9rem}.ts-gen{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;padding:1rem 1.2rem;border:1px solid #dfe5ec;border-radius:1rem;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.ts-gen:hover,.ts-gen:focus-visible{border-color:#1f3f66;transform:translateY(-1px);box-shadow:0 .6rem 1.6rem #1f3f661f}.ts-gen__badge{display:block}.ts-gen__plate{display:flex;flex-direction:column;justify-content:center;gap:.35rem;width:7.2rem;height:4.4rem;border-radius:.4rem;padding:.5rem .7rem;box-shadow:inset 0 0 0 1px #0000001f,inset 0 1px #ffffffb3}.ts-gen__plate-line{display:block;height:.25rem;width:70%;background:#00000047;border-radius:.2rem}.ts-gen__plate-line--short{width:45%}.ts-gen__plate-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:#000000bf;line-height:1}.ts-gen--gold .ts-gen__plate{background:linear-gradient(135deg,#f3dc9a,#c9a24a 55%,#e9cf82)}.ts-gen--grau .ts-gen__plate{background:linear-gradient(135deg,#cfd3d8,#9ea5ad 55%,#c4c9cf)}.ts-gen--silber .ts-gen__plate{background:linear-gradient(135deg,#f4f6f8,#cfd6dd 55%,#eef1f4)}.ts-gen--vl .ts-gen__plate{background:linear-gradient(135deg,#e9e1d3,#c9bda6 55%,#e2d9c8)}.ts-gen__title{display:block;font-weight:700;font-size:1.5rem;line-height:1.3}.ts-gen__years{display:block;font-size:1.3rem;color:#5a6270;margin-top:.15rem}.ts-gen__arrow{color:#1f3f66;font-weight:700;font-size:1.8rem}.ts-hero__code{margin-top:1.8rem;padding-top:1.6rem;border-top:1px dashed #dfe5ec}.ts-hero__code-label{display:block;font-size:1.3rem;font-weight:700;margin-bottom:.6rem;color:#1a1f26}.ts-hero__code-row{display:flex;gap:.8rem}.ts-hero__code-input{flex:1 1 auto;min-width:0;height:4.6rem;padding:0 1.2rem;font-size:1.5rem;border:1px solid #c8d0da;border-radius:var(--inputs-radius, 6px);background:#fff;color:#1a1f26}.ts-hero__code-input:focus{outline:2px solid #1f3f66;outline-offset:1px}.ts-hero__code-btn{min-height:4.6rem;white-space:nowrap}.ts-hero__photo{margin:1.4rem 0 0;font-size:1.3rem;color:#5a6270}.ts-hero__photo a{color:#1f3f66;font-weight:700}@media screen and (max-width:989px){.ts-hero{padding:3.2rem 0 3.6rem}.ts-hero__inner{grid-template-columns:1fr;gap:2.8rem}.ts-hero__h1{font-size:calc(var(--font-heading-scale) * 3rem)}.ts-hero__finder{padding:2.2rem 1.8rem 2rem}}@media screen and (max-width:749px){.ts-hero__btns .button{width:100%}.ts-hero__code-row{flex-direction:column}.ts-hero__code-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-typenschild-hero.css.map */