.pipe{--pipe-knoten: var(--roast-elev);--pipe-rand: rgba(244, 241, 236, .1);--pipe-ergebnis: #1A1613;--pipe-agent: #1A1512;--pipe-akzent: var(--copper-hi);--pipe-weg: rgba(226, 174, 132, .32);--pipe-weg-leise: rgba(226, 174, 132, .22);--pipe-pfeil: rgba(226, 174, 132, .55);--pipe-label: rgba(244, 241, 236, .34);--pipe-label-agent: rgba(226, 174, 132, .75);--pipe-titel: rgba(244, 241, 236, .86);--pipe-titel-agent: #F4F1EC;--pipe-text: rgba(244, 241, 236, .66);--pipe-mono: rgba(244, 241, 236, .26);--pipe-mono-agent: rgba(226, 174, 132, .5);--pipe-fertig: #F4F1EC;margin:0;width:100%}.pipe__svg{display:block;width:100%;height:auto}.pipe__svg--hoch{display:none;max-width:320px;margin-inline:auto}@media(max-width:639.98px){.pipe__svg--quer{display:none}.pipe__svg--hoch{display:block}}.pipe__weg{stroke:var(--pipe-weg)}.pipe__weg--leise{stroke:var(--pipe-weg-leise)}.pipe__pfeil{stroke:var(--pipe-pfeil)}.pipe__punkt{fill:var(--pipe-akzent)}.pipe__knoten,.pipe__ergebnis{fill:var(--pipe-knoten);stroke:var(--pipe-rand)}.pipe__ergebnis{fill:var(--pipe-ergebnis)}.pipe__agent{fill:var(--pipe-agent);stroke:var(--pipe-akzent)}.pipe__agent-kante{fill:var(--pipe-akzent);opacity:.55}.pipe__label,.pipe__titel,.pipe__text{font-family:var(--font-body)}.pipe__label{fill:var(--pipe-label)}.pipe__label--agent{fill:var(--pipe-label-agent)}.pipe__titel{fill:var(--pipe-titel)}.pipe__titel--agent{fill:var(--pipe-titel-agent)}.pipe__text{fill:var(--pipe-text)}.pipe__mono{font-family:var(--font-mono);fill:var(--pipe-mono)}.pipe__mono--agent{fill:var(--pipe-mono-agent)}.pipe__takt{fill:var(--pipe-akzent);opacity:.15}.pipe__zustand--fertig{fill:var(--pipe-fertig);opacity:.95}.pipe__zustand--laeuft{fill:var(--pipe-akzent);opacity:.3}@media(prefers-reduced-motion:no-preference){.pipe__takt{animation:pipe-takt 1.2s ease-in-out infinite}.pipe__takt--2{animation-delay:.4s}.pipe__takt--3{animation-delay:.8s}.pipe__zustand--laeuft{animation:pipe-puls 1.9s ease-in-out infinite}.pipe__zustand--b{animation-duration:2.2s;animation-delay:.35s}}@keyframes pipe-takt{0%,to{opacity:.15}50%{opacity:1}}@keyframes pipe-puls{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.pipe__punkt{display:none}.pipe__takt{opacity:.6}.pipe__zustand--laeuft{opacity:.8}}.buehne--hell .pipe{--pipe-knoten: var(--surface);--pipe-rand: rgba(11, 11, 13, .14);--pipe-ergebnis: var(--surface);--pipe-agent: #FFF9F2;--pipe-akzent: var(--copper);--pipe-weg: rgba(201, 137, 99, .5);--pipe-weg-leise: rgba(201, 137, 99, .38);--pipe-pfeil: rgba(201, 137, 99, .8);--pipe-label: rgba(11, 11, 13, .5);--pipe-label-agent: var(--copper-text);--pipe-titel: rgba(11, 11, 13, .86);--pipe-titel-agent: var(--ink);--pipe-text: rgba(11, 11, 13, .7);--pipe-mono: rgba(11, 11, 13, .42);--pipe-mono-agent: var(--copper-text);--pipe-fertig: var(--ink)}