:root{color-scheme: dark;--bg: #303133;--surface: #212121;--face-top: #2f3033;--face-bottom: #1b1c1e;--face-pressed: #191a1c;--side: #0c0c0d;--rim: #3e4044;--text: #ffffff;--text-2: #b0b3b8;--accent: #f2a65a;--danger: #b3261e;--play-top: #3d9b43;--play-bottom: #27692b;--play-pressed: #205623;--play-side: #102e13;--play-rim: #52ae58;--player-blue: #4c86c6;--player-green: #6fa85b;--player-orange: #dd8a3c;--player-red: #e05a47;--player-pink: #c96a9e;--font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--measure: 62ch;--page: 1080px;--linie: rgba(255,255,255,0.14);--kachel-min: 272px;--kachel-abstand: 16px;--kachelreihe: calc(4 * var(--kachel-min) + 3 * var(--kachel-abstand))}*{box-sizing: border-box}html{scroll-behavior: smooth;overscroll-behavior-y: none}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.65;font-weight: 400;-webkit-font-smoothing: antialiased}body::before{content: "";position: fixed;inset: 0;background-image: var(--hexgitter,url('hexgrid.svg'));background-repeat: repeat;background-size: var(--hexgitter-kachel,38.105px 66px);pointer-events: none;z-index: -1}a{color: var(--accent);text-decoration-thickness: 1px;text-underline-offset: 3px}a:hover{color: #ffc98c}h1,h2,h3{font-weight: 300;line-height: 1.2;margin: 0}p{margin: 0 0 1em;max-width: var(--measure)}studio-mark{display: block;text-align: center;font-family: var(--font);font-weight: 300;max-width: 6em;margin-inline: auto}studio-mark .sm-name{display: block;font-size: 1em;letter-spacing: 0.02em;white-space: nowrap}studio-mark .sm-parse{color: var(--text-2)}studio-mark .sm-int{color: var(--accent)}studio-mark .sm-rule{height: 1px;margin: 0.37em auto 0.33em;background: var(--text-2);transform: scaleX(0)}studio-mark .sm-suffix{--sm-tracking: 0.42em;display: block;font-size: 0.52em;letter-spacing: var(--sm-tracking);margin-left: var(--sm-tracking);color: var(--text-2);white-space: nowrap}studio-mark .sm-slot{display: inline-block;position: relative;width: 0.773em;height: 0.72em;margin-right: var(--sm-tracking);vertical-align: baseline}studio-mark .sm-slot svg{position: absolute;left: 50%;top: 50%;width: 1.945em;height: 1.945em;transform: translate(-50%,-50%);overflow: visible}studio-mark[animated] .sm-name,studio-mark[animated] .sm-rule,studio-mark[animated] .sm-suffix{opacity: 0}.site-shell{display: flex;flex-direction: column;min-height: 100%}.site-shell>main{flex: 1 0 auto;width: 100%}.site-header{position: sticky;top: 0;z-index: 10;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 24px;padding: 14px 24px;background: rgba(20,21,23,0.94);backdrop-filter: blur(10px);border-bottom: 1px solid var(--linie)}.site-header .site-brand{justify-self: start;text-decoration: none}.site-header .site-nav{justify-self: center}.site-header .sprachwahl{justify-self: end}.site-header .site-nav{gap: 30px;font-size: 1.06rem}.site-header .site-nav a{color: var(--text);padding: 4px 2px;border-bottom: 2px solid transparent}.site-header .site-nav a:hover{color: var(--accent);border-bottom-color: var(--accent)}.sprachwahl{display: flex;align-items: center;gap: 10px}.flagge{display: block;line-height: 0;border-radius: 3px;outline: 1px solid var(--rim);outline-offset: 0;opacity: 0.45;transition: opacity 120ms,outline-color 120ms}.flagge img{display: block;width: 26px;height: 17px;object-fit: cover;border-radius: 3px}.flagge:hover{opacity: 1}.flagge[aria-current]{opacity: 1;outline-color: var(--accent)}.site-header studio-mark{font-size: 1.35rem;text-align: left}.site-header studio-mark{line-height: 1.1}.site-header studio-mark .sm-rule{display: none}.site-header studio-mark .sm-suffix{margin-top: 0.06em}.site-nav{display: flex;gap: 22px;flex-wrap: wrap;font-size: 0.94rem}.site-nav a{color: var(--text-2);text-decoration: none}.site-nav a:hover{color: var(--accent)}.site-footer{margin-top: 72px;flex-shrink: 0;padding: 24px 24px 35px;border-top: 1px solid var(--linie);background: rgba(27,28,30,0.6);color: var(--text-2);font-size: 0.9rem}.fuss-marke{display: flex;gap: 0.35em}.fuss-marke .int{color: var(--accent)}.site-footer .inner{max-width: var(--page);margin: 0 auto;display: flex;flex-wrap: wrap;gap: 12px 28px;align-items: baseline;justify-content: space-between}.site-footer .inner .site-nav{flex: 0 0 auto;flex-wrap: nowrap;white-space: nowrap}.site-footer .inner .fuss-marke{flex: 0 0 auto}.fuss-spruch{flex: 1 1 auto;text-align: center;text-wrap: balance}.site-footer a{color: var(--text-2)}.site-footer a:hover{color: var(--accent)}main{max-width: var(--page);margin: 0 auto;padding: 0 24px}section{padding: 64px 0;border-top: 1px solid var(--linie)}section:first-of-type{border-top: none}.hero + section{border-top: none;padding-top: 24px;padding-bottom: 24px}.site-shell:has(.hero) .site-footer{margin-top: 40px}.section-label{font-size: 0.78rem;letter-spacing: 0.22em;text-transform: uppercase;color: var(--text-2);margin-bottom: 14px}h2{font-size: clamp(1.7rem,4vw,2.3rem);margin-bottom: 20px}h3{font-size: 1.05rem;font-weight: 500;margin-bottom: 6px}.lead{font-size: 1.15rem;color: var(--text-2)}.hero{padding: clamp(32px,6vh,64px) 0 clamp(24px,4vh,40px);text-align: center}.hero studio-mark{font-size: clamp(2.4rem,9vw,4.2rem)}.hero p{margin-left: auto;margin-right: auto}.hero .lead{font-size: clamp(1.1rem,2.6vw,1.35rem);color: var(--text);max-width: 34ch}.raised{display: inline-block;padding: 13px 26px;border: 1px solid var(--rim);border-radius: 6px;background: linear-gradient(180deg,var(--face-top),var(--face-bottom));box-shadow: 0 4px 0 var(--side);color: var(--text);font: inherit;font-size: 0.98rem;text-decoration: none;cursor: pointer;transition: transform 90ms,box-shadow 90ms,background 90ms}.raised:hover{color: var(--text)}.raised:active{transform: translateY(3px);box-shadow: 0 1px 0 var(--side);background: var(--face-pressed)}.raised.play{border-color: var(--play-rim);background: linear-gradient(180deg,var(--play-top),var(--play-bottom));box-shadow: 0 4px 0 var(--play-side)}.raised.play:active{background: var(--play-pressed);box-shadow: 0 1px 0 var(--play-side)}.raised[aria-disabled="true"]{cursor: default;opacity: 0.75}.raised[aria-disabled="true"]:active{transform: none;box-shadow: 0 4px 0 var(--side);background: linear-gradient(180deg,var(--face-top),var(--face-bottom))}.badge{display: inline-block;white-space: nowrap;padding: 4px 12px;border: 1px solid var(--rim);border-radius: 999px;background: var(--surface);color: var(--accent);font-size: 0.78rem;letter-spacing: 0.06em}.product-head{padding: 56px 0 8px;border-top: none}.product-title{font-size: clamp(2.1rem,6vw,3.2rem);letter-spacing: 0.02em;margin: 16px 0 18px}.product-title .x,.product-card-name .x{font-family: Georgia,"Times New Roman",serif;font-size: 1.3em;line-height: 0}.products{display: grid;grid-template-columns: 1fr;gap: var(--kachel-abstand);margin-top: 20px}@media (min-width: 600px){.products{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1200px){.hero + section{width: var(--kachelreihe);margin-left: calc((100% - var(--kachelreihe)) / 2)}.products{grid-template-columns: repeat(4,1fr)}}.product-card{display: block;padding: 28px 28px 30px;border: 1px solid var(--rim);border-radius: 8px;background: linear-gradient(180deg,var(--face-top),var(--face-bottom));box-shadow: 0 4px 0 var(--side);color: var(--text);text-decoration: none;transition: transform 120ms,box-shadow 120ms,border-color 120ms}.product-card:hover{color: var(--text);border-color: var(--accent);transform: translateY(-2px);box-shadow: 0 6px 0 var(--side)}.product-card:active{transform: translateY(3px);box-shadow: 0 1px 0 var(--side)}.karten-kopf{display: flex;align-items: center;gap: 12px}.produkt-logo{display: block;flex-shrink: 0;width: 52px;height: 52px}.kopf-zeile{display: flex;align-items: center;gap: 18px;flex-wrap: wrap}.kopf-zeile .badge{margin-left: auto}.kopf-zeile .produkt-logo{width: 76px;height: 76px}.kopf-zeile .product-title{margin: 0}.kopf-zeile{margin-bottom: 18px}.product-card-name{font-size: 1.75rem;font-weight: 300;letter-spacing: 0.02em;margin: 16px 0 10px}.product-card p{margin: 0;color: var(--text-2);font-size: 1rem;max-width: none}.back{padding: 36px 0 8px}.back a{color: var(--text-2);text-decoration: none;font-size: 0.94rem}.back a:hover{color: var(--accent)}hex-letter{display: inline-block;position: relative;width: 0.586em;height: 0.52em;vertical-align: baseline}hex-letter svg{position: absolute;left: 50%;top: 50%;width: 1.405em;height: 1.405em;transform: translate(-50%,-50%);overflow: visible}.features{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1px;margin-top: 36px;background: #26272a;border: 1px solid #26272a;border-radius: 8px;overflow: hidden}@media (min-width: 980px){.features{grid-template-columns: repeat(var(--cols,4),1fr)}}.feature{padding: 22px 24px;background: var(--surface)}.feature p{margin: 0;color: var(--text-2);font-size: 0.94rem}.feature h3::before{content: "";display: inline-block;width: 9px;height: 10px;margin-right: 10px;background: var(--dot,var(--player-blue));clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.meta{margin-top: 28px;color: var(--text-2);font-size: 0.9rem}.actions{display: flex;flex-wrap: wrap;gap: 14px;margin-top: 30px}.legal-page{padding: 56px 0 0;--dokument: 36rem;--fuge: 56px}.legal-head h1,.legal h1{font-size: clamp(1.9rem,5vw,2.6rem);margin-bottom: 8px}.legal-head .lead{margin-bottom: 0}.tabs{display: flex;flex-wrap: wrap;gap: 4px;width: min(100%,var(--dokument));margin-top: 32px;padding: 5px;border: 1px solid var(--rim);border-radius: 10px;background: rgba(20,21,23,0.55)}.tab{flex: 1;text-align: center;padding: 9px 18px;border: 1px solid transparent;border-radius: 7px;color: var(--text-2);text-decoration: none;font-size: 0.96rem;white-space: nowrap;transition: color 120ms,background 120ms}.tab:hover{color: var(--text);background: rgba(255,255,255,0.04)}.tab-aktiv,.tab-aktiv:hover{color: var(--text);background: linear-gradient(180deg,var(--face-top),var(--face-bottom));border-color: var(--rim);box-shadow: 0 1px 0 var(--side)}.legal-body{padding-top: 8px}@media (min-width: 1040px){.legal-body{display: grid;grid-template-columns: minmax(0,var(--dokument)) minmax(180px,1fr);column-gap: var(--fuge);align-items: start}.tabs{width: calc(var(--dokument) + var(--fuge))}}.legal{max-width: var(--dokument)}.legal p,.legal ul,.legal li,.legal address{max-width: none}.legal h2{scroll-margin-top: 6rem}.legal code{overflow-wrap: break-word}.legal-toc{display: none}@media (min-width: 1040px){.legal-toc{display: block;position: sticky;top: 92px;padding-left: 22px;border-left: 1px solid var(--linie);font-size: 0.92rem;line-height: 1.45}}.legal-toc-titel{margin-bottom: 10px;color: var(--text-2);font-size: 0.72rem;letter-spacing: 0.18em;text-transform: uppercase}.legal-toc a{display: block;padding: 5px 0;color: var(--text-2);text-decoration: none}.legal-toc a:hover{color: var(--text)}.legal-toc a[aria-current]{color: var(--accent)}.legal .updated{color: var(--text-2);font-size: 0.9rem;margin-bottom: 40px}.legal h2{font-size: 1.35rem;margin: 44px 0 14px;padding-top: 20px;border-top: 1px solid var(--linie)}.legal h3{font-size: 1.02rem;margin: 26px 0 8px}.legal p,.legal li{color: #dfe1e4}.legal ul{max-width: var(--measure);padding-left: 20px}.legal li{margin-bottom: 6px}.note{max-width: var(--measure);margin: 28px 0;padding: 16px 20px;border: 1px dashed var(--danger);border-radius: 6px;background: rgba(179,38,30,0.08);color: #f0d6d4;font-size: 0.94rem}.note p:last-child{margin-bottom: 0}.legal address{font-style: normal;color: #dfe1e4;margin-bottom: 1.4em}@media (max-width: 780px){.site-header{grid-template-columns: auto auto;row-gap: 12px;column-gap: 16px}.site-header .site-brand{grid-row: 1;grid-column: 1}.site-header .sprachwahl{grid-row: 1;grid-column: 2}.site-header .site-nav{grid-row: 2;grid-column: 1 / -1;justify-self: center;gap: 20px;font-size: 1rem}}@media (max-width: 1010px){.site-footer .inner{flex-direction: column;align-items: center;text-align: center}.site-footer .inner .site-nav{justify-content: center;flex-wrap: wrap;white-space: normal}}@media (max-width: 640px){body{font-size: 16px}section{padding: 48px 0}.site-header{padding: 12px 18px}main{padding: 0 18px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}studio-mark[animated] .sm-name,studio-mark[animated] .sm-rule,studio-mark[animated] .sm-suffix{opacity: 1}studio-mark .sm-rule{transform: none}}