/* Szenen-Baukasten (Modul academy) – Bayit-Klima Academy, Bühne 1920×1080, jede Szene per Zeit t steuerbar
   (szenen.js). Alle Regeln unter .szb, damit sich Editor-Seite und Bühne nicht gegenseitig stylen.
   Icons: Lucide (ISC, icons.json). */
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-wght-normal.woff2") format("woff2");font-weight:300 900}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-ext-wght-normal.woff2") format("woff2");font-weight:300 900;unicode-range:U+0100-02AF,U+1E00-1E9F,U+2020,U+20A0-20C0}
@font-face{font-family:"Lora";font-style:italic;src:url("fonts/lora-latin-wght-italic.woff2") format("woff2");font-weight:400 700}
.szb{--papier:#F6F5F2;--karton:#EAE8E3;--linie:#D8D2C8;--kohle:#1E1C1A;--kohle-w:#3A3631;--graphit:#6B665F;--grau-d:#ABA59C;
  --tinte:#2A3D6E;--tinte-1:#DFDEDF;--tinte-3:#A6ABBB;--gold:#C9A24A;--gold-1:#F2EBDC;--beere:#7A2A44;--beere-1:#E9DCDA;--hl:0}
.szb{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--kohle);font-family:"Figtree",Arial,sans-serif;line-height:normal;text-align:left}
.szb *{box-sizing:border-box}
.szb .sz{position:absolute;inset:0;background:var(--papier);color:var(--kohle)}
.szb .sz.dunkel{background:var(--kohle);color:var(--papier)}
.szb .ey{font-weight:600;font-size:30px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte)}
.szb .dunkel .ey{color:var(--gold)}
.szb .wort{display:inline-block;white-space:pre}
.szb .kern b,.szb .titel b{font-weight:600;color:color-mix(in srgb,var(--tinte) calc(var(--hl)*100%),var(--kohle))}
.szb .dunkel .kern b,.szb .dunkel .titel b{font-weight:500;color:color-mix(in srgb,var(--gold) calc(var(--hl)*100%),var(--papier))}
.szb .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.szb .ic svg *{stroke-dasharray:1;stroke-dashoffset:var(--zeichne,0)}
.szb .fuss{position:absolute;left:154px;right:154px;bottom:58px;display:flex;justify-content:space-between;align-items:center}
.szb .fuss img{height:50px;opacity:.9}
.szb .fuss span{font-size:26px;letter-spacing:.06em;opacity:.55;font-variant-numeric:tabular-nums}

/* kapitel / frage / kern */
.szb .k-text{position:absolute;left:154px;top:0;bottom:180px;width:1000px;display:flex;flex-direction:column;justify-content:center;gap:44px}
.szb .k-text .titel{font-weight:300;font-size:112px;line-height:1.1;letter-spacing:-.015em}
.szb .k-text .kern{font-weight:300;font-size:92px;line-height:1.14;letter-spacing:-.012em}
.szb .k-text .frage{font-weight:400;font-size:84px;line-height:1.16}
.szb .k-bild{position:absolute;right:150px;top:50%;width:560px;height:560px;margin-top:-330px;display:grid;place-items:center}
.szb .k-bild .kreis{position:absolute;inset:0}
.szb .k-bild .kreis circle{fill:none;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:var(--zeichne,0)}
.szb .k-bild .ic{position:relative;width:300px;height:300px;color:var(--tinte)}
.szb .dunkel .k-bild .ic{color:var(--gold)}
.szb .k-bild .fl{position:absolute;inset:60px;border-radius:50%;background:var(--karton)}
.szb .dunkel .k-bild .fl{background:var(--kohle-w)}

/* aufbau / prozess / serie: Kopf */
.szb .kopf{position:absolute;left:154px;right:154px;top:150px;display:grid;gap:22px}
.szb .kopf h2{margin:0;font-weight:400;font-size:64px;line-height:1.12;letter-spacing:-.01em;max-width:1500px}
.szb .liste{position:absolute;left:154px;right:154px;top:420px;display:grid;gap:34px}
.szb .zeile{display:grid;grid-template-columns:96px 1fr;gap:36px;align-items:center;font-size:52px;line-height:1.2}
.szb .zeile .ic{width:96px;height:96px;padding:20px;border-radius:50%;background:var(--tinte-1);color:var(--tinte)}

/* prozess */
.szb .prozess{position:absolute;left:154px;right:154px;top:470px;height:420px}
.szb .prozess .linie{position:absolute;left:90px;right:90px;top:90px;height:6px;background:var(--linie);border-radius:3px}
.szb .prozess .linie i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(var(--lauf,0));border-radius:3px}
.szb .schritte{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.szb .schritt{display:grid;justify-items:center;align-content:start;gap:28px;text-align:center}
.szb .schritt .ic{width:180px;height:180px;padding:42px;border-radius:50%;background:var(--papier);border:6px solid var(--linie);color:var(--graphit)}
.szb .schritt.an .ic{border-color:var(--tinte);background:var(--tinte);color:var(--papier)}
.szb .schritt b{font-weight:500;font-size:44px;line-height:1.2;max-width:420px}

/* serie */
.szb .leiste{position:absolute;left:0;right:0;top:0;height:132px;background:var(--karton);display:flex;align-items:center;gap:6px;padding:0 40px}
.szb .chip{position:relative;z-index:1;flex:1;display:flex;align-items:center;gap:10px;height:84px;padding:0 10px;border-radius:8px;font-size:19px;letter-spacing:-.01em;line-height:1.1;font-weight:600;color:var(--graphit);min-width:0}
.szb .chip .ic{width:30px;height:30px;flex:none}
.szb .chip span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.szb .chip.vorbei{color:var(--tinte)}
.szb .chip.jetzt{color:var(--papier)}
.szb .marker{position:absolute;z-index:0;top:24px;height:84px;border-radius:8px;background:var(--tinte)}
.szb .s-bild{position:absolute;left:154px;top:290px;width:470px;height:470px;display:grid;place-items:center}
.szb .s-bild .fl{position:absolute;inset:0;border-radius:50%;background:var(--gold-1)}
.szb .s-bild .ic{position:relative;width:250px;height:250px;color:var(--tinte)}
.szb .s-text{position:absolute;left:740px;right:154px;top:250px;bottom:200px;display:flex;flex-direction:column;justify-content:center;gap:30px}
.szb .s-text .name{font-weight:600;font-size:104px;line-height:1.02;color:var(--tinte);letter-spacing:-.015em}
.szb .s-text .kern{font-weight:300;font-size:60px;line-height:1.18}
.szb .s-text .liste{position:static;gap:20px}
.szb .s-text .zeile{grid-template-columns:64px 1fr;font-size:40px;gap:24px}
.szb .s-text .zeile .ic{width:64px;height:64px;padding:14px}

/* kommentare */
.szb .c-links{position:absolute;left:154px;top:0;bottom:180px;width:640px;display:flex;flex-direction:column;justify-content:center;gap:30px}
.szb .c-links h2{margin:0;font-weight:300;font-size:76px;line-height:1.12}
.szb .c-links .ic{width:120px;height:120px;color:var(--tinte)}
.szb .c-rechts{position:absolute;right:154px;top:60px;bottom:170px;width:900px;display:flex;align-items:center}
.szb .spalte{width:100%;background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(30,28,26,.12);padding:44px 44px;display:flex;flex-direction:column;gap:28px;justify-content:center}
.szb .kom{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:start}
.szb .kom .av{width:76px;height:76px;border-radius:50%;background:var(--karton);display:grid;place-items:center;color:var(--graphit)}
.szb .kom .av .ic{width:40px;height:40px}
.szb .kom .bl{background:var(--papier);border-radius:8px 24px 24px 24px;padding:20px 28px;font-size:36px;line-height:1.3;border-left:8px solid var(--linie)}
.szb .kom small{display:block;font-size:22px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--graphit);margin-bottom:6px}
.szb .kom.hass .bl{border-left-color:var(--beere);background:var(--beere-1)}
.szb .kom.gegenrede .bl{border-left-color:var(--tinte);background:var(--tinte-1)}
.szb .kom.solidarisch .bl{border-left-color:var(--gold);background:var(--gold-1)}
.szb .kom.solidarisch .av{background:var(--gold);color:var(--kohle)}

/* vergleich */
.szb .vgl{position:absolute;left:154px;right:154px;top:400px;bottom:170px;display:grid;grid-template-columns:1fr 1fr;gap:120px}
.szb .vsp{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:end}
.szb .vsp .saeule{height:430px;background:var(--karton);border-radius:10px;position:relative;overflow:hidden}
.szb .vsp .saeule i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--wert)*1%);transform-origin:bottom;transform:scaleY(var(--lauf,0));background:var(--graphit)}
.szb .vsp.schlecht .saeule i{background:var(--beere)}
.szb .vsp.gut .saeule i{background:var(--tinte)}
.szb .vsp .zahl{font-weight:300;font-size:150px;line-height:1;font-variant-numeric:tabular-nums}
.szb .vsp.schlecht .zahl{color:var(--beere)} .szb .vsp.gut .zahl{color:var(--tinte)}
.szb .vsp .lab{font-weight:600;font-size:34px;letter-spacing:.1em;text-transform:uppercase;color:var(--graphit)}
.szb .vsp .tx{font-size:42px;line-height:1.25;margin-top:14px}

/* zahl / überblick */
.szb .z-zahl{font-weight:300;font-size:300px;line-height:.95;color:var(--tinte);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.szb .ueber{position:absolute;left:154px;right:154px;top:430px;display:grid;grid-template-columns:repeat(5,1fr);gap:28px 30px}
.szb .ueber .chip{background:var(--karton);color:var(--kohle);height:150px;flex-direction:column;justify-content:center;gap:16px;font-size:30px;text-align:center}
.szb .ueber .chip .ic{width:58px;height:58px;color:var(--tinte)}
.szb .ueber .chip span{white-space:normal}

/* begriff */
.szb .b-term{font-weight:600;font-size:120px;line-height:1.02;color:var(--tinte);letter-spacing:-.015em}
.szb .b-def{position:relative;font-weight:300;font-size:56px;line-height:1.3;padding-left:52px;max-width:1050px}
.szb .b-def::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--gold);transform-origin:top;transform:scaleY(var(--lauf,0))}

/* Kernsatz mit Stichpunkten */
.szb .k-text .kern.mit-punkten{font-size:72px}
.szb .k-text .liste.klein{position:static;gap:18px}
.szb .k-text .liste.klein .zeile{grid-template-columns:64px 1fr;font-size:40px;gap:24px}
.szb .k-text .liste.klein .zeile .ic{width:64px;height:64px;padding:14px}
/* Serien-Leiste auf Zwischenfolien: Inhalt rückt nach unten */
.szb .sz.mit-leiste .kopf{top:200px}
.szb .sz.mit-leiste .liste{top:470px}
.szb .sz.mit-leiste .prozess{top:520px}
.szb .sz.mit-leiste .k-text,.szb .sz.mit-leiste .c-links{top:132px}
.szb .sz.mit-leiste .c-rechts{top:160px}
.szb .sz.mit-leiste .k-bild{margin-top:-270px}
.szb .sz.mit-leiste .leiste .chip.jetzt{color:var(--papier)}
.szb .z-zahl.z-klein{font-size:96px;vertical-align:-6px}
.szb .k-text .kern.z-text{font-size:56px}
.szb .sz{font-size:16px}
.szb h2{color:inherit}
/* Schutz gegen Seiten-Styles (SELA hat eigene .chip/.kopf/h2-Regeln) */
.szb .leiste .chip{background:transparent;border:0;box-shadow:none;text-transform:none;letter-spacing:normal;cursor:default}
.szb h2,.szb b,.szb small,.szb .chip{font-family:inherit}
.szb img{max-width:none}
/* Fünf Stichpunkte: enger, damit die Liste über der Fußzeile bleibt (mit Serien-Leiste noch enger) */
.szb .liste[data-n="5"]{gap:26px}
.szb .liste[data-n="5"] .zeile{grid-template-columns:84px 1fr;font-size:46px;gap:30px}
.szb .liste[data-n="5"] .zeile .ic{width:84px;height:84px;padding:18px}
.szb .mit-leiste .liste[data-n="5"]{gap:22px}
.szb .mit-leiste .liste[data-n="5"] .zeile{grid-template-columns:76px 1fr;font-size:42px}
.szb .mit-leiste .liste[data-n="5"] .zeile .ic{width:76px;height:76px;padding:16px}
.szb .s-text .liste[data-n="4"]{gap:16px}
.szb .s-text .liste[data-n="4"] .zeile{font-size:36px}
.szb .k-text .kern{overflow-wrap:anywhere}

/* Modelle mit Gestalt (Serie mit form, Tobias 2026-10-17: Schaubilder im Bayit-Design).
   .m-gross = Überblick (Szene modell), .m-halb = Glied-Szene (Grafik links, Definition rechts).
   Größen in Container-Einheiten, damit dieselbe Grafik in beiden Flächen passt. */
.szb .lage{position:absolute;inset:0}
/* Szene bild: Bild links (ganz sichtbar, ohne Beschnitt), Bildunterschrift rechts */
.szb .b-bild{position:absolute;left:120px;top:120px;width:900px;height:740px}
.szb .b-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(30,28,26,.18))}
.szb .mit-bild .k-text{left:1100px;width:auto;right:140px}
.szb .mit-bild .k-text .kern{font-size:64px}
.szb .m-gross{position:absolute;left:154px;right:154px;top:340px;bottom:150px}
.szb .m-gross .mg-kreislauf{left:50%;right:auto;width:1040px;margin-left:-520px}
.szb .m-gross .mg-kreise{left:50%;right:auto;width:1100px;margin-left:-550px}
.szb .m-gross .mg-pyramide{left:50%;right:auto;width:1160px;margin-left:-580px}
.szb .m-gross .mg-matrix{left:50%;right:auto;width:1240px;margin-left:-620px}
.szb .m-gross .mg-saeulen{left:50%;right:auto;width:1240px;margin-left:-620px}
.szb .m-gross .m-el b{font-size:min(6.4cqh,3.4cqw)}
.szb .m-gross .m-el small{font-size:min(3.8cqh,2.2cqw)}
.szb .m-halb{position:absolute;left:120px;top:150px;width:860px;height:760px}
.szb .m-text{position:absolute;left:1060px;right:140px;top:150px;bottom:190px;display:flex;flex-direction:column;justify-content:center;gap:26px}
.szb .m-text .name{font-weight:600;font-size:92px;line-height:1.02;color:var(--tinte);letter-spacing:-.015em}
.szb .m-text .kern{font-weight:300;font-size:56px;line-height:1.18}
.szb .m-text .b-def{font-size:46px;max-width:none;padding-left:40px}
.szb .m-text .liste{position:static;gap:16px}
.szb .m-text .zeile{grid-template-columns:56px 1fr;font-size:36px;gap:20px}
.szb .m-text .zeile .ic{width:56px;height:56px;padding:12px}
.szb .m-zusatz{font-weight:600;font-size:32px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.szb .m-quelle{font-family:"Lora",Georgia,serif;font-style:italic;font-size:30px;color:var(--graphit)}
.szb .mg{position:absolute;inset:0;container-type:size}
.szb .m-el{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqh;text-align:center;
  background:var(--karton);color:var(--kohle);padding:1.5cqh 1.5cqw;overflow:hidden}
.szb .m-el b{display:block;max-width:100%;font-weight:600;font-size:min(5cqh,4.2cqw);line-height:1.1;letter-spacing:-.01em}
.szb .m-el small{display:block;font-size:min(3cqh,2.6cqw);font-weight:500;opacity:.8}
.szb .m-nr{font-size:min(3.2cqh,2.8cqw);font-weight:600;color:var(--gold)}
.szb .m-el.vorbei{background:var(--tinte-1);color:var(--tinte)}
.szb .m-el.jetzt{background:var(--tinte);color:var(--papier)}
.szb .m-el.jetzt .m-nr{color:var(--gold-1)}
.szb .mg.fokus .m-el:not(.jetzt):not(.vorbei){color:var(--graphit)}
/* kreislauf */
.szb .m-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.szb .m-ring ellipse{fill:none;stroke:var(--linie);stroke-width:6;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:var(--zeichne,0)}
.szb .m-knoten{border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.2cqh var(--papier)}
.szb .m-pfeil{position:absolute;width:0;height:0;border-left:1.6cqh solid transparent;border-right:1.6cqh solid transparent;border-bottom:2.4cqh solid var(--gold)}
/* pyramide */
.szb .mg-pyramide .m-spitze{justify-content:flex-end;padding-bottom:2cqh}
/* kreise (Glied 0 = innen) */
.szb .m-kreis{border-radius:50%;padding:0;justify-content:flex-start;box-shadow:0 0 0 .5cqh var(--papier)}
.szb .m-kreis .m-lab{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center;gap:.4cqh;width:70%}
.szb .m-kreis.m-innen{justify-content:center}
.szb .m-kreis.m-innen .m-lab{position:static;transform:none}
/* matrix */
.szb .m-feld{border-radius:1.4cqh}
.szb .m-achse{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:min(3.4cqh,2.6cqw);letter-spacing:.12em;text-transform:uppercase;color:var(--tinte)}
.szb .m-achse.m-y{left:0;top:0;width:10%;height:89%;border-right:.5cqh solid var(--tinte)}
.szb .m-achse.m-y span{transform:rotate(-90deg);white-space:nowrap}
.szb .m-achse.m-x{left:12%;right:1%;top:91%;bottom:0;border-top:.5cqh solid var(--tinte)}
/* stufen */
.szb .m-stufe{justify-content:flex-start;padding-top:2.5cqh;border-radius:1.2cqh 1.2cqh 0 0}
.szb .mg-stufen .m-el b{font-size:min(3.6cqh,2.2cqw)}
.szb .mg-stufen .m-el small{font-size:min(2.6cqh,1.7cqw)}
/* saeulen */
.szb .m-dach{position:absolute;left:0;right:0;top:0;height:22%;background:var(--tinte);color:var(--papier);clip-path:polygon(50% 0,100% 100%,0 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2.2cqh}
.szb .m-dach span{font-weight:600;font-size:min(4.4cqh,3cqw);max-width:60%;text-align:center;line-height:1.1}
.szb .m-sockel{position:absolute;left:0;right:0;bottom:0;height:10%;background:var(--tinte)}
.szb .m-saeule{border-radius:.6cqh}
.szb .mg-saeulen .m-el b{font-size:min(4.6cqh,2.8cqw)}
.szb .s-text .b-def{font-size:48px;max-width:none;padding-left:40px}
/* Stufen mit wenigen Gliedern: breitere Stufen, größere Schrift (8 Stufen = Erikson bleibt klein) */
.szb .mg-stufen:is([data-n="2"],[data-n="3"],[data-n="4"],[data-n="5"]) .m-el b{font-size:min(5cqh,3.4cqw)}
.szb .mg-stufen:is([data-n="2"],[data-n="3"],[data-n="4"],[data-n="5"]) .m-el small{font-size:min(3.4cqh,2.4cqw)}
/* Modell ohne Gestalt: Karten */
.szb .m-karte{border-radius:1.4cqh;gap:1cqh}
.szb .m-karte .ic{width:min(9cqh,6cqw);height:min(9cqh,6cqw);color:var(--tinte)}
.szb .m-karte.jetzt .ic{color:var(--gold-1)}
/* Sanduhr (Communitybuilding) und Kurve (Fogg): freie Beschriftungen statt Kästen, Hervorhebung per Farbe */
.szb .m-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.szb .m-fl{fill:transparent;stroke:var(--beere);stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round;vector-effect:non-scaling-stroke;cursor:pointer}
.szb .m-fl.jetzt{fill:var(--tinte-1);stroke:var(--tinte)}
.szb .m-fl.vorbei{fill:color-mix(in srgb,var(--tinte-1) 45%,transparent)}
.szb :is(.mg-sanduhr,.mg-kurve) .m-lab-frei{background:transparent;padding:0;color:var(--beere);border-radius:1cqh}
.szb :is(.mg-sanduhr,.mg-kurve) .m-lab-frei b{font-size:min(5cqh,3cqw)}
.szb :is(.mg-sanduhr,.mg-kurve) .m-lab-frei.jetzt{background:var(--tinte);color:var(--papier);padding:0 1cqw}
.szb .m-unten{justify-content:flex-end}
.szb .m-pfeil-links{background:var(--tinte-3);color:var(--papier);clip-path:polygon(0 50%,26% 0,26% 22%,100% 22%,100% 78%,26% 78%,26% 100%);padding:0 2cqw 0 9cqw;align-items:flex-start}
.szb .m-pfeil-links b{font-size:min(4.4cqh,2.6cqw);text-align:left}
.szb .m-pfeil-links.jetzt{background:var(--tinte)}
.szb .m-pfeil-links.vorbei{background:var(--tinte-3)}
.szb .m-ring-el{border-radius:50%;transform:translate(-50%,-50%);background:transparent;border:.6cqh dotted var(--tinte-3);color:var(--graphit);padding:2cqh}
.szb .m-ring-el b{font-size:min(3cqh,1.9cqw);white-space:normal}
.szb .m-ring-el.jetzt{background:var(--tinte);border-color:var(--tinte);color:var(--papier)}
.szb .m-gruppen{background:transparent;flex-flow:row wrap;align-content:center;justify-content:center;gap:2cqh 3cqw;color:var(--tinte)}
.szb .m-gruppen .ic{width:min(11cqh,7cqw);height:min(11cqh,7cqw)}
.szb .m-gruppen b{flex-basis:100%;font-size:min(4.2cqh,2.6cqw)}
.szb .m-gruppen.jetzt{background:var(--tinte-1);border-radius:1.4cqh}
.szb .m-mitte{border-radius:50%;transform:translate(-50%,-50%);background:var(--karton);color:var(--tinte);padding:2.5cqh}
.szb .m-mitte .ic{width:100%;height:100%}
.szb .m-mitte.jetzt{background:var(--tinte);color:var(--papier)}
.szb .m-mitte-lab{position:absolute;left:50%;top:62%;transform:translateX(-50%);width:22%;text-align:center;font-weight:600;font-size:min(3.6cqh,2.2cqw);color:var(--beere)}
.szb .m-achsen{fill:none;stroke:var(--kohle);stroke-width:3;vector-effect:non-scaling-stroke}
.szb .m-linie{fill:none;stroke:var(--tinte-3);stroke-width:4.5cqh;stroke-linecap:butt;vector-effect:non-scaling-stroke;cursor:pointer}
.szb .m-linie.jetzt{stroke:var(--tinte)}
.szb .m-achse-y{background:transparent;padding:0;color:var(--beere);transform:rotate(-90deg)}
.szb .m-achse-y b{white-space:nowrap;font-size:min(5.4cqh,3.2cqw)}
.szb .m-achse-x{background:transparent;padding:0;flex-direction:row;justify-content:space-between;align-items:flex-start;color:var(--beere)}
.szb .m-achse-x b{font-size:min(5.4cqh,3.2cqw)}
.szb .m-achse-x span{font-size:min(3cqh,1.8cqw);color:var(--graphit);font-weight:500;max-width:22%}
.szb :is(.m-achse-x,.m-achse-y).jetzt{color:var(--tinte);background:var(--tinte-1);border-radius:1cqh}
.szb .m-ende{position:absolute;transform:translateX(-100%);font-size:min(3cqh,1.8cqw);color:var(--graphit)}
.szb .mg-kurve .m-kurven-lab{color:var(--tinte-3);justify-content:flex-start;align-items:flex-start}
.szb .mg-kurve .m-kurven-lab b{font-size:min(4cqh,2.4cqw)}
/* Sanduhr/Kurve: keine Kästen für „vorbei“, nur die Hervorhebung des aktuellen Glieds */
.szb :is(.mg-sanduhr,.mg-kurve) .m-el.vorbei:not(.m-pfeil-links):not(.m-mitte){background:transparent}
.szb :is(.mg-sanduhr,.mg-kurve) .m-gruppen.vorbei{background:transparent}
.szb .m-gross .mg-sanduhr{left:50%;right:auto;width:1300px;margin-left:-650px}
.szb .m-gross .mg-kurve{left:50%;right:auto;width:1200px;margin-left:-600px}