@property --lx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --spalt{syntax:"<percentage>";inherits:true;initial-value:4%}@keyframes il-blink{50%{opacity:0}}@keyframes il-schwenk{0%{--lx:34%}to{--lx:66%}}@keyframes il-turm{0%{rotate:-7deg}to{rotate:9deg}}@keyframes il-auf{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.il{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nacht:#06031a;--grund:#0b0724;--karte:#140e33;--karte-2:#1d1646;--linie:#ffffff17;--linie-stark:#ffffff2e;--tx:#f6f4ff;--tx-2:#cfc9ee;--tx-3:#9790bd;--marke:#5c16ff;--marke-hell:#a58bff;--licht:#b9a6ff;--signal:#3fe0a8;--signal-hover:#6cf0c2;--fenster:#ffd89a;--t1:#0d0828;--t2:#150f38;--t3:#1f1750;--papier:#f7f5ff;--papier-warm:#fbf8f3;--tinte:#140e33;--tinte-2:#463f6e;--tinte-3:#6a6490;--marke-tief:#4a12d8;--r-pill:999px;--r-karte:22px;--breite:1180px;--sans:"Satoshi", "Manrope", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);background:var(--grund);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:17px;line-height:1.6;overflow-x:clip}.il h1,.il h2,.il h3{letter-spacing:-.03em;font-weight:500;line-height:1.08}.il h2{max-width:22ch;font-size:clamp(1.9rem,3.2vw,2.9rem)}.il h3{letter-spacing:-.02em;font-size:1.25rem;line-height:1.2}.il .hl{color:var(--marke-hell)}.il .wrap{width:min(var(--breite), 100% - 32px);z-index:2;margin-inline:auto;position:relative}.il .lead{color:var(--tx-2);max-width:58ch;font-size:clamp(1.02rem,1.3vw,1.16rem)}.il :focus-visible{outline:2px solid var(--licht);outline-offset:3px;border-radius:6px}.il .i{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.1em;height:1.1em;display:inline-block}.il .il-unter{background:#121216;border-bottom:1px solid #26262c;flex-wrap:wrap;gap:4px;padding:10px 16px;font:500 13px/1 system-ui,sans-serif;display:flex}.il .il-unter a{color:#a0a0aa;border-radius:6px;padding:8px 12px}.il .il-unter a:hover{color:#fff;background:#1d1d22}.il .il-unter a.active{color:#fff;background:#2a2a31}.il .il-probe{isolation:isolate;border-top:1px solid #000;position:relative;overflow:hidden}.il .il-schild{z-index:30;color:#b8b8c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0cd1;border:1px solid #2c2c33;border-radius:8px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;max-width:min(460px,100% - 28px);padding:9px 12px;font:12px/1.45 system-ui,sans-serif;display:grid;position:absolute;top:14px;left:14px}.il .il-schild b{font:700 13px/1 var(--mono);color:#fff}.il .il-schild span{color:#eee;font-weight:600}.il .il-schild em{color:#9a9aa6;grid-column:2;font-style:normal}.il .il-nav{z-index:20;padding:22px 0;position:absolute;inset:0 0 auto}.il .il-nav .wrap{align-items:center;gap:32px;display:flex}.il .il-nav ul{color:var(--tx-2);gap:30px;margin:0 auto;font-size:15px;display:flex}.il .il-nav a:hover{color:#fff}.il .il-logo{width:auto;height:28px}@media (max-width:860px){.il .il-nav ul{display:none}.il .il-nav .wrap{justify-content:space-between}}.il .btn{--h:52px;height:var(--h);border-radius:var(--r-pill);font:500 16px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background-color .2s, border-color .2s, box-shadow .3s var(--ease), transform .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.55em;padding:0 26px;display:inline-flex}.il .btn .i{transition:transform .3s var(--ease)}.il .btn:hover .i{transform:translate(3px)}.il .btn:active{transform:translateY(1px)}.il .btn.sm{--h:42px;padding:0 18px;font-size:15px}.il .btn-a{background:var(--signal);color:var(--nacht);font-weight:500;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001f,0 8px 20px -8px #000000b3}.il .btn-a:hover{background:var(--signal-hover)}.il .btn-a2{color:#fff;border-color:var(--linie-stark);background:#ffffff0a}.il .btn-a2:hover{background:#ffffff12;border-color:#fff6}.il .ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.il .suche{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:58px;font-family:var(--mono);color:var(--tx);text-align:left;background:#0c0824c7;border:1px solid #b9a6ff59;align-items:center;gap:12px;padding:0 10px 0 20px;font-size:16px;display:flex;box-shadow:0 20px 50px -24px #000000e6}.il .suche .g{color:#4a4a4a;width:26px;height:26px;font:700 15px/1 var(--sans);background:#fff;border-radius:50%;place-items:center;display:grid}.il .suche .q{white-space:nowrap;flex:1;overflow:hidden}.il .suche .q:after{content:"";vertical-align:-.18em;background:var(--licht);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite il-blink;display:inline-block}.il .suche .go{background:var(--marke);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.il .ki{border:1px solid var(--linie);text-align:left;color:var(--tx-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140e33e6;border-radius:18px;padding:18px 20px;font-size:15px;line-height:1.55}.il .ki .kopf{color:var(--licht);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.il .ki strong{color:#fff}.il .ki .quellen{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.il .ki .quellen span{background:#ffffff0f;border-radius:8px;padding:4px 10px;font-size:12.5px}.il .ki .quellen span:first-child{color:var(--signal);background:#3fe0a81f}.il .beispiel{color:var(--tx-3);margin-top:10px;font-size:12px}.il .fund{border-radius:var(--r-pill);white-space:nowrap;opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);background:#06031adb;border:1px solid #3fe0a873;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:14px;display:inline-flex;transform:translateY(8px)}.il .fund.zeigt{opacity:1;transform:none}.il .fund .punkt{background:var(--signal);border-radius:50%;width:8px;height:8px}.il .fund b{font-weight:600}.il .fund span:last-child{color:var(--signal)}.il .karte{border-radius:var(--r-karte);background:var(--karte);border:1px solid var(--linie);padding:26px;position:relative}.il .karte p{color:var(--tx-2);margin-top:10px;font-size:15.5px}.il .zahl{font:600 clamp(2.4rem, 4vw, 3.4rem)/1 var(--sans);letter-spacing:-.04em;color:var(--signal)}.il .klein{color:var(--tx-3);font-size:13px}.il .kegel{left:var(--kx);top:var(--kt);width:var(--kw);height:var(--kh);pointer-events:none;z-index:0;position:absolute;translate:-50%;-webkit-mask:linear-gradient(#000 55%,#0000);mask:linear-gradient(#000 55%,#0000)}.il .kegel i{position:absolute;inset:0}.il .kegel .kegel-flaeche{clip-path:polygon(var(--kl) 0, var(--kr) 0, 100% 100%, 0 100%);background:linear-gradient(180deg, rgba(200, 186, 255, var(--ka)), rgba(150, 120, 255, calc(var(--ka) * .45)) 60%, #7850ff00)}.il .kegel .kegel-kern{clip-path:polygon(calc(var(--kl) + 1.5%) 0, calc(var(--kr) - 1.5%) 0, 68% 100%, 32% 100%);background:linear-gradient(180deg, rgba(225, 216, 255, calc(var(--ka) * .8)), #b9a6ff00 80%)}.il .kegel .kegel-lampe{width:var(--lw);background:#efe9ff;border-radius:50%;height:18px;inset:-9px auto auto 50%;translate:-50%;box-shadow:0 0 22px 6px #c8baff8c}.il .lande{pointer-events:none;background:radial-gradient(closest-side,#c8baff4d,#a082ff1a 60%,#0000);border-radius:50%;position:absolute}.il .skyline{width:100%;height:100%;display:block}.il .skyline .sk-fern rect{fill:#1b1446}.il .skyline .sk-mitte rect{fill:#130d36}.il .skyline .sk-nah rect{fill:#0b0725}.il .skyline .sk-fenster rect{fill:#3a2f7c}.il .skyline .sk-eigen-bau{fill:#110b33;transition:fill 1.2s var(--ease)}.il .skyline .sk-dach{fill:#2b2263;transition:fill .8s var(--ease) 1.4s}.il .skyline .sk-warm,.il .skyline .sk-aus{fill:#251d5c;transition:fill .9s var(--ease)}.il .skyline.an .sk-eigen-bau{fill:#1a1244}.il .skyline.an .sk-dach{fill:var(--signal)}.il .skyline.an .sk-warm{fill:var(--fenster)}.il .skyline-hell .sk-fern rect{fill:#e7e2fb}.il .skyline-hell .sk-mitte rect{fill:#dcd5f7}.il .skyline-hell .sk-nah rect{fill:#cfc6f1}.il .skyline-hell .sk-fenster rect{fill:#f2efff}.il .skyline-hell .sk-eigen-bau,.il .skyline-hell.an .sk-eigen-bau{fill:var(--tinte)}.il .fassaden{grid-template-columns:1fr 1fr;gap:20px;margin:48px 0 0;display:grid}.il .fassaden .fassade{border-radius:var(--r-karte);background:var(--karte);border:1px solid var(--linie);padding:20px}.il .fassaden .fassade-kopf{justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.il .fassaden .budget{font:500 12.5px/1 var(--mono);color:var(--tx-3);border-radius:var(--r-pill);background:#ffffff0d;padding:6px 10px;transition:color .3s}.il .fassaden .budget.an{color:var(--marke-hell)}.il .fassaden .budget.eigen{color:var(--signal);background:#3fe0a81a}.il .fassaden .fassade-bau{background:var(--t2);border-top:3px solid var(--t3);border-radius:12px 12px 4px 4px;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:18px;padding:16px 18px;display:grid}.il .fassaden .eigen .fassade-bau{border-top-color:var(--signal)}.il .fassaden i{aspect-ratio:2/3;background:var(--t1);transition:background-color .5s var(--ease);border-radius:2px}.il .fassaden i.miete{background:#6a45ff}.il .fassaden i.warm{background:var(--fenster)}.il .fassaden figcaption{color:var(--tx-2);margin-top:14px;font-size:14.5px}.il .fassaden-hell .fassade{background:#fff;border-color:#e3def6}.il .fassaden-hell .fassade-kopf{color:var(--tinte)}.il .fassaden-hell .budget{color:var(--tinte-3);background:#f1eefc}.il .fassaden-hell .budget.an{color:var(--marke-tief)}.il .fassaden-hell .budget.eigen{color:#0b7a55;background:#e3f8ef}.il .fassaden-hell .fassade-bau{background:#221a52}.il .fassaden-hell figcaption{color:var(--tinte-2)}@media (max-width:720px){.il .fassaden{grid-template-columns:1fr}}.il .falten{background:repeating-linear-gradient(90deg, var(--t1) 0 18px, var(--t2) 18px 34px, var(--t3) 34px 44px, var(--t2) 44px 60px)}.il .falten-saum{background:radial-gradient(circle at 50% 0, var(--t2) 69%, transparent 70%) 0 0 / 30px 30px repeat-x;height:26px}.il .lamellen{z-index:0;pointer-events:none;gap:clamp(6px,1vw,14px);padding-inline:2vw;display:flex;position:absolute;inset:0}.il .lamellen i{height:var(--h);background:linear-gradient(180deg, rgba(200, 186, 255, var(--a)), rgba(150, 120, 255, calc(var(--a) * .35)) 70%, transparent);flex:1;align-self:flex-start}.il .lichtkante{background:linear-gradient(90deg,#0000,#b9a6ff80 35%,#efe9ff 50%,#b9a6ff80 65%,#0000);border:0;height:1px;margin:0;position:relative}.il .lichtkante:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:50%;translate:-50%;box-shadow:0 0 14px 4px #c8baff99}.il .plakette{background:var(--karte-2);border:1px solid var(--linie);width:52px;height:52px;color:var(--licht);border-radius:16px;place-items:center;font-size:22px;display:grid;box-shadow:inset 0 1px #d7ccff59}.il .badge-licht{border-radius:var(--r-pill);font:500 13px/1 var(--mono);color:var(--signal);background:#3fe0a81a;border:1px solid #3fe0a84d;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.il .badge-licht:before{content:"";background:var(--signal);border-radius:50%;width:7px;height:7px}.il .hell{background:var(--papier);color:var(--tinte);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.il .hell .hl{color:var(--marke-tief)}.il .hell .lead,.il .hell p{color:var(--tinte-2)}.il .hell .klein{color:var(--tinte-3)}.il .hell .karte{background:#fff;border-color:#e4dff7;box-shadow:inset 0 1px #fff,0 18px 40px -30px #28147859}.il .hell .karte p{color:var(--tinte-2)}.il .hell .btn-a{box-shadow:inset 0 1px #fff9,inset 0 -1px #00000024,0 0 0 1px #2cc592,0 8px 18px -10px #0a503c80}.il .hell .btn-a2{color:var(--tinte);background:#fff;border-color:#d8d1f3}.il .hell .btn-a2:hover{border-color:var(--tinte-3);background:#fff}.il .hell .zahl{color:#0b8a60}.il .hell .suche{color:var(--tinte);background:#fff;border-color:#d6cff3;box-shadow:0 16px 36px -24px #28147873}.il .hell .suche .q:after{background:var(--marke-tief)}.il .hell .plakette{color:var(--marke-tief);background:#efeafe;border-color:#e0d9fa;box-shadow:inset 0 1px #fff}.il .hell .badge-licht{color:#0b7a55;background:#e3f8ef;border-color:#b8ebd6}.il .hell .badge-licht:before{background:#17b07c}.il .hell .lichtkante{background:linear-gradient(90deg, transparent, #4a12d859 35%, var(--marke-tief) 50%, #4a12d859 65%, transparent)}.il .hell .lichtkante:after{background:var(--marke-tief);box-shadow:0 0 0 4px #e6dfff}.il .hell.warm{background:var(--papier-warm)}.il .il-start{min-height:calc(100vh - 100px);padding:clamp(60px,9vw,110px) 0 90px;position:relative;overflow:hidden}.il .il-start h1{max-width:18ch;font-size:clamp(2.2rem,4vw,3.4rem)}.il .il-start .lead{margin-top:18px}.il .il-kacheln{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin-top:48px;display:grid}.il .il-kacheln a{border-radius:var(--r-karte);background:var(--karte);border:1px solid var(--linie);padding:24px;transition:border-color .2s,background-color .2s;display:block}.il .il-kacheln a:hover{background:var(--karte-2);border-color:#b9a6ff73}.il .il-kacheln b{letter-spacing:-.02em;font-size:1.2rem;display:block}.il .il-kacheln span{color:var(--tx-2);margin-top:8px;font-size:15px;display:block}.il .il-kacheln em{font:500 12.5px/1 var(--mono);color:var(--licht);margin-top:16px;font-style:normal;display:block}@media (prefers-reduced-motion:reduce){.il *,.il :before,.il :after{transition:none!important;animation:none!important}}