.hb{--fg:#f3eeff;--fg-soft:#ddd5f6;--fg-muted:#c7bee6;--fg-subtle:#b4abd8;--accent:#bba5ff;--accent-text:#d2c3ff;--accent-soft:rgb(187 165 255/0.18);--accent-line:rgb(187 165 255/0.5);--gold:#ffd37d;--gold-soft:rgb(255 211 125/0.16);--gold-line:rgb(255 211 125/0.45);--rose:#ffa3d4;--success:#5fe3a1;--warning:#ffa45c;--info:#8fd6ff;--border:rgb(214 200 255/0.24);--border-ctl:rgb(214 200 255/0.38);--border-hover:rgb(224 210 255/0.6);--canvas:rgb(20 14 48/0.6);--surface-1:rgb(20 14 48/0.72);--surface-2:rgb(30 22 66/0.7);--surface-3:rgb(40 30 84/0.85);--panel:rgb(20 14 48/0.72);--stern:#f4efff;color-scheme:dark;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;display:grid;aspect-ratio:3/1;border-radius:14px;background:#110c27;color:var(--fg);box-shadow:0 24px 60px -30px rgb(10 4 40/.9),0 0 0 1px rgb(214 200 255/.14)}.hb[data-groesse=kompakt]{aspect-ratio:3.6/1}.hb-rahmen{position:absolute;inset:0;z-index:-2;display:flex;background:url(/assets/yurna/banner/rahmen-fuell-links.webp) 0/50.5% 100% no-repeat,url(/assets/yurna/banner/rahmen-fuell-rechts.webp) 100%/50% 100% no-repeat,#120c26}.hb-teil{flex:0 1 auto;min-width:0;height:100%;background-repeat:no-repeat;background-size:auto 100%}.hb-links{aspect-ratio:860/667;background-image:url(/assets/yurna/banner/rahmen-links.webp);background-position:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.hb-mitte{aspect-ratio:280/667;background-image:url(/assets/yurna/banner/rahmen-mitte-oben.webp),url(/assets/yurna/banner/rahmen-mitte-unten.webp);background-position:top,bottom;background-size:auto calc(100cqw / 6 + 1px),auto calc(100cqw / 6 + 1px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.hb-rechts{aspect-ratio:860/667;background-image:url(/assets/yurna/banner/rahmen-rechts.webp);background-position:100%;-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent)}.hb-fuell{flex:1 0 0}.hb-mondschein{left:4%;top:12%;width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(255 226 170/.32),transparent 66%);opacity:.6;animation:hb-mond 6s cubic-bezier(.37,0,.63,1) infinite}.hb-himmel,.hb-mondschein{position:absolute;z-index:-1;pointer-events:none}.hb-himmel{inset:0;overflow:hidden}.hb-drift{top:0;bottom:0;left:22%;width:calc(56% + 260px);opacity:.6;background-image:radial-gradient(1.3px 1.3px at 236px 119px,rgb(244 239 255/.8) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 165px 134px,rgb(244 239 255/.83) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 244px 103px,rgb(244 239 255/.59) 50%,transparent 100%),radial-gradient(.9px .9px at 153px 91px,rgb(244 239 255/.67) 50%,transparent 100%),radial-gradient(.8px .8px at 207px 228px,rgb(244 239 255/.9) 50%,transparent 100%),radial-gradient(.8px .8px at 20px 106px,rgb(244 239 255/.49) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 259px 57px,rgb(244 239 255/.53) 50%,transparent 100%),radial-gradient(.8px .8px at 119px 154px,rgb(244 239 255/.96) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 230px 232px,rgb(244 239 255/.95) 50%,transparent 100%),radial-gradient(.7px .7px at 198px 72px,rgb(244 239 255/.59) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 20px 0,rgb(244 239 255/.58) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 193px 127px,rgb(244 239 255/.58) 50%,transparent 100%),radial-gradient(1px 1px at 229px 61px,rgb(244 239 255/.94) 50%,transparent 100%),radial-gradient(.7px .7px at 31px 127px,rgb(244 239 255/.95) 50%,transparent 100%);background-size:260px 260px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 calc(100% - 300px),transparent calc(100% - 260px));mask-image:linear-gradient(90deg,transparent,#000 15%,#000 calc(100% - 300px),transparent calc(100% - 260px));animation:hb-drift 90s linear infinite}.hb-drift,.hb-ks{position:absolute}.hb-ks{border-radius:50%;background:var(--stern);box-shadow:0 0 4px 1px rgb(236 226 255/.55);opacity:.7;animation:hb-funkeln 3.6s cubic-bezier(.37,0,.63,1) infinite}.hb-schnuppe{position:absolute;top:16%;left:58%;width:130px;height:1.5px;border-radius:999px;background:linear-gradient(90deg,#fff,rgb(255 255 255/0));opacity:0;transform:rotate(-18deg);animation:hb-schnuppe 24s cubic-bezier(.22,1,.36,1) 3s infinite}.hb-yurna{position:absolute;z-index:0;right:1.2%;top:12.5%;height:min(81.5%,27cqw);aspect-ratio:235/245;pointer-events:none}.hb-yurna .hb-pose{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgb(10 4 40/.55));animation:hb-schweben 4.4s cubic-bezier(.37,0,.63,1) infinite}.hb-rund{display:none;position:absolute;z-index:0;left:50%;top:30px;width:92px;aspect-ratio:1;transform:translateX(-50%)}.hb-rund img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 18%;border:1px solid rgb(255 211 125/.55);background:radial-gradient(circle at 50% 40%,#3b2a7c,#140e30 72%)}.hb-rund-schein{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgb(206 180 255/.45),transparent 65%)}.hb-inhalt{position:relative;z-index:1;grid-area:1/1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8.5cqw 23cqw 7.5cqw;text-align:center}.hb-oberzeile{margin:0;padding-left:.46em;font:700 12px/16px var(--font-ui),system-ui,sans-serif;letter-spacing:.46em;text-transform:uppercase;color:#e7dcff}.hb-titel{margin:0;max-width:100%;font-family:var(--font-titel);font-style:italic;font-weight:700;font-size:50px;line-height:58px;letter-spacing:-.005em;color:#f6efff;text-shadow:0 0 28px rgb(196 160 255/.6),0 2px 0 rgb(30 14 70/.5);overflow-wrap:anywhere;text-wrap:balance}.hb[data-groesse=kompakt] .hb-titel{font-size:40px;line-height:48px}.hb-orn{display:block;margin:2px 0 6px}.hb-zusatz{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%}.hb-zeitwahl,.hb-zusatz{align-items:center;gap:8px}.hb-zeitwahl{display:inline-flex;height:40px;padding:0 14px;border-radius:999px;background:rgb(20 14 48/.6);border:1px solid rgb(214 200 255/.38);color:#f3eeff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;line-height:18px;cursor:pointer;transition:border-color .2s,background .2s}.hb-zeitwahl:hover{border-color:rgb(224 210 255/.6);background:rgb(30 22 66/.7)}.hb-zeitwahl svg{width:16px;height:16px;flex:none;color:#c9b6ff}.hb-zeitwahl .hb-zw-wert{font-weight:700;white-space:nowrap}.hb-zeitwahl .hb-zw-neben{color:#c7bee6;white-space:nowrap}.hb-pille{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:rgb(20 14 48/.6);border:1px solid rgb(214 200 255/.38);color:#f3eeff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:600;line-height:18px;text-decoration:none;white-space:nowrap}a.hb-pille:hover{border-color:rgb(224 210 255/.6);background:rgb(30 22 66/.7)}.hb-pille[data-ton=gold]{border-color:rgb(255 211 125/.5);color:#ffe3a6}.hb-pille svg{width:14px;height:14px;flex:none;color:#c9b6ff}.hb-pille[data-ton=ok] svg{color:#5fe3a1}.hb-pille[data-ton=gold] svg{color:#ffd37d}.hb-wert{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;font-family:var(--font-titel);font-style:italic;font-weight:700;font-size:40px;line-height:46px;color:#ffd98a;text-shadow:0 0 22px rgb(255 211 125/.4);font-variant-numeric:lining-nums tabular-nums}.hb-wert small{font:600 13px/18px var(--font-ui),system-ui,sans-serif;color:#c7bee6;text-shadow:none}@media (max-width:720px){.hb,.hb[data-groesse=kompakt]{aspect-ratio:auto;min-height:300px}.hb-rahmen{background:url(/assets/yurna/banner/rahmen-ganz.webp) 50% 50%/cover no-repeat}.hb-mondschein,.hb-rahmen>*,.hb-yurna{display:none}.hb-rund{display:block}.hb-inhalt{justify-content:flex-end;padding:140px 16px 24px}.hb-titel,.hb[data-groesse=kompakt] .hb-titel{font-size:34px;line-height:40px}.hb-zeitwahl .hb-zw-neben{display:none}}@keyframes hb-drift{0%{transform:translateX(0)}to{transform:translateX(-260px)}}@keyframes hb-funkeln{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes hb-schnuppe{0%,91%{opacity:0;transform:translate(0) rotate(-18deg)}92.5%{opacity:.9}97%,to{opacity:0;transform:translate(-300px,98px) rotate(-18deg)}}@keyframes hb-mond{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}@keyframes hb-schweben{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}:root[data-bewegung=ruhig] .hb *,:root[data-bewegung=ruhig] .hb :after,:root[data-bewegung=ruhig] .hb :before{animation:none!important}@font-face{font-family:uiSchrift;src:url(/_next/static/media/fedf4c9280b16369-s.p.woff2) format("woff2");font-display:swap;font-weight:200 800;font-style:normal}@font-face{font-family:uiSchrift Fallback;src:local("Arial");ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.00%;size-adjust:100.14%}.__className_f11572{font-family:uiSchrift,uiSchrift Fallback,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal}.__variable_f11572{--font-ui:"uiSchrift","uiSchrift Fallback",ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@font-face{font-family:zahlenSchrift;src:url(/_next/static/media/a865edea076e0166-s.p.woff2) format("woff2");font-display:swap;font-weight:100 800;font-style:normal}@font-face{font-family:zahlenSchrift Fallback;src:local("Arial");ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.00%;size-adjust:131.49%}.__className_35654b{font-family:zahlenSchrift,zahlenSchrift Fallback,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}.__variable_35654b{--font-zahlen:"zahlenSchrift","zahlenSchrift Fallback",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@font-face{font-family:titelSchrift;src:url(/_next/static/media/e399f3e068a97f0c-s.p.woff2) format("woff2");font-display:swap;font-weight:400 900;font-style:normal}@font-face{font-family:titelSchrift;src:url(/_next/static/media/ff041af6d7f38bb4-s.p.woff2) format("woff2");font-display:swap;font-weight:400 900;font-style:italic}@font-face{font-family:titelSchrift Fallback;src:local("Arial");ascent-override:106.51%;descent-override:24.71%;line-gap-override:0.00%;size-adjust:101.58%}.__className_e071bd{font-family:titelSchrift,titelSchrift Fallback,Georgia,Times New Roman,serif}.__variable_e071bd{--font-playfair:"titelSchrift","titelSchrift Fallback",Georgia,Times New Roman,serif}