@font-face{font-family:Bebas Neue;src:url(/assets/projekte/trikot-konfigurator/fonts/bebas-neue-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:kbfont-graduate;src:url(/assets/projekte/trikot-konfigurator/fonts/graduate.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-bungee;src:url(/assets/projekte/trikot-konfigurator/fonts/bungee.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-black-ops-one;src:url(/assets/projekte/trikot-konfigurator/fonts/black-ops-one.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-anton;src:url(/assets/projekte/trikot-konfigurator/fonts/anton.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-archivo-black;src:url(/assets/projekte/trikot-konfigurator/fonts/archivo-black.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-staatliches;src:url(/assets/projekte/trikot-konfigurator/fonts/staatliches.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-bebas-neue;src:url(/assets/projekte/trikot-konfigurator/fonts/bebas-neue.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-oswald;src:url(/assets/projekte/trikot-konfigurator/fonts/oswald.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-teko;src:url(/assets/projekte/trikot-konfigurator/fonts/teko.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-orbitron;src:url(/assets/projekte/trikot-konfigurator/fonts/orbitron.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-russo-one;src:url(/assets/projekte/trikot-konfigurator/fonts/russo-one.ttf) format("truetype");font-display:swap}@font-face{font-family:kbfont-permanent-marker;src:url(/assets/projekte/trikot-konfigurator/fonts/permanent-marker.ttf) format("truetype");font-display:swap}.tk-buehne{position:relative;background:#f4f4f5;overflow:hidden}.tk-buehne__bild{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:1;transform:translate(-62.5%)}.tk-buehne__bild>img,.tk-buehne__lage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;opacity:0;transform:scaleX(.58);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}.tk-buehne__bild>img.is-an,.tk-buehne__lage>img.is-an{opacity:1;transform:scaleX(1);transition-delay:147ms}.tk-buehne__lage{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f4f5}@keyframes tk-druck{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes tk-kopf{0%{transform:translateY(0);opacity:0}6%{opacity:1}94%{opacity:1}to{transform:translateY(100%);opacity:0}}.tk-buehne__lage.is-druck{animation:tk-druck 1.15s cubic-bezier(.45,0,.25,1) both}.tk-kopf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.tk-kopf>div{position:absolute;top:0;right:0;bottom:0;left:0;animation:tk-kopf 1.15s cubic-bezier(.45,0,.25,1) both}.tk-kopf__spur{position:absolute;left:27%;right:3%;bottom:100%;height:64px;background:linear-gradient(to top,rgba(254,134,216,.22),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.tk-kopf__linie{position:absolute;left:27%;right:3%;top:0;height:2px;border-radius:9999px;background:var(--primary);box-shadow:0 0 14px 4px #fe86d88c}.tk-pillen{display:inline-flex;gap:2px;padding:4px;border-radius:9999px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000000d,0 8px 24px #00000014}.tk-pillen button{border:0;background:transparent;border-radius:9999px;padding:6px 14px;font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:1.3;color:#1d1d1f8f;cursor:pointer;transition:color .14s,background .14s,transform .14s}.tk-pillen button:hover{color:#1d1d1f;background:#0000000b}.tk-pillen button:active{transform:scale(.96)}.tk-pillen button.is-aktiv{background:#1d1d1f;color:#fff}.tk-pillen button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tk-rolle{margin:0;font-family:"Bebas Neue",var(--font-sans);font-size:clamp(2.2rem,3.4vw,3rem);line-height:.82;letter-spacing:.01em;color:#1d1d1f}.tk-plan{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.tk-plan li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:9999px;background:#fff;box-shadow:0 1px 2px #0000000d,0 8px 24px #00000014;font-family:var(--font-sans);font-size:11px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.tk-plan li.is-an{opacity:1;transform:none}.tk-plan i{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0000002e}.tk-plan span{color:#1d1d1f66}.tk-plan b{color:#1d1d1f;font-weight:600}.tk-hero{border-radius:28px;overflow:hidden;background:#f4f4f5;box-shadow:0 1px 2px #1212120f,0 30px 80px -24px #12141873,0 0 0 1px #1212120a;font-family:var(--font-sans);text-align:left}.tk-hero .tk-buehne{aspect-ratio:5 / 4}.tk-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tk-hero__set{animation:wdb-rein .32s ease-out}.tk-hero__set .tk-rolle{font-size:clamp(2rem,2.9vw,2.5rem)}.tk-hero__artikel{display:flex;width:max-content;max-width:100%;margin-top:10px;padding:6px 12px;border-radius:9999px;background:#fff;box-shadow:0 1px 2px #0000000d,0 8px 24px #00000014;font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:1.3;color:#1d1d1f}.tk-hero__verein{margin-top:6px;font-weight:500;color:#1d1d1fa3}.tk-hero__plan{position:absolute;left:20px;top:20px;z-index:4;max-width:220px}.tk-hero__unten{padding:16px 18px 20px}@media (max-width: 639px){.tk-hero{border-radius:22px}.tk-hero .tk-buehne{aspect-ratio:1}}.tk-vorlagen{display:grid;gap:22px 16px}.tk-vl{font-family:var(--font-sans);animation:wdb-rein .32s ease-out}.tk-vl__kachel{position:relative;aspect-ratio:3 / 4;border-radius:14px;background:#f4f4f5;overflow:hidden}.tk-vl__kachel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right;-webkit-user-select:none;user-select:none;transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}.tk-vl__kachel img.hinten{opacity:0;transform:scaleX(.58)}.tk-vl:hover .tk-vl__kachel img.vorn,.tk-vl:focus-within .tk-vl__kachel img.vorn{opacity:0;transform:scaleX(.58)}.tk-vl:hover .tk-vl__kachel img.hinten,.tk-vl:focus-within .tk-vl__kachel img.hinten{opacity:1;transform:none;transition-delay:147ms}.tk-vl__look{position:absolute;left:50%;top:52%;transform:translate(-50%,4px);padding:4px 12px;border-radius:9999px;background:#1d1d1f;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .14s,transform .14s;pointer-events:none}.tk-vl:hover .tk-vl__look{opacity:1;transform:translate(-50%)}.tk-vl h3{margin:12px 0 2px;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.tk-vl p{margin:0;font-size:12.5px;color:var(--muted)}.tk-vl__farben{display:flex;gap:4px;margin-top:8px}.tk-vl__farben i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.tk-ag{display:grid;gap:28px;align-items:stretch}.tk-ag__zelle{position:relative}@media (max-width: 1199px){.tk-ag__zelle{height:460px}}.tk-ag .tk-buehne{border-radius:24px;aspect-ratio:4 / 3;box-shadow:0 30px 70px -28px #000000b3}.tk-chat{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;border-radius:24px;background:#fff;color:#1d1d1f;font-family:var(--font-sans);overflow:hidden;box-shadow:0 30px 70px -28px #000000b3}.tk-chat__kopf{flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.1);font-size:13px;font-weight:600}.tk-chat__kopf i{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.tk-chat__verlauf{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.tk-chat__verlauf>*{flex-shrink:0}.tk-kunde{align-self:flex-end;max-width:86%;padding:8px 12px;border-radius:14px 7px 14px 14px;background:var(--primary);color:#fff;font-size:13px;line-height:1.35;white-space:pre-wrap;animation:wdb-rein .3s ease-out}.tk-designer{display:flex;flex-direction:column;gap:4px;animation:wdb-rein .3s ease-out}.tk-designer .tk-rolle{font-size:26px;margin-top:2px}.tk-designer .tk-plan{margin-top:8px}.tk-designer .tk-plan li{box-shadow:none;border:1px solid rgba(0,0,0,.1)}.tk-tippt{align-self:flex-start;display:inline-flex;gap:5px;padding:12px 14px;border-radius:14px;background:#0000000a}.tk-tippt i{width:6px;height:6px;border-radius:50%;background:#1d1d1f66;animation:wdb-bounce 1s infinite}.tk-tippt i:nth-child(2){animation-delay:.15s}.tk-tippt i:nth-child(3){animation-delay:.3s}.tk-chat__fuss{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(0,0,0,.06)}.tk-chat__feld{flex:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);font-size:13px;color:#1d1d1f66}.tk-chat__senden{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:.55;flex:none}.tk-chat__verlauf.is-zurueck,.tk-ag .tk-buehne.is-zurueck{opacity:0}.tk-chat__verlauf,.tk-ag .tk-buehne{transition:opacity .5s ease}.tk-kd{display:grid;gap:28px;align-items:start}.tk-kader{border-radius:24px;background:#fff;border:1px solid var(--hairline);padding:18px;font-family:var(--font-sans);color:#1d1d1f;box-shadow:0 1px 2px #1212120a}.tk-kader__kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600}.tk-kader__kopf div{display:flex;gap:6px;align-items:center}.tk-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9999px;border:1px solid rgba(0,0,0,.1);background:#fafafb;font-size:11px;font-weight:500;color:#1d1d1f}.tk-btn-icon{width:28px;height:28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#1d1d1f66;background:#0000000a}.tk-tabelle{border-radius:14px;border:1px solid rgba(0,0,0,.1);overflow:hidden;background:#fff}.tk-tabelle__zeile{display:grid;grid-template-columns:22px 1fr 34px 38px 54px 24px;gap:6px;align-items:center;padding:5px 8px;font-size:13px;line-height:1.35;transition:background .14s}.tk-tabelle__kopf{background:#00000008;padding:6px 8px;font-size:11px;color:#1d1d1f66}.tk-tabelle__liste{max-height:256px;overflow-y:auto;scrollbar-width:thin}.tk-tabelle__liste .tk-tabelle__zeile+.tk-tabelle__zeile{border-top:1px solid rgba(0,0,0,.06)}.tk-tabelle__zeile.is-vorschau{background:#fe86d829}.tk-tabelle__auge{display:flex;align-items:center;justify-content:center;height:24px;color:#1d1d1f66}.is-vorschau .tk-tabelle__auge{color:var(--primary-active, #d3479f)}.tk-tabelle__zeile .mitte{text-align:center}.tk-tabelle__zeile .nr{font-variant-numeric:tabular-nums}.tk-tabelle__zeile .ini{text-transform:uppercase}.tk-tabelle__zeile .weg{display:flex;align-items:center;justify-content:center;color:#1d1d1f66}.tk-kader__gruppe{margin:16px 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#1d1d1f8f}.tk-kader__neu{display:grid;grid-template-columns:1fr 44px 58px 32px;gap:6px}.tk-feld{padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.1);font-size:13px;color:#1d1d1f66;background:#fff;white-space:nowrap;overflow:hidden}.tk-kader__plus{width:32px;height:32px;border-radius:10px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.tk-kd .tk-buehne{border-radius:24px;aspect-ratio:1}.tk-kd__buehne{width:100%;max-width:440px;justify-self:center;align-self:center}.tk-muster{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-dark);overflow:hidden}.tk-muster__lage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--surface-dark)}.tk-muster__lage.is-scan{animation:tk-druck .9s cubic-bezier(.22,1,.36,1) both}.tk-muster__lage.is-blende{animation:tk-blende .5s ease-out both}.tk-muster__kachel{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:26%;mask-size:26%;transition:background-color .5s ease-out;animation:tk-schweben 14s ease-in-out infinite alternate}@keyframes tk-schweben{0%{transform:translate(0) scale(1)}to{transform:translate(-4%,-3%) scale(1.06)}}@keyframes tk-blende{0%{opacity:0}to{opacity:1}}.tk-kopf--voll .tk-kopf__spur,.tk-kopf--voll .tk-kopf__linie{left:0;right:0}.tk-schrift{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.tk-schrift__lage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tk-schrift__lage.is-rein{animation:tk-blende .5s ease-out both}.tk-schrift__lage.is-raus{animation:tk-blende .5s ease-out reverse both}.tk-schrift b{font-weight:400;font-size:118px;line-height:1}.tk-schrift span{font-size:38px;line-height:1;text-transform:uppercase}.tk-schrift b>span,.tk-schrift span>span{display:inline-block;font-size:inherit}.tk-zeichen-rein{animation:tk-zeichen-rein .48s cubic-bezier(.22,1,.36,1) both}.tk-zeichen-raus{animation:tk-zeichen-raus .38s cubic-bezier(.22,1,.36,1) both}@keyframes tk-zeichen-rein{0%{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes tk-zeichen-raus{0%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-10px);filter:blur(3px)}}.tk-farben{position:absolute;top:12px;right:12px;bottom:48px;left:12px;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;align-content:start}.tk-farben i{display:block;aspect-ratio:1;border-radius:3px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.tk-farben i.is-gewaehlt{position:relative;z-index:2;animation:tk-einrasten .55s cubic-bezier(.22,1,.36,1) .6s both}@keyframes tk-einrasten{0%{transform:scale(1)}45%{transform:scale(1.7)}to{transform:scale(1)}}.tk-farben__marke{position:absolute;left:0;top:0;z-index:3;pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1)}.tk-farben__marke.is-still{transition:none}.tk-farben__ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:6px;box-shadow:0 0 0 2px var(--primary),0 0 12px #fe86d899;animation:tk-ring .55s cubic-bezier(.22,1,.36,1) .6s both}@keyframes tk-ring{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1)}}.kfg-kp__label>span.is-an{animation:tk-blende .45s ease-out both}@media (prefers-reduced-motion: reduce){.tk-buehne__bild>img,.tk-buehne__lage>img,.tk-vl__kachel img,.tk-plan li,.tk-muster__kachel,.tk-farben i,.tk-farben__marke,.tk-chat__verlauf,.tk-ag .tk-buehne{transition:none}.tk-buehne__lage.is-druck,.tk-kopf>div,.tk-tippt i,.tk-kunde,.tk-designer,.tk-vl,.tk-hero__set,.tk-muster__kachel,.tk-farben i.is-gewaehlt,.tk-farben__ring{animation:none}}