@media(min-width:1001px){.sei-hero:has(.sei-motiv) .sei-innen{grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:clamp(2.5rem,5vw,5.5rem)}.sei-hero:has(.sei-motiv) .sei-innen>*{grid-column:1}.sei-hero:has(.sei-motiv) .sei-innen>.sei-motiv{grid-column:2;grid-row:1 / span 9;align-self:center}.sei-hero:has(.sei-motiv) .sei-fakten{grid-template-columns:repeat(3,minmax(0,max-content))}}@media(max-width:1000px){.sei-motiv{width:min(100%,520px);margin-top:1rem}}.sei-motiv{position:relative;color:var(--paper);font-family:var(--text);pointer-events:none;-webkit-user-select:none;user-select:none}.motiv-rahmen{position:relative;border-radius:22px;padding:1.1rem;background:linear-gradient(160deg,#15363E,var(--ink-2) 55%);border:1px solid var(--line-2);box-shadow:0 40px 90px -40px #000000bf,0 0 0 1px rgb(var(--mint-rgb) / .04) inset}.motiv-rahmen:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 40% at 85% 0%,rgb(var(--mint-rgb) / .14),transparent 70%)}.motiv-etikett{position:absolute;left:1rem;top:-.85rem;z-index:3;padding:.26rem .6rem;border-radius:999px;background:#081b20eb;border:1px solid var(--line-2);color:var(--paper);font:700 .6rem/1.3 var(--text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.motiv-kopf{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.2rem .25rem .9rem;border-bottom:1px solid var(--line);margin-bottom:.8rem}.motiv-kopf b{font-size:.92rem;font-weight:700;letter-spacing:-.005em}.motiv-kopf small{color:var(--muted);font-size:.72rem;font-weight:600}.motiv-live{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .55rem;border-radius:999px;background:rgb(var(--mint-rgb) / .1);color:var(--mint);font-size:.68rem;font-weight:700}.motiv-live i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 rgb(var(--mint-rgb) / .6)}.sei-motiv.laeuft .motiv-live i{animation:motiv-puls 2s ease-out infinite}@keyframes motiv-puls{0%{box-shadow:0 0 rgb(var(--mint-rgb) / .55)}70%,to{box-shadow:0 0 0 7px rgb(var(--mint-rgb) / 0)}}.ki-liste{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.ki-zeile{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.25rem .75rem;align-items:center;padding:.7rem .75rem;border-radius:14px;background:#081b208c;border:1px solid var(--line)}.ki-icon{grid-row:1 / span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink-4);color:var(--paper-2)}.ki-icon svg{width:17px;height:17px}.ki-was{display:flex;gap:.5rem;align-items:baseline;min-width:0;font-size:.82rem;font-weight:600}.ki-was span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ki-was em{flex:none;color:var(--muted-2);font-style:normal;font-size:.7rem;font-weight:600;margin-left:auto}.ki-ergebnis{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;padding:.2rem .55rem .2rem .45rem;border-radius:999px;background:rgb(var(--mint-rgb) / .12);color:var(--mint-hell);font-size:.7rem;font-weight:700}.ki-ergebnis svg{width:12px;height:12px}.ki-fuss{display:flex;align-items:center;gap:.55rem;margin-top:.85rem;padding:.2rem .25rem 0;color:var(--muted);font-size:.72rem;font-weight:600}.ki-balken{flex:1;height:4px;border-radius:4px;background:var(--ink-4);overflow:hidden}.ki-balken i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint-tief),var(--mint));transform-origin:left}.ki-zeile,.ki-ergebnis{transition:opacity .5s var(--ease),transform .6s var(--ease)}.sei-motiv.mit-ablauf .ki-zeile:not(.an){opacity:0;transform:translateY(14px)}.sei-motiv.mit-ablauf .ki-zeile:not(.fertig) .ki-ergebnis{opacity:0;transform:translate(-8px) scale(.94)}.sei-motiv.mit-ablauf .ki-zeile.an:not(.fertig) .ki-icon{animation:ki-denkt 1s ease-in-out infinite}@keyframes ki-denkt{50%{transform:scale(.9);opacity:.7}}.sei-motiv.mit-ablauf .ki-balken i{transform:scaleX(var(--anteil, 0));transition:transform .6s var(--ease)}.sw-schalt{position:relative;aspect-ratio:1 / .86}.sw-schalt svg.sw-linien{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.sw-linien path{fill:none;stroke:rgb(var(--mint-rgb) / .22);stroke-width:1.4;vector-effect:non-scaling-stroke}.sw-linien .sw-fluss{stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-dasharray:.06 .94;stroke-dashoffset:1;opacity:.9}.sei-motiv.laeuft .sw-fluss{animation:sw-fluss 3.2s linear infinite;animation-delay:var(--v, 0s)}@keyframes sw-fluss{to{stroke-dashoffset:0}}.sw-knoten{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:.45rem;padding:.5rem .7rem .5rem .55rem;border-radius:12px;background:#0c252bf2;border:1px solid var(--line-2);font-size:.76rem;font-weight:700;white-space:nowrap;box-shadow:0 14px 30px -18px #000c}.sw-knoten svg{width:15px;height:15px;color:var(--mint)}.sw-kern{padding:.9rem 1.05rem;border-radius:16px;background:linear-gradient(150deg,var(--ink-4),var(--ink-2));border-color:rgb(var(--mint-rgb) / .45);font-size:.9rem;flex-direction:column;gap:.15rem;text-align:center}.sw-kern small{color:var(--muted);font-size:.66rem;font-weight:600}.sw-kern:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:20px;border:1px solid rgb(var(--mint-rgb) / .35);opacity:0}.sei-motiv.laeuft .sw-kern:after{animation:sw-ring 3.2s var(--ease) infinite}@keyframes sw-ring{0%{opacity:.9;transform:scale(.94)}70%,to{opacity:0;transform:scale(1.12)}}.sw-protokoll{display:grid;gap:.3rem;margin-top:.9rem;padding:.7rem .8rem;border-radius:12px;background:#081b2099;border:1px solid var(--line);font:600 .7rem/1.35 ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--paper-2)}.sw-protokoll>span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem}.sw-protokoll em{font-style:normal}.sw-protokoll time{color:var(--muted-2)}.sw-protokoll b{color:var(--mint);font-weight:600}.sei-motiv.mit-ablauf .sw-protokoll span{transition:opacity .4s var(--ease),transform .5s var(--ease)}.sei-motiv.mit-ablauf .sw-protokoll span:not(.an){opacity:0;transform:translateY(6px)}.wa-liste{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.wa-zeile{display:grid;grid-template-columns:10px minmax(0,1fr) 110px auto;align-items:center;gap:.7rem;padding:.62rem .75rem;border-radius:12px;background:#081b208c;border:1px solid var(--line);font-size:.78rem;font-weight:600}.wa-zeile>i{width:8px;height:8px;border-radius:50%;background:var(--mint)}.wa-zeile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-zeile small{color:var(--muted);font-size:.68rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.wa-kurve{display:block;width:110px;height:24px;overflow:hidden}.wa-kurve svg{display:block;width:220px;max-width:none;height:24px}.wa-kurve path{fill:none;stroke:var(--mint);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.sei-motiv.laeuft .wa-kurve svg{animation:wa-lauf 6s linear infinite;animation-delay:var(--v, 0s)}@keyframes wa-lauf{to{transform:translate(-110px)}}.wa-fuss{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem}.wa-fuss div{padding:.65rem .75rem;border-radius:12px;background:#081b208c;border:1px solid var(--line)}.wa-fuss dt{color:var(--muted);font-size:.66rem;font-weight:700}.wa-fuss dd{margin-top:.15rem;font-size:.84rem;font-weight:700}.wa-fuss dd b{color:var(--mint)}.wa-takt{display:flex;gap:5px;margin-top:.45rem}.wa-takt i{width:6px;height:6px;border-radius:50%;background:rgb(var(--mint-rgb) / .35)}.wa-takt i:nth-child(5n){background:var(--mint)}.wa-takt i:last-child{background:var(--red)}.sei-motiv.laeuft .wa-takt i{animation:wa-takt 2.4s ease-in-out infinite;animation-delay:calc(var(--n) * .12s)}@keyframes wa-takt{0%,to{transform:scale(1)}20%{transform:scale(1.6)}}.sei-hero:has([data-motiv=kontakt]):before{display:none}.ka-karte{position:relative;width:min(100%,390px);margin-left:auto;aspect-ratio:.75}.ka-punkte,.ka-welle{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:url(/karte/de-punkte.svg) center / 100% 100% no-repeat;mask:url(/karte/de-punkte.svg) center / 100% 100% no-repeat}.ka-punkte{background:radial-gradient(70% 60% at var(--x) var(--y),rgb(var(--mint-rgb) / .55),rgb(var(--mint-rgb) / .2) 70%)}.ka-welle{overflow:hidden}.ka-welle i{position:absolute;left:var(--x);top:var(--y);width:240%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;transform:scale(0);opacity:0;background:radial-gradient(closest-side,transparent 80%,rgb(var(--mint-rgb) / .95) 92%,transparent 100%)}.sei-motiv.laeuft .ka-welle i{animation:ka-welle 5.4s cubic-bezier(.3,.1,.4,1) infinite}.sei-motiv.laeuft .ka-welle i:nth-child(2){animation-delay:1.8s}.sei-motiv.laeuft .ka-welle i:nth-child(3){animation-delay:3.6s}@keyframes ka-welle{0%{transform:scale(0);opacity:1}80%{opacity:.6}to{transform:scale(1);opacity:0}}.ka-sitz{position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;translate:-50% -50%;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgb(var(--red-rgb) / .22),0 0 24px 4px rgb(var(--red-rgb) / .45)}.ka-sitz:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid rgb(var(--red-rgb) / .7);opacity:0}.sei-motiv.laeuft .ka-sitz:after{animation:ka-sitz 1.8s ease-out infinite}@keyframes ka-sitz{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.ka-schild{position:absolute;left:calc(var(--x) + 22px);top:var(--y);translate:0 -50%;padding:.5rem .75rem;border-radius:12px;background:#081b20eb;border:1px solid var(--line-2);box-shadow:0 16px 34px -18px #000000e6;white-space:nowrap}.ka-schild b{display:block;font-size:.82rem;font-weight:700}.ka-schild small{color:var(--muted);font-size:.68rem;font-weight:600}.ka-wege{position:absolute;left:-2%;bottom:4%;display:grid;gap:.4rem}.ka-wege span{display:inline-flex;align-items:center;gap:.45rem;justify-self:start;padding:.4rem .7rem .4rem .5rem;border-radius:999px;background:#0c252bf2;border:1px solid var(--line-2);font-size:.72rem;font-weight:700;box-shadow:0 12px 26px -16px #000000e6}.ka-wege svg{width:14px;height:14px;color:var(--mint)}.sei-motiv.mit-ablauf .ka-wege span{transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(.9s + var(--n) * .14s)}.sei-motiv.mit-ablauf:not(.gesehen) .ka-wege span{opacity:0;transform:translate(-10px)}.sei-motiv-info{pointer-events:auto;-webkit-user-select:auto;user-select:auto}.arb-steckbrief .motiv-rahmen{padding:1.3rem 1.4rem 1.4rem}.arb-steckbrief .motiv-kopf b{font-size:1rem}.arb-sb-liste{display:grid;gap:0}.arb-sb-liste>div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.arb-sb-liste dt{color:var(--muted);font-size:.8rem;font-weight:700}.arb-sb-liste dd{min-width:0;font-size:.95rem;font-weight:650;overflow-wrap:anywhere}.arb-online{display:inline-flex;align-items:center;gap:.4rem;color:var(--mint)}.arb-online i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgb(var(--mint-rgb) / .15)}.arb-host{color:var(--muted);font-weight:600}.arb-sb-titel{margin-top:1.1rem;color:var(--muted);font-size:.8rem;font-weight:700}.arb-sb-marken{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none}.arb-sb-marken li{padding:.35rem .7rem;border-radius:999px;background:#081b208c;border:1px solid var(--line-2);font-size:.78rem;font-weight:650}@media(max-width:700px){.motiv-rahmen{padding:.85rem;border-radius:18px}.wa-zeile{grid-template-columns:10px minmax(0,1fr) 70px}.wa-zeile small{display:none}.wa-kurve{width:70px}.ka-karte{width:min(100%,300px);margin:0 auto}.arb-sb-liste>div{grid-template-columns:5rem minmax(0,1fr);gap:.7rem}.arb-steckbrief .motiv-rahmen{padding:1rem 1.05rem 1.1rem}.sw-knoten{font-size:.68rem;padding:.4rem .55rem .4rem .45rem}.sw-kern{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.sei-motiv *,.sei-motiv *:before,.sei-motiv *:after{animation:none!important;transition:none!important}}
