@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--grund: #120e0e;--tolex: #141010;--blech: #0b0909;--platte: #1a1515;--linie: #2c2424;--text: #f3ece9;--leise: #b9aba7;--karmin: #c8102e;--karmin-hell: #ff5468;--ochsenblut: #6e1019;--pedal-schwarz: #221c1c;--alu: #cdc8c4;--alu-tinte: #1b1515;--chrom: #8d8783;--weiss: #ffffff;--bernstein: #ffb020;--led-an: #ff3347;--led-aus: #3b0f15;--led-aus-alu: #5a1a21;--schalter: #c2bcb8;--schalter-rand: #6d6763;--glanz: rgba(255,255,255,.35);--glanz-hell: rgba(255,255,255,.6);--breit: 1180px;--pw: clamp(70px, 5.9vw, 86px);--leicht: cubic-bezier(.16, 1, .3, 1);--sieb: 75%;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--grund);scroll-behavior:smooth;scrollbar-color:#3a3030 var(--grund)}body{font-family:Archivo Variable,system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--text);caret-color:var(--karmin-hell);-webkit-font-smoothing:antialiased}::selection{background:var(--karmin);color:var(--weiss)}a{color:inherit;text-underline-offset:4px}img,video{max-width:100%;display:block}:focus-visible{outline:3px solid var(--karmin-hell);outline-offset:3px}dd,.zahl{font-variant-numeric:tabular-nums}.huelle{max-width:var(--breit);margin:0 auto;padding:0 28px}h1,h2,h3{font-stretch:100%;font-weight:800;line-height:1.08;letter-spacing:-.005em;text-wrap:balance}h2{font-size:clamp(38px,5vw,64px);font-stretch:75%;text-transform:uppercase;letter-spacing:.01em;line-height:.98;margin-bottom:22px}h3{font-size:24px}.lead{font-size:clamp(19px,2vw,23px);color:var(--leise);max-width:50ch}.leise{color:var(--leise)}p+p{margin-top:14px}.sieb{font-stretch:var(--sieb);text-transform:uppercase;letter-spacing:.06em;font-weight:650}.verstaerker{background:var(--blech);border-bottom:3px solid #241d1d}.verstaerker-innen{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;min-height:76px;padding-top:14px;padding-bottom:14px}.marke{flex:none;display:flex;align-items:center;gap:16px;text-decoration:none;font-size:24px;font-weight:800;font-stretch:var(--sieb);text-transform:uppercase;letter-spacing:.03em;line-height:1}.marke.gross{font-size:clamp(30px,3.6vw,54px);letter-spacing:.01em;gap:clamp(14px,2vw,22px);white-space:nowrap}.marke .logo{flex:none;height:.7em;width:auto}.buchsen{display:flex;gap:26px}.buchsen a{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;font-size:15px;font-stretch:var(--sieb);text-transform:uppercase;letter-spacing:.07em;font-weight:650;color:var(--leise);transition:color .15s}.buchse{flex:none;display:inline-block;width:22px;height:22px;border-radius:50%;background:#050404;border:4px solid var(--chrom);box-shadow:inset 0 0 0 3px #1c1717,0 2px 3px #0009;transition:border-color .15s}@media(hover:hover){.buchsen a:hover{color:var(--text)}.buchsen a:hover .buchse{border-color:#c9c3bf}}section{padding:96px 0;border-bottom:1px solid var(--linie)}.abschnitt-kopf{margin-bottom:40px}.abschnitt-kopf h2{margin-bottom:12px}.abschnitt-kopf p{max-width:56ch}.knopf{display:inline-block;padding:12px 20px;border:2px solid #4a3d3d;border-radius:4px;background:var(--platte);text-decoration:none;font-weight:650;transition:border-color .15s,background .15s}.knopf.haupt{background:var(--karmin);border-color:var(--karmin);color:var(--weiss)}@media(hover:hover){.knopf:hover{border-color:var(--karmin-hell)}.knopf.haupt:hover{background:#a90d27}}.pfeil{display:inline-block;padding-block:4px;color:var(--karmin-hell);font-weight:650;text-decoration:none}.pfeil:hover{text-decoration:underline}.schild{background-color:var(--platte);border:1px solid #3a3030;border-radius:6px;padding:24px 26px;background-image:url(/schraube.svg),url(/schraube.svg),url(/schraube.svg),url(/schraube.svg);background-repeat:no-repeat;background-size:9px;background-position:left 9px top 9px,right 9px top 9px,left 9px bottom 9px,right 9px bottom 9px;box-shadow:0 2px 2px #00000080,0 12px 24px -10px #000000b3}.buehne{padding:32px 0 96px}.einleitung{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;margin-bottom:28px}.einleitung .leise{font-size:16px;max-width:42ch}.karte{position:relative;display:grid;grid-template-columns:270px 1fr;gap:36px;padding:28px;border-radius:12px;border:1px solid #2a2222;background:var(--tolex) url(/tolex.svg);box-shadow:inset 0 2px #ffffff0a,inset 0 -3px #0006,0 18px 40px -18px #000c}.kabel{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.kabel path{fill:none;stroke:#2e2626;stroke-width:5;stroke-linecap:round}.kabel path.leuchtet{stroke:var(--karmin);stroke-width:7}.eingang,.leisten{position:relative;z-index:1}.eingang{display:flex;flex-direction:column;align-items:center;gap:20px}.eingang>.pedal{width:var(--pw)}.eingang-reihe{display:flex;gap:30px}.eingang-reihe .pedal{width:var(--pw)}.input{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:var(--blech);border:1px solid #3a3030;border-radius:6px;padding:10px 16px;box-shadow:0 2px 2px #00000080,0 8px 14px -6px #0009}.input .buchse{grid-row:1 / 3}.input .sieb{font-size:12px;color:var(--leise);line-height:1.2}.input-name{font-weight:700;font-stretch:100%;line-height:1.2}.input[aria-pressed=true]{border-color:var(--karmin)}.leisten{display:flex;flex-direction:column;gap:34px;justify-content:center}.leiste{display:flex;flex-wrap:wrap;gap:28px 30px;align-items:flex-start}.pedale{display:grid;grid-template-columns:repeat(var(--n),var(--pw));gap:7px}.schiene{position:relative;margin-top:10px;padding-top:7px;font-size:12px;color:var(--leise);line-height:1.3}.schiene:before,.schiene:after{content:"";position:absolute;left:0;top:0;height:2px}.schiene:before{right:0;background:#2e2626}.schiene:after{right:0;background:var(--karmin);transform-origin:left;transform:scaleX(var(--an, 0));transition:transform .4s var(--leicht)}.gruppe.aktiv .schiene,.gruppe.durch .schiene{color:var(--text)}.pedal{--fill: var(--ochsenblut);--tinte: var(--text);position:relative;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;row-gap:6px;width:100%;aspect-ratio:5 / 7;padding:10px 6px;font:inherit;color:var(--tinte);background:var(--fill);cursor:pointer;border:0;border-radius:7px;box-shadow:0 2px 2px #0009,0 12px 18px -8px #000000b3,inset 0 1px #ffffff24,inset 0 -2px #00000047;transition:transform .14s var(--leicht),box-shadow .14s var(--leicht)}.pedal.schwarz{--fill: var(--pedal-schwarz);box-shadow:0 2px 2px #0009,0 12px 18px -8px #000000b3,inset 0 1px #ffffff24,inset 0 -2px #00000047,inset 0 0 0 1px #4a3e3e}.pedal.alu{--fill: var(--alu);--tinte: var(--alu-tinte)}.regler{display:flex;justify-content:space-between;width:82%}.regler i{position:relative;width:38%;aspect-ratio:1;border-radius:50%;background:#120e0e;box-shadow:0 2px 2px #00000080,inset 0 1px #ffffff29;transform:rotate(var(--a, -60deg))}.regler i+i{transform:rotate(var(--b, 40deg))}.regler i:after{content:"";position:absolute;left:50%;top:10%;width:2px;height:36%;margin-left:-1px;background:var(--text)}.pedal-name{align-self:center;max-width:100%;font-size:12px;line-height:1.15;text-align:center;font-stretch:62%;text-transform:uppercase;letter-spacing:.04em;font-weight:700;hyphens:manual}.led-zeile{display:flex;align-items:center;gap:5px;height:12px;font-size:12px;font-stretch:62%;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.led{width:8px;height:8px;border-radius:50%;background:var(--led-aus);box-shadow:inset 1px 1px 0 var(--glanz)}.pedal.alu .led{background:var(--led-aus-alu)}.led-wort:after{content:"An";visibility:hidden}.pedal.durch .led-wort:after{content:"Durch";visibility:visible}.pedal.durch .led{background:var(--led-an);box-shadow:inset 1px 1px 0 var(--glanz-hell)}.schalter{width:42%;aspect-ratio:1;border-radius:50%;background:var(--schalter);border:3px solid var(--schalter-rand);box-shadow:0 2px 2px #00000080,inset 0 1px 0 var(--glanz-hell);transition:transform .14s var(--leicht)}@media(hover:hover){.pedal:hover{transform:translateY(-2px)}}.pedal[aria-pressed=true]{transform:translateY(1px);box-shadow:0 1px 1px #0009,0 6px 10px -6px #000000b3,inset 0 1px #ffffff24,inset 0 -2px #00000047}.pedal[aria-pressed=true] .led{background:var(--led-an);box-shadow:inset 1px 1px 0 var(--glanz-hell)}.pedal[aria-pressed=true] .led-wort:after{content:"An";visibility:visible}.pedal[aria-pressed=true] .schalter{transform:scale(.94)}.tafel{width:100%;min-height:200px}.tafel h3{font-size:24px;margin-bottom:8px}.tafel p{color:var(--leise);font-size:16px;line-height:1.55}.tafel .gehoert{margin-top:12px;font-size:15px;color:var(--leise)}.tafel-inhalt{animation:auf .28s var(--leicht)}@keyframes auf{0%{opacity:0;transform:translateY(4px)}}.board-fuss{margin-top:4px;font-size:15px;color:var(--leise)}.rueckseite{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;margin-top:80px;align-items:start}.regeln{list-style:none}.regeln li{padding:16px 0;border-top:1px solid var(--linie);max-width:62ch}.regeln li:last-child{border-bottom:1px solid var(--linie)}.offen h3{display:flex;align-items:center;gap:12px;font-size:24px;margin-bottom:12px}.offen h3:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--bernstein);box-shadow:inset 1px 1px 0 var(--glanz-hell)}.offen p{color:var(--leise)}.projekte{list-style:none}.projekt{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:baseline;padding:26px 0;border-top:1px solid var(--linie)}.projekt h3 a{text-decoration:none;background:linear-gradient(var(--karmin),var(--karmin)) 0 100% / 0 3px no-repeat;transition:background-size .3s var(--leicht)}@media(hover:hover){.projekt h3 a:hover{background-size:100% 3px}}.projekt:last-child{border-bottom:1px solid var(--linie)}.projekt h3{font-size:24px}.projekt .art{color:var(--leise);font-size:15px;margin-top:6px}.projekt.gross{grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;padding:36px 0 44px}.projekt.gross h3{font-size:clamp(30px,3.6vw,44px)}.projekt.gross .art{margin:8px 0 16px}.projekt.gross p:not(.art){color:var(--leise);max-width:46ch}.projekt.gross .knopf{margin-top:24px}.vorschau{display:block;border-radius:6px;overflow:hidden;border:1px solid #3a3030;box-shadow:0 12px 28px -12px #000c}.vorschau img{width:100%;height:auto;transition:transform .5s var(--leicht)}@media(hover:hover){.vorschau:hover img{transform:scale(1.02)}}.ueber{display:grid;grid-template-columns:1.25fr 1fr;gap:72px}.ueber .gross{font-size:clamp(22px,2.3vw,27px);font-weight:600;line-height:1.38;margin-bottom:24px;max-width:34ch}.ueber .gross+p{margin-top:0}.fakten{padding:14px 26px}.fakten div,.werkzeuge div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:11px 0}.fakten div+div{border-top:1px solid var(--linie)}.fakten dt,.werkzeuge dt{color:var(--leise)}.werkzeuge-titel{font-size:24px;margin:40px 0 8px}.werkzeuge div{border-top:1px solid var(--linie);font-size:16px}.geraete{display:grid;grid-template-columns:1.15fr 1fr 1fr;padding:0}.geraet{padding:30px 28px 28px}.geraet+.geraet{border-left:1px solid var(--linie)}.geraet h3{font-size:24px}.geraet .untertitel{color:var(--karmin-hell);font-size:15px;font-weight:600;margin:4px 0 16px}.geraet dl{font-size:15px;margin-bottom:16px}.geraet dl div{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--linie)}.geraet dt{color:var(--leise)}.geraet>p.leise{font-size:15px;line-height:1.5}.zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:56px}.weg{list-style:none}.weg li{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--linie)}.weg .zeit{color:var(--leise)}.weg b{font-weight:650}.weg p{font-size:16px;margin-top:4px}.ausgang{border-bottom:0}.ausgang-innen{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:start}.buchse.gross{width:72px;height:72px;border-width:10px;box-shadow:inset 0 0 0 9px #1c1717,0 4px 6px #0009;margin-top:6px}.kontakt{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.fuss{background:var(--blech);border-top:3px solid #241d1d;padding:26px 0 32px;color:var(--leise);font-size:15px}.fuss .huelle{display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}.studie-kopf{padding:72px 0 56px}.studie-kopf .zurueck{display:inline-block;margin-bottom:36px}.studie-kopf .zurueck:after{content:none}.studie-kopf h1{font-stretch:75%;text-transform:uppercase;letter-spacing:.01em;line-height:.98;font-size:clamp(38px,5vw,64px);max-width:14ch}.eckdaten{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}.eckdaten dt{color:var(--leise);font-size:15px}.eckdaten dd{font-weight:650}.text>*{max-width:68ch}.text h2{margin-top:8px}.demo{margin-top:32px;border:1px solid #3a3030;border-radius:6px;overflow:hidden;background:var(--weiss)}.demo iframe{width:100%;height:720px;border:0;display:block}.demo-hinweis{margin-top:14px;color:var(--leise);font-size:16px}.zitat{font-size:clamp(25px,2.8vw,34px);font-weight:650;line-height:1.3;margin:32px 0;max-width:32ch}.liste{padding-left:22px}.liste li{margin-top:8px}.liste li::marker{color:var(--karmin-hell)}video{border:1px solid #3a3030;border-radius:6px;margin-top:28px;width:100%;background:var(--blech)}@media(max-width:1100px){.karte{grid-template-columns:1fr;gap:26px}.eingang{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:12px}.eingang .input{width:100%}.eingang-reihe{gap:12px}.tafel{min-height:0;margin:2px 0 6px}.leisten .tafel,.gruppe{width:100%}.gruppe.klein{width:auto}}@media(max-width:760px){:root{--pw: 72px}.huelle{padding:0 20px}.verstaerker-innen{flex-direction:column;align-items:flex-start;gap:16px}.buchsen{display:grid;grid-template-columns:repeat(2,auto);gap:10px 22px}.buchsen a{gap:8px}.buchsen .buchse{width:18px;height:18px;border-width:3px}section{padding:64px 0}.buehne{padding-top:32px}.karte{padding:18px 14px;border-radius:10px}.pedale{grid-template-columns:repeat(var(--n),minmax(0,66px));gap:5px}.pedal-name{letter-spacing:.02em}.gruppe.klein .pedale{grid-template-columns:repeat(var(--n),66px)}.pedal{aspect-ratio:auto;min-height:100px;align-self:stretch}.einleitung,.abschnitt-kopf,.rueckseite,.zweispaltig,.ueber,.projekt.gross{grid-template-columns:1fr;gap:24px}.fakten div,.werkzeuge div{grid-template-columns:100px 1fr}.geraete{grid-template-columns:1fr}.geraet+.geraet{border-left:0;border-top:1px solid var(--linie)}.projekt{grid-template-columns:1fr;gap:10px}.weg li{grid-template-columns:1fr;gap:2px}.eckdaten{grid-template-columns:1fr 1fr}.demo iframe{height:760px}.ausgang-innen{grid-template-columns:1fr;gap:20px}.buchse.gross{width:56px;height:56px;border-width:8px;box-shadow:inset 0 0 0 7px #1c1717,0 4px 6px #0009}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}