.udx{--udx-rot: var(--usp-red, #e31616);--udx-rot-rgb: var(--usp-red-rgb, 227, 22, 22);--udx-gruen: #34d058;--udx-gruen-rgb: 52, 208, 88;--udx-leise: var(--usp-muted-on-dark, #9aa3b2);--udx-mono: var(--usp-mono, "JetBrains Mono", ui-monospace, Menlo, monospace);--udx-kopf-schrift: var(--font-heading--family, "Barlow Condensed", Impact, sans-serif);position:relative}.udx__kopf{position:relative}.udx__sprung{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:600 12px/1 var(--udx-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(var(--udx-rot-rgb),.7);padding-bottom:5px}.udx__sprung:hover{color:var(--udx-rot)}.udx-kapitel{list-style:none;margin:0;padding:0}.udx-k{position:relative;min-height:72vh;transition:opacity .4s ease}.udx-k:last-child{min-height:92vh}.udx.is-bereit .udx-k{opacity:.32}.udx.is-bereit .udx-k.is-aktiv{opacity:1}.udx-k__inhalt{position:sticky;top:max(90px,calc(50vh - 150px));display:flex;flex-direction:column;gap:12px;padding-block:20px}.udx-k__nr{display:inline-flex;align-items:center;gap:12px;font:700 1rem/1 var(--udx-kopf-schrift);letter-spacing:.14em;color:var(--udx-rot)}.udx-k__nr:after{content:"";width:48px;height:1px;background:rgba(var(--udx-rot-rgb),.5)}.udx-k__titel{margin:0;font:700 clamp(1.75rem,2.5vw,2.5rem)/1 var(--udx-kopf-schrift);text-transform:uppercase;color:#fff}.udx-k__text{max-width:44ch;color:#ffffffbd;line-height:1.6}.udx-k__text p{margin:0 0 .6em}.udx-k__text p:last-child{margin:0}.udx-k__text strong{color:#fff;font-weight:600}.udx__formular{scroll-margin-top:90px;padding-top:clamp(24px,4vw,48px)}.udx__formular .usp-reqform{max-width:none}.udx__form-kopf{text-align:left!important}.udx__form-kopf .usp-eyebrow{display:inline-flex}.udx-buehne{--udx-n: 17;--udx-fz: 1;--udx-zeilen: 5;--udx-angebot: 1;position:relative;display:flex;align-items:center;justify-content:center}.udx-buehne:before{content:"";position:absolute;top:6%;right:-4%;bottom:6%;left:-4%;background:radial-gradient(50% 45% at 50% 42%,rgba(var(--udx-rot-rgb),.16),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 34px);-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(60% 55% at 50% 45%,#000 30%,transparent 75%);pointer-events:none}.udx-geraet{position:relative;width:min(100%,580px);padding:14px 14px 12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#151a22,#0b0e13 40%,#090b10);box-shadow:0 0 0 1px #0009 inset,0 40px 90px -40px #000000e6,0 0 60px -30px rgba(var(--udx-rot-rgb),.45);font-family:Inter,system-ui,sans-serif;color:#e9edf3}.udx-geraet:before,.udx-geraet:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--udx-rot);pointer-events:none}.udx-geraet:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.udx-geraet:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.udx-geraet__kopf{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;border-bottom:1px solid rgba(255,255,255,.08);font:600 11px/1 var(--udx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--udx-leise)}.udx-geraet__name{color:#fff}.udx-geraet__status{margin-left:auto;color:var(--udx-gruen);white-space:nowrap;transition:color .3s}.udx-buehne[data-szene="1"] .udx-geraet__status,.udx-buehne[data-szene="3"] .udx-geraet__status,.udx-buehne.is-warte .udx-geraet__status{color:#f5a524}.udx-led{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--udx-rot);box-shadow:0 0 10px rgba(var(--udx-rot-rgb),.9);animation:udx-puls 1.6s ease-in-out infinite}.udx-led--gruen{background:var(--udx-gruen);box-shadow:0 0 10px rgba(var(--udx-gruen-rgb),.9);animation:none}.udx-schirm{position:relative;display:grid;gap:12px;padding:14px 4px 6px;overflow:hidden}.udx-schirm:after{content:"";position:absolute;left:0;right:0;top:-4px;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--udx-rot-rgb),.9) 25%,rgba(var(--udx-rot-rgb),.9) 75%,transparent);box-shadow:0 0 14px rgba(var(--udx-rot-rgb),.8);opacity:0;pointer-events:none}.udx-buehne.is-scan .udx-schirm:after{animation:udx-scan .8s ease-out}.udx-zeile-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font:600 10.5px/1.2 var(--udx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--udx-leise)}.udx-zeile-kopf>span:first-child{display:inline-flex;align-items:center;gap:8px}.udx-zellen{display:grid;grid-template-columns:repeat(17,1fr);gap:3px}.udx-zelle{--an: clamp(0, calc(var(--udx-n) - var(--i)), 1);display:grid;place-items:center;aspect-ratio:.72;border:1px solid rgba(255,255,255,calc(.1 + .25 * var(--an)));background:rgba(var(--udx-rot-rgb),calc(.16 * var(--an)));font:700 clamp(11px,1.35vw,17px)/1 var(--udx-mono);color:rgba(255,255,255,var(--an));box-shadow:0 0 calc(10px * var(--an)) rgba(var(--udx-rot-rgb),calc(.45 * var(--an)));transition:background .15s,box-shadow .25s,color .15s}.udx-buehne.is-vin-voll .udx-zelle{border-color:rgba(var(--udx-gruen-rgb),.5);background:rgba(var(--udx-gruen-rgb),.14);box-shadow:0 0 8px rgba(var(--udx-gruen-rgb),.3)}.udx-zaehler{color:#f5a524}.udx-buehne.is-vin-voll .udx-zaehler{color:var(--udx-gruen)}.udx-fz{padding:12px 14px 10px;border:1px solid rgba(var(--udx-gruen-rgb),.35);background:linear-gradient(180deg,rgba(var(--udx-gruen-rgb),.08),rgba(var(--udx-gruen-rgb),.02));opacity:var(--udx-fz);transform:translateY(calc((1 - var(--udx-fz)) * 14px));transition:opacity .3s,transform .3s}.udx-fz .udx-zeile-kopf{color:#9be7ad}.udx-fz__pz{color:var(--udx-gruen)}.udx-fz__name{display:block;margin-bottom:8px;font:700 clamp(15px,1.4vw,19px)/1.2 var(--udx-mono);color:#fff}.udx-fz__daten{display:grid;gap:3px;margin:0}.udx-fz__daten>div{--z: clamp(0, calc(var(--udx-zeilen) - var(--r)), 1);display:grid;grid-template-columns:78px 1fr;gap:10px;opacity:var(--z);transform:translate(calc((1 - var(--z)) * 10px));transition:opacity .2s,transform .2s}.udx-fz__daten dt{font:600 10px/1.6 var(--udx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--udx-leise)}.udx-fz__daten dd{margin:0;font:500 13px/1.5 var(--udx-mono);color:#e6ecf3}.udx-pruef{list-style:none;margin:0;padding:0;display:grid;gap:6px}.udx-pruef li{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;font-size:13.5px;color:#ffffff73;transition:color .3s,border-color .3s,background .3s}.udx-pruef li i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.udx-pruef li em{font:600 10px/1 var(--udx-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;opacity:0;transition:opacity .3s}.udx-pruef li[data-stand=laeuft]{color:#fff;border-color:#f5a52466}.udx-pruef li[data-stand=laeuft] i{border-color:#f5a524;border-top-color:transparent;animation:udx-drehen .8s linear infinite}.udx-pruef li[data-stand=ok]{color:#fff;border-color:rgba(var(--udx-gruen-rgb),.35);background:rgba(var(--udx-gruen-rgb),.06)}.udx-pruef li[data-stand=ok] i{border:0;background:var(--udx-gruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23062b12' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 10px rgba(var(--udx-gruen-rgb),.6)}.udx-pruef li[data-stand=ok] em{opacity:1;color:var(--udx-gruen)}.udx-angebot{position:absolute;left:7%;right:7%;bottom:10px;z-index:3;padding:16px 18px 14px;background:linear-gradient(180deg,#f7f7f5,#ecebe7);color:#15171b;box-shadow:0 30px 60px -20px #000000d9,0 0 0 1px #0003;opacity:var(--udx-angebot);transform:translateY(calc((1 - var(--udx-angebot)) * -70px)) rotate(calc((1 - var(--udx-angebot)) * -5deg));transform-origin:30% 0;transition:opacity .35s,transform .5s cubic-bezier(.22,.61,.36,1)}.udx-angebot__kopf{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.2);font:700 11px/1.2 var(--udx-mono);letter-spacing:.12em;text-transform:uppercase;color:#6b6f76}.udx-angebot__kopf span:first-child{color:var(--udx-rot)}.udx-angebot__posten{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px;font-size:13.5px}.udx-angebot__posten li{display:flex;justify-content:space-between;gap:10px}.udx-angebot__posten b{color:#11883a}.udx-angebot__preis{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:2px solid #15171b}.udx-angebot__preis span{font:700 26px/1 var(--udx-kopf-schrift);text-transform:uppercase;letter-spacing:.02em}.udx-angebot__preis small{font-size:12px;color:#6b6f76}.udx-angebot__fuss{display:flex;justify-content:space-between;font-size:12.5px;color:#3c4047}.udx-stempel{position:absolute;right:14px;top:36px;padding:6px 10px;border:2px solid var(--udx-rot);font:800 13px/1 var(--udx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--udx-rot);transform:rotate(-12deg) scale(var(--udx-stempel, 1));opacity:var(--udx-stempel, 1);transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}.udx-eingang{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#090b10f0}.udx-eingang .udx-led{width:14px;height:14px}.udx-eingang strong{font:700 24px/1.1 var(--udx-kopf-schrift);text-transform:uppercase;color:#fff}.udx-eingang span{max-width:34ch;font-size:14px;line-height:1.5;color:var(--udx-leise)}.udx-buehne.is-eingang .udx-eingang{display:flex;animation:udx-rein .5s ease both}.udx-lauf{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:10px 4px 0}.udx-lauf li{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;font:600 10px/1 var(--udx-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--udx-leise);white-space:nowrap;overflow:hidden;transition:color .3s,border-color .3s,background .3s}.udx-lauf li span{opacity:.6}.udx-lauf li i{flex:none;width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:background .3s,box-shadow .3s}.udx-lauf li.is-jetzt{color:#fff;border-color:rgba(var(--udx-rot-rgb),.55);background:rgba(var(--udx-rot-rgb),.07)}.udx-lauf li.is-jetzt i{background:var(--udx-rot);box-shadow:0 0 0 3px rgba(var(--udx-rot-rgb),.18);animation:udx-puls 1.6s ease-in-out infinite}.udx-lauf li.is-fertig{color:#cfe9d6;border-color:rgba(var(--udx-gruen-rgb),.35)}.udx-lauf li.is-fertig i{background:var(--udx-gruen);box-shadow:0 0 8px rgba(var(--udx-gruen-rgb),.7)}.udx-buehne.is-vin-voll .udx-zellen{animation:udx-einrasten .7s ease-out}@keyframes udx-einrasten{0%{filter:brightness(1)}25%{filter:brightness(1.9) drop-shadow(0 0 14px rgba(var(--udx-gruen-rgb),.9))}to{filter:brightness(1)}}@keyframes udx-puls{50%{opacity:.45}}@keyframes udx-drehen{to{transform:rotate(360deg)}}@keyframes udx-scan{0%{transform:translateY(0);opacity:1}85%{opacity:1}to{transform:translateY(var(--udx-scan-weg, 300px));opacity:0}}@keyframes udx-rein{0%{opacity:0}to{opacity:1}}@media screen and (min-width:990px){.udx__raster{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:clamp(32px,4.5vw,88px);align-items:start}.udx__lauf{display:contents}.udx-buehne{grid-column:2;grid-row:1 / span 2;position:sticky;top:0;height:100vh;height:100dvh;padding-top:30px}.udx-kapitel{grid-column:1;grid-row:1}.udx__formular{grid-column:1;grid-row:2}@media(max-height:820px){.udx-schirm{gap:9px}.udx-fz__daten>div:nth-child(5){display:none}}}@media screen and (max-width:989px){.udx{--udx-buehne-h: 50svh}.udx__lauf{position:relative}.udx-buehne{position:sticky;top:0;z-index:3;height:var(--udx-buehne-h);margin-inline:calc(var(--page-margin, 16px) * -1);padding:10px var(--page-margin, 16px) 12px;background:linear-gradient(180deg,#0b0e13 0% calc(100% - 14px),#0b0e1300)}.udx-geraet{width:min(100%,460px);max-height:100%;padding:10px 10px 8px;overflow:hidden}.udx:not(.udx--kurz) .udx-geraet{height:100%;container-type:size}@container (max-height: 325px){.udx:not(.udx--kurz) .udx-lauf{display:none}.udx:not(.udx--kurz) .udx-buehne[data-szene="3"] .udx-vin .udx-zeile-kopf{display:none}}.udx-buehne{overflow:hidden}.udx-schirm{gap:8px;padding-top:10px}.udx-buehne[data-szene="1"] :is(.udx-fz,.udx-pruef),.udx-buehne[data-szene="2"] .udx-pruef,.udx-buehne[data-szene="3"] .udx-fz__daten,.udx-buehne[data-szene="4"] :is(.udx-fz,.udx-pruef){display:none}.udx-buehne[data-szene="4"] .udx-angebot{padding:12px 14px 10px}.udx-buehne[data-szene="4"] .udx-angebot__preis span{font-size:22px}.udx-buehne[data-szene="4"] .udx-vin .udx-zeile-kopf{display:none}.udx-buehne[data-szene="4"] .udx-angebot__posten{gap:2px;margin-bottom:6px;font-size:12.5px}.udx-buehne[data-szene="4"] .udx-angebot__preis{padding:7px 0}.udx-angebot{position:relative;left:auto;right:auto;bottom:auto}.udx-buehne[data-szene]:not([data-szene="4"]) .udx-angebot{display:none}.udx-k{min-height:64svh}.udx-k__inhalt{top:var(--udx-buehne-h);padding:16px 0 calc(var(--usp-tabbar-h, 60px) + env(safe-area-inset-bottom,0px) + 12px);gap:10px}.udx-k__titel{font-size:1.55rem}.udx-k__text{font-size:.93rem;line-height:1.5}.udx-zelle{font-size:11px}.udx-fz__name{font-size:15px}.udx-lauf li{justify-content:center;padding:7px 4px;font-size:9px;letter-spacing:.04em}.udx-lauf li span{display:none}.udx.is-bereit .udx-k{opacity:.4}}@media screen and (min-width:1600px){.udx-geraet{width:min(100%,680px);padding:18px 18px 14px}.udx-fz__daten dd{font-size:14px}.udx-pruef li{font-size:14.5px;padding:11px 14px}}@media(prefers-reduced-motion:reduce){.udx *,.udx *:before,.udx *:after{animation:none!important;transition:none!important}}.udx--kurz{padding-block:0!important}.udx-kurz{position:relative;height:150vh;height:150svh}.udx-kurz__halt{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,4.5vw,88px)}.udx--kurz .udx-buehne{grid-column:auto;grid-row:auto;position:relative;top:auto;height:auto;padding:0;margin:0;background:none;overflow:visible}.udx-kurz__text{display:flex;flex-direction:column;gap:18px}.udx-kurz__titel{margin:0}.udx-kurz__schritte{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.udx-kurz__schritte li{display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:10px 12px;border-left:2px solid rgba(255,255,255,.1);color:#ffffff80;transition:color .3s,border-color .3s,background .3s}.udx-kurz__nr{font:700 1.05rem/1 var(--udx-kopf-schrift);color:rgba(var(--udx-rot-rgb),.6)}.udx-kurz__t{display:flex;flex-direction:column;gap:3px}.udx-kurz__t b{font:700 1.25rem/1.1 var(--udx-kopf-schrift);text-transform:uppercase;letter-spacing:.01em}.udx-kurz__t small{font-size:.9rem;line-height:1.4}.udx-kurz__schritte li.is-fertig{color:#fffc;border-left-color:rgba(var(--udx-gruen-rgb),.6)}.udx-kurz__schritte li.is-fertig .udx-kurz__nr{color:var(--udx-gruen)}.udx-kurz__schritte li.is-jetzt{color:#fff;border-left-color:var(--udx-rot);background:linear-gradient(90deg,rgba(var(--udx-rot-rgb),.12),transparent 80%)}.udx-kurz__schritte li.is-jetzt .udx-kurz__nr{color:var(--udx-rot)}.udx-kurz__cta{align-self:flex-start;margin-top:6px}@media screen and (max-width:989px){.udx-kurz{height:150svh}.udx-kurz__halt{grid-template-columns:1fr;align-content:center;gap:12px;padding-block:58px calc(var(--usp-tabbar-h, 60px) + env(safe-area-inset-bottom,0px) + 14px)}.udx-kurz__text{gap:8px}.udx-kurz__titel{font-size:1.45rem}.udx-kurz__schritte{grid-template-columns:repeat(4,1fr);gap:4px}.udx-kurz__schritte li{grid-template-columns:1fr;padding:6px 6px 7px;border-left:0;border-top:2px solid rgba(255,255,255,.1)}.udx-kurz__schritte li.is-jetzt,.udx-kurz__schritte li.is-fertig{border-top-color:currentColor}.udx-kurz__schritte li.is-jetzt{border-top-color:var(--udx-rot)}.udx-kurz__t b{font-size:.8rem;letter-spacing:.02em}.udx-kurz__t small{display:none}.udx--kurz .udx-geraet{width:100%;height:calc(100svh - 380px - env(safe-area-inset-bottom,0px));max-height:440px;container-type:size}.udx--kurz .udx-lauf{display:none}@container (max-height: 330px){.udx--kurz .udx-buehne[data-szene="3"] .udx-fz{display:none}}.udx-kurz__cta{align-self:stretch;text-align:center;min-height:48px}.udx--kurz .usp-eyebrow{margin:0}}@media screen and (max-width:989px){:root{--usp-kopf-zone: 60px}}@media screen and (max-width:989px)and (orientation:landscape)and (max-height:520px){:root{--usp-kopf-zone: 74px}}@media screen and (max-width:989px)and (orientation:portrait),screen and (max-width:989px)and (min-height:521px){.udx:not(.udx--kurz){--udx-buehne-h: calc(50svh + var(--usp-kopf-zone, 60px) - 10px)}.udx:not(.udx--kurz) .udx-buehne{padding-top:calc(var(--usp-kopf-zone, 60px) + 4px)}@container (max-height: 345px){.udx:not(.udx--kurz) .udx-lauf{display:none}.udx:not(.udx--kurz) .udx-buehne[data-szene="3"] .udx-vin .udx-zeile-kopf{display:none}}}@media screen and (max-width:989px)and (orientation:landscape)and (max-height:520px){.udx:not(.udx--kurz) .udx__lauf{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:24px;align-items:start}.udx:not(.udx--kurz) .udx-buehne{grid-column:1;grid-row:1;top:0;height:100svh;margin:0;padding:calc(var(--usp-kopf-zone, 74px) + 6px) 0 12px;background:none}.udx:not(.udx--kurz) .udx-geraet{width:100%}.udx:not(.udx--kurz) .udx-kapitel{grid-column:2;grid-row:1}.udx:not(.udx--kurz) .udx-k{min-height:100svh}.udx:not(.udx--kurz) .udx-k:last-child{min-height:100svh}.udx:not(.udx--kurz) .udx-k__inhalt{top:calc(var(--usp-kopf-zone, 74px) + 12px);padding:8px 0 12px;gap:8px}.udx:not(.udx--kurz) .udx-k__titel{font-size:1.3rem}.udx:not(.udx--kurz) .udx-k__text{font-size:.88rem;line-height:1.45}.udx-kurz__halt{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-content:center;gap:20px;padding-block:calc(var(--usp-kopf-zone, 74px) + 6px) 12px}.udx--kurz .udx-geraet{height:calc(100svh - var(--usp-kopf-zone, 74px) - 18px)}.udx-kurz__titel{font-size:1.25rem}.udx-kurz__cta{min-height:42px;padding-block:10px}@container (max-height: 300px){.udx-geraet__kopf,.udx-schirm{zoom:.84}}@container (max-height: 250px){.udx-geraet__kopf,.udx-schirm{zoom:.74}}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/usp-diagnose-buehne.css.map */