/* Erzeugt von material/gestaltung/verteilzentrum/bauen.py aus szene.css und der Zeitachse. Nicht von Hand ändern. */
/* Szene „Einmal ablegen, viele Male nutzen“ (Abschnitt #nutzen). Flächenfarben --sz-* und die
 * Grundteile (.boden, .quader, .karte, .schatten, .karte-zeile) stammen aus css/datenweg.css.
 * Ohne .bereit zeigt die Szene das fertige Bild (ohne Skript, reduzierte Bewegung). */

.verteil-szene {
  margin-top: clamp(40px, 5vw, 64px); border: var(--rahmen); border-radius: var(--r-karte);
  overflow: hidden; background: var(--sz-boden);
}
.verteil-bild { display: block; width: 100%; height: auto; max-height: 440px; }
.verteil-szene { position: relative; }
.verteil-leiste { position: absolute; right: 12px; bottom: 12px; margin: 0; }
.verteil-leiste .pause { background: var(--c-flaeche); }

.band .f-top { fill: var(--sz-schlitz); }
.band .f-links { fill: var(--sz-f-links); }
.band .f-rechts { fill: var(--sz-f-rechts); }
.rolle { stroke: var(--sz-kabel); stroke-width: 1; opacity: 0.7; }

.pfosten .f-top, .pfosten .f-links, .pfosten .f-rechts { fill: var(--sz-f-rechts); }
.kasten .f-top { fill: var(--c-akzent); }
.kasten .f-links { fill: color-mix(in srgb, var(--c-akzent) 78%, #000); }
.kasten .f-rechts { fill: color-mix(in srgb, var(--c-akzent) 62%, #000); }
.schlitz { fill: var(--sz-schlitz); }
.klappe { fill: var(--sz-gelb); }

.stuetze .f-top, .stuetze .f-links, .stuetze .f-rechts { fill: var(--sz-f-rechts); }
.scanner .f-top { fill: var(--sz-f-top); }
.scanlicht { fill: var(--c-akzent); opacity: 0.25; }

.rumpf .f-top { fill: var(--sz-f-top); }
.kopf .f-top { fill: var(--sz-karte-top); }
.rad .f-top, .rad .f-links, .rad .f-rechts { fill: var(--sz-schlitz); }
.auge { fill: var(--c-akzent); }
.antenne { stroke: var(--sz-kabel); stroke-width: 1.5; }
.antenne-kopf { fill: var(--sz-gelb); }
.roboter-koerper { transform-box: fill-box; }

.regal .f-top { fill: var(--sz-f-top); }
.fach { fill: var(--sz-schlitz); opacity: 0.85; }
.buch { stroke: var(--sz-kante); stroke-width: 0.6; }
.buch--a { fill: var(--c-akzent); }
.buch--b { fill: var(--sz-gelb); }
.buch--c { fill: var(--sz-karte-top); }
.buch-klein .f-top { fill: var(--sz-gelb); }
.buch-klein .f-links, .buch-klein .f-rechts { fill: var(--sz-gelb-seite); }

.sockel .f-top { fill: var(--sz-karte-top); }
.mast .f-top, .mast .f-links, .mast .f-rechts { fill: var(--sz-kabel); }
.schild { fill: var(--sz-karte-top); stroke: var(--sz-kante); stroke-width: 1; }
.schild-zeichen { fill: none; stroke: var(--c-akzent-text); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lampe { fill: var(--c-akzent); transition: fill 0.2s ease; }

/* Abläufe: in Arbeit, gestrichelt, ohne Licht */
.bahnhof--arbeit .quader polygon, .ast--4 .quader polygon { fill: none; stroke: var(--sz-kabel); stroke-dasharray: 3 3; }
.ast--4 .rolle, .bahnhof--arbeit .lampe { display: none; }
.bahnhof--arbeit .schild { fill: none; stroke: var(--sz-kabel); stroke-dasharray: 3 3; }
.bahnhof--arbeit .schild-zeichen { stroke: var(--c-text-sekundaer); }

/* Hervorheben: Maus über einer Spalte oder Fokus darin */
.bahnhof { transition: transform 0.25s ease; }
.nutzen:has(.nutzung--1:hover, .nutzung--1:focus-within) .bahnhof--1,
.nutzen:has(.nutzung--2:hover, .nutzung--2:focus-within) .bahnhof--2,
.nutzen:has(.nutzung--3:hover, .nutzung--3:focus-within) .bahnhof--3,
.nutzen:has(.nutzung--4:hover, .nutzung--4:focus-within) .bahnhof--4 { transform: translateY(-6px); }
.nutzen:has(.nutzung--1:hover, .nutzung--1:focus-within) .ast--1 .f-top,
.nutzen:has(.nutzung--2:hover, .nutzung--2:focus-within) .ast--2 .f-top,
.nutzen:has(.nutzung--3:hover, .nutzung--3:focus-within) .ast--3 .f-top { fill: var(--c-akzent); }
.nutzen:has(.nutzung--4:hover, .nutzung--4:focus-within) :is(.ast--4, .bahnhof--4) :is(.quader polygon, .schild) { stroke: var(--c-akzent); }

@keyframes einblenden { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .bahnhof, .lampe { transition: none; }
}

/* Zeitachse */
.verteil-szene:not(.laeuft) .laeufer--einwurf-0{display:none;}
.verteil-szene:not(.laeuft) .laeufer--einwurf-1{display:none;}
.verteil-szene:not(.laeuft) .laeufer--einwurf-2{display:none;}
.verteil-szene:not(.laeuft) .laeufer--band1{display:none;}
.verteil-szene:not(.laeuft) .laeufer--band1b{display:none;}
.verteil-szene:not(.laeuft) .laeufer--aus-0{display:none;}
.verteil-szene:not(.laeuft) .laeufer--aus-1{display:none;}
.verteil-szene:not(.laeuft) .laeufer--aus-2{display:none;}
.laeuft .laeufer--einwurf-0{animation:lauf-einwurf-0 11.1s linear infinite;}@keyframes lauf-einwurf-0{0%{opacity:0;transform:translate(0px,0px)}2.70%{opacity:0;transform:translate(0px,0px)}3.78%{opacity:1;transform:translate(0px,0px)}6.53%{opacity:1;transform:translate(0.0px,37.4px)}7.88%{opacity:0;transform:translate(0.0px,37.4px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--einwurf-1{animation:lauf-einwurf-1 11.1s linear infinite;}@keyframes lauf-einwurf-1{0%{opacity:0;transform:translate(0px,0px)}5.86%{opacity:0;transform:translate(0px,0px)}6.94%{opacity:1;transform:translate(0px,0px)}9.68%{opacity:1;transform:translate(0.0px,37.4px)}11.04%{opacity:0;transform:translate(0.0px,37.4px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--einwurf-2{animation:lauf-einwurf-2 11.1s linear infinite;}@keyframes lauf-einwurf-2{0%{opacity:0;transform:translate(0px,0px)}9.01%{opacity:0;transform:translate(0px,0px)}10.09%{opacity:1;transform:translate(0px,0px)}12.84%{opacity:1;transform:translate(0.0px,37.4px)}14.19%{opacity:0;transform:translate(0.0px,37.4px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--band1{animation:lauf-band1 11.1s linear infinite;}@keyframes lauf-band1{0%{opacity:0;transform:translate(0px,0px)}13.51%{opacity:0;transform:translate(0px,0px)}14.59%{opacity:1;transform:translate(0px,0px)}19.02%{opacity:1;transform:translate(30.3px,17.5px)}20.37%{opacity:0;transform:translate(30.3px,17.5px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--band1b{animation:lauf-band1b 11.1s linear infinite;}@keyframes lauf-band1b{0%{opacity:0;transform:translate(0px,0px)}21.28%{opacity:0;transform:translate(0px,0px)}22.36%{opacity:1;transform:translate(0px,0px)}26.03%{opacity:1;transform:translate(29.7px,17.2px)}42.18%{opacity:1;transform:translate(130.7px,-41.1px)}45.57%{opacity:1;transform:translate(136.4px,-64.9px)}46.92%{opacity:0;transform:translate(136.4px,-64.9px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--aus-0{animation:lauf-aus-0 11.1s linear infinite;}@keyframes lauf-aus-0{0%{opacity:0;transform:translate(0px,0px)}50.07%{opacity:0;transform:translate(0px,0px)}51.16%{opacity:1;transform:translate(0px,0px)}52.76%{opacity:1;transform:translate(23.8px,13.8px)}55.33%{opacity:1;transform:translate(46.7px,0.6px)}61.98%{opacity:1;transform:translate(105.7px,34.7px)}63.33%{opacity:0;transform:translate(105.7px,34.7px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--aus-1{animation:lauf-aus-1 11.1s linear infinite;}@keyframes lauf-aus-1{0%{opacity:0;transform:translate(0px,0px)}55.03%{opacity:0;transform:translate(0px,0px)}56.11%{opacity:1;transform:translate(0px,0px)}57.71%{opacity:1;transform:translate(23.8px,13.8px)}64.57%{opacity:1;transform:translate(84.8px,-21.4px)}71.22%{opacity:1;transform:translate(143.8px,12.7px)}72.57%{opacity:0;transform:translate(143.8px,12.7px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .laeufer--aus-2{animation:lauf-aus-2 11.1s linear infinite;}@keyframes lauf-aus-2{0%{opacity:0;transform:translate(0px,0px)}59.98%{opacity:0;transform:translate(0px,0px)}61.06%{opacity:1;transform:translate(0px,0px)}62.67%{opacity:1;transform:translate(23.8px,13.8px)}73.82%{opacity:1;transform:translate(122.9px,-43.4px)}80.47%{opacity:1;transform:translate(182.0px,-9.3px)}81.82%{opacity:0;transform:translate(182.0px,-9.3px)}100%{opacity:0;transform:translate(0px,0px)}}
.laeuft .scanlicht{animation:scan 11.1s linear infinite;}@keyframes scan{0%{opacity:.25}17.67%{opacity:.25}19.92%{opacity:1}23.08%{opacity:.25}100%{opacity:.25}}
.laeuft .buch--neu{animation:buch-neu 11.1s linear infinite;}@keyframes buch-neu{0%{opacity:0}45.57%{opacity:0}49.17%{opacity:1}94.59%{opacity:1}100.00%{opacity:0}}
.laeuft .roboter--a .roboter-koerper{animation:nicken-a 11.1s linear infinite;}@keyframes nicken-a{0%{transform:none}16.32%{transform:none}19.02%{transform:translateY(-3px)}21.73%{transform:none}100%{transform:none}}
.laeuft .roboter--b .roboter-koerper{animation:nicken-b 11.1s linear infinite;}@keyframes nicken-b{0%{transform:none}47.37%{transform:none}50.07%{transform:translateY(-3px)}52.78%{transform:none}55.03%{transform:translateY(-3px)}57.73%{transform:none}100%{transform:none}}
.laeuft .bahnhof--1 .lampe{animation:licht-1 11.1s linear infinite;}@keyframes licht-1{0%{fill:var(--sz-f-rechts)}61.08%{fill:var(--sz-f-rechts)}64.68%{fill:var(--c-akzent)}94.59%{fill:var(--c-akzent)}100.00%{fill:var(--sz-f-rechts)}}
.laeuft .bahnhof--2 .lampe{animation:licht-2 11.1s linear infinite;}@keyframes licht-2{0%{fill:var(--sz-f-rechts)}70.32%{fill:var(--sz-f-rechts)}73.93%{fill:var(--c-akzent)}94.59%{fill:var(--c-akzent)}100.00%{fill:var(--sz-f-rechts)}}
.laeuft .bahnhof--3 .lampe{animation:licht-3 11.1s linear infinite;}@keyframes licht-3{0%{fill:var(--sz-f-rechts)}79.57%{fill:var(--sz-f-rechts)}83.17%{fill:var(--c-akzent)}94.59%{fill:var(--c-akzent)}100.00%{fill:var(--sz-f-rechts)}}
.angehalten *{animation-play-state:paused !important;}