.webdesign_szene__0bAUy{perspective:1500px;perspective-origin:50% 46%;--fw:min(52rem,92vw,calc(60svh * 16 / 9));--copy:max(0,min(1,calc((var(--p) - 0.02) / 0.14)));--nah:max(0,min(1,calc(var(--p) / 0.26)));--f-x:-6vw;--f-y:-30vh;--f-rot:-5deg;--f-dz:0.02;--f-s:0.46;--anflug:max(0,min(1,calc((var(--p) - 0.13) / 0.29)));--an:calc(var(--anflug) * var(--anflug) * (3 - 2 * var(--anflug)));--bau:max(0,min(1,calc((var(--p) - 0.5) / 0.08)));--bau-ab:min(1,calc(var(--bau) * 2));--bau-an:max(0,calc(var(--bau) * 2 - 1));--log:max(0,min(1,calc((var(--p) - 0.58) / 0.22)));--seite:max(0,min(1,calc((var(--p) - 0.82) / 0.1)));--seite-ab:min(1,calc(var(--seite) * 2));--seite-an:max(0,calc(var(--seite) * 2 - 1))}.webdesign_copy__KCsOD{position:relative;z-index:8;opacity:calc(1 - var(--copy));transform:translateY(calc(var(--copy) * -3rem))}.webdesign_copy__KCsOD:before{content:"";position:absolute;inset:-14% -22%;z-index:-1;background:radial-gradient(closest-side,rgb(var(--bg)/.9),rgb(var(--bg)/0))}.webdesign_stapel__vxh0D{position:relative;z-index:5;height:min(34svh,20rem);margin-top:2rem;transform-style:preserve-3d}.webdesign_pane__AkZGW{position:absolute;top:50%;left:50%;width:min(18rem,60vw);overflow:hidden;border-radius:.9rem;border:1px solid rgb(var(--border)/.12);background:rgb(var(--surface)/.92);box-shadow:0 30px 60px -34px rgb(15 23 42/.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%,-50%) translate3d(calc(var(--ox) * (1 + var(--nah) * 1.6)),calc(var(--oy) + var(--nah) * 6vh),calc(var(--nah) * 900px)) rotate(var(--orot));opacity:calc(1 - max(0, calc((var(--nah) - .55) / .45)))}.dark .webdesign_pane__AkZGW{box-shadow:0 30px 60px -30px rgb(0 0 0/.75)}.webdesign_paneLinks__U3_eQ{--ox:-74%;--oy:8%;--orot:-7deg}.webdesign_paneMitte__6ghm_{--ox:0%;--oy:-8%;--orot:0deg;z-index:2}.webdesign_paneRechts__PHIG6{--ox:74%;--oy:12%;--orot:7deg}@media (max-width:639px){.webdesign_stapel__vxh0D{height:min(27svh,15rem)}.webdesign_pane__AkZGW{width:64vw}.webdesign_paneLinks__U3_eQ{--ox:-46%}.webdesign_paneRechts__PHIG6{--ox:46%}.webdesign_pane__AkZGW pre>div:nth-child(n+7){display:none}}.webdesign_paneKopf__lecRL{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid rgb(var(--border)/.1);background:rgb(var(--surface-2)/.8)}.webdesign_paneCode__xTPoZ{overflow:hidden;padding:.75rem .875rem;font-family:var(--mono,ui-monospace,monospace);font-size:.6875rem;line-height:1.7}.webdesign_feld__hlfwW{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.webdesign_flieger__ha8Qm{--tc:max(0,min(1,calc(var(--p) + var(--dz))));position:absolute;top:50%;left:50%;width:var(--w);border-radius:.9rem;overflow:hidden;border:1px solid rgb(var(--border)/.12);background:rgb(var(--surface));box-shadow:0 40px 80px -40px rgb(15 23 42/.5);transform:translate(-50%,-50%) translate3d(var(--x),var(--y),calc((var(--tc) - .6) * 2800px)) rotate(var(--rot));opacity:calc(min(1, calc(var(--tc) / .14)) * (1 - max(0, calc((var(--tc) - .66) / .2))) * min(1, calc(var(--p) / .1)))}.dark .webdesign_flieger__ha8Qm{box-shadow:0 40px 80px -36px rgb(0 0 0/.8)}.webdesign_fliegerKopf__J4XV_{display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-bottom:1px solid rgb(var(--border)/.1);background:rgb(var(--surface-2)/.85);font-size:.625rem;color:rgb(var(--muted))}.webdesign_fenster__y0_Ot{position:absolute;top:50%;left:50%;z-index:7;width:var(--fw);border-radius:.9rem;overflow:hidden;border:1px solid rgb(var(--border)/.12);background:rgb(var(--surface));box-shadow:0 50px 90px -46px rgb(15 23 42/.45);transform:translate(-50%,-50%) translate(calc((1 - var(--an)) * var(--f-x)),calc((1 - var(--an)) * var(--f-y))) translateZ(calc((1 - var(--an)) * (var(--p) + var(--f-dz) - .6) * 2800px)) rotate(calc((1 - var(--an)) * var(--f-rot))) scale(calc(var(--f-s) + (1 - var(--f-s)) * var(--an)));opacity:calc(min(1, calc((var(--p) + var(--f-dz)) / .14)) * min(1, calc(var(--p) / .1)));pointer-events:none}@media (max-width:639px){.webdesign_fenster__y0_Ot{--f-x:-3vw;--f-y:-26vh;--f-s:0.62}}.dark .webdesign_fenster__y0_Ot{box-shadow:0 50px 90px -40px rgb(0 0 0/.85)}.webdesign_leiste__SXzbN{position:relative;display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-bottom:1px solid rgb(var(--border)/.1);background:rgb(var(--surface-2)/.9);font-family:var(--mono,ui-monospace,monospace);font-size:.6875rem;color:rgb(var(--muted))}.webdesign_leisteWechsel__9CUZJ{display:grid;min-width:0;flex:1}.webdesign_leisteTitel__d__1U{grid-area:1/1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webdesign_leisteMarke__l20tH{opacity:calc(1 - var(--bau-ab))}.webdesign_leisteBefehl__ySnLf{opacity:calc(var(--bau-an) * (1 - var(--seite-ab)))}.webdesign_leisteSeite__WWQMB{opacity:var(--seite-an);color:rgb(var(--heading));font-weight:600}.webdesign_leisteAdresse__NC_u4{position:absolute;left:50%;transform:translateX(-50%);max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;background:rgb(var(--bg)/.85);padding:.1rem .6rem;color:rgb(var(--text));opacity:var(--seite-an)}.webdesign_inhalt__uWtg8{position:relative;aspect-ratio:16/9;overflow:hidden}.webdesign_vorschau__uEBiR{position:absolute;inset:0;opacity:calc(1 - var(--bau-ab))}.webdesign_vorschau__uEBiR img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.webdesign_konsole__zLzRt{position:absolute;inset:0;background:rgb(var(--surface-2));opacity:calc(var(--bau-an) * (1 - var(--seite)))}.dark .webdesign_konsole__zLzRt{background:rgb(15 18 26)}.webdesign_protokoll__NTi7i{position:absolute;inset:0 0 2.6rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:.9rem 1.1rem;font-family:var(--mono,ui-monospace,monospace);font-size:.8125rem;line-height:2.1;color:rgb(var(--text));opacity:calc(var(--bau-an) * (1 - var(--seite)))}.dark .webdesign_protokoll__NTi7i{color:rgb(226 232 240/.92)}.webdesign_zeile__EEvV6{--tl:max(0,min(1,calc((var(--log) - var(--ab)) * 7)));display:flex;gap:.6rem;white-space:nowrap;opacity:var(--tl);transform:translateX(calc((1 - var(--tl)) * -.75rem))}.webdesign_zeile__EEvV6>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.webdesign_zeit__995Ez{flex:none;color:rgb(var(--muted)/.75)}.webdesign_ok__gljKX{color:rgb(4 120 87)}.dark .webdesign_ok__gljKX{color:rgb(52 211 153)}.webdesign_balken__CG6YK{position:absolute;left:1rem;right:1rem;bottom:1.6rem;height:3px;border-radius:999px;background:rgb(var(--border)/.12);overflow:hidden;opacity:calc(var(--bau-an) * (1 - var(--seite)))}.webdesign_balken__CG6YK:after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--log));background:linear-gradient(90deg,rgb(var(--accent)),rgb(var(--accent-2)))}.webdesign_balkenText__tMSWQ{position:absolute;left:1rem;right:1rem;bottom:.5rem;display:flex;justify-content:space-between;font-family:var(--mono,ui-monospace,monospace);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--muted));opacity:calc(var(--bau-an) * (1 - var(--seite)))}.webdesign_ergebnis__1CNn3{position:absolute;inset:0;opacity:var(--seite)}.webdesign_ergebnis__1CNn3 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}@media (max-width:639px){.webdesign_protokoll__NTi7i{inset:0 0 2rem;padding:.6rem .7rem;font-size:.625rem;line-height:1.9}.webdesign_protokoll__NTi7i>div:nth-child(n+6){display:none}.webdesign_leiste__SXzbN{font-size:.625rem;padding:.45rem .6rem}.webdesign_leisteAdresse__NC_u4{display:none}.webdesign_balken__CG6YK{left:.7rem;right:.7rem;bottom:1.3rem}.webdesign_balkenText__tMSWQ{left:.7rem;right:.7rem;bottom:.35rem;font-size:.5rem}.webdesign_balkenText__tMSWQ>span:last-child{display:none}}.webdesign_ergebnisNote___nRyS{position:absolute;inset-inline:0;top:calc(50% + var(--fw) * .28125 + 2.6rem);z-index:7;text-align:center;font-size:.75rem;color:rgb(var(--muted));opacity:max(0,calc((var(--seite) - .55) / .45))}.webdesign_strasse__LelY4{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:3.5rem}@media (max-width:767px){.webdesign_strasse__LelY4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.webdesign_schiene__5wS8Y{position:absolute;top:3.5rem;left:6%;right:6%;height:2px;background:rgb(var(--border)/.15)}.webdesign_schiene__5wS8Y:after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p));background:linear-gradient(90deg,rgb(var(--accent)),rgb(var(--accent-2)))}.webdesign_station__S5u8Y{--ts:max(0,min(1,calc((var(--p) - var(--ab)) * 5)));position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:1rem;border:1px solid rgb(var(--border)/.1);background:rgb(var(--surface)/calc(.35 + .45 * var(--ts)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(calc((1 - var(--ts)) * 2.5rem));opacity:calc(.25 + .75 * var(--ts))}.webdesign_stationPunkt__2pwJZ{position:absolute;top:-3.5rem;left:50%;width:.9rem;height:.9rem;border-radius:999px;border:2px solid rgb(var(--bg));background:color-mix(in srgb,rgb(var(--accent)) calc(var(--ts) * 100%),rgb(var(--border)/.3));transform:translate(-50%,-.45rem) scale(calc(.8 + .4 * var(--ts)))}@media (max-width:767px){.webdesign_schiene__5wS8Y,.webdesign_stationPunkt__2pwJZ{display:none}.webdesign_strasse__LelY4{padding-top:0}.webdesign_station__S5u8Y{padding:.875rem;gap:.5rem;border-radius:.85rem}}.webdesign_hostingRaster__aKPI5{--spalten:minmax(0,0.66fr) minmax(0,1.34fr);--spalt:2.5rem;display:grid;gap:0}.webdesign_hostingBuehne__KH6j2{display:flex;height:100%;flex-direction:column;justify-content:center;padding-top:3.5rem}.webdesign_hostingH2__YwBy2{margin-top:.5rem;max-width:20ch;font-family:var(--font-display,inherit);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.webdesign_schritte__gFj_9{display:flex;flex-wrap:wrap;gap:.375rem .875rem;margin-top:1.125rem;padding:0;list-style:none}.webdesign_schritt__Ef4GN{--fenster:calc(1 / var(--n));--mitte:calc((var(--i) + 0.5) * var(--fenster));--spanne:calc(var(--fenster) / 2 + var(--u) * var(--fenster));--abstand:calc(max(var(--p) - var(--mitte), var(--mitte) - var(--p)) / var(--spanne));--nah:clamp(0,calc(1 - var(--abstand)),1);display:inline-flex;align-items:baseline;gap:.375rem;font-size:.8125rem;opacity:calc(.3 + .7 * var(--nah))}.webdesign_schrittNr__u_oAk{font-family:var(--mono,ui-monospace,monospace);font-size:.625rem;color:rgb(var(--accent))}.webdesign_schrittWort__8XJHI{font-weight:500;color:rgb(var(--text))}.webdesign_schrittFlaeche__MKlrt{position:relative;margin-top:1.25rem;height:min(56svh,29rem)}.webdesign_schrittBlock__9bKBG{--fenster:calc(1 / var(--n));--mitte:calc((var(--i) + 0.5) * var(--fenster));--spanne:calc(var(--fenster) / 2 + var(--u) * var(--fenster));--abstand:calc(max(var(--p) - var(--mitte), var(--mitte) - var(--p)) / var(--spanne));--nah:clamp(0,calc(1 - var(--abstand)),1);position:absolute;inset:0;display:grid;grid-template-columns:var(--spalten);-moz-column-gap:var(--spalt);column-gap:var(--spalt);align-items:center;opacity:var(--nah);pointer-events:none}.webdesign_schrittBlock__9bKBG:hover{pointer-events:auto}.webdesign_erklaerungNr__6ZhGv{font-family:var(--mono,ui-monospace,monospace);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--accent))}.webdesign_erklaerungTitel__LbXO9{margin-top:.5rem;font-family:var(--font-display,inherit);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:rgb(var(--heading))}.webdesign_erklaerungText__u95VG{margin-top:.5rem;max-width:42ch;font-size:.9375rem;line-height:1.65;color:rgb(var(--muted))}.webdesign_erklaerungPunkte__Oo1nD{margin-top:.875rem;display:grid;gap:.3125rem;padding:0;list-style:none}.webdesign_erklaerungPunkte__Oo1nD li{position:relative;padding-left:1rem;font-size:.8125rem;color:rgb(var(--muted))}.webdesign_erklaerungPunkte__Oo1nD li:before{content:"";position:absolute;left:0;top:.5rem;width:.3125rem;height:.3125rem;border-radius:999px;background:rgb(var(--accent)/.55)}.webdesign_ansicht__opSas{margin:0;display:flex;align-items:center;justify-content:center;height:100%;transform:translateX(calc((1 - var(--nah)) * 2.25rem)) scale(calc(.96 + .04 * var(--nah)))}.webdesign_ansicht__opSas>*{width:100%;max-height:100%}.webdesign_ansichtHandy__qklSQ>*{width:auto;height:100%;max-width:min(14rem,44vw)}.webdesign_demoZeile__H16YH{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.webdesign_demoKnopf__xlH15{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;background:linear-gradient(to right,rgb(var(--accent)),rgb(var(--accent2)));color:rgb(var(--onAccent));font-size:.9375rem;font-weight:600;transition:filter .15s ease,transform .15s ease}.webdesign_demoKnopf__xlH15:hover{filter:brightness(1.1);transform:translateY(-1px)}.webdesign_demoNotiz__85OHO{flex:1 1 22rem;max-width:46ch;font-size:.75rem;line-height:1.55;color:rgb(var(--muted))}@media (max-width:1023px){.webdesign_hostingBuehne__KH6j2{height:auto;padding-top:0;display:block}.webdesign_hostingH2__YwBy2{font-size:1.375rem}.webdesign_schritte__gFj_9{display:none}.webdesign_schrittFlaeche__MKlrt{position:static;height:auto;margin-top:0}.webdesign_schrittBlock__9bKBG{position:static;display:flex;flex-direction:column;opacity:1;pointer-events:auto;padding-top:2.25rem}.webdesign_ansicht__opSas{order:-1;height:auto;transform:none;margin-bottom:1rem}.webdesign_ansichtHandy__qklSQ>*{max-width:min(12rem,48vw);margin:0 auto}}@media (min-width:1024px){.webdesign_hostingH2__YwBy2{font-size:1.75rem;max-width:24ch}.webdesign_schrittFlaeche__MKlrt{margin-top:1.5rem}}