:root{--th-tinte: #100e0c;--th-nacht: #0b0a09;--th-porzellan: #f4f1ea;--th-papier: #e9e4d9;--th-champagner: #dcc194;--th-gold: #7a5e2e;--th-linie: rgba(16, 14, 12, .14);--th-linie-hell: rgba(244, 241, 234, .18);--th-rand: clamp(20px, 4.5vw, 72px);--th-weich: cubic-bezier(.16, 1, .3, 1)}.th-bereich{font-family:var(--th-sans);font-weight:300;font-size:clamp(1rem,.95rem + .25vw,1.2rem);line-height:1.5;color:var(--th-tinte);--th-akzent: var(--th-gold)}.th-bereich--dunkel{background:var(--th-nacht);color:var(--th-porzellan);--th-akzent: var(--th-champagner)}.th-bereich--hell{background:var(--th-porzellan)}.th-bereich *,.th-bereich *:before,.th-bereich *:after{box-sizing:border-box}.th-bereich [hidden]{display:none!important}.th-bereich a{color:inherit;text-decoration:none}.th-rahmen{padding-inline:var(--th-rand);max-width:1760px;margin-inline:auto}.th-gross{margin:0;font-family:var(--th-sans);font-weight:300;font-size:clamp(2.4rem,1.2rem + 5vw,6.5rem);line-height:1;letter-spacing:-.035em;text-wrap:balance;color:inherit}.th-gross em{font-family:var(--th-serif);font-style:italic;font-weight:300;letter-spacing:-.02em;color:var(--th-akzent);transition:color .6s}.th-kicker{margin:0 0 1.2em;font-weight:500;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--th-akzent)}.th-leise{margin:0;max-width:38em;opacity:.84}.th-knoepfe{display:flex;flex-wrap:wrap;gap:10px}.th-knopf{display:inline-flex;align-items:center;gap:.7em;padding:.95em 1.6em;border:1px solid transparent;border-radius:999px;font-family:var(--th-sans);font-weight:500;font-size:.95rem;line-height:1.1;cursor:pointer;transition:transform .5s var(--th-weich),background .3s,color .3s,border-color .3s}.th-knopf:after{content:"\2192";transition:transform .5s var(--th-weich)}.th-knopf:hover{transform:translateY(-2px)}.th-knopf:hover:after{transform:translate(5px)}.th-knopf--voll{background:var(--th-porzellan);color:var(--th-tinte)!important}.th-knopf--rand{border-color:var(--th-linie-hell);background:transparent;color:var(--th-porzellan)!important}.th-knopf--rand:hover{background:#f4f1ea1a}.th-knopf--tinte{background:var(--th-tinte);color:var(--th-porzellan)!important}.th-bereich :focus-visible{outline:2px solid var(--th-akzent);outline-offset:3px}.th-hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;--th-akzent: var(--th-champagner)}.th-hero__leinwand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.th-hero__leinwand.zieht{cursor:grabbing}.th-hero__inhalt{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,28px);padding-block:84px clamp(18px,2.4vw,32px);pointer-events:none}.th-hero__inhalt>*{pointer-events:auto}.th-hero__text{justify-self:start;max-width:100%;pointer-events:none}.th-hero__text a{pointer-events:auto}.th-hero__titel{font-size:clamp(3.1rem,min(1rem + 8.4vw,15vh),10rem);line-height:.94}.th-hero__titel em{display:block}.th-hero__text .th-leise{margin-block:1.2em 1.5em;max-width:30em}.th-regler{display:flex;flex-wrap:wrap;align-items:center;gap:12px clamp(18px,2.4vw,36px);padding:14px 22px;border:1px solid var(--th-linie-hell);border-radius:22px;background:#181512a8;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.th-regler__gruppe{display:grid;gap:7px;margin:0;padding:0;border:0;min-width:0}.th-regler label.th-regler__gruppe{flex:1 1 140px;max-width:240px}.th-regler__name{padding:0;font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.82}.th-regler__wahl{display:flex;flex-wrap:wrap;gap:6px}.th-wahl{display:inline-flex;align-items:center;gap:.5em;padding:.5em .8em;border:1px solid var(--th-linie-hell);border-radius:999px;background:transparent;color:var(--th-porzellan);font-family:var(--th-sans);font-weight:500;font-size:.82rem;line-height:1.1;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.th-wahl i{width:11px;height:11px;border-radius:50%;background:var(--f)}.th-wahl[aria-pressed=true]{background:var(--th-porzellan);border-color:var(--th-porzellan);color:var(--th-tinte)}.th-regler input[type=range]{width:100%;margin:0;accent-color:var(--th-akzent);cursor:pointer}.th-regler__hinweis{flex:1 1 200px;margin:0;font-size:.74rem;line-height:1.4;opacity:.84}.th-hero__ersatz{display:none;position:absolute;top:18%;right:12%;width:44vmin;height:44vmin;z-index:-2}.th-hero__ersatz i{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:5vmin solid var(--th-champagner)}.th-hero__ersatz i+i{right:0;bottom:0;border-color:#e8e4dc}.th-hero--ohne-3d .th-hero__leinwand,.th-hero--ohne-3d .th-regler{display:none}.th-hero--ohne-3d .th-hero__ersatz{display:block}.th-laufband{overflow:hidden;border-block:1px solid var(--th-linie-hell);padding-block:1.1em;white-space:nowrap}.th-laufband__spur{display:inline-flex;animation:th-lauf 46s linear infinite}.th-laufband__spur span{padding-inline:1.6em;font-family:var(--th-serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.9rem)}@keyframes th-lauf{to{transform:translate(-50%)}}.th-aussage{padding-block:clamp(90px,15vw,230px)}.th-aussage__text{margin:0;max-width:21em;font-family:var(--th-sans);font-weight:300;font-size:clamp(1.9rem,1rem + 4vw,5.2rem);line-height:1.1;letter-spacing:-.03em}.th-aussage__text span{opacity:.22;transition:opacity .5s}.th-aussage__text span.an{opacity:1}.th-modelle{padding-block-end:clamp(70px,10vw,150px)}.th-modelle__kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-block-end:clamp(28px,4vw,56px)}.th-modelle__kopf .th-gross{max-width:13em}.th-schiene{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,26vw,420px);gap:14px;overflow-x:auto;padding-inline:max(var(--th-rand),calc((100vw - 1760px) / 2 + var(--th-rand)));scroll-snap-type:x proximity;scroll-padding-inline:var(--th-rand);scrollbar-width:none}.th-schiene::-webkit-scrollbar{display:none}.th-schiene>*{scroll-snap-align:start}.th-pfeile{display:flex;gap:8px}.th-pfeil{width:50px;height:50px;border:1px solid var(--th-linie);border-radius:50%;background:transparent;color:inherit;font-size:1.1rem;cursor:pointer;transition:background .3s,color .3s}.th-pfeil:hover{background:var(--th-tinte);color:var(--th-porzellan)}.th-karte{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--th-papier);transition:transform .7s var(--th-weich),box-shadow .7s var(--th-weich);transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.th-karte:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.55),transparent 62%)}.th-karte:hover{box-shadow:0 26px 60px -30px #100e0c80}.th-karte:hover:after{opacity:1}.th-karte__bild{display:block;aspect-ratio:1;flex:1;min-height:0;overflow:hidden}.th-karte__bild img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform 1.1s var(--th-weich)}.th-karte:hover .th-karte__bild img{transform:scale(1.07)}.th-karte__fuss{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.95em 1.15em;border-top:1px solid var(--th-linie)}.th-karte__nr{font-weight:500;letter-spacing:.04em;font-size:.92rem}.th-karte__los{font-weight:500;font-size:.84rem;color:var(--th-gold);white-space:nowrap;transition:transform .5s var(--th-weich)}.th-karte:hover .th-karte__los{transform:translate(-4px)}.th-katalog__kopf{padding-block:clamp(150px,16vw,230px) clamp(36px,5vw,64px)}.th-katalog__kopf .th-gross{font-size:clamp(3rem,1rem + 7.4vw,8.5rem)}.th-katalog__kopf .th-leise{margin-block-start:1.2em}.th-werkzeug{position:sticky;top:0;z-index:3;background:#f4f1ead6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--th-linie)}.th-werkzeug__innen{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:12px}.th-suche{flex:1 1 220px;max-width:360px;padding:.72em 1.1em;border:1px solid var(--th-linie);border-radius:999px;background:#fff;color:var(--th-tinte);font-family:var(--th-sans);font-size:1rem}.th-werkzeug .th-wahl{border-color:var(--th-linie);color:var(--th-tinte);font-size:.88rem;padding:.62em 1em}.th-werkzeug .th-wahl[aria-pressed=true]{background:var(--th-tinte);border-color:var(--th-tinte);color:var(--th-porzellan)}.th-werkzeug__zahl{margin-inline-start:auto;font-size:.88rem;opacity:.8}.th-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(44vw,250px),1fr));grid-auto-flow:dense;gap:12px;padding-block-start:clamp(20px,3vw,36px)}.th-karte.ist-gross{grid-column:span 2;grid-row:span 2}.th-raster__leer{padding-block:60px;text-align:center}.th-raster__mehr{display:flex;justify-content:center;padding-block-start:36px}.th-metalle{padding-block:clamp(80px,11vw,170px)}.th-metalle__kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-block-end:clamp(28px,4vw,56px)}.th-streifen{display:flex;height:clamp(380px,56vh,620px);gap:6px}.th-streifen__teil{position:relative;flex:1 1 0;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 14px;border-radius:16px;color:var(--th-tinte)!important;background:linear-gradient(115deg,color-mix(in srgb,var(--f) 62%,#000) 0%,var(--f) 30%,color-mix(in srgb,var(--f) 38%,#fff) 50%,var(--f) 70%,color-mix(in srgb,var(--f) 66%,#000) 100%);background-size:260% 100%;background-position:20% 0;transition:flex-grow .9s var(--th-weich),background-position 1.4s var(--th-weich)}.th-streifen__teil:hover,.th-streifen__teil:focus-visible{flex-grow:3.4;background-position:80% 0}.th-streifen__name{font-weight:500;font-size:1rem;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start}.th-streifen__teil:hover .th-streifen__name,.th-streifen__teil:focus-visible .th-streifen__name{writing-mode:horizontal-tb;transform:none}.th-streifen__text{max-height:0;overflow:hidden;opacity:0;font-size:.9rem;line-height:1.3;white-space:nowrap;transition:opacity .5s}.th-streifen__teil:hover .th-streifen__text,.th-streifen__teil:focus-visible .th-streifen__text{max-height:4em;opacity:1}.th-ablauf{padding-block:clamp(80px,11vw,170px)}.th-ablauf .th-gross{max-width:13em;margin-block-end:clamp(40px,6vw,90px)}.th-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin:0;padding:0;list-style:none}.th-schritt{padding-block-start:1.2em;border-top:1px solid var(--th-tinte)}.th-schritt__nr{display:block;margin-block-end:.6em;font-family:var(--th-serif);font-style:italic;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1;color:var(--th-gold)}.th-schritt h3{margin:0 0 .45em;font-family:var(--th-sans);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;color:inherit}.th-schritt p{margin:0;opacity:.84}.th-zusagen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-start:clamp(50px,7vw,100px)}.th-zusage{display:flex;flex-direction:column;justify-content:space-between;gap:2.4em;padding:clamp(20px,2.4vw,34px);border-radius:22px;background:var(--th-papier);transition:background .4s,color .4s}.th-zusage:hover{background:var(--th-tinte);color:var(--th-porzellan)!important}.th-zusage__wert{font-weight:300;font-size:clamp(2.6rem,1.4rem + 3.6vw,5.4rem);line-height:1;letter-spacing:-.04em}.th-zusage__text{font-size:1rem}.th-abschluss{padding-block:clamp(100px,15vw,230px);text-align:center}.th-abschluss .th-gross{font-size:clamp(3rem,1rem + 7.6vw,9rem)}.th-abschluss .th-leise{margin:1.4em auto 1.9em}.th-abschluss .th-knoepfe{justify-content:center}.th-fuss{padding-block-start:clamp(50px,6vw,90px);border-top:1px solid var(--th-linie-hell);overflow:hidden}.th-fuss__oben{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.th-fuss__satz{margin:0;max-width:24em;opacity:.84}.th-fuss__links{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0;padding:0;list-style:none}.th-fuss__links a{opacity:.84;transition:opacity .3s}.th-fuss__links a:hover{opacity:1}.th-fuss__marke{display:block;margin-block:clamp(36px,5vw,70px) .06em;font-weight:300;font-size:14.6vw;line-height:.95;letter-spacing:-.055em;white-space:nowrap;text-align:center;color:var(--th-porzellan)}.th-fuss__marke em{font-family:var(--th-serif);font-style:italic;color:var(--th-champagner)}.th-fuss__unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 26px;padding-block:18px;border-top:1px solid var(--th-linie-hell);font-size:.82rem;opacity:.8}.th-js [data-th-zeigen]{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--th-weich),transform 1.1s var(--th-weich)}.th-js [data-th-zeigen].ist-da{opacity:1;transform:none}@media(max-width:899px){.th-hero__inhalt{gap:18px;padding-block-start:max(260px,min(72px + 92vw,62vh));padding-block-start:max(260px,min(72px + 92vw,62svh))}.th-regler{display:grid;gap:14px;padding:16px}.th-regler label.th-regler__gruppe{max-width:none}.th-pfeile{display:none}.th-schiene{grid-auto-columns:72vw}.th-streifen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.th-streifen__teil{aspect-ratio:1 / 1.15;padding:12px}.th-streifen__name{writing-mode:horizontal-tb;transform:none;font-size:.82rem;white-space:normal}.th-schritte,.th-zusagen{grid-template-columns:minmax(0,1fr)}.th-zusage{gap:1.2em}.th-werkzeug__zahl{margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.th-laufband__spur{animation:none}.th-bereich *,.th-js [data-th-zeigen]{transition:none!important}.th-js [data-th-zeigen]{opacity:1;transform:none}.th-aussage__text span{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/th-modern.css.map */