/* Gebacken von backen.py aus dem Zeichner des Produkts. Nicht von Hand aendern. */
.vf-echt{--accent:#7CB518;--accent-dark:#6AA010;--accent-dim:#EDF6E0;--accent-hover:#6AA010;--accent-text:#0A1A0E;--akzent-hell:#EDF6E0;--auswahl:#C3E38F;--bg:#F7F7F5;--bg2:#FFFFFF;--blue:#7CB518;--blue-bg:#1d7fa014;--border:#E7E7E2;--border2:#F0F0EC;--err:#A33A22;--green:#2E7D51;--green-bg:#E8F0EA;--karte-grund:#FFFFFF;--karte-kante:#E4E4DE;--karte-schatten:0 1px 2px rgba(24,24,20,.05), 0 6px 16px rgba(24,24,20,.05);--karte-titel:rgba(25,25,24,.78);--knopf-dunkel:#1C492F;--kopf-dunkel:#0A2C1D;--kopf-hell:#175B3C;--kumpel-zug:#ECF2EE;--limette:#9BD832;--line:#E7E7E2;--line-zart:#F0F0EC;--mono:'Roboto Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;--mono2:'Roboto Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;--muted:#6B6B66;--naht:#7CB518;--nav-h:46px;--ok:#2E7D51;--panel:#FFFFFF;--panel2:#F1F1EE;--radius:10px;--radius2:8px;--red:#A33A22;--red-bg:#F7EBE7;--sans:"Geist",system-ui,sans-serif;--schatten:0 1px 2px rgba(25,25,24,.05);--schatten-hoch:0 4px 14px rgba(25,25,24,.10), 0 1px 3px rgba(25,25,24,.06);--shadow:0 10px 28px rgba(0,0,0,.14);--stop:#D22B1E;--stop-hover:#B92316;--stop-ink:#FFFFFF;--surface:#FFFFFF;--surface2:#F1F1EE;--surface3:#F1F1EE;--term-bg:#1A1D1B;--text:#191918;--text2:#191918;--text3:#6B6B66;--violet:#9BD832;--violet-bg:#6d3fd114;--warn:#9A5A1C;--wolke-fuell:#FFFFFF;--wolke-kante:#D5D5CE;--wolke-punkt:#191918;--yellow:#9A5A1C;--yellow-bg:#F6EFE6;--zeile-aktiv:#EAE9E4;}
.vf-echt *{box-sizing: border-box;}
.vf-echt *{scrollbar-width: none;}
.vf-echt ::-webkit-scrollbar{width: 0px; height: 0px; display: none;}
.vf-echt a{color: var(--accent); text-decoration: none;}
.vf-echt code{font-family: var(--mono);}
.vf-echt button,.vf-echt [role="button"]{-webkit-tap-highlight-color: transparent; touch-action: manipulation;}
.vf-echt pre{max-width: 100%; overflow-x: auto;}
.vf-echt [role="button"],.vf-echt button{user-select: none;}
.vf-echt :not(code):not(pre):not(kbd){text-transform: none !important; letter-spacing: normal !important;}
.vf-echt :not(code):not(pre):not(kbd){font-family: var(--sans) !important;}
.vf-echt code,.vf-echt pre{font-family: var(--mono) !important;}
.vf-echt button{border-radius: var(--radius2); font-size: 12px; font-weight: 500;}
.vf-echt ::selection{background: var(--auswahl); color: var(--text);}
.vf-echt button{transition: background 0.12s, color 0.12s, border-color 0.12s, box-shadow 0.12s;}
.vf-echt button:active{transform: none;}
.vf-echt figure.lz{background: var(--karte-grund); border: 1px solid var(--karte-kante); border-radius: var(--radius,10px); padding: 14px 16px; box-shadow: var(--karte-schatten);}
.vf-echt figure.lz .lz-titel{color: var(--karte-titel);}
@keyframes such-blitz { 
  0%, 55% { background: var(--akzent-hell); box-shadow: 0 0 0 6px var(--akzent-hell); }
  100% { background: transparent; box-shadow: none; }
}
.vf-echt .lz-schaubild .sb,.vf-echt .sb{position: relative; overflow-x: auto; padding: 2px 0px;}
.vf-echt .sb-linien{position: absolute; left: 0px; top: 0px; pointer-events: none; color: var(--muted); overflow: visible;}
.vf-echt .sb-gitter{position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 14px;}
.vf-echt .sb.gelegt .sb-gitter{display: block;}
.vf-echt .sb.gelegt .sb-kasten{position: absolute;}
.vf-echt .sb-kasten{position: relative; flex: 0 0 auto; display: flex; flex-direction: column; gap: 2px; max-width: 15em; padding: 9px 13px; cursor: pointer; background: var(--panel); border: 1px solid var(--line); color: var(--text); border-radius: 9px; font-size: 12.5px; line-height: 1.45; text-align: left; transition: border-color 0.16s, background 0.16s, box-shadow 0.16s, transform 0.16s, opacity 0.22s;}
.vf-echt .sb-kasten:hover{border-color: var(--muted); outline: none;}
.vf-echt .sb-text{font-weight: 600;}
.vf-echt .sb-neben{color: var(--muted); font-size: 11.5px; line-height: 1.4;}
.vf-echt .sb-kasten.eingang{border-left: 3px solid var(--r-eingang);}
.vf-echt .sb-kasten.ausgang{border-left: 3px solid var(--r-ausgang);}
.vf-echt .sb-kasten.problem{border-color: var(--r-problem); color: var(--r-problem);}
.vf-echt .sb-kasten.merk{border-color: var(--r-merk); color: var(--text); background: color-mix(in srgb, var(--r-merk) 14%, var(--panel));}
.vf-echt .sb-kasten.spricht{border-color: var(--r-aussen); background: var(--accent-dim); color: var(--text); box-shadow: 0 0 0 1px var(--r-aussen), 0 0 18px -2px var(--r-aussen); transform: translateY(-1px); animation: 0.42s ease-out 0s 1 normal none running sb-auf;}
@keyframes sb-auf { 
  0% { box-shadow: 0 0 0 1px var(--accent), 0 0 0 0 var(--accent); }
  45% { box-shadow: 0 0 0 1px var(--accent), 0 0 26px 4px var(--accent); }
  100% { box-shadow: 0 0 0 1px var(--accent), 0 0 18px -2px var(--accent); }
}
@media (prefers-reduced-motion: reduce){.vf-echt .sb-kasten.spricht{animation: auto ease 0s 1 normal none running none; transform: none;}}
.vf-echt .sb-kante{stroke: var(--muted); stroke-width: 1.7;}
.vf-echt .sb-kante.offen{stroke-dasharray: 4, 3;}
.vf-echt .sb-spitze{fill: var(--muted); stroke: none;}
.vf-echt .lz{margin: 0px 0px 16px; padding: 0px; font-size: 13px;}
.vf-echt .lz{--r-merk: var(--accent); --r-problem: #ff6b6b; --r-ausgang: #5fd08a; --r-speicher: #a78bfa; --r-aussen: #e5b567; --r-eingang: #67e8f9; --r-still: var(--text3);}
.vf-echt .lz{--r-problem: #d1392b; --r-ausgang: #0f8a52; --r-speicher: #6d28d9; --r-aussen: #b45309; --r-eingang: #0e7490;}
.vf-echt .lz-streifen > i,.vf-echt .lz-legende > i{color: var(--r-still);}
.vf-echt .lz-titel{font-size: 12px; color: var(--muted); margin: 0px 0px 9px; line-height: 1.4; display: flex; flex-wrap: wrap; align-items: center; gap: 3px 10px;}
.vf-echt .lz b,.vf-echt .lz em,.vf-echt .lz i{font-style: normal; font-weight: 400;}
.vf-echt .lz-fuss{margin-top: 7px; font-size: 11.5px; color: var(--muted);}
.vf-echt .lz-von{color: var(--muted); font-size: 12px; margin: -4px 0px 8px;}
.vf-echt .lz-streifen{display: flex; height: 13px; background: var(--panel2); border: 1px solid var(--line); overflow: hidden;}
.vf-echt .lz-streifen > i{display: block; height: 100%; background: var(--accent);}
.vf-echt .lz-s0{opacity: 1;}
.vf-echt .lz-s1{opacity: 0.58;}
.vf-echt .lz-legende{margin-top: 10px; display: grid; grid-template-columns: 9px 1fr max-content max-content; gap: 5px 11px; align-items: baseline;}
.vf-echt .lz-legende > i{width: 9px; height: 9px; background: var(--accent); align-self: center;}
.vf-echt .lz-legende > span{color: var(--text); min-width: 0px; overflow-wrap: anywhere;}
.vf-echt .lz-legende > b,.vf-echt .lz-legende > em{text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums;}
.vf-echt .lz-legende > b{color: var(--text);}
.vf-echt .lz-legende > em{color: var(--muted);}
.vf-echt .lz-regeln{display: grid; grid-template-columns: fit-content(17em) max-content 1fr; gap: 6px 11px; align-items: baseline;}
.vf-echt .lz-wenn{color: var(--text); font-family: var(--mono); font-size: 12.5px; min-width: 0px; overflow-wrap: anywhere;}
.vf-echt .lz-pfeil{color: var(--muted);}
.vf-echt .lz-dann{color: var(--muted); min-width: 0px; overflow-wrap: anywhere;}
.vf-echt .ob-schacht{position: relative; width: 100%; aspect-ratio: 1280 / 820; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface);}
.vf-echt .ob-schacht iframe{position: absolute; left: 0px; top: 0px; width: 1280px; height: 820px; border: 0px; display: block; transform-origin: 0px 0px; transform: scale(var(--ob-k, .48));}
.vf-echt .lz-obauf{position: absolute; right: 8px; bottom: 8px; font-size: 11.5px; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: 3px 10px; color: var(--muted); text-decoration: none;}
.vf-echt .lz-obauf:hover{color: var(--accent); border-color: var(--accent);}
.vf-echt .lz{--licht-rest: .32;}
.vf-echt :where(.lz :is([data-teil],.vf-echt [data-cues])){transition: opacity 0.22s;}
@media (prefers-reduced-motion: reduce){.vf-echt .lz :is([data-teil],.vf-echt [data-cues]){transition: none !important;}}
.vf-echt .lz .lz-regel{transition: opacity 0.22s, background 0.22s, border-color 0.22s;}
.vf-echt .kv-marke.spricht circle,.vf-echt .kv-marke.spricht text,.vf-echt .kv-linie.spricht{filter: drop-shadow(0 0 5px var(--accent));}
.vf-echt .lz-regel.spricht{box-shadow: 0 0 0 1px var(--accent), 0 0 16px -3px var(--accent);}
.vf-echt .lz-regel.spricht,.vf-echt .lz-legende span.spricht,.vf-echt .lz-legende b.spricht,.vf-echt .lz-legende em.spricht{background: var(--accent-dim); color: var(--text); border-radius: 4px;}
.vf-echt .lz-regel.spricht{box-shadow: 0 0 0 3px var(--accent-dim);}
.vf-echt .lz-streifen i.spricht{filter: saturate(1.35) drop-shadow(currentcolor 0px 0px 8px);}
.vf-echt .kv{overflow-x: auto;}
.vf-echt .kv > svg{width: 100%; max-width: 520px; height: auto; display: block;}
.vf-echt .kv-netz{stroke: var(--line); stroke-width: 1; opacity: 0.5;}
.vf-echt .kv-tick,.vf-echt .kv-achse{stroke: var(--line); stroke-width: 1; fill: none;}
.vf-echt .kv-zahl{fill: var(--muted); font-size: 9px; font-variant-numeric: tabular-nums;}
.vf-echt .kv-linie{fill: none; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round;}
.vf-echt .kv-linie.f0{stroke: var(--accent);}
.vf-echt .kv-hilfslinie{fill: none; stroke: var(--muted); stroke-width: 1; stroke-dasharray: 3, 3;}
.vf-echt .kv-hilfstext{fill: var(--muted); font-size: 9px;}
.vf-echt .kv-marke circle{fill: var(--text);}
.vf-echt .kv-marke text{fill: var(--text); font-size: 9.5px;}
.vf-echt .kv-marke.spricht circle{fill: var(--accent); r: 5;}
.vf-echt .kv-marke.spricht text,.vf-echt .kv-linie.spricht{stroke-width: 3;}
.vf-echt .kv-marke.spricht text{fill: var(--accent);}
.vf-echt .vl-anker{display: none;}
@keyframes dlg-helfer-puls { 
  0%, 100% { opacity: 0.25; }
  50% { opacity: 1; }
}
@keyframes dlgPuls { 
  0%, 60%, 100% { opacity: 0.22; }
  30% { opacity: 1; }
}
.vf-echt .lima-flaeche{position: absolute; inset: 0px; transform-origin: 0px 0px;}
.vf-echt .lima-raster{position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; max-width: none; overflow: visible; pointer-events: none;}
.vf-echt .lima-raster circle{fill: var(--line);}
.vf-echt .lima-flaeche .lima-knoten .sb,.vf-echt .lima-flaeche .lima-knoten .kv,.vf-echt .lima-flaeche .lima-knoten table,.vf-echt .lima-flaeche .lima-knoten pre{overflow: visible;}
.vf-echt .lima-flaeche .lima-knoten{transition: opacity 0.32s;}
@media (prefers-reduced-motion: reduce){.vf-echt .lima-flaeche .lima-knoten{transition: none;}}
.vf-echt .lima-flaeche .lima-knoten .lz-streifen{min-width: 460px;}
.vf-echt .lima-flaeche .lima-knoten .kv > svg{min-width: 420px;}
.vf-echt .lima-knoten{position: absolute; top: 0px; left: 0px; width: max-content; max-width: 658px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 17px 18px;}
.vf-echt .lima-knoten:has(.sb){max-width: none;}
.vf-echt .lima-knoten > .lz{margin: 0px;}
@media (max-width: 860px){.vf-echt .lima-knoten{max-width: 520px;}}
.vf-echt figure.lz{display: block;}
.vf-echt .lz-regeln > .lz-regel{display: contents;}
.vf-echt .lz > .lz-oberflaeche{position: relative; width: 620px; max-width: 100%;}
.vf-echt .lima-flaeche .lima-knoten:has(> .lz-oberflaeche){max-width: none; --rahmen-mass: calc(1280 / 620);}
.vf-echt .lima-flaeche .lima-knoten:has(> .lz-oberflaeche) > .lz > .lz-titel{font-size: calc(12px * var(--rahmen-mass)); margin-bottom: calc(9px * var(--rahmen-mass));}
.vf-echt .lima-flaeche .lima-knoten:has(> .lz-oberflaeche) .lz-obauf{font-size: calc(11.5px * var(--rahmen-mass)); padding: calc(3px * var(--rahmen-mass)) calc(10px * var(--rahmen-mass)); right: calc(8px * var(--rahmen-mass)); bottom: calc(8px * var(--rahmen-mass)); border-radius: 999px;}
.vf-echt .lima-flaeche .lima-knoten > .lz > .lz-oberflaeche{width: 1280px; max-width: none;}
@keyframes dlg-entwurf-blink { 
  100% { opacity: 0; }
}
.vf-echt .lima-knoten:has(> .lz-copy){width: min(758px, -32px + 100vw); max-width: none; box-sizing: border-box; padding: 0px; overflow: hidden;}
.vf-echt .lz-copy{width: 100%; max-width: 100%; min-width: 0px; box-sizing: border-box;}
.vf-echt .lz-copy > .lz-titel{display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 18px; margin: 0px; border-bottom: 1px solid var(--line); font-size: 14px; color: var(--text);}
.vf-echt .lz-copy > .lz-titel > span:first-child{flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere;}
.vf-echt .lz-copy-button{width: 80px; flex: 0 0 80px; box-sizing: border-box; margin-left: auto; padding: 6px 12px; color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 6px; cursor: pointer;}
.vf-echt .lz-copy-status{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.vf-echt .lz-copy-scroll{max-height: min(560px, 65vh); max-width: 100%; box-sizing: border-box; padding: 18px; overflow: auto; user-select: text; touch-action: pan-x pan-y; cursor: text; overscroll-behavior: contain;}
.vf-echt .lz-copy pre{margin: 0px; white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 4; font: 15px/1.7 var(--mono,monospace);}
.vf-echt .lz-copy pre code{white-space: inherit; color: var(--text);}
.vf-echt .lz-copy table{border-collapse: collapse; width: 100%; table-layout: fixed;}
.vf-echt .lz-copy th,.vf-echt .lz-copy td{padding: 9px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); overflow-wrap: anywhere;}
.vf-echt .lz-copy th{color: var(--text); font-weight: 600;}
.vf-echt .lz{--cat0: #ee9875; --cat1: #77c9e8; --cat2: #bba1ee; --cat3: #e6c36b; --cat4: #81cbb1; --cat5: #e89dc4; --cat6: #a9b8d5; --cat7: #c3c975;}
.vf-echt .lz{--cat0: #a64721; --cat1: #13698b; --cat2: #744bad; --cat3: #816006; --cat4: #24735a; --cat5: #a13b72; --cat6: #52658b; --cat7: #64700c;}
.vf-echt .lz-streifen > i{box-sizing: border-box;}
.vf-echt .lz-streifen > i + i{box-shadow: inset 2px 0 var(--panel);}
.vf-echt .lz-copy.lz-tabelle table{border: 1px solid color-mix(in srgb,var(--text) 32%,transparent); table-layout: auto; font-size: 15px;}
.vf-echt .lz-copy.lz-tabelle th,.vf-echt .lz-copy.lz-tabelle td{border: 1px solid color-mix(in srgb,var(--text) 26%,transparent); padding: 11px 15px;}
.vf-echt .lz-copy.lz-tabelle th{background: color-mix(in srgb,var(--text) 12%,var(--panel)); border-bottom-width: 2px;}
.vf-echt .lz-copy.lz-tabelle tbody tr:nth-child(2n){background: color-mix(in srgb,var(--text) 5%,var(--panel));}
.vf-echt .lz-copy.lz-tabelle td[data-numeric]{text-align: right; font-variant-numeric: tabular-nums; font-family: var(--mono,monospace);}
.vf-echt .lz .kv{width: 520px; max-width: 100%;}
.vf-echt .kv-scatter{fill: var(--cat1); stroke: var(--panel); stroke-width: 1;}
.vf-echt .kv-netz{opacity: 0.7;}
.vf-echt .kv-achse{stroke: var(--muted);}
.vf-echt .lz-streifen:not(.mit-rollen) > .lz-s0,.vf-echt .lz-legende:not(.mit-rollen) > .lz-s0{background: var(--cat0); color: var(--cat0); opacity: 1;}
.vf-echt .lz-streifen:not(.mit-rollen) > .lz-s1,.vf-echt .lz-legende:not(.mit-rollen) > .lz-s1{background: var(--cat1); color: var(--cat1); opacity: 1;}
.vf-echt .lz .kv-linie.f0{stroke: var(--cat0);}
.vf-echt .lz .kv-scatter.f0{fill: var(--cat0);}
.vf-echt .lz [data-cues].spricht:not(svg *){outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px;}
.vf-echt .lz-code-line{box-decoration-break: clone; -webkit-box-decoration-break: clone;}