.umbau-kulisse{z-index:0;isolation:isolate;position:fixed;inset:0;overflow:hidden}.umbau-kulisse .dw-opener{display:none!important}.umbau{--umbau-ink:#f3f1f8;--umbau-ink-leise:#f3f1f8b8;--umbau-ink-still:#f3f1f885;--umbau-akzent:var(--dw-akzent-ink,#b9a2ff);--umbau-lampe:#9a73ed;--umbau-linie:#f3f1f829;--umbau-r:clamp(72px,min(11.5vw,22vh),180px);--umbau-ease:cubic-bezier(.61,1,.88,1);--guckloch-ruhe-x:.655;--guckloch-ruhe-y:.38;--gx:67.5vw;--gy:37.5vh;z-index:64;overscroll-behavior:contain;color:var(--umbau-ink);font-family:var(--font-inter),system-ui,sans-serif;position:fixed;inset:0;overflow-y:auto}.umbau__glas{pointer-events:none;-webkit-backdrop-filter:blur(16px)saturate(1.25)brightness(.84);backdrop-filter:blur(16px)saturate(1.25)brightness(.84);-webkit-mask-image:radial-gradient(circle at var(--gx)var(--gy),transparent 0,transparent calc(var(--umbau-r)*var(--umbau-offen,1)),#000 calc(var(--umbau-r)*var(--umbau-offen,1)*1.45 + 1px));-webkit-mask-image:radial-gradient(circle at var(--gx)var(--gy),transparent 0,transparent calc(var(--umbau-r)*var(--umbau-offen,1)),#000 calc(var(--umbau-r)*var(--umbau-offen,1)*1.45 + 1px));mask-image:radial-gradient(circle at var(--gx)var(--gy),transparent 0,transparent calc(var(--umbau-r)*var(--umbau-offen,1)),#000 calc(var(--umbau-r)*var(--umbau-offen,1)*1.45 + 1px));background:linear-gradient(90deg,#06050cc7 0%,#06050c80 34%,#06050c1f 64%,#06050c14 100%),#0c091829;position:fixed;inset:0}.umbau__linse{left:var(--gx);top:var(--gy);width:calc(var(--umbau-r)*2.3);aspect-ratio:1;translate:-50% -50%;scale:var(--umbau-offen,1);opacity:var(--umbau-offen,1);pointer-events:none;border-radius:50%;position:fixed;box-shadow:inset 0 0 0 1px #f3f1f824,inset 0 0 48px #9a73ed38,0 0 64px #9a73ed29}.umbau__linse-hinweis{display:none}.umbau__rahmen{pointer-events:none}.umbau__rahmen>*{pointer-events:auto}.umbau__rahmen{grid-template-rows:auto 1fr auto;gap:24px;min-height:100%;padding:clamp(18px,2.6vw,36px) clamp(16px,4.4vw,72px) clamp(16px,2.6vw,32px);display:grid;position:relative}.umbau__kopf{justify-content:space-between;align-items:center;gap:16px;display:flex}.umbau__marke{width:min(var(--dw-logo-width,148px),38vw);height:auto}.umbau__status{border:1px solid var(--umbau-linie);min-height:36px;font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--umbau-ink-leise);white-space:nowrap;background:#0a08146b;border-radius:999px;align-items:center;gap:10px;margin:0;padding:0 14px;font-size:12px;display:inline-flex}.umbau__punkt{background:var(--umbau-akzent);width:7px;height:7px;animation:umbau-puls 2.4s var(--umbau-ease)infinite;border-radius:50%;box-shadow:0 0 #b9a2ff8c}@keyframes umbau-puls{0%{box-shadow:0 0 #b9a2ff8c}70%,to{box-shadow:0 0 0 9px #b9a2ff00}}.umbau__hinweis,.umbau__text p,.umbau__einladung,.umbau__standort{text-wrap:pretty}.umbau__inhalt{align-self:end;max-width:35rem;padding-block:clamp(24px,6vh,80px) 8px}.umbau__kicker{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--umbau-ink-still);margin:0;font-size:12px}.umbau__titel{font-family:var(--font-hero),var(--font-display),sans-serif;letter-spacing:-.025em;margin:.28em 0 .32em;font-size:clamp(46px,7.2vw,108px);font-weight:250;line-height:.98}.umbau__wort{animation:umbau-wort .45s var(--umbau-ease)both;animation-delay:calc(.24s + var(--i,0)*50ms);margin-right:.2em;display:inline-block}.umbau__wort--akzent{color:var(--umbau-akzent);margin-right:0}@keyframes umbau-wort{0%{opacity:0;filter:blur(12px);translate:0 .16em}}.umbau__hinweis{color:var(--umbau-ink);animation:umbau-auf .45s var(--umbau-ease).48s both;margin:0 0 18px;font-size:clamp(17px,1.35vw,19px);line-height:1.5}.umbau__text{color:var(--umbau-ink-leise);animation:umbau-auf .45s var(--umbau-ease).53s both;gap:8px;margin-bottom:18px;font-size:15.5px;line-height:1.6;display:grid}.umbau__text p{margin:0}@keyframes umbau-blende{0%{opacity:0}}@keyframes umbau-auf{0%{opacity:0;translate:0 10px}}.umbau__einladung{color:var(--umbau-ink);animation:umbau-auf .45s var(--umbau-ease).56s both;margin:0 0 18px;font-size:clamp(16px,1.2vw,17.5px);line-height:1.5}.umbau__zeichen{flex-wrap:wrap;align-items:center;gap:8px 28px;display:flex}.umbau__unterschrift{fill:none;block-size:auto;inline-size:clamp(96px,8.5vw,124px);stroke:var(--umbau-ink);stroke-width:15px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;opacity:.88;animation:1.5s linear .9s both umbau-zug;overflow:visible}@keyframes umbau-zug{0%{stroke-dashoffset:100px}}.umbau__knopf{border:1px solid color-mix(in srgb,var(--umbau-akzent)70%,transparent);background:color-mix(in srgb,var(--umbau-lampe)22%,#0a081480);min-height:48px;color:var(--umbau-ink);transition:background-color .333s var(--umbau-ease),border-color .333s var(--umbau-ease);animation:umbau-auf .45s var(--umbau-ease).61s both;border-radius:999px;align-items:center;gap:12px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.umbau__knopf svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:11px;height:11px;transition:translate .333s var(--umbau-ease)}.umbau__knopf:hover,.umbau__knopf:focus-visible{background:color-mix(in srgb,var(--umbau-lampe)42%,#0a081480);border-color:var(--umbau-akzent)}.umbau__knopf:hover svg,.umbau__knopf:focus-visible svg{translate:2px -2px}.umbau__knopf:focus-visible,.umbau__weg-wert:focus-visible,.umbau__recht a:focus-visible{outline:2px solid var(--umbau-akzent);outline-offset:3px}.umbau__wege{animation:umbau-auf .45s var(--umbau-ease).63s both;gap:2px;margin:26px 0 10px;padding:0;list-style:none;display:grid}.umbau__weg{border-bottom:1px solid var(--umbau-linie);grid-template-columns:84px 1fr;align-items:center;min-height:44px;display:grid}.umbau__weg-label{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--umbau-ink-still);font-size:12px}.umbau__weg-wert{color:var(--umbau-ink);transition:background-size .333s var(--umbau-ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;justify-self:start;padding-block:10px;font-size:15.5px;text-decoration:none}.umbau__weg-wert:hover{background-size:100% 1px}.umbau__standort{color:var(--umbau-ink-still);animation:umbau-auf .45s var(--umbau-ease).68s both;margin:12px 0 0;font-size:13.5px}.umbau__fuss{border-top:1px solid var(--umbau-linie);color:var(--umbau-ink-still);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:14px;font-size:12px;display:flex}.umbau__zusagen{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.umbau__recht{gap:4px 20px;display:flex}.umbau__recht a{min-height:44px;color:var(--umbau-ink-leise);align-items:center;text-decoration:none;display:inline-flex}.umbau__recht a:hover{color:var(--umbau-ink)}@media (max-width:767px){.umbau{--guckloch-ruhe-x:.63;--guckloch-ruhe-y:.39}}@media (max-width:767px),(max-width:1023px) and (orientation:portrait){.umbau{--umbau-r:clamp(64px,19vw,96px)}.umbau__glas{background:linear-gradient(#06050c1f 28%,#06050ca8 52%,#06050cdb 100%),#0c091829}.umbau__status{letter-spacing:.1em;padding:0 12px}.umbau__inhalt{max-width:none;margin-top:max(40svh,220px);padding-top:0}.umbau__fuss{flex-direction:column;align-items:flex-start}}@media (min-width:768px){.umbau__wege{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.umbau__weg{grid-template-columns:auto 1fr;column-gap:16px}}@media (hover:none){.umbau__linse{pointer-events:auto;touch-action:none}.umbau__linse-hinweis{border:1px solid var(--umbau-linie);min-height:28px;font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--umbau-ink-leise);animation:umbau-blende .45s var(--umbau-ease)1.2s backwards;transition:opacity .333s var(--umbau-ease);background:#0a08149e;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:inline-flex;position:absolute;top:0;left:50%;translate:-50% -50%}.umbau[data-guckloch-benutzt] .umbau__linse-hinweis{opacity:0}}@media (min-width:768px) and (max-height:940px){.umbau__rahmen{gap:12px}.umbau__inhalt{padding-block:4px}.umbau__titel{font-size:clamp(46px,min(7.2vw,9.4vh),108px)}.umbau__text,.umbau__einladung{margin-bottom:14px}.umbau__wege{margin-top:16px}}@media (prefers-reduced-motion:reduce){.umbau__wort,.umbau__hinweis,.umbau__text,.umbau__einladung,.umbau__unterschrift,.umbau__linse-hinweis,.umbau__knopf,.umbau__wege,.umbau__standort,.umbau__punkt{animation:none}}
