*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-20{z-index:20}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-3{height:.75rem}.w-10{width:2.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.break-all{word-break:break-all}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-accentBlue{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-accentOrange{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.outline{outline-style:solid}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--papier:#f7f5f0;--flaeche:#fffdf9;--flaeche-alt:#f1eee7;--tinte:#141210;--tinte-leise:#6b655c;--linie:#e2ddd3;--akzent:#b8422a;--akzent-weich:#f3e3de;--gruen:#3f7a4e;--bernstein:#a8761c;--schatten:0 1px 2px rgba(20,18,16,.04),0 8px 24px -12px rgba(20,18,16,.12);--schrift-text:var(--font-inter),ui-sans-serif,system-ui,sans-serif;--schrift-titel:var(--font-titel),ui-sans-serif,system-ui,sans-serif;--takt:0.5s;--kurve:cubic-bezier(0.22,1,0.36,1);--schein:linear-gradient(180deg,rgba(34,88,172,.3),rgba(38,94,176,.13) 32%,transparent 62%),radial-gradient(1250px 700px at 10% -12%,rgba(26,80,168,.16),transparent 62%),radial-gradient(900px 560px at 94% 0%,rgba(58,122,196,.12),transparent 64%);color-scheme:light}.dark{--papier:#121110;--flaeche:#1a1817;--flaeche-alt:#211f1d;--tinte:#f2efe9;--tinte-leise:#9a938a;--linie:#2c2926;--akzent:#e86a4a;--akzent-weich:#2e1e18;--gruen:#6cb37f;--bernstein:#dda94a;--schatten:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.6);--schein:radial-gradient(1150px 640px at 14% -14%,rgba(232,106,74,.16),transparent 60%),radial-gradient(860px 520px at 94% 4%,rgba(196,72,40,.11),transparent 62%),radial-gradient(1000px 520px at 50% 116%,rgba(255,146,84,.06),transparent 60%);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--papier);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)' opacity='0.32'/%3E%3C/svg%3E"),var(--schein);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:160px 160px,auto,auto,auto;background-attachment:fixed;background-blend-mode:soft-light,normal,normal,normal;color:var(--tinte);font-family:var(--schrift-text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--takt) var(--kurve),color var(--takt) var(--kurve)}::-moz-selection{background:var(--akzent);color:var(--flaeche)}::selection{background:var(--akzent);color:var(--flaeche)}a{color:inherit;text-decoration:none}.bahn{width:100%;max-width:1080px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}@font-face{font-family:Chomsky;src:url(/schriften/Chomsky-Kopf.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.titel{font-family:var(--schrift-titel);font-weight:600;letter-spacing:-.03em;line-height:.98;font-size:clamp(2.75rem,9vw,6.5rem);margin:0}.titel em{font-style:normal;color:var(--akzent)}.titel-klein{font-family:var(--schrift-titel);font-weight:600;letter-spacing:-.02em;line-height:1.1;font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0}.vorspann{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:46ch;line-height:1.55}.marke,.vorspann{color:var(--tinte-leise)}.marke{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.ziffer{font-variant-numeric:tabular-nums;font-size:.78rem;letter-spacing:.08em;color:var(--tinte-leise)}.kopf{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--papier) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s var(--kurve)}.kopf[data-gescrollt=ja]{border-bottom-color:var(--linie)}.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:68px}.wortmarke{font-family:var(--schrift-titel);font-weight:600;font-size:1.35rem;letter-spacing:-.025em}.wortmarke span{color:var(--akzent)}.kopf-nav{display:flex;align-items:center;gap:.35rem}.kopf-nav .knopf{height:34px;font-size:.82rem}.kopf-rechts{display:flex;align-items:center;gap:.35rem;position:relative}.kopf-name{margin-right:.5rem}.knopf.kopf-menueknopf{display:none}@media (max-width:767px){.knopf.kopf-menueknopf{display:inline-flex;width:40px;height:40px;padding:0}.kopf-menueknopf svg{width:22px;height:22px}.kopf-nav{position:absolute;top:calc(100% + .65rem);right:0;z-index:1;flex-direction:column;align-items:stretch;gap:.4rem;min-width:12rem;max-width:calc(100vw - 2.5rem);padding:.7rem;border:1px solid var(--linie);border-radius:1.1rem;background:var(--papier);box-shadow:0 20px 45px -20px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-.4rem);transition:opacity .18s var(--kurve),transform .18s var(--kurve),visibility .18s}.kopf-nav[data-offen=ja]{opacity:1;visibility:visible;transform:none}.kopf-nav .knopf{width:100%;height:40px;justify-content:flex-start;font-size:.9rem}.kopf-name{margin:.1rem 0 .3rem;padding:0 .6rem .55rem;border-bottom:1px solid var(--linie)}}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding-inline:1rem;border-radius:999px;border:1px solid var(--linie);background:transparent;color:var(--tinte);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s var(--kurve),border-color .2s var(--kurve),color .2s var(--kurve),transform .12s var(--kurve)}.knopf:hover{background:var(--flaeche-alt);border-color:var(--tinte-leise)}.knopf:active{transform:translateY(1px)}.knopf:disabled{opacity:.55;cursor:default}.knopf-voll{background:var(--tinte);color:var(--papier);border-color:var(--tinte)}.knopf-akzent,.knopf-voll:hover{background:var(--akzent);border-color:var(--akzent);color:#fff}.knopf-akzent:hover{filter:brightness(1.08);background:var(--akzent)}:where(button,a,input):focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:6px}.themenschalter{position:relative;width:40px;height:40px;padding:0;overflow:hidden}.themenschalter svg{position:absolute;inset:0;margin:auto;width:18px;height:18px;transition:transform .45s var(--kurve),opacity .3s var(--kurve)}.themenschalter .sonne{opacity:1;transform:rotate(0deg) scale(1)}.themenschalter .mond{opacity:0;transform:rotate(-90deg) scale(.5)}.dark .themenschalter .sonne{opacity:0;transform:rotate(90deg) scale(.5)}.dark .themenschalter .mond{opacity:1;transform:rotate(0deg) scale(1)}.zeile{display:block;overflow:hidden}.zeile>span{display:block;transform:translateY(105%);animation:zeile-herein .9s var(--kurve) forwards;animation-delay:var(--verzug,0ms)}@keyframes zeile-herein{to{transform:translateY(0)}}[data-auftritt]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--kurve),transform .6s var(--kurve);transition-delay:var(--verzug,0ms)}[data-auftritt=da]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zeile>span{animation:none;transform:none}[data-auftritt]{opacity:1;transform:none;transition:none}.punkt[data-status=online]:after{animation:none}}.dienste{border-top:1px solid var(--linie)}.dienst{position:relative;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1.25rem;padding:1.6rem 1rem 1.6rem .75rem;border-bottom:1px solid var(--linie);isolation:isolate;transition:padding-left .35s var(--kurve)}.dienst:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--akzent-weich);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--kurve)}.dienst:hover:before{transform:scaleX(1)}.dienst:hover{padding-left:1.5rem}.dienst-name{display:block;font-family:var(--schrift-titel);font-weight:600;letter-spacing:-.025em;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.15;transition:color .25s var(--kurve)}.dienst:hover .dienst-name{color:var(--akzent)}.dienst-text{display:block;color:var(--tinte-leise);font-size:.9rem;margin-top:.15rem;transition:color .25s var(--kurve)}.dienst-pfeil{display:inline-flex;align-items:center;gap:.5rem;color:var(--tinte-leise);font-size:.85rem;white-space:nowrap;transition:color .25s var(--kurve),transform .35s var(--kurve)}.dienst:hover .dienst-pfeil{color:var(--akzent);transform:translateX(4px)}.dienst[data-aus=ja]{opacity:.55}@media (max-width:640px){.dienst{grid-template-columns:2rem 1fr;gap:.9rem}.dienst-pfeil{grid-column:2;margin-top:.4rem}}.dienst[data-thema]{--motiv-x:70%;--motiv-y:50%;--motiv-s:0.58}.dienst[data-thema=mail]{--motiv-s:0.54;--motiv-y:56%}.dienst[data-thema=jellyfin]{--motiv-s:0.72;--motiv-y:44%}.dienst[data-thema=minecraft]{--motiv-s:0.62}.dienst[data-thema=eco]{--motiv-s:0.6;--motiv-x:74%}.dienst[data-thema=astro]{--motiv-s:0.5;--motiv-x:56%}.dienst[data-thema=bruch]{--motiv-s:0.52;--motiv-x:71%}.dienst[data-thema=lauf],.dienst[data-thema=spiele]{--motiv-s:0.5;--motiv-x:72%}.dienst[data-thema=lernen]{--motiv-s:0.52;--motiv-x:74%}.dienst[data-thema]:before{content:none}.dienst[data-thema] .buehne{z-index:-1;clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .5s var(--kurve),opacity .35s var(--kurve)}.dienst[data-thema]:focus-visible .buehne,.dienst[data-thema]:hover .buehne{clip-path:inset(0 0 0 0);opacity:1}.dienst[data-thema] .buehne:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,7,14,.8),rgba(9,7,14,.5) 34%,rgba(9,7,14,.12) 62%,rgba(9,7,14,.34))}.dienst[data-thema]:focus-visible :is(.dienst-name,.dienst-text,.dienst-hinweis,.dienst-pfeil,.ziffer,.status-zeile),.dienst[data-thema]:hover :is(.dienst-name,.dienst-text,.dienst-hinweis,.dienst-pfeil,.ziffer,.status-zeile){color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}.dienst[data-thema]:hover .punkt[data-status=online]{background:#7fe0a0}.motivfeld[data-aus=ja] .buehne{filter:grayscale(1) brightness(.72) contrast(.9)}.dienst[data-thema][data-aus=ja]:hover{padding-left:.75rem}.punkt{position:relative;display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--tinte-leise);flex:none}.punkt[data-status=online]{background:var(--gruen)}.punkt[data-status=online]:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:1px solid var(--gruen);opacity:0;animation:puls 2.4s ease-out infinite}@keyframes puls{0%{transform:scale(.7);opacity:.7}70%{transform:scale(1.6);opacity:0}to{opacity:0}}.punkt[data-status=live]{background:var(--akzent)}.punkt[data-status=live]:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:1px solid var(--akzent);opacity:0;animation:puls 1.6s ease-out infinite}.dienst[data-thema]:hover .punkt[data-status=live]{background:#ff9a76}.punkt[data-status=wartung]{background:var(--bernstein)}.dienst[data-thema]:hover .punkt[data-status=wartung]{background:#f0c064}.status-zeile{gap:.45rem;font-size:.78rem;letter-spacing:.04em;color:var(--tinte-leise)}.status-hand,.status-zeile{display:inline-flex;align-items:center}.status-hand{padding:.05rem .4rem;border:1px solid;border-radius:999px;font-size:.66rem;letter-spacing:.06em;text-transform:lowercase;opacity:.75}.dienst-hinweis{display:block;margin-top:.4rem;max-width:46ch;color:var(--tinte-leise);font-size:.82rem;font-style:italic;line-height:1.4;transition:color .25s var(--kurve)}.buehne{overflow:hidden;border-radius:inherit;pointer-events:none}.buehne,.buehne>span{position:absolute;inset:0}.buehne>span{display:block}.buehne .funke>i,.buehne .motiv>i,.buehne .schicht-a>i,.buehne .schicht-b>i{position:absolute;display:block}.buehne .funke>i{opacity:0}.buehne .motiv{inset:auto;left:calc(var(--motiv-x, 50%) + var(--motiv-dx, 0%));top:calc(var(--motiv-y, 50%) + var(--motiv-dy, 0%));width:var(--motiv-b,120px);height:var(--motiv-h,120px);transform:translate(-50%,-50%) scale(var(--motiv-s,1));transition:transform .7s var(--kurve)}.buehne[data-thema=astro]{--motiv-b:200px;--motiv-h:200px;--motiv-dx:18%;--motiv-dy:26%}.buehne[data-thema=astro] .grund{background:radial-gradient(130% 100% at 18% 6%,#341a5e 0,transparent 58%),radial-gradient(115% 95% at 90% 94%,#0d3a5e 0,transparent 62%),linear-gradient(158deg,#06050d,#130b21 52%,#08080f)}.buehne[data-thema=astro] .grund:after{content:"";position:absolute;top:16%;left:-28%;width:30%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.95));opacity:0;animation:komet 13s linear infinite}@keyframes komet{0%,86%{opacity:0;transform:rotate(15deg) translateX(0)}88%{opacity:.95}to{opacity:0;transform:rotate(15deg) translateX(430%)}}.buehne[data-thema=astro] .schicht-a{background:radial-gradient(closest-side at 32% 42%,rgba(196,92,240,.6),transparent 72%),radial-gradient(closest-side at 68% 64%,rgba(64,132,255,.5),transparent 72%),radial-gradient(closest-side at 52% 22%,rgba(255,110,170,.34),transparent 70%);filter:blur(22px);transform:scale(1.15);animation:nebel-driften 34s ease-in-out infinite alternate;transition:opacity .6s var(--kurve),filter .6s var(--kurve)}@keyframes nebel-driften{0%{transform:scale(1.15) translate3d(-3%,2%,0) rotate(0deg)}50%{transform:scale(1.3) translate3d(4%,-3%,0) rotate(4deg)}to{transform:scale(1.18) translate3d(-2%,-1%,0) rotate(-3deg)}}.buehne[data-thema=astro] .schicht-b{background-image:radial-gradient(1.6px 1.6px at 24px 32px,#fff,transparent),radial-gradient(1.1px 1.1px at 88px 76px,hsla(0,0%,100%,.85),transparent),radial-gradient(1.4px 1.4px at 142px 24px,rgba(214,226,255,.9),transparent),radial-gradient(1px 1px at 58px 128px,hsla(0,0%,100%,.7),transparent),radial-gradient(1.2px 1.2px at 168px 148px,rgba(255,226,240,.8),transparent);background-size:200px 190px;animation:sterne-funkeln 5.5s ease-in-out infinite alternate;transition:transform .9s var(--kurve)}@keyframes sterne-funkeln{0%{opacity:.55}to{opacity:1}}.buehne[data-thema=astro] .schicht-b>i{width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 9px 2px rgba(190,210,255,.8);animation:stern-atmen 4.5s ease-in-out infinite alternate;transition:transform .6s var(--kurve)}.buehne[data-thema=astro] .schicht-b>i:first-child{left:17%;top:26%}.buehne[data-thema=astro] .schicht-b>i:nth-child(2){left:61%;top:15%;animation-delay:-1.7s;transform:scale(.8)}.buehne[data-thema=astro] .schicht-b>i:nth-child(3){left:38%;top:71%;animation-delay:-3.1s;transform:scale(.65)}.buehne[data-thema=astro] .schicht-b>i:after,.buehne[data-thema=astro] .schicht-b>i:before{content:"";position:absolute;left:50%;top:50%}.buehne[data-thema=astro] .schicht-b>i:before{width:28px;height:1px;margin:0 0 0 -14px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.75),transparent)}.buehne[data-thema=astro] .schicht-b>i:after{width:1px;height:28px;margin:-14px 0 0;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.75),transparent)}@keyframes stern-atmen{0%{opacity:.35}to{opacity:1}}.buehne[data-thema=astro] .motiv>i:first-child{inset:0;border-radius:50%;background:repeating-linear-gradient(172deg,hsla(0,0%,100%,.05) 0 6px,transparent 6px 17px),radial-gradient(circle at 34% 28%,#8878cc 0,#3d3170 46%,#191238 100%);box-shadow:inset -26px -16px 46px rgba(0,0,0,.78),0 0 70px -12px rgba(150,110,255,.5);z-index:2}.buehne[data-thema=astro] .motiv>i:nth-child(2),.buehne[data-thema=astro] .motiv>i:nth-child(4){left:50%;top:50%;width:186%;height:186%;margin:-93% 0 0 -93%;border-radius:50%;border:7px solid rgba(198,172,255,.32);transform:rotate(-17deg) scaleY(.24);transition:transform .8s var(--kurve),border-color .6s var(--kurve)}.buehne[data-thema=astro] .motiv>i:nth-child(2){z-index:1}.buehne[data-thema=astro] .motiv>i:nth-child(4){z-index:3;border-color:rgba(222,206,255,.6);clip-path:inset(50% 0 0 0)}.buehne[data-thema=astro] .motiv>i:nth-child(3){left:-14%;top:8%;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#eae5f6,#9a92b8);box-shadow:0 0 14px -2px rgba(200,190,255,.7);z-index:3;transition:transform .8s var(--kurve)}.buehne[data-thema=mail]{--motiv-b:168px;--motiv-h:112px;--motiv-dy:4%}.buehne[data-thema=mail] .grund{background:radial-gradient(70% 110% at calc(var(--motiv-x, 50%) - 6%) -10%,rgba(255,214,160,.22),transparent 65%),linear-gradient(168deg,#2a221b 0,#1a1511 100%)}.buehne[data-thema=mail] .schicht-a{background-image:repeating-linear-gradient(180deg,transparent 0 21px,rgba(255,230,200,.05) 21px 22px);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);transition:transform .7s var(--kurve)}.buehne[data-thema=mail] .schicht-b{background-image:repeating-linear-gradient(135deg,#b23a2b 0 9px,transparent 9px 18px,#2a4a8b 18px 27px,transparent 27px 36px);opacity:.4;mask-image:linear-gradient(180deg,#000 0 5px,transparent 5px calc(100% - 5px),#000 calc(100% - 5px) 100%);-webkit-mask-image:linear-gradient(180deg,#000 0 5px,transparent 5px calc(100% - 5px),#000 calc(100% - 5px) 100%)}.buehne[data-thema=mail] .motiv{perspective:620px}.buehne[data-thema=mail] .motiv>i:first-child{inset:0;border-radius:8px;background:linear-gradient(175deg,#e7dcc8,#d5c7ad);box-shadow:0 16px 26px -10px rgba(0,0,0,.65);z-index:1}.buehne[data-thema=mail] .motiv>i:nth-child(2){left:13px;right:13px;top:9px;height:88px;border-radius:3px;background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(120,100,80,.2) 9px 10px),linear-gradient(180deg,#fffdf7,#f6f1e5);box-shadow:0 8px 16px -10px rgba(60,45,30,.55);transform:translateY(8px);z-index:2;transition:transform .45s var(--kurve)}.buehne[data-thema=mail] .motiv>i:nth-child(3){inset:auto 0 0 0;height:62px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#f0e6d3,#ded1b7);clip-path:polygon(0 0,50% 26px,100% 0,100% 100%,0 100%);z-index:3}.buehne[data-thema=mail] .motiv>i:nth-child(4){inset:0 0 auto 0;height:64px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#f5eddd,#e4d7bf);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform:rotateX(0deg);z-index:4;transition:transform .45s var(--kurve) .3s,z-index 0s .36s}.buehne[data-thema=jellyfin]{--motiv-b:140px;--motiv-h:120px}.buehne[data-thema=jellyfin] .grund{background:radial-gradient(60% 90% at calc(var(--motiv-x, 50%) - 4%) 46%,rgba(120,70,190,.35),transparent 70%),linear-gradient(180deg,#150f20 0,#1c1428 62%,#120c18 100%)}.buehne[data-thema=jellyfin] .schicht-a>i:first-child{left:calc(var(--motiv-x, 50%) - 22%);top:0;width:40%;height:100%;border-radius:50%;background:radial-gradient(closest-side,rgba(150,110,230,.4),rgba(0,164,220,.14) 55%,transparent);filter:blur(14px);opacity:.45;transition:opacity .5s var(--kurve),transform .6s var(--kurve)}.buehne[data-thema=jellyfin] .schicht-a>i:nth-child(2){left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#3a2a22 0 2px,#2a1e19 2px,#1a120f);box-shadow:0 -1px 0 rgba(255,220,190,.08)}.buehne[data-thema=jellyfin] .schicht-a>i:nth-child(3){left:calc(var(--motiv-x, 50%) - 7%);bottom:15%;width:16%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);filter:blur(4px)}.buehne[data-thema=jellyfin] .schicht-b{background-image:repeating-linear-gradient(90deg,hsla(0,0%,100%,.025) 0 1px,transparent 1px 14px)}.buehne[data-thema=jellyfin] .motiv>i:first-child{left:4%;top:26%;width:92%;height:62%;border-radius:14px;background:radial-gradient(closest-side,#1d1826,#0f0c14) 10px 10px /83px 55px no-repeat,linear-gradient(170deg,#f4ead8,#e3d4ba);box-shadow:inset 0 2px 3px hsla(0,0%,100%,.85),inset 0 -4px 7px rgba(120,92,62,.25),0 6px 0 #c2ad8c,0 16px 18px rgba(0,0,0,.45)}.buehne[data-thema=jellyfin] .motiv>i:first-child:after{content:"";position:absolute;left:12%;right:12%;bottom:-14px;height:9px;background:linear-gradient(#6b5842,#4a3b2c) 0 /10% 100% no-repeat,linear-gradient(#6b5842,#4a3b2c) 100% /10% 100% no-repeat}.buehne[data-thema=jellyfin] .motiv>i:first-child:before{content:"";position:absolute;right:7%;top:18%;width:16%;height:64%;border-radius:6px;background:radial-gradient(circle at 50% 22%,#8a7358 0 6px,#5b4a38 6.5px 7.5px,transparent 8px),radial-gradient(circle at 50% 56%,#8a7358 0 5px,#5b4a38 5.5px 6.5px,transparent 7px),repeating-linear-gradient(180deg,rgba(90,70,50,.35) 0 1px,transparent 1px 3px) 0 82% /100% 18% no-repeat,#d8c7aa;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.buehne[data-thema=jellyfin] .motiv>i:nth-child(2){left:11%;top:34%;width:60%;height:46%;border-radius:22%/28%;background:radial-gradient(120% 90% at 30% 20%,hsla(0,0%,100%,.35),transparent 45%),repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),linear-gradient(135deg,#6d2f9c,#aa5cc3 48%,#00a4dc);box-shadow:0 0 0 3px #3b3026,inset 0 0 12px rgba(0,0,0,.5);filter:brightness(.5) saturate(.7);transform-origin:center;transition:filter .5s var(--kurve)}.buehne[data-thema=jellyfin] .motiv>i:nth-child(2):before{content:"";position:absolute;left:50%;top:52%;width:30%;aspect-ratio:1/.88;translate:-50% -50%;clip-path:polygon(50% 0,100% 100%,0 100%);background:hsla(0,0%,100%,.9);-webkit-mask:radial-gradient(circle at 50% 70%,transparent 0 18%,#000 19%);mask:radial-gradient(circle at 50% 70%,transparent 0 18%,#000 19%);opacity:.5;transition:opacity .4s var(--kurve),scale .5s var(--kurve)}.buehne[data-thema=jellyfin] .motiv>i:nth-child(3){left:36%;top:2%;width:20%;height:26%;transform-origin:50% 100%;transition:transform .6s var(--kurve)}.buehne[data-thema=jellyfin] .motiv>i:nth-child(3):after,.buehne[data-thema=jellyfin] .motiv>i:nth-child(3):before{content:"";position:absolute;bottom:0;left:50%;width:2px;height:100%;border-radius:2px;background:linear-gradient(#d9d2c6,#8f877b);transform-origin:50% 100%}.buehne[data-thema=jellyfin] .motiv>i:nth-child(3):before{transform:rotate(-32deg)}.buehne[data-thema=jellyfin] .motiv>i:nth-child(3):after{transform:rotate(26deg)}.buehne[data-thema=jellyfin] .motiv>i:nth-child(4){left:41%;top:22%;width:10%;height:6%;border-radius:8px 8px 0 0;background:#5b4a38}.buehne[data-thema=minecraft]{--motiv-b:78px;--motiv-h:78px;--motiv-dy:-12%;--boden-h:44%}.buehne[data-thema=minecraft] .grund{background:linear-gradient(180deg,#58a5f0 0 30%,#79b7ff 30% 58%,#a3d2fb 58% 82%,#c9e6fd 82% 100%)}.dark .buehne[data-thema=minecraft] .grund{background:linear-gradient(180deg,#0e1830 0 30%,#1b2b4d 30% 58%,#29406b 58% 82%,#3a5687 82% 100%)}.buehne[data-thema=minecraft] .schicht-a>i:first-child{right:13%;top:13%;width:28px;height:28px;background:#fff7c4;box-shadow:0 0 0 7px rgba(255,246,192,.34),0 0 0 14px rgba(255,246,192,.15);transition:transform .6s var(--kurve)}.dark .buehne[data-thema=minecraft] .schicht-a>i:first-child{background:#e6edfb;box-shadow:0 0 0 7px rgba(206,222,255,.2),0 0 0 14px rgba(206,222,255,.09)}.buehne[data-thema=minecraft] .schicht-a>i:nth-child(2),.buehne[data-thema=minecraft] .schicht-a>i:nth-child(3){width:15px;height:8px;background:hsla(0,0%,100%,.9);box-shadow:15px 0 hsla(0,0%,100%,.9),30px 0 hsla(0,0%,100%,.9),45px 0 hsla(0,0%,100%,.9),15px -8px hsla(0,0%,100%,.9),30px -8px hsla(0,0%,100%,.9);animation:wolke-ziehen 54s linear infinite}.buehne[data-thema=minecraft] .schicht-a>i:nth-child(2){left:4%;top:20%}.buehne[data-thema=minecraft] .schicht-a>i:nth-child(3){left:4%;top:40%;box-shadow:15px 0 hsla(0,0%,100%,.75),30px 0 hsla(0,0%,100%,.75),15px -8px hsla(0,0%,100%,.75);background:hsla(0,0%,100%,.75);animation-duration:78s;animation-delay:-34s}.dark .buehne[data-thema=minecraft] .schicht-a>i:nth-child(2),.dark .buehne[data-thema=minecraft] .schicht-a>i:nth-child(3){opacity:.35}@keyframes wolke-ziehen{0%{transform:translateX(-30%)}to{transform:translateX(760%)}}.buehne[data-thema=minecraft] .schicht-b{top:auto;height:var(--boden-h);background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 26px),repeating-linear-gradient(180deg,transparent 0 12px,rgba(0,0,0,.13) 12px 14px,transparent 14px 40px),radial-gradient(2px 2px at 9px 27px,rgba(0,0,0,.2),transparent),radial-gradient(2px 2px at 33px 41px,hsla(0,0%,100%,.11),transparent),linear-gradient(180deg,#7cbb54 0 8px,#5c9040 8px 12px,#8b5a2b 12px 100%);background-size:auto,auto,52px 46px,52px 46px,auto;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2);transition:transform .5s var(--kurve)}.dark .buehne[data-thema=minecraft] .schicht-b{background:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 2px,transparent 2px 26px),repeating-linear-gradient(180deg,transparent 0 12px,rgba(0,0,0,.18) 12px 14px,transparent 14px 40px),radial-gradient(2px 2px at 9px 27px,rgba(0,0,0,.28),transparent),radial-gradient(2px 2px at 33px 41px,hsla(0,0%,100%,.07),transparent),linear-gradient(180deg,#4c7736 0 8px,#3a5c28 8px 12px,#55371a 12px 100%);background-size:auto,auto,52px 46px,52px 46px,auto}.buehne[data-thema=minecraft] .schicht-b>i:first-child{left:calc(var(--motiv-x, 50%) + var(--motiv-dx, 0%));top:11px;width:44px;height:9px;margin-left:-22px;border-radius:50%;background:rgba(0,0,0,.3);filter:blur(2px);animation:schatten-atmen 3.4s ease-in-out infinite alternate}@keyframes schatten-atmen{0%{transform:scale(1);opacity:.85}to{transform:scale(.82);opacity:.55}}.buehne[data-thema=minecraft] .motiv{animation:block-schweben 3.4s ease-in-out infinite alternate}@keyframes block-schweben{0%{transform:translate(-50%,-50%) scale(var(--motiv-s,1)) translateY(0)}to{transform:translate(-50%,-50%) scale(var(--motiv-s,1)) translateY(-9px)}}.buehne[data-thema=minecraft] .motiv>i:first-child,.buehne[data-thema=minecraft] .motiv>i:nth-child(2),.buehne[data-thema=minecraft] .motiv>i:nth-child(3){inset:0;transition:transform .4s var(--kurve)}.buehne[data-thema=minecraft] .motiv>i:first-child{clip-path:polygon(50% 2%,98% 27%,50% 52%,2% 27%);background:repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,transparent 1px 13px),repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 1px,transparent 1px 13px),linear-gradient(180deg,#8ad167,#6ba84c)}.buehne[data-thema=minecraft] .motiv>i:nth-child(2){clip-path:polygon(2% 27%,50% 52%,50% 98%,2% 73%);background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 13px),linear-gradient(207deg,#4b7731 0 20%,#64411f 20%,#4e3218)}.buehne[data-thema=minecraft] .motiv>i:nth-child(3){clip-path:polygon(50% 52%,98% 27%,98% 73%,50% 98%);background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 13px),linear-gradient(153deg,#5d9040 0 20%,#8a5a2e 20%,#6f4420)}.buehne[data-thema=eco]{--motiv-b:74px;--motiv-h:84px;--motiv-dy:-14%;--boden-h:42%}.buehne[data-thema=eco] .grund{background:linear-gradient(180deg,#cfeadf,#9fd6c2 42%,#ffe6bd 78%,#ffd9a3)}.dark .buehne[data-thema=eco] .grund{background:linear-gradient(180deg,#0b1c1a,#123430 45%,#2a3b30 80%,#3d3826)}.buehne[data-thema=eco] .schicht-a>i:first-child{right:16%;top:34%;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff3cf,#ffcf7a 62%,#ffb85c);box-shadow:0 0 22px 8px rgba(255,200,120,.35);transition:transform .6s var(--kurve)}.dark .buehne[data-thema=eco] .schicht-a>i:first-child{background:radial-gradient(circle at 40% 38%,#e8f0e2,#9fbfae 62%,#6d907e);box-shadow:0 0 22px 8px rgba(150,200,175,.16)}.buehne[data-thema=eco] .schicht-a>i:nth-child(2){left:8%;top:12%;width:5px;height:5px;border-radius:50%;background:#fff1e2;box-shadow:0 0 8px 2px rgba(255,190,140,.85);animation:eco-meteor 13s linear infinite}.buehne[data-thema=eco] .schicht-a>i:nth-child(3){left:8%;top:13%;width:34px;height:2px;border-radius:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(255,190,140,0),rgba(255,205,160,.75));animation:eco-meteor 13s linear infinite}@keyframes eco-meteor{0%{transform:translate(0) rotate(18deg);opacity:0}8%{opacity:1}55%{opacity:1}70%,to{transform:translate(200px,66px) rotate(18deg);opacity:0}}.buehne[data-thema=eco] .schicht-b{top:auto;height:var(--boden-h);background:radial-gradient(120% 100% at 20% 100%,#6fae7f 0 60%,transparent 60%),radial-gradient(130% 100% at 82% 100%,#5c9d72 0 58%,transparent 58%),linear-gradient(180deg,#7cb98a,#4e8b62);transition:transform .5s var(--kurve)}.dark .buehne[data-thema=eco] .schicht-b{background:radial-gradient(120% 100% at 20% 100%,#2c5340 0 60%,transparent 60%),radial-gradient(130% 100% at 82% 100%,#24473a 0 58%,transparent 58%),linear-gradient(180deg,#345c46,#1d3a2c)}.buehne[data-thema=eco] .schicht-b>i:first-child{left:calc(var(--motiv-x, 50%) + var(--motiv-dx, 0%));top:16%;width:46px;height:10px;margin-left:-23px;border-radius:50%;background:rgba(0,0,0,.26);filter:blur(3px)}.buehne[data-thema=eco] .schicht-b>i:nth-child(2),.buehne[data-thema=eco] .schicht-b>i:nth-child(3){bottom:14%;width:2px;height:9px;border-radius:2px;background:hsla(0,0%,100%,.28);box-shadow:9px 2px hsla(0,0%,100%,.2),19px -1px hsla(0,0%,100%,.24)}.buehne[data-thema=eco] .schicht-b>i:nth-child(2){left:12%}.buehne[data-thema=eco] .schicht-b>i:nth-child(3){left:62%;height:7px}.buehne[data-thema=eco] .motiv{animation:eco-wiegen 5.2s ease-in-out infinite alternate}@keyframes eco-wiegen{0%{transform:translate(-50%,-50%) scale(var(--motiv-s,1)) rotate(-1.6deg)}to{transform:translate(-50%,-50%) scale(var(--motiv-s,1)) rotate(1.6deg)}}.buehne[data-thema=eco] .motiv>i:first-child{left:50%;bottom:4%;width:9px;height:34%;margin-left:-4.5px;border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#8a5f3c 0 38%,#6d492c 38% 100%)}.buehne[data-thema=eco] .motiv>i:nth-child(2),.buehne[data-thema=eco] .motiv>i:nth-child(3),.buehne[data-thema=eco] .motiv>i:nth-child(4){border-radius:50%;transition:transform .4s var(--kurve)}.buehne[data-thema=eco] .motiv>i:nth-child(2){left:50%;top:4%;width:52px;height:44px;margin-left:-26px;background:radial-gradient(circle at 36% 30%,#96d97f,#4f9a56 70%,#3d7f46)}.buehne[data-thema=eco] .motiv>i:nth-child(3){left:50%;top:26%;width:34px;height:28px;margin-left:-32px;background:radial-gradient(circle at 40% 32%,#8ccf76,#468b4e 72%)}.buehne[data-thema=eco] .motiv>i:nth-child(4){left:50%;top:28%;width:30px;height:25px;margin-left:2px;background:radial-gradient(circle at 42% 34%,#7fc46c,#3f8047 72%)}.buehne[data-thema=bruch]{--motiv-b:120px;--motiv-h:120px;--motiv-dy:4%}.buehne[data-thema=bruch] .grund{background:radial-gradient(120% 90% at 50% -20%,rgba(255,214,148,.22),transparent 58%),linear-gradient(168deg,#2a1a12,#170e0a 55%,#0d0806)}.buehne[data-thema=bruch] .grund:after{content:"";position:absolute;inset:-20%;background:radial-gradient(38% 46% at 50% 0,rgba(255,196,120,.3),transparent 62%);animation:pokal-schein 9s ease-in-out infinite alternate}@keyframes pokal-schein{0%{transform:translateX(-6%);opacity:.75}to{transform:translateX(6%);opacity:1}}.buehne[data-thema=bruch] .schicht-a>i:first-child{left:calc(var(--motiv-x, 50%) - 22%);top:-30%;width:44%;height:130%;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,208,140,.4),transparent 78%);filter:blur(14px);opacity:.7;transition:opacity .6s var(--kurve),transform .7s var(--kurve)}.buehne[data-thema=bruch] .schicht-b>i{width:7px;height:11px;border-radius:2px;opacity:.85;animation:pokal-rieseln 5.5s linear infinite}.buehne[data-thema=bruch] .schicht-b>i:first-child{left:58%;top:-14%;background:#e8b34a}.buehne[data-thema=bruch] .schicht-b>i:nth-child(2){left:74%;top:-14%;background:#e86a4a;animation-delay:-2.1s;animation-duration:6.4s}.buehne[data-thema=bruch] .schicht-b>i:nth-child(3){left:83%;top:-14%;background:#7fc6a0;animation-delay:-3.8s;animation-duration:4.9s}@keyframes pokal-rieseln{0%{transform:translateY(0) rotate(0deg);opacity:0}12%{opacity:.85}88%{opacity:.85}to{transform:translateY(150px) rotate(420deg);opacity:0}}.buehne[data-thema=bruch] .motiv>i:first-child{left:30px;top:12px;width:60px;height:46px;border-radius:5px 5px 44px 44px/5px 5px 38px 38px;background:linear-gradient(158deg,#ffe0a0,#e8b34a 42%,#a8762a);box-shadow:inset 0 -6px 12px rgba(0,0,0,.25),inset 0 4px 6px hsla(0,0%,100%,.35)}.buehne[data-thema=bruch] .motiv>i:nth-child(2),.buehne[data-thema=bruch] .motiv>i:nth-child(3){top:16px;width:24px;height:32px;border:6px solid #d5a441;border-radius:50%;background:transparent;transition:transform .5s var(--kurve)}.buehne[data-thema=bruch] .motiv>i:nth-child(2){left:13px;border-right-color:transparent}.buehne[data-thema=bruch] .motiv>i:nth-child(3){left:83px;border-left-color:transparent}.buehne[data-thema=bruch] .motiv>i:nth-child(4){left:34px;top:80px;width:52px;height:20px;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(180deg,#d5a441,#8f6222)}.buehne[data-thema=bruch] .motiv>i:nth-child(4):before{content:"";position:absolute;left:50%;top:-22px;width:14px;height:24px;margin-left:-7px;background:linear-gradient(180deg,#e8b34a,#a8762a)}.buehne[data-thema=spiele]{--motiv-b:200px;--motiv-h:132px}.buehne[data-thema=spiele] .grund{background:radial-gradient(120% 120% at 74% -20%,#3a4f4a 0,#24332f 46%,#141d1b 100%)}.buehne[data-thema=spiele] .schicht-a{transition:transform .6s var(--kurve),opacity .6s var(--kurve)}.buehne[data-thema=spiele] .schicht-a>i:first-child{left:18%;top:-40%;width:74%;height:130%;background:linear-gradient(184deg,rgba(255,233,196,.22),transparent 62%);filter:blur(16px)}.buehne[data-thema=spiele] .schicht-a>i:nth-child(2){left:26%;bottom:14%;width:46%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 70%);filter:blur(6px);transition:transform .5s var(--kurve),opacity .5s var(--kurve)}.buehne[data-thema=spiele] .schicht-b>i{width:42%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,240,214,.16),transparent)}.buehne[data-thema=spiele] .schicht-b>i:first-child{left:6%;top:74%;transform:rotate(-4deg)}.buehne[data-thema=spiele] .schicht-b>i:nth-child(2){left:44%;top:86%;transform:rotate(3deg);opacity:.7}.buehne[data-thema=spiele] .schicht-b>i:nth-child(3){left:22%;top:92%;transform:rotate(-2deg);opacity:.45}.buehne[data-thema=spiele] .motiv>i:first-child,.buehne[data-thema=spiele] .motiv>i:nth-child(2){aspect-ratio:1;border-radius:18%;background-repeat:no-repeat;transition:transform .7s var(--kurve)}.buehne[data-thema=spiele] .motiv>i:first-child{--auge:#3d3029;left:14%;top:30%;width:60px;transform:rotate(-8deg);background-color:#f6ecdc;background-image:radial-gradient(circle at 25% 25%,var(--auge) 0 5px,transparent 5.6px),radial-gradient(circle at 75% 25%,var(--auge) 0 5px,transparent 5.6px),radial-gradient(circle at 50% 50%,var(--auge) 0 5px,transparent 5.6px),radial-gradient(circle at 25% 75%,var(--auge) 0 5px,transparent 5.6px),radial-gradient(circle at 75% 75%,var(--auge) 0 5px,transparent 5.6px);box-shadow:inset 0 2px 3px hsla(0,0%,100%,.9),inset 0 -3px 6px rgba(120,92,62,.22),0 6px 0 #cbb899,0 14px 16px rgba(0,0,0,.4)}.buehne[data-thema=spiele] .motiv>i:nth-child(2){--auge:#fdf1e4;right:14%;top:6%;width:48px;transform:rotate(14deg);background-color:#e4674a;background-image:radial-gradient(circle at 25% 25%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 50% 50%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 75% 75%,var(--auge) 0 4.2px,transparent 4.8px);box-shadow:inset 0 2px 3px rgba(255,214,196,.7),inset 0 -3px 6px rgba(96,32,18,.35),0 5px 0 #a8412b,0 14px 16px rgba(0,0,0,.45)}.buehne[data-thema=spiele] .motiv>i:first-child:after,.buehne[data-thema=spiele] .motiv>i:nth-child(2):after{content:"";position:absolute;inset:0;border-radius:inherit;background-color:inherit;background-repeat:no-repeat;box-shadow:inherit;opacity:0;transition:opacity .2s var(--kurve) .3s}.buehne[data-thema=spiele] .motiv>i:first-child:after{background-image:radial-gradient(circle at 28% 28%,var(--auge) 0 5px,transparent 5.6px),radial-gradient(circle at 72% 72%,var(--auge) 0 5px,transparent 5.6px)}.buehne[data-thema=spiele] .motiv>i:nth-child(2):after{background-image:radial-gradient(circle at 28% 22%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 28% 50%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 28% 78%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 72% 22%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 72% 50%,var(--auge) 0 4.2px,transparent 4.8px),radial-gradient(circle at 72% 78%,var(--auge) 0 4.2px,transparent 4.8px)}.buehne[data-thema=spiele] .motiv>i:nth-child(3),.buehne[data-thema=spiele] .motiv>i:nth-child(4){height:9px;width:34px;border-radius:20px;transition:transform .5s var(--kurve)}.buehne[data-thema=spiele] .motiv>i:nth-child(3){left:44%;bottom:14%;background:linear-gradient(180deg,#dfe6ea,#9fb0bb);box-shadow:0 2px 4px rgba(0,0,0,.3)}.buehne[data-thema=spiele] .motiv>i:nth-child(4){left:49%;bottom:21%;background:linear-gradient(180deg,#f3d68e,#c69a3c);box-shadow:0 2px 4px rgba(0,0,0,.3)}.buehne[data-thema=assoziation]{--motiv-b:220px;--motiv-h:132px}.buehne[data-thema=assoziation] .grund{background:radial-gradient(130% 110% at 18% -10%,#40305c 0,#29203f 48%,#171225 100%)}.buehne[data-thema=assoziation] .schicht-a{filter:blur(28px);opacity:.9;transition:filter .6s var(--kurve),transform .6s var(--kurve)}.buehne[data-thema=assoziation] .schicht-a>i:first-child{left:4%;top:10%;width:50%;height:74%;border-radius:50%;background:radial-gradient(circle,rgba(232,106,74,.6),transparent 70%)}.buehne[data-thema=assoziation] .schicht-a>i:nth-child(2){right:2%;top:18%;width:48%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(96,168,214,.5),transparent 70%)}.buehne[data-thema=assoziation] .schicht-b>i{width:3px;height:3px;border-radius:50%;background:rgba(255,236,214,.7);animation:assoziation-treiben 7s ease-in-out infinite}.buehne[data-thema=assoziation] .schicht-b>i:first-child{left:22%;top:82%}.buehne[data-thema=assoziation] .schicht-b>i:nth-child(2){left:68%;top:14%;animation-delay:-2.4s;opacity:.6}.buehne[data-thema=assoziation] .schicht-b>i:nth-child(3){left:47%;top:88%;animation-delay:-4.8s;opacity:.45}@keyframes assoziation-treiben{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.buehne[data-thema=assoziation] .motiv>i:first-child,.buehne[data-thema=assoziation] .motiv>i:nth-child(2){top:12%;width:43%;height:52%;transition:transform .55s var(--kurve)}.buehne[data-thema=assoziation] .motiv>i:first-child{left:0;background:linear-gradient(160deg,#fbe9dd,#f0cdb8);border-radius:16px 16px 16px 5px}.buehne[data-thema=assoziation] .motiv>i:nth-child(2){right:0;top:30%;background:linear-gradient(160deg,#dbeaf3,#b9d2e2);border-radius:16px 16px 5px 16px}.buehne[data-thema=assoziation] .motiv>i:first-child:before,.buehne[data-thema=assoziation] .motiv>i:nth-child(2):before{content:"";position:absolute;left:16%;top:50%;transform:translateY(-50%);width:68%;height:8px;background-image:radial-gradient(circle at 10% 50%,rgba(60,44,38,.65) 0 3.2px,transparent 3.6px),radial-gradient(circle at 50% 50%,rgba(60,44,38,.65) 0 3.2px,transparent 3.6px),radial-gradient(circle at 90% 50%,rgba(60,44,38,.65) 0 3.2px,transparent 3.6px)}.buehne[data-thema=assoziation] .motiv>i:first-child:after,.buehne[data-thema=assoziation] .motiv>i:nth-child(2):after{content:"";position:absolute;bottom:-6px;width:16px;height:16px;background:inherit;border-radius:3px}.buehne[data-thema=assoziation] .motiv>i:first-child:after{left:8%;transform:rotate(28deg)}.buehne[data-thema=assoziation] .motiv>i:nth-child(2):after{right:8%;transform:rotate(-28deg)}.buehne[data-thema=assoziation] .motiv>i:nth-child(3){left:50%;top:46%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid rgba(255,214,170,.9);opacity:0;transform:scale(.4);transition:opacity .4s var(--kurve),transform .5s var(--kurve)}.buehne[data-thema=blackjack]{--motiv-b:200px;--motiv-h:132px}.buehne[data-thema=blackjack] .grund{background:radial-gradient(110% 100% at 50% -10%,#2a7a53 0,#1d5c3f 45%,#0f3325 100%)}.buehne[data-thema=blackjack] .schicht-a>i:first-child{inset:0;opacity:.5;background-image:repeating-linear-gradient(48deg,hsla(0,0%,100%,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(-48deg,rgba(0,0,0,.06) 0 1px,transparent 1px 4px)}.buehne[data-thema=blackjack] .schicht-a>i:nth-child(2){left:12%;top:-30%;width:76%;height:110%;background:linear-gradient(184deg,rgba(255,240,205,.2),transparent 60%);filter:blur(14px);transition:opacity .5s var(--kurve)}.buehne[data-thema=blackjack] .schicht-b>i:first-child{left:50%;top:62%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:2px dotted rgba(255,240,210,.3);transition:transform .5s var(--kurve),opacity .5s var(--kurve)}.buehne[data-thema=blackjack] .motiv>i:first-child,.buehne[data-thema=blackjack] .motiv>i:nth-child(2){top:22%;width:30%;height:62%;border-radius:7px;box-shadow:0 6px 14px rgba(0,0,0,.42);transition:transform .55s var(--kurve)}.buehne[data-thema=blackjack] .motiv>i:first-child{left:20%;background:linear-gradient(160deg,#fdfaf4,#ece5d8);transform:rotate(-9deg)}.buehne[data-thema=blackjack] .motiv>i:first-child:before{content:"A";position:absolute;left:9%;top:4%;font-family:var(--schrift-titel);font-size:15px;font-weight:700;line-height:1;color:#1d1b19}.buehne[data-thema=blackjack] .motiv>i:first-child:after{content:"♠";position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-size:30px;line-height:1;color:#1d1b19}.buehne[data-thema=blackjack] .motiv>i:nth-child(2){right:20%;background:#8e2a1c;transform:rotate(7deg);transform-style:preserve-3d}.buehne[data-thema=blackjack] .motiv>i:nth-child(2):before{content:"";position:absolute;inset:3px;border-radius:4px;border:1px solid rgba(255,226,200,.45);background-image:repeating-linear-gradient(45deg,rgba(255,226,200,.32) 0 1.5px,transparent 1.5px 6px),repeating-linear-gradient(-45deg,rgba(255,226,200,.32) 0 1.5px,transparent 1.5px 6px);backface-visibility:hidden}.buehne[data-thema=blackjack] .motiv>i:nth-child(2):after{content:"K";position:absolute;inset:0;border-radius:7px;display:grid;place-items:center;font-family:var(--schrift-titel);font-size:26px;font-weight:700;color:#c02c22;background:linear-gradient(160deg,#fdfaf4,#ece5d8);transform:rotateY(180deg);backface-visibility:hidden}.buehne[data-thema=blackjack] .motiv>i:nth-child(3),.buehne[data-thema=blackjack] .motiv>i:nth-child(4){width:26px;height:26px;border-radius:50%;box-shadow:0 3px 7px rgba(0,0,0,.45),inset 0 -3px 5px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.3);transition:transform .5s var(--kurve)}.buehne[data-thema=blackjack] .motiv>i:nth-child(3){left:2%;bottom:12%;background:radial-gradient(circle at 34% 28%,#c04a35,#7a2517)}.buehne[data-thema=blackjack] .motiv>i:nth-child(4){right:3%;bottom:18%;background:radial-gradient(circle at 34% 28%,#3e8e5c,#1d5233)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .schicht-a{filter:blur(15px);opacity:1}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .schicht-b{transform:scale(1.08) translateY(-6px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .schicht-b>i{transform:scale(1.35)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .schicht-b>i:nth-child(2){transform:scale(1.1)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .schicht-b>i:nth-child(3){transform:scale(.9)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .motiv{transform:translate(-50%,-50%) scale(calc(var(--motiv-s, 1) * 1.06))}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .motiv>i:nth-child(2),.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .motiv>i:nth-child(4){transform:rotate(-24deg) scaleY(.34);border-color:rgba(226,210,255,.75)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=astro] .motiv>i:nth-child(3){transform:translate(-16px,-12px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=mail] .motiv>i:nth-child(4){transform:rotateX(-166deg);z-index:1;transition:transform .45s var(--kurve),z-index 0s .05s}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=mail] .motiv>i:nth-child(2){transform:translateY(-50px);transition:transform .5s var(--kurve) .26s}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=mail] .schicht-a{transform:translateY(-8px)}.motivfeld:not([data-aus=ja]):not([data-klick=ja]):hover .buehne[data-thema=jellyfin] .motiv>i:nth-child(2){animation:roehre-an .5s steps(1) 1}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=jellyfin] .motiv>i:nth-child(2){filter:brightness(1.08) saturate(1.1)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=jellyfin] .motiv>i:nth-child(2):before{opacity:1;scale:1.12}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=jellyfin] .schicht-a>i:first-child{opacity:1;transform:scale(1.25)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=jellyfin] .motiv>i:nth-child(3){animation:antenne-wackeln 1.1s var(--kurve) 1}@keyframes roehre-an{0%{filter:brightness(1.8) saturate(.2)}20%{filter:brightness(.6) saturate(.6)}40%{filter:brightness(1.3) saturate(.9)}60%{filter:brightness(.9) saturate(1)}}@keyframes antenne-wackeln{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=minecraft] .motiv>i:first-child,.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=minecraft] .motiv>i:nth-child(2),.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=minecraft] .motiv>i:nth-child(3){transform:translateY(-12px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=eco] .motiv>i:nth-child(3){transform:translate(-4px,-3px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=eco] .motiv>i:nth-child(4){transform:translate(4px,-3px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=eco] .schicht-b{transform:translateY(4px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=eco] .schicht-a>i:first-child{transform:translate(-6px,-4px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=minecraft] .schicht-b{transform:translateY(4px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=minecraft] .schicht-a>i:first-child{transform:translate(-5px,4px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=bruch] .motiv{transform:translate(-50%,-54%) scale(calc(var(--motiv-s, 1) * 1.06))}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=bruch] .schicht-a>i:first-child{opacity:1;transform:scaleY(1.06)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=bruch] .motiv>i:nth-child(2){transform:translateX(-3px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=bruch] .motiv>i:nth-child(3){transform:translateX(3px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .motiv>i:first-child{transform:translate(-6px,3px) rotate(-17deg)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .motiv>i:nth-child(2){transform:translate(-6px,58px) rotate(366deg)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .motiv>i:first-child:after,.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .motiv>i:nth-child(2):after{opacity:1}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .motiv>i:nth-child(3){transform:translate(6px,2px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .motiv>i:nth-child(4){transform:translate(3px,4px) rotate(-3deg)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=spiele] .schicht-a>i:nth-child(2){transform:scaleX(1.15) translateY(2px);opacity:.8}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=blackjack] .motiv>i:first-child{transform:rotate(-17deg) translate(-14%,-4%)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=blackjack] .motiv>i:nth-child(2){transform:rotate(15deg) translate(14%,-4%) rotateY(180deg)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=blackjack] .schicht-b>i:first-child{transform:scale(1.08);opacity:.75}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=blackjack] .motiv>i:nth-child(3){transform:translate(5px,-3px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=blackjack] .motiv>i:nth-child(4){transform:translate(-5px,-3px)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=blackjack] .schicht-a>i:nth-child(2){opacity:1}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=assoziation] .motiv>i:first-child{transform:translateX(12%)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=assoziation] .motiv>i:nth-child(2){transform:translateX(-12%)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=assoziation] .motiv>i:nth-child(3){opacity:1;transform:scale(1)}.motivfeld:not([data-aus=ja]):hover .buehne[data-thema=assoziation] .schicht-a{filter:blur(21px);transform:scale(1.06)}.motivfeld[data-klick=ja] .buehne[data-thema=astro] .funke>i:first-child,.motivfeld[data-klick=ja] .buehne[data-thema=astro] .funke>i:nth-child(2){top:14%;left:-30%;width:42%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff);animation:sternschnuppe .75s cubic-bezier(.3,0,.2,1) forwards}.motivfeld[data-klick=ja] .buehne[data-thema=astro] .funke>i:nth-child(2){top:52%;width:28%;animation-delay:.12s;animation-duration:.6s}@keyframes sternschnuppe{0%{opacity:0;transform:rotate(18deg) translateX(0)}15%{opacity:1}to{opacity:0;transform:rotate(18deg) translateX(320%)}}.motivfeld[data-klick=ja] .buehne[data-thema=astro] .schicht-b{animation:sterne-warp .7s var(--kurve)}@keyframes sterne-warp{0%{transform:scale(1)}40%{transform:scale(1.24);opacity:1}to{transform:scale(1)}}.motivfeld[data-klick=ja] .buehne[data-thema=mail] .motiv>i:nth-child(2){animation:brief-abflug .72s var(--kurve) forwards}@keyframes brief-abflug{0%{opacity:1;transform:translateY(-50px) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(-230px) rotate(-8deg) scale(.86)}}.motivfeld[data-klick=ja] .buehne[data-thema=jellyfin] .motiv>i:nth-child(2){animation:roehre-aus .45s cubic-bezier(.5,0,.8,.4) forwards}@keyframes roehre-aus{0%{transform:scale(1);filter:brightness(1.1)}55%{transform:scaleY(.03);filter:brightness(3) saturate(0)}85%{transform:scale(.04,.03);filter:brightness(3) saturate(0)}to{transform:scale(0);filter:brightness(.3)}}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .motiv>i:first-child{animation:bruch-oben .6s var(--kurve) forwards}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .motiv>i:nth-child(2){animation:bruch-links .6s var(--kurve) forwards}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .motiv>i:nth-child(3){animation:bruch-rechts .6s var(--kurve) forwards}@keyframes bruch-oben{0%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-52px) scale(.6)}}@keyframes bruch-links{0%{opacity:1;transform:translateY(-12px) rotate(0deg)}to{opacity:0;transform:translate(-40px,16px) rotate(-28deg) scale(.6)}}@keyframes bruch-rechts{0%{opacity:1;transform:translateY(-12px) rotate(0deg)}to{opacity:0;transform:translate(40px,16px) rotate(28deg) scale(.6)}}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .funke>i{left:calc(var(--motiv-x, 50%) + var(--motiv-dx, 0%));top:calc(var(--motiv-y, 50%) + var(--motiv-dy, 0%));width:13px;height:13px;margin:-7px 0 0 -7px;background:linear-gradient(135deg,#8a5a2e,#5f3d1c);box-shadow:inset -3px -3px 0 rgba(0,0,0,.2)}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .funke>i:first-child{animation:splitter-1 .65s ease-out forwards}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .funke>i:nth-child(2){animation:splitter-2 .65s ease-out forwards}.motivfeld[data-klick=ja] .buehne[data-thema=minecraft] .funke>i:nth-child(3){animation:splitter-3 .65s ease-out forwards;background:linear-gradient(135deg,#7cbb54,#4f7c34)}@keyframes splitter-1{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(-52px,-34px) rotate(-120deg)}}@keyframes splitter-2{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(48px,-46px) rotate(140deg)}}@keyframes splitter-3{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(6px,40px) rotate(70deg)}}.motivfeld[data-klick=ja] .buehne[data-thema=bruch] .funke>i{left:calc(var(--motiv-x, 50%) + var(--motiv-dx, 0%));top:calc(var(--motiv-y, 50%) + var(--motiv-dy, 0%) - 5%);width:8px;height:12px;margin:-6px 0 0 -4px;border-radius:2px}.motivfeld[data-klick=ja] .buehne[data-thema=bruch] .funke>i:first-child{background:#e8b34a;animation:konfetti-1 .7s ease-out forwards}.motivfeld[data-klick=ja] .buehne[data-thema=bruch] .funke>i:nth-child(2){background:#e86a4a;animation:konfetti-2 .7s ease-out forwards}.motivfeld[data-klick=ja] .buehne[data-thema=bruch] .funke>i:nth-child(3){background:#7fc6a0;animation:konfetti-3 .7s ease-out forwards}.motivfeld[data-klick=ja] .buehne[data-thema=bruch] .motiv{animation:pokal-hoch .7s var(--kurve)}.motivfeld[data-klick=ja] .buehne[data-thema=spiele] .motiv>i:first-child{animation:wuerfel-wurf-a .62s var(--kurve)}.motivfeld[data-klick=ja] .buehne[data-thema=spiele] .motiv>i:nth-child(2){animation:wuerfel-wurf-b .62s var(--kurve) .05s}.motivfeld[data-klick=ja] .buehne[data-thema=spiele] .motiv>i:nth-child(3),.motivfeld[data-klick=ja] .buehne[data-thema=spiele] .motiv>i:nth-child(4){animation:marke-huepft .5s var(--kurve) .1s}@keyframes wuerfel-wurf-a{0%{translate:0 0;rotate:0deg}40%{translate:0 -26px;rotate:-150deg}to{translate:0 0;rotate:-1turn}}@keyframes wuerfel-wurf-b{0%{translate:0 0;rotate:0deg}40%{translate:0 -32px;rotate:180deg}to{translate:0 0;rotate:1turn}}@keyframes marke-huepft{0%,to{transform:translateY(0)}45%{transform:translateY(-7px)}}.motivfeld[data-klick=ja] .buehne[data-thema=assoziation] .motiv>i:nth-child(3){animation:assoziation-ring .6s var(--kurve) forwards}@keyframes assoziation-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.4);border-width:1px}}.motivfeld[data-klick=ja] .buehne[data-thema=assoziation] .funke>i{left:calc(var(--motiv-x, 70%) + var(--motiv-dx, 0%));top:calc(var(--motiv-y, 50%) + var(--motiv-dy, 0%));width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ffd6aa;opacity:0}.motivfeld[data-klick=ja] .buehne[data-thema=assoziation] .funke>i:first-child{animation:assoziation-funke-1 .62s ease-out forwards}.motivfeld[data-klick=ja] .buehne[data-thema=assoziation] .funke>i:nth-child(2){animation:assoziation-funke-2 .62s ease-out .04s forwards}.motivfeld[data-klick=ja] .buehne[data-thema=assoziation] .funke>i:nth-child(3){animation:assoziation-funke-3 .62s ease-out .08s forwards}@keyframes assoziation-funke-1{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-34px,-26px) scale(.4)}}@keyframes assoziation-funke-2{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(30px,-30px) scale(.4)}}@keyframes assoziation-funke-3{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(4px,34px) scale(.4)}}@keyframes konfetti-1{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(-46px,-40px) rotate(-200deg)}}@keyframes konfetti-2{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(8px,-58px) rotate(160deg)}}@keyframes konfetti-3{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(50px,-34px) rotate(240deg)}}@keyframes pokal-hoch{0%{transform:translate(-50%,-54%) scale(calc(var(--motiv-s, 1) * 1.06))}35%{transform:translate(-50%,-66%) scale(calc(var(--motiv-s, 1) * 1.14))}to{transform:translate(-50%,-54%) scale(calc(var(--motiv-s, 1) * 1.06))}}.dienst[data-thema]:not(:hover) .buehne *,.dienst[data-thema]:not(:hover) .buehne .grund:after,.dienst[data-thema]:not(:hover) .buehne .schicht-b>i:after,.dienst[data-thema]:not(:hover) .buehne .schicht-b>i:before{animation-play-state:paused}.dienst[data-thema][data-klick=ja] .buehne *{animation-play-state:running}.motivfeld[data-aus=ja]:not([data-klick=ja]) .buehne *,.motivfeld[data-aus=ja]:not([data-klick=ja]) .buehne .grund:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.buehne *,.buehne .grund:after,.buehne :after,.buehne :before,.dienst[data-thema],.dienst[data-thema] .buehne{animation:none!important;transition:none!important}.dienst[data-thema] .buehne{clip-path:none;opacity:0}.dienst[data-thema]:focus-visible .buehne,.dienst[data-thema]:hover .buehne{opacity:1}}.tafel{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:1.5rem;box-shadow:var(--schatten)}.kennzahl{display:flex;flex-direction:column;gap:.2rem}.kennzahl-wert{font-family:var(--schrift-titel);font-weight:600;letter-spacing:-.02em;font-size:1.9rem;line-height:1}.kennzahl-name{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-leise)}.schritte{list-style:none;margin:0;padding:0;counter-reset:schritt;border-top:1px solid var(--linie)}.schritte>li{counter-increment:schritt;display:grid;grid-template-columns:3rem 7rem 1fr;gap:1rem;align-items:baseline;padding:1.1rem .75rem;border-bottom:1px solid var(--linie);font-size:.95rem}.schritte>li:before{content:counter(schritt,decimal-leading-zero);font-variant-numeric:tabular-nums;font-size:.78rem;letter-spacing:.08em;color:var(--tinte-leise)}@media (max-width:640px){.schritte>li{grid-template-columns:2rem 1fr;gap:.5rem .9rem}.schritte>li>.marke,.schritte>li>span:last-child{grid-column:2}}.abzeichen{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .55rem;border-radius:999px;border:1px solid var(--linie);font-size:.72rem;letter-spacing:.04em;color:var(--tinte-leise);white-space:nowrap}.abzeichen[data-ton=akzent]{border-color:var(--akzent);color:var(--akzent);background:var(--akzent-weich)}.abzeichen[data-ton=gruen]{border-color:var(--gruen);color:var(--gruen)}.abzeichen[data-ton=still]{opacity:.7}.abzeichen[data-ton=gold]{border-color:#b58a2b;color:#b58a2b}:root:not([data-theme=light]) .abzeichen[data-ton=gold],:root[data-theme=dark] .abzeichen[data-ton=gold]{border-color:#d9ab4c;color:#d9ab4c}.astro-hinweis{border:1px solid var(--linie);border-left:3px solid var(--akzent);border-radius:10px;padding:.8rem 1rem;background:var(--flaeche);font-size:.88rem;color:var(--tinte-leise);line-height:1.55}.astro-hinweis[data-stufe=gut]{border-left-color:var(--gruen)}.astro-hinweis[data-stufe=mittel]{border-left-color:#b58a2b}.astro-hinweis[data-stufe=neutral]{border-left-color:var(--linie)}.nutzerliste{display:flex;flex-direction:column;gap:1rem}.nutzerkarte{border:1px solid var(--linie);border-radius:14px;background:var(--flaeche);padding:1.1rem 1.25rem 1rem}.nutzerkarte[data-admin=ja]{border-left:3px solid var(--akzent)}.nutzerkarte-kopf{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.nutzerkarte-kopf h3{font-family:var(--schrift-titel);font-weight:600;font-size:1.2rem;margin:0;display:flex;align-items:center;gap:.5rem}.nutzerkarte-kopf p{margin:.15rem 0 0;font-size:.8rem;color:var(--tinte-leise)}.nutzer-selbst{font-family:var(--schrift-text);font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--akzent);background:var(--akzent-weich);border-radius:999px;padding:.1rem .5rem}.nutzerkarte-werkzeug{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.nutzer-schalter{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.nutzer-schalter input{accent-color:var(--akzent);width:16px;height:16px}.rechte-gitter{margin-top:.9rem;border-top:1px solid var(--linie)}.rechte-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:.85rem 0;border-bottom:1px solid var(--linie)}.rechte-name{min-width:0;flex:1 1 260px}.rechte-name b{display:block;font-size:.92rem;font-weight:600}.rechte-name span{display:block;font-size:.8rem;color:var(--tinte-leise);line-height:1.45}.rechte-name em{display:block;font-style:normal;font-size:.75rem;color:var(--akzent);margin-top:.15rem}.rechte-stufen{display:inline-flex;border:1px solid var(--linie);border-radius:9px;overflow:hidden;flex:none}.rechte-stufen button{border:none;border-right:1px solid var(--linie);background:var(--papier);color:var(--tinte-leise);font:inherit;font-size:.82rem;padding:.45rem .8rem;cursor:pointer;white-space:nowrap;transition:background-color .15s var(--kurve),color .15s var(--kurve)}.rechte-stufen button:last-child{border-right:none}.rechte-stufen button:hover:not(:disabled){background:var(--flaeche-alt);color:var(--tinte)}.rechte-stufen button[aria-pressed=true]{background:var(--akzent);color:#fff;font-weight:500}.rechte-stufen button:disabled{opacity:.6;cursor:default}.nutzerkarte-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:.9rem;margin-top:.2rem}.nutzerkarte-fuss .ziffer{flex:1 1 auto}.dienstliste{display:flex;flex-direction:column;gap:1rem}.dienstkarte{border:1px solid var(--linie);border-radius:14px;background:var(--flaeche);padding:1.1rem 1.25rem 1rem}.dienstkarte[data-handbetrieb=ja]{border-left:3px solid var(--bernstein)}.dienstkarte-kopf{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.dienstkarte-kopf h3{font-family:var(--schrift-titel);font-weight:600;font-size:1.2rem;margin:0}.dienstkarte-kopf p{margin:.15rem 0 0;font-size:.8rem;color:var(--tinte-leise);max-width:52ch}.dienstkarte-stand{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:right;flex:none}.zustandswahl{display:flex;flex-wrap:wrap;margin-top:.9rem;border:1px solid var(--linie);border-radius:9px;overflow:hidden;width:-moz-fit-content;width:fit-content;max-width:100%}.zustandswahl button{border:none;border-right:1px solid var(--linie);background:var(--papier);color:var(--tinte-leise);font:inherit;font-size:.82rem;padding:.45rem .8rem;cursor:pointer;white-space:nowrap;transition:background-color .15s var(--kurve),color .15s var(--kurve)}.zustandswahl button:last-child{border-right:none}.zustandswahl button:hover:not(:disabled){background:var(--flaeche-alt);color:var(--tinte)}.zustandswahl button[aria-pressed=true]{background:var(--akzent);color:#fff;font-weight:500}.zustandswahl button:first-child[aria-pressed=true]{background:var(--flaeche-alt);color:var(--tinte)}.zustandswahl button:disabled{opacity:.6;cursor:default}.dienstkarte-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.9rem}.dienstkarte-fuss .feld{flex:1 1 260px;width:auto;height:40px;font-size:.88rem}.dienstkarte-fuss .knopf{height:40px;font-size:.82rem}.dienstkarte-herkunft{margin:.7rem 0 0;font-size:.75rem;color:var(--tinte-leise)}.anmelde-seite{min-height:100dvh;display:grid;grid-template-columns:1fr;align-items:center}@media (min-width:900px){.anmelde-seite{grid-template-columns:1.05fr .95fr}}.anmelde-bild{display:none;align-self:stretch;background:var(--flaeche-alt);border-left:1px solid var(--linie);position:relative;overflow:hidden}@media (min-width:900px){.anmelde-bild{display:block}}.anmelde-bild:before{content:"";position:absolute;inset:-1px;background-image:linear-gradient(to right,var(--linie) 1px,transparent 1px),linear-gradient(to bottom,var(--linie) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 72%)}.feld{display:block;width:100%;height:46px;padding-inline:.9rem;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--tinte);font:inherit;font-size:.95rem;transition:border-color .2s var(--kurve),box-shadow .2s var(--kurve)}.feld:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-weich)}.feld-name{display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem;color:var(--tinte-leise)}.fehler{border:1px solid var(--akzent);background:var(--akzent-weich);color:var(--akzent);border-radius:10px;padding:.7rem .9rem;font-size:.88rem;animation:ruckeln .4s var(--kurve)}@keyframes ruckeln{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.buehne[data-thema=lauf]{--motiv-b:200px;--motiv-h:132px}.buehne[data-thema=lauf] .grund{background:radial-gradient(130% 100% at 22% 118%,#d9793f 0,#8c4a3c 28%,#35303f 62%,#1b1b28 100%)}.buehne[data-thema=lauf] .schicht-a>i:first-child{left:4%;bottom:22%;width:44%;height:44%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,140,.75),rgba(255,170,90,.25) 45%,transparent 70%);filter:blur(10px)}.buehne[data-thema=lauf] .schicht-a>i:nth-child(2){left:0;bottom:0;width:100%;height:34%;background:linear-gradient(0deg,rgba(255,190,120,.22),transparent 80%)}.buehne[data-thema=lauf] .schicht-a>i:nth-child(3){left:46%;bottom:12%;width:40%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%);filter:blur(6px)}.buehne[data-thema=lauf] .schicht-b>i{left:-6%;width:112%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,236,214,.5),transparent)}.buehne[data-thema=lauf] .schicht-b>i:first-child{top:74%;opacity:.35}.buehne[data-thema=lauf] .schicht-b>i:nth-child(2){top:83%;opacity:.55;height:2px}.buehne[data-thema=lauf] .schicht-b>i:nth-child(3){top:94%;opacity:.8;height:2px}.buehne[data-thema=lernen]{--motiv-b:190px;--motiv-h:140px}.buehne[data-thema=lernen] .grund{background:radial-gradient(120% 100% at 62% 92%,#1c6f68 0,#14453f 34%,#10222a 68%,#0b141a 100%)}.buehne[data-thema=lernen] .schicht-a>i:first-child{left:52%;bottom:14%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,rgba(120,235,210,.55),rgba(60,190,170,.18) 45%,transparent 72%);filter:blur(11px)}.buehne[data-thema=lernen] .schicht-a>i:nth-child(2){left:0;bottom:0;width:100%;height:30%;background:linear-gradient(0deg,rgba(120,225,205,.16),transparent 82%)}.buehne[data-thema=lernen] .schicht-a>i:nth-child(3){left:54%;bottom:9%;width:34%;height:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 70%);filter:blur(6px)}.buehne[data-thema=lernen] .schicht-b{display:none}.buehne[data-thema=lernen] .motiv>i:first-child{left:68%;top:4%;width:4%;height:40%;border-radius:2px;background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(12,40,40,.55) 6px 7px) 0 4px /55% calc(100% - 8px) no-repeat,linear-gradient(180deg,transparent 0 30%,rgba(96,226,200,.5) 30%),linear-gradient(90deg,rgba(226,250,245,.28),rgba(226,250,245,.75),rgba(226,250,245,.28))}.buehne[data-thema=lernen] .motiv>i:nth-child(2){left:66%;top:44%;width:8%;height:4%;border-radius:2px;background:rgba(226,250,245,.62)}.buehne[data-thema=lernen] .motiv>i:nth-child(3){left:69%;top:55%;width:2.4%;height:5%;border-radius:50% 50% 45% 45%;background:rgba(160,240,220,.9)}.buehne[data-thema=lernen] .motiv>i:nth-child(4){left:56%;bottom:12%;width:30%;height:40%;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(226,250,245,.3) 0 46%,rgba(120,236,212,.9) 46%,rgba(40,168,146,.95))}.buehne[data-thema=lauf] .motiv>i:first-child{left:48%;top:20%;width:38%;height:58%;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fffaf1 0,#f0e5d4 42%,#cdbca6 100%);box-shadow:inset 0 -7px 12px rgba(120,92,62,.3),inset 0 4px 8px hsla(0,0%,100%,.9),0 10px 18px rgba(0,0,0,.4)}.buehne[data-thema=lauf] .motiv>i:nth-child(2){left:63%;top:13%;width:8%;height:9%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#e8dcc8,#b8a68e);transform:rotate(-6deg)}.buehne[data-thema=lauf] .motiv>i:nth-child(3){left:66.4%;top:30%;width:2px;height:20%;border-radius:2px;background:#b8422a;transform-origin:50% 100%;animation:uhrzeiger 8s linear infinite}.buehne[data-thema=lauf] .motiv>i:nth-child(4){left:65.6%;top:47.5%;width:3.5%;height:5%;border-radius:50%;background:#4a3a30}@keyframes uhrzeiger{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.buehne[data-thema=lauf] .motiv>i:nth-child(3){animation:none;transform:rotate(38deg)}}.fuss{border-top:1px solid var(--linie);margin-top:5rem;padding-block:2.5rem 3.5rem;color:var(--tinte-leise);font-size:.85rem}.eco-redaktion{border:1px solid var(--linie,hsla(0,0%,100%,.12));border-radius:12px;padding:1.1rem 1.2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.eco-redaktion>div:first-child{flex:1 1 24rem;min-width:0}.eco-regler{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.1rem 1.35rem}.eco-regler-text{margin:.35rem 0 0;font-size:.9rem;color:var(--tinte-leise)}.eco-regler-knoepfe{display:flex;flex-wrap:wrap;gap:.4rem}.eco-regler-knoepfe .knopf{height:34px;padding-inline:.75rem;font-size:.85rem}.eco-vorspann{margin:0 0 1.25rem;max-width:68ch;color:var(--tinte-leise);line-height:1.6}.eco-tabelle-huelle{overflow-x:auto;border:1px solid var(--linie);border-radius:14px;background:var(--flaeche);box-shadow:var(--schatten)}.eco-tabelle{width:100%;border-collapse:collapse;font-size:.9rem}.eco-tabelle th{text-align:left;padding:.75rem .9rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-leise);font-weight:500;white-space:nowrap}.eco-tabelle td,.eco-tabelle th{border-bottom:1px solid var(--linie)}.eco-tabelle td{padding:.7rem .9rem;vertical-align:top;line-height:1.45}.eco-tabelle tbody tr:last-child td{border-bottom:none}.eco-tabelle tbody tr:hover{background:var(--flaeche-alt)}.eco-zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.eco-original{display:block;margin-top:.15rem;font-size:.75rem;color:var(--tinte-leise)}.eco-leise{color:var(--tinte-leise);font-size:.82rem}.eco-balken{display:block;height:3px;margin-bottom:.25rem;border-radius:999px;background:var(--flaeche-alt);overflow:hidden}.eco-balken>span{display:block;height:100%;background:var(--akzent)}.eco-reiter{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.eco-reiter .knopf{height:36px;padding-inline:.85rem;font-size:.86rem}.eco-moebel-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.eco-gruppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}.eco-gruppe{padding:1.1rem 1.25rem}.eco-gruppe-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.eco-gruppe-kopf h3{margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.01em}.eco-gruppe-kopf .abzeichen{white-space:nowrap;font-size:.7rem}.eco-moebel{list-style:none;margin:0;padding:0}.eco-moebel li{display:grid;grid-template-columns:2.6rem 1fr;gap:.1rem .6rem;padding:.4rem 0;border-top:1px solid var(--linie)}.eco-moebel li:first-child{border-top:none}.eco-moebel li .eco-leise{grid-column:2}.eco-wert{grid-row:span 2;font-family:var(--schrift-titel);font-weight:600;font-size:1.15rem;line-height:1.1;color:var(--akzent);font-variant-numeric:tabular-nums}.eco-name{font-size:.9rem}.eco-fussnote{margin:.75rem 0 0;font-size:.78rem;line-height:1.5}.eco-fussnote,.eco-leer{color:var(--tinte-leise)}.eco-leer{font-size:.9rem}.eco-formel{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.eco-formel .tafel{padding:1.1rem 1.25rem}.eco-formel p{margin:.5rem 0 0;font-size:.88rem;line-height:1.55}.eco-kombis{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}.eco-kombi{padding:1.1rem 1.25rem}.eco-kombi h3{margin:0;font-size:1rem;font-weight:600}.eco-kombi-eintrag{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--linie)}.eco-kombi-beste{border-top-color:var(--akzent)}.eco-kombi ul{list-style:none;margin:0;padding:0}.eco-kombi li{display:flex;gap:.6rem;align-items:baseline;padding:.2rem 0;font-size:.9rem}.eco-anteil{min-width:3.1rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--akzent)}.eco-essen td:first-child{min-width:13rem}@media (max-width:640px){.eco-tabelle{font-size:.84rem}.eco-tabelle td,.eco-tabelle th{padding:.55rem .6rem}}.start-kopf{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1.25rem}.start-kopf .marke{margin:0}.start-takt{font-weight:500;letter-spacing:.08em;text-transform:none;opacity:.8}.ansichtschalter{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche)}.ansichtschalter:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:7px;background:var(--tinte);transition:transform .4s var(--kurve)}[data-startansicht=kacheln] .ansichtschalter:before{transform:translateX(100%)}.ansichtschalter button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:30px;padding-inline:.8rem;border:0;background:none;font:inherit;font-size:.8rem;color:var(--tinte-leise);cursor:pointer;transition:color .3s var(--kurve)}.ansichtschalter button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:7px}.ansichtschalter svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}[data-startansicht=kacheln] .ansichtschalter button:last-child,html:not([data-startansicht=kacheln]) .ansichtschalter button:first-child{color:var(--papier)}.start-kacheln{display:none}[data-startansicht=kacheln] .start-kacheln{display:grid}[data-startansicht=kacheln] .dienste{display:none}.start-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media (max-width:860px){.start-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}}.start-kachel{position:relative;display:flex;align-items:flex-end;height:150px;padding:1rem 1.1rem;border-radius:14px;overflow:hidden;isolation:isolate;color:#fff;background:#1b1917;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 10px 24px -18px rgba(0,0,0,.7);transition:transform .45s var(--kurve),box-shadow .45s var(--kurve);--motiv-x:70%;--motiv-y:42%;--motiv-s:0.66}.start-kachel[data-thema=mail]{--motiv-y:40%}.start-kachel[data-thema=astro]{--motiv-x:50%;--motiv-y:14%;--motiv-s:0.5}.start-kachel[data-thema=eco]{--motiv-x:64%}.start-kachel[data-thema=lauf]{--motiv-s:0.82;--motiv-y:40%}.start-kachel[data-thema=lernen]{--motiv-s:0.9;--motiv-y:47%;--motiv-x:66%}.start-kachel[data-thema=jellyfin]{--motiv-s:0.78;--motiv-y:38%}.start-kachel .buehne:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,7,14,.78) 0,rgba(9,7,14,.3) 45%,transparent 75%),linear-gradient(90deg,rgba(9,7,14,.35),transparent 60%)}.start-kachel .buehne{z-index:-1}.start-kachel-inhalt{display:flex;flex-direction:column;gap:.2rem;min-width:0;text-shadow:0 1px 10px rgba(0,0,0,.55)}.start-kachel-name{font-family:var(--schrift-titel);font-weight:600;letter-spacing:-.02em;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-kachel .status-zeile{color:hsla(0,0%,100%,.82);font-size:.72rem}.start-kachel .punkt[data-status=online]{background:#7fe0a0}.start-kachel .punkt[data-status=live]{background:#ff9a76}.start-kachel .punkt[data-status=wartung]{background:#f0c064}.start-kachel .status-hand{font-size:.6rem}.start-kachel-pfeil{position:absolute;right:.9rem;bottom:1rem;width:18px;height:18px;opacity:0;transform:translateX(-6px);transition:opacity .3s var(--kurve),transform .35s var(--kurve)}@media (hover:hover){.start-kachel:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 22px 36px -20px rgba(0,0,0,.75)}.start-kachel:hover .start-kachel-pfeil{opacity:1;transform:none}}.start-kachel:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}.start-kachel[data-aus=ja]{opacity:.62}.start-kachel[data-aus=ja]:hover{transform:none}.start-kachel[data-klick=ja]{transform:scale(.97)}.start-kachel:not(:hover):not([data-klick=ja]) .buehne *,.start-kachel:not(:hover):not([data-klick=ja]) .buehne .grund:after,.start-kachel:not(:hover):not([data-klick=ja]) .buehne .schicht-b>i:after,.start-kachel:not(:hover):not([data-klick=ja]) .buehne .schicht-b>i:before{animation-play-state:paused}::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}::view-transition-new(*),::view-transition-old(*){animation-duration:.35s;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center}::view-transition-group(dienst-jellyfin){animation-delay:25ms}::view-transition-group(dienst-minecraft){animation-delay:50ms}::view-transition-group(dienst-eco){animation-delay:75ms}::view-transition-group(dienst-astro){animation-delay:.1s}::view-transition-group(dienst-bruch){animation-delay:125ms}::view-transition-group(dienst-spiele){animation-delay:.15s}::view-transition-group(dienst-lauf){animation-delay:175ms}::view-transition-group(dienst-lernen){animation-delay:.2s}[data-startansicht=kacheln] .start-held{padding-block:clamp(2rem,6vh,3.5rem) 1.5rem!important}[data-startansicht=kacheln] .start-held .titel{font-size:clamp(2.2rem,5vw,3.6rem)}[data-startansicht=kacheln] .start-held .vorspann{margin-top:1rem!important;font-size:1rem}[data-startansicht=kacheln] .start-held .marke{margin-bottom:.9rem!important}@media (max-width:860px){.start-kachel{height:128px;padding:.85rem .9rem;--motiv-s:0.46;--motiv-x:68%;--motiv-y:36%}.start-kachel[data-thema=astro]{--motiv-s:0.36;--motiv-x:46%;--motiv-y:8%}.start-kachel[data-thema=jellyfin]{--motiv-s:0.58;--motiv-y:34%}.start-kachel[data-thema=lauf]{--motiv-s:0.62;--motiv-y:34%}.start-kachel[data-thema=lernen]{--motiv-s:0.68;--motiv-y:34%}.start-kachel-name{white-space:normal;font-size:1.1rem}}