@property --a{syntax:"<number>";inherits:true;initial-value:0}@property --t{syntax:"<number>";inherits:true;initial-value:0}@property --e{syntax:"<number>";inherits:true;initial-value:0}.h3d-buehne{position:relative;width:100%;aspect-ratio:16/10;perspective:1600px;perspective-origin:50% 40%;container-type:size}.h3d-welt{transform-style:preserve-3d;transform:rotateX(calc(var(--ny, 0) * -4deg)) rotateY(calc(var(--nx, 0) * 6deg));transition:transform .7s cubic-bezier(.16,1,.3,1)}.h3d-schwebe,.h3d-welt{position:absolute;inset:0}.h3d-schwebe{transform-style:preserve-3d;animation:h3d-schwebe 8s ease-in-out 4.2s infinite}@keyframes h3d-schwebe{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4cqh)}}.h3d-stapel{--a:1;--t:1;--e:1;--p1r:min(1,max(0,calc(var(--t) / .55)));--p2r:min(1,max(0,calc((var(--t) - .4) / .6)));--p1:calc(var(--p1r) * var(--p1r) * (3 - 2 * var(--p1r)));--p2:calc(var(--p2r) * var(--p2r) * (3 - 2 * var(--p2r)));--r1:calc(1 - var(--p1));--r2:calc(1 - var(--p2));position:absolute;inset:0;transform-style:preserve-3d;transform:scale(calc(1 - .24 * var(--r2))) rotateX(calc(58deg * var(--r1))) rotate(calc(45deg * var(--r1))) scaleX(calc(1 - .375 * var(--r2)));animation:h3d-platten 1.7s cubic-bezier(.2,.7,.2,1) .3s both,h3d-verwandlung 1.8s cubic-bezier(.45,0,.15,1) 2.1s both,h3d-einblenden 1.4s cubic-bezier(.3,0,.2,1) 2.5s both}@keyframes h3d-platten{0%{--a:0}to{--a:1}}@keyframes h3d-verwandlung{0%{--t:0}to{--t:1}}@keyframes h3d-einblenden{0%{--e:0}to{--e:1}}.h3d-ebene{--air:min(1,max(0,calc((var(--a) - var(--ab, 0)) / .4)));--ai:calc(var(--air) * var(--air) * (3 - 2 * var(--air)));--sicht:min(1,calc(var(--air) * 4));position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(calc(var(--xf, 0%) * var(--p2)),calc(var(--yf, 0%) * var(--p2)),calc(var(--zi, 0cqh) * var(--r2) + var(--zf, 0cqh) * var(--p2) + 28cqh * (1 - var(--ai)))) scale(calc(1 - (1 - var(--sf, 1)) * var(--p2)))}.h3d-ebene.ist-unten{--ab:0;--zi:0cqh;--zf:-14cqh;--xf:-13%;--yf:15%;--sf:.86;--of:.28}.h3d-ebene.ist-mitte{--ab:.3;--zi:24cqh;--zf:-7cqh;--xf:-6.5%;--yf:7.5%;--sf:.93;--of:.55}.h3d-ebene.ist-oben{--ab:.6;--zi:48cqh;--zf:0cqh}.h3d-ebene{--rad-x:calc(14px + (19cqh - 14px) * var(--r2));--rad-y:calc(14px + (12cqh - 14px) * var(--r2))}.h3d-flaeche{overflow:hidden;background:var(--grund);opacity:calc(var(--sicht) * (1 - (1 - var(--of, 1)) * var(--p2)))}.h3d-dick,.h3d-flaeche{position:absolute;inset:0;border-radius:var(--rad-x) /var(--rad-y);backface-visibility:hidden}.h3d-dick{background:var(--rand);transform:translateZ(calc(-1 * var(--k) * (2cqh * var(--r1) + .4px)));opacity:calc(var(--sicht) * min(1, calc(var(--r1) * 4)))}.h3d-dick:first-child{--k:1}.h3d-dick:nth-child(2){--k:2}.h3d-dick:nth-child(3){--k:3}.h3d-dick:nth-child(4){--k:4}.h3d-dick:nth-child(5){--k:5}.h3d-dick:nth-child(6){--k:6}.h3d-dick:nth-child(7){--k:7}.h3d-dick:nth-child(8){--k:8}.ist-oben{--grund:linear-gradient(to top right,#47EAE4,#42D2DE 38%,#5E93E8 50%,#7A63E5 62%,#8359E7);--rand:linear-gradient(to top right,#3FD8D3,#3AC0CC 38%,#5583DA 50%,#6D55D8 62%,#7850DC)}.ist-mitte{--grund:linear-gradient(to top right,#3B7CCB,#4286D6 40%,#62A4EE 52%,#4788D4 62%,#3A7AC6);--rand:linear-gradient(to top right,#2A5A94,#2B5B96 45%,#3468A8 52%,#295386 62%,#264E83)}.ist-unten{--grund:linear-gradient(120deg,#1B3667,#183363 50%,#153060);--rand:linear-gradient(120deg,#132A58,#122856 50%,#102651)}.h3d-innen{position:absolute;inset:8.5%;border-radius:inherit;background:radial-gradient(60% 45% at 50% 88%,rgb(83 107 178/.28),transparent 70%),linear-gradient(to top right,#204451,#243E51 40%,#283A52 55%,#2A3652 70%,#2C3353);opacity:calc(.96 * var(--r1) * var(--r1))}.h3d-fenster{position:absolute;inset:0;container-type:inline-size;background:rgb(2 14 40);opacity:var(--e)}.h3d-fenster-inhalt{--entwurf:1180;--skala:calc(100cqw / (var(--entwurf) * 1px));width:calc(var(--entwurf) * 1px);height:calc(100% / var(--skala));transform:scale(var(--skala));transform-origin:left top;display:flex}.h3d-fenster-inhalt>.app-rahmen{height:100%;width:100%}.h3d-deckel{inset:0;border-radius:inherit;background:var(--grund);opacity:calc(1 - var(--e))}.h3d-deckel,.h3d-glanz{position:absolute;pointer-events:none}.h3d-glanz{inset:20% 10%;border-radius:50%;background:radial-gradient(closest-side,rgb(98 239 233/.4),rgb(156 94 248/.2) 55%,transparent 80%);filter:blur(28px);opacity:calc(.3 + .7 * var(--r2))}@media (prefers-reduced-motion:reduce){.h3d-schwebe,.h3d-stapel{animation:none!important}.h3d-welt{transform:none!important;transition:none}}.h3d-fenster .app-sidebar{display:flex!important}.h3d-fenster .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.h3d-fenster .lg\:col-span-3{grid-column:span 3/span 3}.h3d-fenster .lg\:col-span-4{grid-column:span 4/span 4}.h3d-fenster .lg\:col-span-6{grid-column:span 6/span 6}.h3d-fenster .lg\:col-span-8{grid-column:span 8/span 8}.h3d-hintergrund{position:absolute;inset:0;pointer-events:none;overflow:hidden}.h3d-hintergrund:before{content:"";position:absolute;inset:-20% -10% -10% 30%;background:radial-gradient(60% 55% at 70% 45%,rgb(57 128 238/.22),transparent 70%),radial-gradient(35% 35% at 85% 20%,rgb(156 94 248/.12),transparent 70%);filter:blur(40px)}.h3d-hintergrund:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255/.045) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.045) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 62% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 70% at 62% 50%,#000 20%,transparent 100%)}.h3d-boden{position:absolute;left:8%;right:8%;bottom:calc(6% - 6% * var(--p2, 1));height:22%;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0/.45),rgb(0 0 0/.2) 50%,transparent 100%);filter:blur(22px);transform:translateZ(-60cqh);pointer-events:none}.h3d-flaeche{box-shadow:0 40px 90px -30px rgb(0 0 0/calc(.2 + .7 * var(--p2)))}.ist-mitte>.h3d-flaeche{box-shadow:0 40px 90px -30px rgb(0 0 0/calc(.2 + .7 * var(--p2))),0 0 36px rgb(80 150 235/calc(.36 * var(--r1))),0 0 90px rgb(60 110 200/calc(.18 * var(--r1)))}.ist-unten>.h3d-flaeche{box-shadow:0 40px 90px -30px rgb(0 0 0/calc(.2 + .7 * var(--p2))),0 0 36px rgb(50 95 190/calc(.32 * var(--r1))),0 0 90px rgb(40 70 160/calc(.16 * var(--r1)))}.ist-oben>.h3d-flaeche{box-shadow:0 40px 90px -30px rgb(0 0 0/calc(.2 + .7 * var(--p2))),0 0 36px rgb(96 214 236/calc(.42 * var(--r1))),0 0 90px rgb(120 110 240/calc(.22 * var(--r1)))}