.dna4 .ac-board{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.2, .8, .2, 1);--font-sans:"Satoshi", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--q-radius:20px;--q-radius-in:16px;--q-radius-sm:14px;--q-radius-ic:11px;--qg-base:#08090f;--page:#08090f;--txt:#fff;--txt2:#ffffffc7;--mut:#ffffff9e;--faint:#ffffff80;--hair:#ffffff1c;--field-bg:#ffffff0d;--tile-bg:#ffffff0d;--ind:#818cf8;--ind2:#4f46e5;--pink:#f472b6;--ok:#34d399;--glass:radial-gradient(120% 62% at 50% -8%, #ffffff14, transparent 52%), linear-gradient(180deg, #1c1d2ab8, #11121cb8);--glass-strong:linear-gradient(180deg, #1c1d2af0, #11121cf0);--edge:#ffffff1a;--glass-hi:#fff3;--glass-glow:inset 0 -10px 16px -22px #ffffff1a;--glass-shadow:0 18px 40px -18px #000000a8, 0 2px 8px -3px #00000080;--cta-fill:linear-gradient(180deg, #514ae0, #3d33b8);--aurora:radial-gradient(72% 40% at 88% -4%, #f472b642, transparent 64%), radial-gradient(90% 30% at 50% -8%, #6366f133, transparent 60%), radial-gradient(80% 56% at 12% 116%, #4f46e566, transparent 68%), radial-gradient(70% 50% at 92% 112%, #e23a7c38, transparent 66%), linear-gradient(165deg, #0a0b14 0%, #080910 55%, #0a0913 100%);--mesh-line:#ffffff0d;--prisma-opacity:.35;box-sizing:border-box;color:var(--txt);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative}.partner-scope[data-theme=light] .dna4 .ac-board{--qg-base:#f7f5f3;--page:#f4f1ef;--txt:#17151f;--txt2:#34374c;--mut:#54586a;--faint:#676b79;--hair:#14122817;--field-bg:#14122809;--tile-bg:#ffffffd9;--ind:#4f46e5;--ind2:#4035c0;--glass:radial-gradient(120% 62% at 50% -8%, #ffffff8c, transparent 52%), linear-gradient(180deg, #ffffffe6, #ffffffc7);--glass-strong:linear-gradient(180deg, #ffffffe6, #ffffffc7);--edge:#1412281f;--glass-hi:#fff;--glass-glow:inset 0 -12px 16px -15px #ffffffd9;--glass-shadow:0 8px 22px -10px #1c1a2e29, 0 2px 6px -2px #1c1a2e1a;--aurora:radial-gradient(58% 42% at 100% 0%, #e23a7c26, transparent 70%), radial-gradient(56% 44% at 0% 100%, #4338ca1a, transparent 70%), linear-gradient(165deg, #f7f5f3 0%, #f4f1ef 60%, #f3efee 100%);--mesh-line:#4a50961c;--prisma-opacity:0}.dna4 .ac-board *{box-sizing:border-box}.dna4 .ac-board>.ac-board__top,.dna4 .ac-board>.ac-board__body,.dna4 .ac-board>.ac-board__cta{z-index:1;position:relative}.dna4 .ac-board .ac-board__top{flex-shrink:0;align-items:center;gap:12px;padding:2px 0 12px;display:flex}.dna4 .ac-board .tile{border-radius:var(--q-radius-ic);background:var(--glass);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi);color:var(--txt);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dna4 .ac-board .meter{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.dna4 .ac-board .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.dna4 .ac-board .felder{align-items:center;gap:5px;display:flex}.dna4 .ac-board .feld{width:13px;height:13px;box-shadow:inset 0 0 0 1.5px var(--hair);color:#fff;border-radius:4px;justify-content:center;align-items:center;display:flex}.dna4 .ac-board .feld--done{background:var(--ok-fill-disc);box-shadow:none}.dna4 .ac-board .feld--now{box-shadow:inset 0 0 0 1.5px var(--ind);animation:1.6s ease-in-out infinite ab-dna-feldPuls}@keyframes ab-dna-feldPuls{0%,to{box-shadow:inset 0 0 0 1.5px var(--ind), 0 0 0 0 #818cf800}50%{box-shadow:inset 0 0 0 1.5px var(--ind), 0 0 0 4px #818cf82e}}.dna4 .ac-board .bonus{width:14px;height:14px;color:var(--pink);margin-left:3px;display:flex}.dna4 .ac-board .ac-board__body{flex-direction:column;flex:1;min-height:0;display:flex}.dna4 .ac-board .stage{flex-direction:column;gap:12px;margin:auto 0;display:flex}.dna4 .ac-board .h1{letter-spacing:-.02em;color:var(--txt);margin:0;font-size:26px;font-weight:900;line-height:1.1}.dna4 .ac-board .lead{letter-spacing:-.01em;color:var(--mut);text-wrap:pretty;margin:0;font-size:15px;font-weight:500;line-height:1.45}.dna4 .ac-board .hint{color:var(--faint);text-align:center;margin:0;font-size:13px;font-weight:500}.dna4 .ac-board .ac-board__cta{padding:10px 0 max(var(--sab), 14px);flex-direction:column;flex-shrink:0;gap:9px;display:flex}.dna4 .ac-board .btn{border-radius:var(--q-radius-sm);font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:13px 18px;font-size:15px;font-weight:700;display:inline-flex}.dna4 .ac-board .btn--primary{background:var(--cta-fill);color:#fff;box-shadow:0 2px 3px #08061c33,0 10px 24px -8px #08061c73,inset 0 1px #ffffff4d,inset 0 -2px 2px #160c4659}.dna4 .ac-board .btn--glass{background:var(--glass);color:var(--ind);box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi)}.dna4 .ac-board .feldlabel{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:2px 0 -6px 4px;font-size:11px;font-weight:700}.dna4 .ac-board .field{border-radius:var(--q-radius-sm);background:var(--field-bg);height:56px;box-shadow:inset 0 0 0 1px var(--hair);letter-spacing:-.01em;color:var(--txt);align-items:center;padding:0 16px;font-size:20px;font-weight:700;display:flex}.dna4 .ac-board .caret{background:var(--ind);width:2px;height:24px;margin-left:2px;animation:1s steps(2,end) infinite ab-dna-caret;display:inline-block}@keyframes ab-dna-caret{50%{opacity:0}}.dna4 .ac-board .karte{width:266px;height:376px;animation:ab-dna-qardFloat 7s var(--ease-spring) infinite;margin:0 auto;position:relative}.dna4 .ac-board .karte__scale{transform-origin:top;width:340px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.78)}.dna4 .ac-board .karte__rim{border-radius:14px;position:relative;box-shadow:0 0 0 1px #ffffff29,0 24px 48px -20px #000000b3}.partner-scope[data-theme=light] .dna4 .ac-board .karte__rim{box-shadow:0 0 0 1px #14122814,0 24px 48px -20px #1c1a2e4d}@keyframes ab-dna-qardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dna4 .ac-board .qrbox{border-radius:var(--q-radius-in);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi);align-items:center;gap:14px;width:100%;padding:12px;display:flex}.dna4 .ac-board .qrbox__qr{background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000);background-position:0 0,5px 5px;background-repeat:repeat;background-size:10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:content-box;border-radius:10px;flex-shrink:0;width:96px;height:96px;padding:10px}.dna4 .ac-board .qrbox__txt{color:var(--mut);font-size:14px;line-height:1.4}.dna4 .ac-board .qrbox__txt b{color:var(--txt)}.dna4 .ac-board .holen{flex-direction:column;align-items:center;gap:6px;display:flex}.dna4 .ac-board .arrow{color:var(--ind);animation:1.6s ease-in-out infinite ab-dna-arrowBounce}@keyframes ab-dna-arrowBounce{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.dna4 .ac-board .badge{border-radius:10px;width:214px;height:auto;animation:2.6s ease-in-out infinite ab-dna-badgePulse;display:block}@keyframes ab-dna-badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #818cf800}50%{transform:scale(1.035);box-shadow:0 0 0 12px #818cf81f}}.dna4 .ac-board .flash{z-index:6;pointer-events:none;opacity:0;height:104px;animation:ab-dna-flash 1.1s var(--ease-out-expo) .5s both;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);border-radius:4px;position:absolute;top:48px;left:0;right:0}@keyframes ab-dna-flash{0%{opacity:0;transform:translate(-60%)}35%{opacity:1}to{opacity:0;transform:translate(60%)}}.dna4 .ac-board .feld--pop{animation:ab-dna-feldPop .7s var(--ease-out-expo) .6s both}@keyframes ab-dna-feldPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.dna4 .ac-board .stamp{z-index:6;color:#2843f3;width:64px;height:64px;animation:ab-dna-stampIn .7s var(--ease-out-expo) .5s both;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:88px;right:26px;box-shadow:0 10px 24px -8px #0009}.dna4 .ac-board .stamp:after{content:"";animation:ab-dna-ring .9s var(--ease-out-expo) .95s both;border:2px solid #ffffffe6;border-radius:50%;position:absolute;inset:-6px}@keyframes ab-dna-stampIn{0%{opacity:0;transform:scale(2.6)rotate(-14deg)}55%{opacity:1;transform:scale(.94)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ab-dna-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}.dna4 .ac-board .okrow{color:var(--txt);justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.dna4 .ac-board .okdot{background:var(--ok);color:#062b1e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.dna4 .ac-board .scrim{z-index:20;background:#04050c9e;position:absolute;inset:0}.dna4 .ac-board .sheet{z-index:21;border-radius:var(--q-radius);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi), var(--glass-shadow);animation:ab-dna-sheetUp .55s var(--ease-out-expo) both;flex-direction:column;gap:12px;padding:12px 18px 18px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.dna4 .ac-board .schritt{color:var(--txt);align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.dna4 .ac-board .schritt__nr{background:var(--ind2);color:#fff;width:26px;height:26px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.dna4 .ac-board .handle{background:var(--hair);border-radius:999px;width:36px;height:4px;margin:0 auto 4px}@keyframes ab-dna-sheetUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}.dna4 .ac-board .menu{z-index:21;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--edge), var(--glass-shadow);padding:calc(var(--sat) + 10px) 14px 14px;animation:ab-dna-menuDown .55s var(--ease-out-expo) both;border-radius:0 0 28px 28px;flex-direction:column;gap:10px;display:flex;position:absolute;inset:0 0 60px}@keyframes ab-dna-menuDown{0%{transform:translateY(-104%)}to{transform:translateY(0)}}.dna4 .ac-board .menu__kopf{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.dna4 .ac-board .scrim--menu:after{content:"";background:#04050c;height:60px;position:absolute;bottom:0;left:0;right:0}.dna4 .ac-board .menu__zu{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.dna4 .ac-board .menu__liste{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;position:relative;overflow:hidden}.dna4 .ac-board .menu__liste:before{content:"";background:var(--hair);border-radius:2px;width:2px;position:absolute;top:30px;bottom:16px;left:13px}.dna4 .ac-board .menu__liste:after{content:"";height:var(--ab-weg,88px);background:var(--ind);border-radius:2px;width:2px;position:absolute;top:30px;left:13px}.dna4 .ac-board .menu__block{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:8px 0 2px 36px;font-size:11px;font-weight:700}.dna4 .ac-board .row{letter-spacing:-.01em;min-height:34px;color:var(--txt);border-radius:10px;align-items:center;gap:12px;padding:0 4px;font-size:15px;font-weight:500;display:flex;position:relative}.dna4 .ac-board .row__ic{background:var(--page);width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--hair);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dna4 .ac-board .row--done .row__ic{background:var(--ok-fill-disc);box-shadow:none}.dna4 .ac-board .row--now{background:var(--tile-bg);box-shadow:inset 0 0 0 1px var(--edge);font-weight:700}.dna4 .ac-board .row--now .row__ic{box-shadow:inset 0 0 0 1.5px var(--ind);animation:1.6s ease-in-out infinite ab-dna-feldPuls}.dna4 .ac-board .row--next{color:var(--faint)}.dna4 .ac-board .row__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dna4 .ac-board .row__min{font-family:var(--font-mono);color:var(--faint);flex-shrink:0;font-size:11px}.dna4 .ac-board .menu__pause{color:var(--faint);text-align:center;margin:2px 0 0;font-size:13px}.dna4 .ac-board .menu__pause b{color:var(--mut);font-weight:700}.dna4 .ac-board .lock{color:#fff;background:radial-gradient(120% 70% at 30% 0,#2b2f6b 0%,#131532 45%,#07080f 100%);width:390px;height:844px;font-family:Satoshi,system-ui,sans-serif;position:relative;overflow:hidden}.dna4 .ac-board .lock__time{text-align:center;letter-spacing:-.03em;font-size:84px;font-weight:500;line-height:1;position:absolute;top:96px;left:0;right:0}.dna4 .ac-board .lock__date{text-align:center;opacity:.9;font-size:17px;font-weight:700;position:absolute;top:70px;left:0;right:0}.dna4 .ac-board .bloom{z-index:1;filter:blur(24px);width:135%;height:32%;animation:ab-dna-pmBloomOnce .9s var(--ease-out-expo) .6s both;background:radial-gradient(50% 50%,#818cf88c,#e23a7c40 40%,#0000 70%);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.7)}.dna4 .ac-board .note{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);animation:ab-dna-pmSlamIn .9s var(--ease-out-expo) .6s both;background:#ffffff24;border-radius:22px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:absolute;top:232px;left:12px;right:12px;box-shadow:inset 0 0 0 1px #ffffff38,0 20px 50px -20px #000000b3}.dna4 .ac-board .note__icon{border-radius:10px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.dna4 .ac-board .note__app{opacity:.85;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.dna4 .ac-board .note__title{margin-top:2px;font-size:15px;font-weight:700}.dna4 .ac-board .note__body{opacity:.92;font-size:15px;font-weight:500;line-height:1.3}@keyframes ab-dna-pmSlamIn{0%{opacity:0;transform:translateY(-150%)scale(.96)}60%{opacity:1;transform:translateY(7%)scale(1.015)}82%{transform:translateY(-2%)scale(.997)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ab-dna-pmBloomOnce{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}45%{opacity:.85;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@media (prefers-reduced-motion:reduce){.dna4 .ac-board *,.dna4 .ac-board .lock *{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.dna4 .ac-board[data-board=home] .hp-sheet{z-index:21;border-radius:var(--q-radius);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi), var(--glass-shadow);animation:ab-home-hpUp .55s var(--ease-out-expo) both;flex-direction:column;gap:12px;padding:12px 18px 18px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}@keyframes ab-home-hpUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}.dna4 .ac-board[data-board=home] .hp-handle{background:var(--hair);border-radius:999px;width:36px;height:4px;margin:0 auto 2px}.dna4 .ac-board[data-board=home] .hp-kopf{align-items:center;gap:13px;display:flex}.dna4 .ac-board[data-board=home] .hp-icon{border-radius:14px;flex-shrink:0;width:54px;height:54px;overflow:hidden;box-shadow:0 8px 20px -10px #000000b3,inset 0 0 0 1px #ffffff24}.dna4 .ac-board[data-board=home] .hp-icon img{width:54px;height:54px;display:block}.dna4 .ac-board[data-board=home] .hp-h{letter-spacing:-.02em;color:var(--txt);margin:0;font-size:20px;font-weight:900;line-height:1.12}.dna4 .ac-board[data-board=home] .hp-p{color:var(--mut);text-wrap:pretty;margin:0;font-size:14px;line-height:1.42}.dna4 .ac-board[data-board=home] .hp-schritte{flex-direction:column;gap:9px;margin:2px 0;display:flex}.dna4 .ac-board[data-board=home] .hp-s{color:var(--txt);animation:ab-home-hpRein .5s var(--ease-out-expo) both;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.dna4 .ac-board[data-board=home] .hp-s__nr{background:var(--ind2);color:#fff;width:26px;height:26px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.dna4 .ac-board[data-board=home] .hp-s__ic{background:var(--tile-bg);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ind);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@keyframes ab-home-hpRein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dna4 .ac-board[data-board=home] .hp-klein{color:var(--faint);margin:0;font-size:12.5px;line-height:1.4}.dna4 .ac-board[data-board=home] .hp-zeile{gap:9px;display:flex}.dna4 .ac-board[data-board=home] .hp-zeile .btn{flex:1}.dna4 .ac-board[data-board=home] .hp-safari{z-index:22;color:#9aa0b4;background:#1c1c22f5;justify-content:space-around;align-items:flex-start;height:82px;padding:14px 24px 0;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff1a}.partner-scope[data-theme=light] .dna4 .ac-board[data-board=home] .hp-safari{color:#6b7080;background:#f7f7f9fa;box-shadow:0 -1px #0000001f}.dna4 .ac-board[data-board=home] .hp-safari__teilen{color:var(--ind);position:relative}.dna4 .ac-board[data-board=home] .hp-safari__teilen:before{content:"";box-shadow:0 0 0 2px var(--ind);border-radius:12px;animation:1.8s ease-in-out 1.4s infinite ab-home-hpRing;position:absolute;inset:-9px}@keyframes ab-home-hpRing{0%,to{box-shadow:0 0 0 2px var(--ind), 0 0 0 0 #818cf800}50%{box-shadow:0 0 0 2px var(--ind), 0 0 0 9px #818cf81f}}.dna4 .ac-board[data-board=home] .hp-pfeil{z-index:23;color:var(--ind);animation:1.6s ease-in-out 1.2s infinite ab-home-hpBounce;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}@keyframes ab-home-hpBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.dna4 .ac-board[data-board=home] .hp-safari--26{justify-content:center;align-items:center;gap:12px;padding:12px 18px 0}.dna4 .ac-board[data-board=home] .hp-pill{color:#cfd2e0;background:#ffffff14;border-radius:999px;flex:1;justify-content:center;align-items:center;height:44px;font-size:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.partner-scope[data-theme=light] .dna4 .ac-board[data-board=home] .hp-pill{color:#454a5c;background:#0000000d;box-shadow:inset 0 0 0 1px #0000001a}.dna4 .ac-board[data-board=home] .hp-safari__punkte{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dna4 .ac-board[data-board=home] .hp-safari__punkte:before{border-radius:50%}@keyframes ab-home-hpBounceR{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.dna4 .ac-board[data-board=home] .hp-chrome{z-index:30;color:#e8e8ee;animation:ab-home-hpUp .5s var(--ease-out-expo) 2.4s both;background:#1f1f24;border-radius:18px 18px 0 0;padding:18px 20px 22px;font-family:Roboto,Satoshi,system-ui,sans-serif;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -20px 50px -20px #000c}.dna4 .ac-board[data-board=home] .hp-chrome__k{align-items:center;gap:14px;display:flex}.dna4 .ac-board[data-board=home] .hp-chrome__k img{border-radius:12px;width:48px;height:48px}.dna4 .ac-board[data-board=home] .hp-chrome__t{font-size:17px;font-weight:700}.dna4 .ac-board[data-board=home] .hp-chrome__u{color:#a9aab8;margin-top:2px;font-size:13px}.dna4 .ac-board[data-board=home] .hp-chrome__b{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dna4 .ac-board[data-board=home] .hp-chrome__b span{border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700}.dna4 .ac-board[data-board=home] .hp-chrome__b .ab{color:#a8c7fa}.dna4 .ac-board[data-board=home] .hp-chrome__b .ok{color:#062e6f;background:#a8c7fa}.dna4 .ac-board[data-board=home] .hp-ios{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;text-align:center;width:270px;animation:ab-home-hpPop .4s var(--ease-out-expo) 2.4s both;background:#28282cf5;border-radius:14px;font-family:-apple-system,Satoshi,system-ui,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 60px -20px #000c}@keyframes ab-home-hpPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.dna4 .ac-board[data-board=home] .hp-ios__t{padding:18px 16px 6px;font-size:17px;font-weight:700;line-height:1.25}.dna4 .ac-board[data-board=home] .hp-ios__p{color:#ffffffbf;padding:0 16px 16px;font-size:13px;line-height:1.35}.dna4 .ac-board[data-board=home] .hp-ios__b{border-top:1px solid #ffffff24;display:flex}.dna4 .ac-board[data-board=home] .hp-ios__b span{color:#4c8dff;flex:1;padding:12px 0;font-size:17px}.dna4 .ac-board[data-board=home] .hp-ios__b span+span{border-left:1px solid #ffffff24;font-weight:700}.dna4 .ac-board[data-board=home] .hp-app{flex-direction:column;gap:12px;display:flex}.dna4 .ac-board[data-board=home] .hp-app__kopf{justify-content:space-between;align-items:baseline;padding:6px 2px 2px;display:flex}.dna4 .ac-board[data-board=home] .hp-app__h{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:900}.dna4 .ac-board[data-board=home] .hp-app__d{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px}.dna4 .ac-board[data-board=home] .hp-karte{border-radius:var(--q-radius);background:var(--glass);box-shadow:inset 0 0 0 1.5px var(--edge), inset 0 2px 0 var(--glass-hi), var(--glass-shadow);animation:ab-home-hpRein .6s var(--ease-out-expo) .3s both;flex-direction:column;gap:9px;padding:14px 15px 13px;display:flex}.dna4 .ac-board[data-board=home] .hp-karte--ruhig{box-shadow:inset 0 0 0 1.5px #818cf859, inset 0 2px 0 var(--glass-hi)}.dna4 .ac-board[data-board=home] .hp-karte__k{align-items:center;gap:11px;display:flex}.dna4 .ac-board[data-board=home] .hp-karte__ic{border-radius:10px;flex-shrink:0;width:38px;height:38px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.dna4 .ac-board[data-board=home] .hp-karte__ic img{width:38px;height:38px;display:block}.dna4 .ac-board[data-board=home] .hp-karte__t{color:var(--txt);font-size:15px;font-weight:700;line-height:1.25}.dna4 .ac-board[data-board=home] .hp-karte__s{color:var(--mut);margin-top:1px;font-size:12.5px;line-height:1.35}.dna4 .ac-board[data-board=home] .hp-karte__b{align-items:center;gap:12px;display:flex}.dna4 .ac-board[data-board=home] .hp-karte__b .btn{width:auto;min-height:40px;padding:9px 15px;font-size:14px}.dna4 .ac-board[data-board=home] .hp-karte__x{color:var(--faint);font-size:13px;font-weight:700}.dna4 .ac-board[data-board=home] .hp-tag{border-radius:var(--q-radius);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi);flex-direction:column;gap:6px;padding:14px 15px;display:flex}.dna4 .ac-board[data-board=home] .hp-tag__t{font-size:15px;font-weight:700}.dna4 .ac-board[data-board=home] .hp-tag__z{color:var(--txt2);align-items:center;gap:10px;font-size:14px;display:flex}.dna4 .ac-board[data-board=home] .hp-tag__n{background:var(--tile-bg);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--edge);font-family:var(--font-mono);color:var(--ind);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.dna4 .ac-board[data-board=home] .hp-strecke{flex-direction:column;gap:0;padding-left:4px;display:flex;position:relative}.dna4 .ac-board[data-board=home] .hp-strecke:before{content:"";background:var(--hair);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px;left:15px}.dna4 .ac-board[data-board=home] .hp-m{animation:ab-home-hpRein .5s var(--ease-out-expo) both;align-items:flex-start;gap:12px;padding:7px 0;display:flex;position:relative}.dna4 .ac-board[data-board=home] .hp-m__p{background:var(--page);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--ind);color:var(--ind);font-family:var(--font-mono);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.dna4 .ac-board[data-board=home] .hp-m__p--ruhig{box-shadow:inset 0 0 0 2px var(--hair);color:var(--faint)}.dna4 .ac-board[data-board=home] .hp-m__p--ok{background:var(--ok);box-shadow:none;color:#052e21}.dna4 .ac-board[data-board=home] .hp-m__t{color:var(--txt);font-size:14.5px;font-weight:700;line-height:1.25}.dna4 .ac-board[data-board=home] .hp-m__s{color:var(--mut);margin-top:1px;font-size:12.5px;line-height:1.35}.dna4 .ac-board[data-board=home] .hp-regel{border-radius:var(--q-radius-in);color:var(--txt);background:#818cf81a;padding:11px 13px;font-size:13px;line-height:1.4;box-shadow:inset 0 0 0 1px #818cf84d}.dna4 .ac-board[data-board=home] .hp-regel b{color:var(--ind)}.dna4 .ac-board[data-board=home] .hp-liste{border-radius:var(--q-radius);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--glass-hi);flex-direction:column;display:flex;overflow:hidden}.dna4 .ac-board[data-board=home] .hp-li{color:var(--txt);box-shadow:0 1px 0 var(--hair);align-items:center;gap:12px;padding:14px 15px;font-size:15px;display:flex}.dna4 .ac-board[data-board=home] .hp-li__r{color:var(--faint);margin-left:auto;font-size:13px}.dna4 .ac-board[data-board=home] .hp-li__r--aus{color:var(--pink);font-weight:700}.dna4 .ac-board[data-board=home] .hp-anleitung{color:var(--mut);background:#f472b60f;padding:12px 15px 14px;font-size:13.5px;line-height:1.45}.dna4 .ac-board[data-board=home] .hp-anleitung b{color:var(--txt)}
.partner-scope[data-theme] .dna4 .ac-board[data-board=home].ac-board--blatt{display:contents}.partner-scope[data-theme] .dna4 .ac-board[data-board=home] button.scrim{cursor:pointer;appearance:none;border:0;padding:0}.partner-scope[data-theme] .dna4 .ac-board[data-board=home] .hp-sheet:focus{outline:none}.partner-scope[data-theme] .dna4 .ac-board[data-board=home] .hp-sheet{overscroll-behavior:contain;max-height:calc(100% - 20px);overflow-y:auto}.partner-scope[data-theme] .dna4 .ac-board[data-board=home] .hp-sheet>*{flex-shrink:0}@media (prefers-reduced-motion:reduce){.partner-scope[data-theme] .dna4 .ac-board[data-board=home] .hp-sheet{animation:none!important}}.partner-scope[data-theme] .dna4 .ac-board[data-board=home][data-frei=ja] .scrim{position:fixed}.partner-scope[data-theme] .dna4 .ac-board[data-board=home][data-frei=ja] .hp-sheet{bottom:calc(10px + var(--sab,0px));position:fixed}.partner-scope[data-theme] .dna4 .ac-board[data-board=home][data-frei=ja] .scrim{z-index:var(--z-schleier)}.partner-scope[data-theme] .dna4 .ac-board[data-board=home][data-frei=ja] .hp-sheet{z-index:var(--z-blatt)}
.dna4 .hp-dim{opacity:.32;filter:blur(1px)}
