/* Unterseite „Industrie & Gewerbe“ (Laser- und Kantteile, Sonderkonstruktionen) – Zusätze zu ../n-buehne/stil.css.
   Gleiche Farben, Schriften, Knöpfe, Kopf, Maßband, Fuß und Handy-Leiste wie die Startseite N; hier nur, was die Seite neu braucht. */

/* ---------- Kopf: aktueller Reiter ---------- */
.menue-liste a[aria-current="page"] { color: var(--gruen-tief); box-shadow: inset 0 -2px 0 var(--gruen); border-radius: 0; }
@media (max-width: 899.98px) { .menue-liste a[aria-current="page"] { box-shadow: none; } }

/* ---------- 01 Seitenkopf ---------- */
.ind-hero h1 { font-size: clamp(2.125rem, 1.2rem + 3.5vw, 3.875rem); }
.ind-hero .einleitung { max-width: 32em; }

/* Die Zeichnung: gekantetes U-Profil mit Lochbild, in der Isometrie des EN-1090-Abschnitts, auf Millimeterpapier-Grund */
.ind-zeichnung { width: min(100%, 520px); justify-self: center; margin: 0; }
@media (min-width: 1000px) { .ind-zeichnung { justify-self: end; width: 100%; } }
.ind-blatt {
  position: relative; border: 1px solid #C4C0B6; border-radius: 2px; padding: 14px 10px 30px;
  background:
    repeating-linear-gradient(90deg, rgba(109,116,111,.22) 0 1px, transparent 1px 50px),
    repeating-linear-gradient(180deg, rgba(109,116,111,.22) 0 1px, transparent 1px 50px),
    repeating-linear-gradient(90deg, rgba(109,116,111,.10) 0 1px, transparent 1px 10px),
    repeating-linear-gradient(180deg, rgba(109,116,111,.10) 0 1px, transparent 1px 10px),
    var(--kalk);
}
.ind-blatt .eck { border-color: var(--gedaempft); filter: none; width: 14px; height: 14px; }
.ind-blatt .eck-lo { left: 6px; top: 6px; } .ind-blatt .eck-ro { right: 6px; top: 6px; } .ind-blatt .eck-lu { left: 6px; bottom: 6px; } .ind-blatt .eck-ru { right: 6px; bottom: 6px; }
.ind-bild { display: block; width: 100%; height: auto; }
.ind-schatten { fill: #D9D6CE; }
.ind-teil path, .ind-teil rect, .ind-teil polygon { stroke: #57544D; stroke-width: 1; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.ind-oben { fill: #EDEBE5; }
.ind-vorn { fill: #B4B1A9; }
.ind-stirn { fill: #8F8C84; }
.ind-loch { fill: #6E6B64; stroke: #4F4C45 !important; }
/* Bemaßung: Linien in Zeichnungstinte, Pfeilspitzen gefüllt, Text in der Mono-Schrift wie die Maßketten der Seite */
.ind-blatt figcaption { position: absolute; right: 14px; bottom: 10px; font: 500 .6875rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--gedaempft); }
/* Bewegung: nur die Maßlinien zeichnen sich einmal, wenn die Zeichnung ins Bild kommt (ruhig, 1,2 s) */

/* ---------- 02 Laser- und Kantteile: Betonband wie EN 1090, Tabellen direkt auf dem Band ---------- */
.ind-tech { background: #D7D4CC; color: var(--tinte); padding-block: clamp(64px, 9vw, 120px); border-block: 1px solid #C4C0B6; }
.ind-tech .nummer { color: var(--gruen-tief); }
.ind-tech .nummer::after { background: var(--gruen-tief); }
.ind-tech h2 em { color: var(--gruen-tief); }
.ind-tech .kopf-text { color: var(--text-2); }
.ind-tafel h3 { font-size: 1.5rem; margin-bottom: 18px; }
.ind-tech .en-tabelle dd strong, .ind-weiter .en-tabelle dd strong { font-weight: 600; }
.ind-tech .en-tabelle dd small, .ind-weiter .en-tabelle dd small { display: block; font-size: .9375rem; color: var(--text-2); margin-top: 2px; }
/* 03 Weitere Bearbeitung: zwei kurze Tabellen nebeneinander (Handy: untereinander) */
.ind-zwei { display: grid; gap: 40px; }
.ind-zwei h3 { font-size: 1.5rem; margin-bottom: 18px; }
@media (min-width: 900px) { .ind-zwei { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(32px, 4vw, 72px); } }

/* Übersicht im Seitenkopf: drei nummerierte Zeilen, jede ein Sprung zum Abschnitt */
.ind-uebersicht { list-style: none; margin: 20px 0 0; padding: 0; border-top: 1.5px solid var(--linie-dunkel); border-bottom: 1.5px solid var(--linie-dunkel); max-width: 40em; }
.ind-uebersicht li + li { border-top: 1px solid #B2AEA5; }
.ind-uebersicht a { display: grid; grid-template-columns: 2.4em minmax(0, 1fr) 22px; gap: 12px; align-items: start; padding: 14px 2px; color: var(--tinte); text-decoration: none; }
.ind-ue-nr { font: 500 .875rem/1.9 var(--mono); color: var(--gruen-tief); }
.ind-ue-text { color: var(--gedaempft); line-height: 1.45; }
.ind-ue-text strong { display: block; font: 500 1.1875rem/1.3 var(--serif); color: var(--tinte); margin-bottom: 3px; }
.ind-uebersicht .sym { width: 20px; height: 20px; margin-top: 4px; color: var(--gruen); transition: transform .2s; }
.ind-uebersicht a:hover strong, .ind-uebersicht a:focus-visible strong { color: var(--gruen-tief); }
.ind-uebersicht a:hover .sym { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .ind-uebersicht a:hover .sym { transform: none; } }

/* „Was Sie erhalten“: Liste mit kurzen Maßstrichen statt Punkten */

/* Ablauf in vier Schritten: eine Reihe, oben eine Linie mit Punkten – ohne Skript, ohne Bewegung */
.ind-ablauf { margin-top: clamp(48px, 6vw, 72px); }
.ind-ablauf h3 { font-size: 1.5rem; margin-bottom: 24px; }
.ind-schritte { display: grid; gap: 22px; }
.ind-schritt { position: relative; padding-top: 18px; border-top: 1.5px solid var(--linie-dunkel); }
.ind-schritt::before { content: ""; position: absolute; left: 0; top: -7px; width: 12px; height: 12px; border-radius: 50%; background: var(--gruen-tief); border: 2px solid #D7D4CC; box-sizing: content-box; margin-left: -1px; }
.ind-schritt h4 { font-family: var(--serif); font-weight: 460; font-size: 1.25rem; line-height: 1.15; letter-spacing: -.015em; margin: 0 0 8px; }
.ind-schritt p { color: var(--text-2); font-size: 1rem; line-height: 1.5; max-width: 26em; }
@media (min-width: 700px) { .ind-schritte { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px; } }
@media (min-width: 1000px) { .ind-schritte { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } }

/* Hinweis Serien und Stückzahlen: ruhiger Kasten auf dem Band, grüne Kante links, Maßkette als Überschrift */
.ind-hinweis { margin-top: clamp(40px, 5vw, 64px); display: grid; gap: 14px; padding: 24px 26px 26px 28px; background: rgba(250,248,244,.55); border: 1px solid #B2AEA5; border-left: 4px solid var(--gruen-tief); border-radius: 2px; max-width: 46em; }
.ind-hinweis .mk { --mc: var(--gruen-tief); width: min(100%, 300px); }
.ind-hinweis p { font: 400 1.125rem/1.5 var(--serif); letter-spacing: -.005em; }
.ind-hinweis p + p { font: 400 1rem/1.55 var(--sans); color: var(--text-2); }

/* ---------- 03 Sonderkonstruktionen und Geräte ---------- */
.sonder-raster { display: grid; gap: 32px; align-items: center; }
.sonder-bild { position: relative; margin: 0; width: min(100%, 520px); justify-self: center; }
.sonder-bild img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: 50% 28%; border-radius: 2px; }
.sonder-bild .mk { margin-bottom: 10px; }
.sonder-bild .eck { z-index: 1; }
.sonder-text h2 { font-size: clamp(2rem, 1rem + 2.4vw, 3.75rem); overflow-wrap: break-word; hyphens: manual; }
.sonder-text p:not(.nummer) { margin-top: 20px; color: var(--gedaempft); max-width: 32em; }
.sonder-text .knopf { margin-top: 28px; }
@media (min-width: 900px) {
  .sonder-raster { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(40px, 5vw, 80px); }
  .sonder-bild { justify-self: start; width: 100%; max-width: 600px; }
}

/* ---------- 04 Anfrage ---------- */
.ind-anfrage-hinweis { display: flex; gap: 14px; align-items: flex-start; margin-top: 24px; padding: 16px 18px; background: var(--kalk-sand); border: 1px solid var(--linie-hell); border-radius: 2px; max-width: 32em; color: var(--tinte) !important; font-size: 1rem !important; }
.ind-anfrage-hinweis .sym { color: var(--gruen); margin-top: 2px; }
.ind-anfrage-hinweis code { font: 500 .9375rem var(--mono); background: var(--beton); padding: 1px 6px; border-radius: 3px; }

/* 29.10. Zeichnung in zwei Stufen: 01 Tafel -> Laserschnitt -> Kanten · 02 Gewinde (Windeisen, zwei Löcher) -> Vierkant aufgeschweißt.
   Alles aus _pruefung/bild.py erzeugt; der Zeitplan (Keyframes) steht unten zwischen ANIM-ANFANG/ANIM-ENDE. */
.ind-text text { font: 500 12.5px var(--mono); letter-spacing: .06em; fill: #2F3934; }
.ind-text .ind-nr { fill: var(--gruen-tief); font-weight: 600; }
.ind-pfeil { fill: none; stroke: var(--gruen); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.ind-teil .ind-bogen { stroke-width: .6; }
/* Flächen des Teils ohne Rand (nur Haarlinie in eigener Farbe gegen Säume); dunkle Linien nur an Knicken, Silhouetten, fernem Ende */
.ind-teil .ind-flaeche { stroke-width: .5; }
.ind-teil .ind-kante { fill: none; stroke: #57544D; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
/* Laserschnitt: Fuge als dunkle Linie, die entlang der Kontur wächst; kurzes Glühen hinter dem Lichtpunkt */
.ind-fuge { fill: none; stroke: #2F2E2A; stroke-width: 1.1; stroke-linejoin: round; stroke-dasharray: 1 1; stroke-dashoffset: 1; }
.ind-fuge-glut { fill: none; stroke: #F3A25A; stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: .08 100; stroke-dashoffset: .08; opacity: 0; }
.ind-la-duese { fill: url(#ind-zyl); } .ind-la-koerper { fill: url(#ind-zyl); } .ind-la-koerper-deck { fill: #4A535A; }
.ind-la-kern { fill: #FFFBF0; } .ind-la-hof { opacity: .85; }
.ind-la-kern, .ind-la-hof { transform-box: fill-box; transform-origin: center; }
/* Gewinde: Dreiviertelkreis um das Kernloch, wie in der technischen Zeichnung */
.ind-teil .ind-gw { fill: none; stroke: #4F4C45; stroke-width: .9; }
/* Vorderer Lochrand: wird nach dem Bohrer gezeichnet, liegt also vor ihm (der Bohrer steckt im Loch) */
.ind-teil .ind-lochrand { fill: none; stroke: #4F4C45; }
/* Kehlnaht als ein durchgehender Weg (Stirnseite, Ecke, Vorderseite); die Glut läuft als kurzes Stück hinter dem Brenner her */
.ind-teil .ind-naht-weg { fill: none; stroke: #6F757A; stroke-width: 5.6; stroke-linecap: butt; stroke-linejoin: round; vector-effect: none; stroke-dasharray: 1 1; stroke-dashoffset: 0; }
.ind-teil .ind-glut { fill: none; stroke: #F08A3A; stroke-width: 5.6; stroke-linecap: butt; stroke-linejoin: round; vector-effect: none; stroke-dasharray: .12 100; stroke-dashoffset: .12; opacity: 0; }
/* Gewindebohrer im Windeisen (zwei Kopien, je eine Ausschnittmaske #ind-zone-N: unterhalb der Blechoberfläche vor dem eigenen Loch weggeschnitten,
   in der unteren Lochhälfte sichtbar). Kegel-Anschnitt, Gewindeteil mit schrägen Gängen und 3 Spannuten, Schaft, Vierkant, Windeisen-Aufnahme, Quergriff. */
.ind-bo-stahl { fill: url(#ind-stahl); }
.ind-bo-gaenge { fill: none; stroke: #1F252A; stroke-width: .6; opacity: .5; }
.ind-bo-nut { fill: none; stroke: #161B1F; stroke-width: 1.6; opacity: .6; }
.ind-bo-licht { fill: none; stroke: #FFFFFF; stroke-width: 1.4; opacity: .16; stroke-linecap: round; }
.ind-bo-vk-oben { fill: #7A838A; } .ind-bo-vk-vorn { fill: #4A535A; } .ind-bo-vk-links { fill: #39424A; }
.ind-wi-kopf-oben { fill: #8A9299; } .ind-wi-kopf-vorn { fill: #5B656D; } .ind-wi-kopf-links { fill: #46515A; }
.ind-wi-stange { fill: #8A9299; } .ind-wi-griff { fill: #3A434B; } .ind-wi-glanz { fill: #FFFFFF; opacity: .22; }
.ind-wi-arm { transform-box: fill-box; transform-origin: 0 50%; }
/* Späne: drei kleine Locken am Lochrand, nur während des Schneidens */
.ind-spaene { opacity: 0; }
.ind-span { fill: none; stroke: #9AA2A8; stroke-width: 1; stroke-linecap: round; opacity: 0; }
/* Brenner: Form und Farben wie in 05 EN 1090 (Startseite), hier auf gut ein Drittel verkleinert */
.ind-draht { fill: none; stroke: #A8AFB6; stroke-width: 1.6; stroke-linecap: round; }
.ind-kontaktrohr { fill: #80888F; }
.ind-duese { fill: url(#ind-zyl); }
.ind-duese-licht { fill: none; stroke: #FFFFFF; stroke-width: 3; opacity: .14; stroke-linecap: round; }
.ind-duese-kante { fill: none; stroke: #1A2024; stroke-width: 1.3; }
.ind-isolator { fill: #1F252A; }
.ind-hals { fill: none; stroke: #2F383D; stroke-width: 17; stroke-linecap: round; }
.ind-hals-licht { fill: none; stroke: #5E6871; stroke-width: 2.6; stroke-linecap: round; opacity: .8; }
.ind-mutter { fill: #3A434B; }
.ind-griff { fill: #2F383D; }
.ind-griff-licht { fill: #46515A; }
.ind-taster { fill: #80888F; }
.ind-br-fuge { fill: none; stroke: #8A9299; stroke-width: 2.4; }
.ind-schlauch { fill: none; stroke: url(#ind-schlauch); stroke-width: 24; stroke-linecap: round; }
.ind-kern { fill: #FFF7E8; }
.ind-funke { fill: #FFC585; opacity: 0; }
.ind-kern, .ind-hof, .ind-funke { transform-box: fill-box; transform-origin: center; }
/* Ruhezustand (ohne Skript, bei reduzierter Bewegung): 01 fertig gekantet mit zwei glatten Löchern, 02 zwei Gewinde + geschweißter Vierkant, Werkzeuge weg.
   Die Animation läuft 3 Durchläufe (iteration-count 3, kein fill-mode) und endet in genau diesem Zustand; .ruht (seite.js, außer Sicht) pausiert sie. */
.ind-bild .ind-tafel, .ind-laser, .ind-form, .ind-bohrer, .ind-brenner, .ind-bogen { opacity: 0; }   /* nur die SVG-Gruppe, nicht die HTML-Tabelle „Auf einen Blick“ */
.ind-form-9 { opacity: 1; }
/* Der Durchlauf: alle Teile laufen mit derselben Dauer in einer Schleife, darum bleiben sie im Takt. Vor dem Start: Tafel liegt da. */
html.bewegt .ind-zeichnung:not(.da) .ind-tafel { opacity: 1; }
html.bewegt .ind-zeichnung:not(.da) .ind-form-9, html.bewegt .ind-zeichnung:not(.da) .ind-rohr, html.bewegt .ind-zeichnung:not(.da) .ind-gw { opacity: 0; }
html.bewegt .ind-zeichnung:not(.da) .ind-naht-weg { stroke-dashoffset: 1; }
html.bewegt .ind-zeichnung.da .ind-tafel { animation: ind-tafel-sicht 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-tl-1 { animation: ind-tl-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-tl-2 { animation: ind-tl-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-tl-3 { animation: ind-tl-3 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-tl-4 { animation: ind-tl-4 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-1 { animation: ind-fuge-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-2 { animation: ind-fuge-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-3 { animation: ind-fuge-3 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-4 { animation: ind-fuge-4 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-5 { animation: ind-fuge-5 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-glut-1 { animation: ind-fuge-glut-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-glut-2 { animation: ind-fuge-glut-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-glut-3 { animation: ind-fuge-glut-3 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-glut-4 { animation: ind-fuge-glut-4 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-fuge-glut-5 { animation: ind-fuge-glut-5 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-laser { animation: ind-laser-fahrt 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-la-strahl { animation: ind-laser-strahl 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-la-kern { animation: ind-flackern .5s linear infinite; }
html.bewegt .ind-zeichnung.da .ind-la-hof { animation: ind-flackern .73s linear infinite reverse; }
html.bewegt .ind-zeichnung.da .ind-form-0 { animation: ind-form-0 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-1 { animation: ind-form-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-2 { animation: ind-form-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-3 { animation: ind-form-3 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-4 { animation: ind-form-4 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-5 { animation: ind-form-5 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-6 { animation: ind-form-6 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-7 { animation: ind-form-7 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-8 { animation: ind-form-8 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-form-9 { animation: ind-form-9 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bohrer-1 { animation: ind-bohrer-fahrt 16.4s linear 3, ind-bohrer-sicht-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bohrer-2 { animation: ind-bohrer-fahrt 16.4s linear 3, ind-bohrer-sicht-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-wi-arm-1 { animation: ind-wi-arm-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-wi-arm-2 { animation: ind-wi-arm-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bo-gaenge { animation: ind-gaenge 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bo-nut-1 { animation: ind-nut-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bo-nut-2 { animation: ind-nut-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bo-nut-3 { animation: ind-nut-3 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-spaene-1 { animation: ind-spaene-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-spaene-2 { animation: ind-spaene-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-span-a { animation: ind-span-a 1s ease-out infinite; }
html.bewegt .ind-zeichnung.da .ind-span-b { animation: ind-span-b 1.1s ease-out .35s infinite; }
html.bewegt .ind-zeichnung.da .ind-span-c { animation: ind-span-c .9s ease-out .7s infinite; }
html.bewegt .ind-zeichnung.da .ind-gw-1 { animation: ind-gewinde-1 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-gw-2 { animation: ind-gewinde-2 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-rohr { animation: ind-rohr-setzen 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-naht-weg { animation: ind-naht-wachsen 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-glut { animation: ind-glut-wandern 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-brenner { animation: ind-brenner-fahrt 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-bogen { animation: ind-bogen-brennen 16.4s linear 3; }
html.bewegt .ind-zeichnung.da .ind-kern { animation: ind-flackern .64s linear infinite; }
html.bewegt .ind-zeichnung.da .ind-hof { animation: ind-flackern .91s linear infinite reverse; }
html.bewegt .ind-zeichnung.da .ind-funke-1 { animation: ind-funke-1 1.15s ease-out infinite; }
html.bewegt .ind-zeichnung.da .ind-funke-2 { animation: ind-funke-2 1.15s ease-out .6s infinite; }
@keyframes ind-flackern {
  0% { opacity: .82; transform: scale(1); } 27% { opacity: 1; transform: scale(1.14); } 48% { opacity: .78; transform: scale(.93); }
  71% { opacity: .96; transform: scale(1.07); } 100% { opacity: .82; transform: scale(1); }
}
@keyframes ind-span-a { 0% { opacity: 0; transform: translate(0, 0); } 15% { opacity: .85; } 100% { opacity: 0; transform: translate(-8px, -9px); } }
@keyframes ind-span-b { 0% { opacity: 0; transform: translate(0, 0); } 15% { opacity: .8; } 100% { opacity: 0; transform: translate(9px, -7px); } }
@keyframes ind-span-c { 0% { opacity: 0; transform: translate(0, 0); } 15% { opacity: .7; } 100% { opacity: 0; transform: translate(-3px, -12px); } }
@keyframes ind-funke-1 { 0% { opacity: 0; transform: translate(0, 0); } 10% { opacity: .9; } 100% { opacity: 0; transform: translate(-10px, -13px); } }
@keyframes ind-funke-2 { 0% { opacity: 0; transform: translate(0, 0); } 10% { opacity: .8; } 100% { opacity: 0; transform: translate(-13px, -5px); } }
@media (prefers-reduced-motion: reduce) {
  .ind-zeichnung .ind-bild * { animation: none !important; }
  .ind-zeichnung .ind-tafel, .ind-zeichnung .ind-laser, .ind-zeichnung .ind-form, .ind-zeichnung .ind-bohrer, .ind-zeichnung .ind-spaene,
  .ind-zeichnung .ind-brenner, .ind-zeichnung .ind-bogen, .ind-zeichnung .ind-glut, .ind-zeichnung .ind-fuge-glut { opacity: 0 !important; }
  .ind-zeichnung .ind-form-9, .ind-zeichnung .ind-rohr, .ind-zeichnung .ind-gw { opacity: 1 !important; transform: none !important; }
  .ind-zeichnung .ind-naht-weg { stroke-dashoffset: 0 !important; }
}
/*ANIM-ANFANG*/ /* erzeugt von _pruefung/bild.py – nicht von Hand ändern */
/* Ein Durchlauf = 16.4 s. 01: Laser schneidet vier Löcher und die Außenkontur, Tafel verschwindet, Flansche kanten 15°-weise.
   02: Windeisen schneidet zwei Gewinde (¾ Umdrehung vor, ¼ zurück), Vierkant setzt sich, Brenner schweißt. Am Ende blendet alles zurück. */
@keyframes ind-laser-fahrt {
  0.00% { transform: translate(104.6px, 146.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  5.18% { transform: translate(104.6px, 159.0px); opacity: 1; animation-timing-function: linear; }
  5.49% { transform: translate(104.6px, 159.0px); animation-timing-function: linear; }
  5.57% { transform: translate(105.3px, 159.8px); animation-timing-function: linear; }
  5.65% { transform: translate(105.5px, 160.6px); animation-timing-function: linear; }
  5.73% { transform: translate(105.1px, 161.5px); animation-timing-function: linear; }
  5.81% { transform: translate(104.1px, 162.3px); animation-timing-function: linear; }
  5.89% { transform: translate(102.6px, 163.0px); animation-timing-function: linear; }
  5.98% { transform: translate(100.7px, 163.6px); animation-timing-function: linear; }
  6.06% { transform: translate(98.6px, 163.9px); animation-timing-function: linear; }
  6.14% { transform: translate(96.3px, 164.1px); animation-timing-function: linear; }
  6.22% { transform: translate(94.0px, 164.0px); animation-timing-function: linear; }
  6.30% { transform: translate(92.0px, 163.7px); animation-timing-function: linear; }
  6.38% { transform: translate(90.3px, 163.2px); animation-timing-function: linear; }
  6.46% { transform: translate(89.0px, 162.5px); animation-timing-function: linear; }
  6.54% { transform: translate(88.2px, 161.8px); animation-timing-function: linear; }
  6.63% { transform: translate(88.1px, 160.9px); animation-timing-function: linear; }
  6.71% { transform: translate(88.5px, 160.1px); animation-timing-function: linear; }
  6.79% { transform: translate(89.5px, 159.2px); animation-timing-function: linear; }
  6.87% { transform: translate(91.0px, 158.5px); animation-timing-function: linear; }
  6.95% { transform: translate(92.9px, 158.0px); animation-timing-function: linear; }
  7.03% { transform: translate(95.0px, 157.6px); animation-timing-function: linear; }
  7.11% { transform: translate(97.3px, 157.5px); animation-timing-function: linear; }
  7.20% { transform: translate(99.5px, 157.6px); animation-timing-function: linear; }
  7.28% { transform: translate(101.6px, 157.9px); animation-timing-function: linear; }
  7.36% { transform: translate(103.3px, 158.4px); animation-timing-function: linear; }
  7.44% { transform: translate(104.6px, 159.0px); animation-timing-function: linear; }
  7.45% { transform: translate(104.6px, 159.0px); animation-timing-function: linear; }
  8.17% { transform: translate(286.1px, 118.2px); animation-timing-function: linear; }
  8.18% { transform: translate(286.1px, 118.2px); animation-timing-function: linear; }
  8.25% { transform: translate(286.8px, 119.0px); animation-timing-function: linear; }
  8.33% { transform: translate(287.0px, 119.8px); animation-timing-function: linear; }
  8.41% { transform: translate(286.5px, 120.7px); animation-timing-function: linear; }
  8.50% { transform: translate(285.6px, 121.5px); animation-timing-function: linear; }
  8.58% { transform: translate(284.1px, 122.2px); animation-timing-function: linear; }
  8.66% { transform: translate(282.2px, 122.7px); animation-timing-function: linear; }
  8.74% { transform: translate(280.0px, 123.1px); animation-timing-function: linear; }
  8.82% { transform: translate(277.7px, 123.2px); animation-timing-function: linear; }
  8.90% { transform: translate(275.5px, 123.2px); animation-timing-function: linear; }
  8.98% { transform: translate(273.5px, 122.9px); animation-timing-function: linear; }
  9.07% { transform: translate(271.7px, 122.4px); animation-timing-function: linear; }
  9.15% { transform: translate(270.5px, 121.7px); animation-timing-function: linear; }
  9.23% { transform: translate(269.7px, 120.9px); animation-timing-function: linear; }
  9.31% { transform: translate(269.5px, 120.1px); animation-timing-function: linear; }
  9.39% { transform: translate(270.0px, 119.2px); animation-timing-function: linear; }
  9.47% { transform: translate(271.0px, 118.4px); animation-timing-function: linear; }
  9.55% { transform: translate(272.4px, 117.7px); animation-timing-function: linear; }
  9.63% { transform: translate(274.3px, 117.2px); animation-timing-function: linear; }
  9.72% { transform: translate(276.5px, 116.8px); animation-timing-function: linear; }
  9.80% { transform: translate(278.8px, 116.7px); animation-timing-function: linear; }
  9.88% { transform: translate(281.0px, 116.7px); animation-timing-function: linear; }
  9.96% { transform: translate(283.1px, 117.0px); animation-timing-function: linear; }
  10.04% { transform: translate(284.8px, 117.5px); animation-timing-function: linear; }
  10.12% { transform: translate(286.1px, 118.2px); animation-timing-function: linear; }
  10.13% { transform: translate(286.1px, 118.2px); animation-timing-function: linear; }
  11.34% { transform: translate(37.1px, 147.6px); animation-timing-function: linear; }
  14.28% { transform: translate(281.0px, 92.7px); animation-timing-function: linear; }
  15.61% { transform: translate(373.3px, 158.2px); animation-timing-function: linear; }
  18.55% { transform: translate(129.4px, 213.1px); animation-timing-function: linear; }
  19.88% { transform: translate(37.1px, 147.6px); animation-timing-function: linear; }
  20.18% { transform: translate(37.1px, 147.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.01% { transform: translate(37.1px, 134.7px); opacity: 0; animation-timing-function: linear; }
  100.00% { transform: translate(37.1px, 134.7px); opacity: 0; }
}
@keyframes ind-laser-strahl {
  0.00% { opacity: 0; animation-timing-function: linear; }
  5.49% { opacity: 0; animation-timing-function: linear; }
  5.73% { opacity: 1; animation-timing-function: linear; }
  7.44% { opacity: 1; animation-timing-function: linear; }
  7.68% { opacity: 0; animation-timing-function: linear; }
  8.17% { opacity: 0; animation-timing-function: linear; }
  8.41% { opacity: 1; animation-timing-function: linear; }
  10.12% { opacity: 1; animation-timing-function: linear; }
  10.37% { opacity: 0; animation-timing-function: linear; }
  11.34% { opacity: 0; animation-timing-function: linear; }
  11.59% { opacity: 1; animation-timing-function: linear; }
  19.88% { opacity: 1; animation-timing-function: linear; }
  20.12% { opacity: 0; animation-timing-function: linear; }
  100.00% { opacity: 0; }
}
@keyframes ind-fuge-1 {
  0.00% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  5.49% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  7.44% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  22.01% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  25.06% { stroke-dashoffset: 0; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes ind-fuge-glut-1 {
  0.00% { stroke-dashoffset: 0.08; opacity: 0; animation-timing-function: linear; }
  5.49% { stroke-dashoffset: 0.08; opacity: 0; animation-timing-function: linear; }
  5.79% { opacity: 0.9; animation-timing-function: linear; }
  7.44% { stroke-dashoffset: -0.92; opacity: 0.9; animation-timing-function: linear; }
  9.27% { stroke-dashoffset: -0.92; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: -0.92; opacity: 0; }
}
@keyframes ind-tl-1 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  7.44% { opacity: 0; animation-timing-function: linear; }
  8.17% { opacity: 1; animation-timing-function: step-end; }
  22.01% { opacity: 1; animation-timing-function: linear; }
  25.06% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-fuge-2 {
  0.00% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  8.17% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  10.12% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  22.01% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  25.06% { stroke-dashoffset: 0; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes ind-fuge-glut-2 {
  0.00% { stroke-dashoffset: 0.08; opacity: 0; animation-timing-function: linear; }
  8.17% { stroke-dashoffset: 0.08; opacity: 0; animation-timing-function: linear; }
  8.48% { opacity: 0.9; animation-timing-function: linear; }
  10.12% { stroke-dashoffset: -0.92; opacity: 0.9; animation-timing-function: linear; }
  11.95% { stroke-dashoffset: -0.92; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: -0.92; opacity: 0; }
}
@keyframes ind-tl-2 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  10.12% { opacity: 0; animation-timing-function: linear; }
  10.85% { opacity: 1; animation-timing-function: step-end; }
  22.01% { opacity: 1; animation-timing-function: linear; }
  25.06% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-fuge-3 {
  0.00% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  11.34% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  19.88% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  22.01% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  25.06% { stroke-dashoffset: 0; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes ind-fuge-glut-3 {
  0.00% { stroke-dashoffset: 0.08; opacity: 0; animation-timing-function: linear; }
  11.34% { stroke-dashoffset: 0.08; opacity: 0; animation-timing-function: linear; }
  11.65% { opacity: 0.9; animation-timing-function: linear; }
  19.88% { stroke-dashoffset: -0.92; opacity: 0.9; animation-timing-function: linear; }
  21.71% { stroke-dashoffset: -0.92; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: -0.92; opacity: 0; }
}
@keyframes ind-tafel-sicht {
  0.00% { opacity: 0; animation-timing-function: linear; }
  3.66% { opacity: 1; animation-timing-function: linear; }
  22.01% { opacity: 1; animation-timing-function: linear; }
  25.06% { opacity: 0; animation-timing-function: linear; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-0 {
  0.00% { opacity: 0; animation-timing-function: linear; }
  22.01% { opacity: 0; animation-timing-function: linear; }
  25.06% { opacity: 1; animation-timing-function: step-end; }
  26.59% { opacity: 1; animation-timing-function: step-end; }
  26.60% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-1 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  26.59% { opacity: 0; animation-timing-function: step-end; }
  26.60% { opacity: 1; animation-timing-function: step-end; }
  27.44% { opacity: 1; animation-timing-function: step-end; }
  27.45% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-2 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  27.44% { opacity: 0; animation-timing-function: step-end; }
  27.45% { opacity: 1; animation-timing-function: step-end; }
  28.29% { opacity: 1; animation-timing-function: step-end; }
  28.30% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-3 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  28.29% { opacity: 0; animation-timing-function: step-end; }
  28.30% { opacity: 1; animation-timing-function: step-end; }
  29.15% { opacity: 1; animation-timing-function: step-end; }
  29.16% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-4 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  29.15% { opacity: 0; animation-timing-function: step-end; }
  29.16% { opacity: 1; animation-timing-function: step-end; }
  30.00% { opacity: 1; animation-timing-function: step-end; }
  30.01% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-5 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  30.00% { opacity: 0; animation-timing-function: step-end; }
  30.01% { opacity: 1; animation-timing-function: step-end; }
  30.85% { opacity: 1; animation-timing-function: step-end; }
  30.86% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-6 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  30.85% { opacity: 0; animation-timing-function: step-end; }
  30.86% { opacity: 1; animation-timing-function: step-end; }
  31.71% { opacity: 1; animation-timing-function: step-end; }
  31.72% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-7 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  31.71% { opacity: 0; animation-timing-function: step-end; }
  31.72% { opacity: 1; animation-timing-function: step-end; }
  32.56% { opacity: 1; animation-timing-function: step-end; }
  32.57% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-8 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  32.56% { opacity: 0; animation-timing-function: step-end; }
  32.57% { opacity: 1; animation-timing-function: step-end; }
  33.41% { opacity: 1; animation-timing-function: step-end; }
  33.42% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-form-9 {
  0.00% { opacity: 1; animation-timing-function: linear; }
  3.66% { opacity: 0; animation-timing-function: step-end; }
  33.41% { opacity: 0; animation-timing-function: step-end; }
  33.42% { opacity: 1; animation-timing-function: linear; }
  100.00% { opacity: 1; }
}
@keyframes ind-bohrer-fahrt {
  0.00% { transform: translate(102.8px, 408.4px); animation-timing-function: linear; }
  37.68% { transform: translate(102.8px, 408.4px); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  39.51% { transform: translate(102.8px, 414.9px); animation-timing-function: linear; }
  46.22% { transform: translate(102.8px, 424.0px); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.05% { transform: translate(102.8px, 408.4px); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  51.71% { transform: translate(284.3px, 374.0px); animation-timing-function: linear; }
  58.41% { transform: translate(284.3px, 383.2px); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.24% { transform: translate(284.3px, 367.6px); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.29% { transform: translate(284.2px, 338.3px); animation-timing-function: linear; }
  100.00% { transform: translate(284.2px, 338.3px); }
}
@keyframes ind-bohrer-sicht-1 {
  0.00% { opacity: 0; animation-timing-function: linear; }
  35.24% { opacity: 0; animation-timing-function: linear; }
  37.68% { opacity: 1; animation-timing-function: linear; }
  49.88% { opacity: 1; animation-timing-function: linear; }
  49.89% { opacity: 0; animation-timing-function: linear; }
  100.00% { opacity: 0; }
}
@keyframes ind-spaene-1 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  40.43% { opacity: 0; animation-timing-function: linear; }
  41.04% { opacity: 1; animation-timing-function: step-end; }
  45.61% { opacity: 1; animation-timing-function: linear; }
  46.22% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-gewinde-1 {
  0.00% { opacity: 1; animation-timing-function: linear; }
  3.66% { opacity: 0; animation-timing-function: linear; }
  46.22% { opacity: 0; animation-timing-function: linear; }
  48.05% { opacity: 1; animation-timing-function: linear; }
  100.00% { opacity: 1; }
}
@keyframes ind-bohrer-sicht-2 {
  0.00% { opacity: 0; animation-timing-function: linear; }
  49.88% { opacity: 0; animation-timing-function: linear; }
  49.89% { opacity: 1; animation-timing-function: linear; }
  60.24% { opacity: 1; animation-timing-function: linear; }
  63.29% { opacity: 0; animation-timing-function: linear; }
  100.00% { opacity: 0; }
}
@keyframes ind-spaene-2 {
  0.00% { opacity: 0; animation-timing-function: step-end; }
  52.62% { opacity: 0; animation-timing-function: linear; }
  53.23% { opacity: 1; animation-timing-function: step-end; }
  57.80% { opacity: 1; animation-timing-function: linear; }
  58.41% { opacity: 0; animation-timing-function: step-end; }
  100.00% { opacity: 0; }
}
@keyframes ind-gewinde-2 {
  0.00% { opacity: 1; animation-timing-function: linear; }
  3.66% { opacity: 0; animation-timing-function: linear; }
  58.41% { opacity: 0; animation-timing-function: linear; }
  60.24% { opacity: 1; animation-timing-function: linear; }
  100.00% { opacity: 1; }
}
@keyframes ind-wi-arm-1 {
  0.00% { transform: rotate(-12.7deg) scaleX(1.000); animation-timing-function: linear; }
  39.51% { transform: rotate(-12.7deg) scaleX(1.000); animation-timing-function: linear; }
  39.96% { transform: rotate(-27.7deg) scaleX(0.751); animation-timing-function: linear; }
  40.41% { transform: rotate(-148.4deg) scaleX(0.639); animation-timing-function: linear; }
  40.85% { transform: rotate(-191.2deg) scaleX(1.022); animation-timing-function: linear; }
  41.30% { transform: rotate(-272.1deg) scaleX(0.409); animation-timing-function: linear; }
  41.75% { transform: rotate(-324.6deg) scaleX(0.601); animation-timing-function: linear; }
  42.20% { transform: rotate(-258.7deg) scaleX(0.419); animation-timing-function: linear; }
  42.64% { transform: rotate(-196.8deg) scaleX(0.931); animation-timing-function: linear; }
  43.09% { transform: rotate(-195.8deg) scaleX(0.949); animation-timing-function: linear; }
  43.54% { transform: rotate(-250.4deg) scaleX(0.436); animation-timing-function: linear; }
  43.98% { transform: rotate(-355.0deg) scaleX(1.040); animation-timing-function: linear; }
  44.43% { transform: rotate(-395.4deg) scaleX(0.651); animation-timing-function: linear; }
  44.88% { transform: rotate(-495.2deg) scaleX(0.527); animation-timing-function: linear; }
  45.33% { transform: rotate(-492.1deg) scaleX(0.507); animation-timing-function: linear; }
  45.77% { transform: rotate(-392.3deg) scaleX(0.688); animation-timing-function: linear; }
  46.22% { transform: rotate(-372.7deg) scaleX(1.000); animation-timing-function: linear; }
  46.23% { transform: rotate(-12.7deg) scaleX(1.000); animation-timing-function: linear; }
  51.71% { transform: rotate(-12.7deg) scaleX(1.000); animation-timing-function: linear; }
  52.15% { transform: rotate(-27.7deg) scaleX(0.751); animation-timing-function: linear; }
  52.60% { transform: rotate(-148.4deg) scaleX(0.639); animation-timing-function: linear; }
  53.05% { transform: rotate(-191.2deg) scaleX(1.022); animation-timing-function: linear; }
  53.50% { transform: rotate(-272.1deg) scaleX(0.409); animation-timing-function: linear; }
  53.94% { transform: rotate(-324.6deg) scaleX(0.601); animation-timing-function: linear; }
  54.39% { transform: rotate(-258.7deg) scaleX(0.419); animation-timing-function: linear; }
  54.84% { transform: rotate(-196.8deg) scaleX(0.931); animation-timing-function: linear; }
  55.28% { transform: rotate(-195.8deg) scaleX(0.949); animation-timing-function: linear; }
  55.73% { transform: rotate(-250.4deg) scaleX(0.436); animation-timing-function: linear; }
  56.18% { transform: rotate(-355.0deg) scaleX(1.040); animation-timing-function: linear; }
  56.63% { transform: rotate(-395.4deg) scaleX(0.651); animation-timing-function: linear; }
  57.07% { transform: rotate(-495.2deg) scaleX(0.527); animation-timing-function: linear; }
  57.52% { transform: rotate(-492.1deg) scaleX(0.507); animation-timing-function: linear; }
  57.97% { transform: rotate(-392.3deg) scaleX(0.688); animation-timing-function: linear; }
  58.41% { transform: rotate(-372.7deg) scaleX(1.000); animation-timing-function: linear; }
  58.42% { transform: rotate(-12.7deg) scaleX(1.000); animation-timing-function: linear; }
  100.00% { transform: rotate(-12.7deg) scaleX(1.000); }
}
@keyframes ind-wi-arm-2 {
  0.00% { transform: rotate(167.3deg) scaleX(1.000); animation-timing-function: linear; }
  39.51% { transform: rotate(167.3deg) scaleX(1.000); animation-timing-function: linear; }
  39.96% { transform: rotate(152.3deg) scaleX(0.751); animation-timing-function: linear; }
  40.41% { transform: rotate(31.6deg) scaleX(0.639); animation-timing-function: linear; }
  40.85% { transform: rotate(-11.2deg) scaleX(1.022); animation-timing-function: linear; }
  41.30% { transform: rotate(-92.1deg) scaleX(0.409); animation-timing-function: linear; }
  41.75% { transform: rotate(-144.6deg) scaleX(0.601); animation-timing-function: linear; }
  42.20% { transform: rotate(-78.7deg) scaleX(0.419); animation-timing-function: linear; }
  42.64% { transform: rotate(-16.8deg) scaleX(0.931); animation-timing-function: linear; }
  43.09% { transform: rotate(-15.8deg) scaleX(0.949); animation-timing-function: linear; }
  43.54% { transform: rotate(-70.4deg) scaleX(0.436); animation-timing-function: linear; }
  43.98% { transform: rotate(-175.0deg) scaleX(1.040); animation-timing-function: linear; }
  44.43% { transform: rotate(-215.4deg) scaleX(0.651); animation-timing-function: linear; }
  44.88% { transform: rotate(-315.2deg) scaleX(0.527); animation-timing-function: linear; }
  45.33% { transform: rotate(-312.1deg) scaleX(0.507); animation-timing-function: linear; }
  45.77% { transform: rotate(-212.3deg) scaleX(0.688); animation-timing-function: linear; }
  46.22% { transform: rotate(-192.7deg) scaleX(1.000); animation-timing-function: linear; }
  46.23% { transform: rotate(167.3deg) scaleX(1.000); animation-timing-function: linear; }
  51.71% { transform: rotate(167.3deg) scaleX(1.000); animation-timing-function: linear; }
  52.15% { transform: rotate(152.3deg) scaleX(0.751); animation-timing-function: linear; }
  52.60% { transform: rotate(31.6deg) scaleX(0.639); animation-timing-function: linear; }
  53.05% { transform: rotate(-11.2deg) scaleX(1.022); animation-timing-function: linear; }
  53.50% { transform: rotate(-92.1deg) scaleX(0.409); animation-timing-function: linear; }
  53.94% { transform: rotate(-144.6deg) scaleX(0.601); animation-timing-function: linear; }
  54.39% { transform: rotate(-78.7deg) scaleX(0.419); animation-timing-function: linear; }
  54.84% { transform: rotate(-16.8deg) scaleX(0.931); animation-timing-function: linear; }
  55.28% { transform: rotate(-15.8deg) scaleX(0.949); animation-timing-function: linear; }
  55.73% { transform: rotate(-70.4deg) scaleX(0.436); animation-timing-function: linear; }
  56.18% { transform: rotate(-175.0deg) scaleX(1.040); animation-timing-function: linear; }
  56.63% { transform: rotate(-215.4deg) scaleX(0.651); animation-timing-function: linear; }
  57.07% { transform: rotate(-315.2deg) scaleX(0.527); animation-timing-function: linear; }
  57.52% { transform: rotate(-312.1deg) scaleX(0.507); animation-timing-function: linear; }
  57.97% { transform: rotate(-212.3deg) scaleX(0.688); animation-timing-function: linear; }
  58.41% { transform: rotate(-192.7deg) scaleX(1.000); animation-timing-function: linear; }
  58.42% { transform: rotate(167.3deg) scaleX(1.000); animation-timing-function: linear; }
  100.00% { transform: rotate(167.3deg) scaleX(1.000); }
}
@keyframes ind-gaenge {
  0.00% { transform: translateY(0); animation-timing-function: linear; }
  39.51% { transform: translateY(-0.00px); animation-timing-function: linear; }
  39.96% { transform: translateY(-0.19px); animation-timing-function: linear; }
  40.41% { transform: translateY(-0.67px); animation-timing-function: linear; }
  40.85% { transform: translateY(-1.28px); animation-timing-function: linear; }
  41.30% { transform: translateY(-1.76px); animation-timing-function: linear; }
  41.75% { transform: translateY(-1.95px); animation-timing-function: linear; }
  42.20% { transform: translateY(-1.73px); animation-timing-function: linear; }
  42.64% { transform: translateY(-1.36px); animation-timing-function: linear; }
  43.09% { transform: translateY(-1.35px); animation-timing-function: linear; }
  43.54% { transform: translateY(-1.70px); animation-timing-function: linear; }
  43.98% { transform: translateY(-2.27px); animation-timing-function: linear; }
  44.43% { transform: translateY(-2.85px); animation-timing-function: linear; }
  44.88% { transform: translateY(-3.20px); animation-timing-function: linear; }
  45.33% { transform: translateY(-3.19px); animation-timing-function: linear; }
  45.77% { transform: translateY(-2.82px); animation-timing-function: linear; }
  46.22% { transform: translateY(-2.60px); animation-timing-function: linear; }
  46.23% { transform: translateY(0); animation-timing-function: linear; }
  51.71% { transform: translateY(-0.00px); animation-timing-function: linear; }
  52.15% { transform: translateY(-0.19px); animation-timing-function: linear; }
  52.60% { transform: translateY(-0.67px); animation-timing-function: linear; }
  53.05% { transform: translateY(-1.28px); animation-timing-function: linear; }
  53.50% { transform: translateY(-1.76px); animation-timing-function: linear; }
  53.94% { transform: translateY(-1.95px); animation-timing-function: linear; }
  54.39% { transform: translateY(-1.73px); animation-timing-function: linear; }
  54.84% { transform: translateY(-1.36px); animation-timing-function: linear; }
  55.28% { transform: translateY(-1.35px); animation-timing-function: linear; }
  55.73% { transform: translateY(-1.70px); animation-timing-function: linear; }
  56.18% { transform: translateY(-2.27px); animation-timing-function: linear; }
  56.63% { transform: translateY(-2.85px); animation-timing-function: linear; }
  57.07% { transform: translateY(-3.20px); animation-timing-function: linear; }
  57.52% { transform: translateY(-3.19px); animation-timing-function: linear; }
  57.97% { transform: translateY(-2.82px); animation-timing-function: linear; }
  58.41% { transform: translateY(-2.60px); animation-timing-function: linear; }
  58.42% { transform: translateY(0); animation-timing-function: linear; }
  100.00% { transform: translateY(0); }
}
@keyframes ind-nut-1 {
  0.00% { transform: translate(3.5px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  39.51% { transform: translate(3.5px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  39.96% { transform: translate(6.2px, 1.6px); opacity: 0.60; animation-timing-function: linear; }
  40.41% { transform: translate(6.8px, -1.7px); opacity: 0.00; animation-timing-function: linear; }
  40.85% { transform: translate(-3.1px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  41.30% { transform: translate(-7.9px, 0.3px); opacity: 0.02; animation-timing-function: linear; }
  41.75% { transform: translate(-7.0px, 1.6px); opacity: 0.60; animation-timing-function: linear; }
  42.20% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  42.64% { transform: translate(-4.5px, -2.2px); opacity: 0.00; animation-timing-function: linear; }
  43.09% { transform: translate(-4.3px, -2.3px); opacity: 0.00; animation-timing-function: linear; }
  43.54% { transform: translate(-7.8px, -0.1px); opacity: 0.00; animation-timing-function: linear; }
  43.98% { transform: translate(-2.5px, 2.9px); opacity: 0.60; animation-timing-function: linear; }
  44.43% { transform: translate(6.9px, 1.2px); opacity: 0.60; animation-timing-function: linear; }
  44.88% { transform: translate(7.4px, -1.3px); opacity: 0.00; animation-timing-function: linear; }
  45.33% { transform: translate(7.5px, -1.2px); opacity: 0.00; animation-timing-function: linear; }
  45.77% { transform: translate(6.7px, 1.3px); opacity: 0.60; animation-timing-function: linear; }
  46.22% { transform: translate(3.5px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  51.71% { transform: translate(3.5px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  52.15% { transform: translate(6.2px, 1.6px); opacity: 0.60; animation-timing-function: linear; }
  52.60% { transform: translate(6.8px, -1.7px); opacity: 0.00; animation-timing-function: linear; }
  53.05% { transform: translate(-3.1px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  53.50% { transform: translate(-7.9px, 0.3px); opacity: 0.02; animation-timing-function: linear; }
  53.94% { transform: translate(-7.0px, 1.6px); opacity: 0.60; animation-timing-function: linear; }
  54.39% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  54.84% { transform: translate(-4.5px, -2.2px); opacity: 0.00; animation-timing-function: linear; }
  55.28% { transform: translate(-4.3px, -2.3px); opacity: 0.00; animation-timing-function: linear; }
  55.73% { transform: translate(-7.8px, -0.1px); opacity: 0.00; animation-timing-function: linear; }
  56.18% { transform: translate(-2.5px, 2.9px); opacity: 0.60; animation-timing-function: linear; }
  56.63% { transform: translate(6.9px, 1.2px); opacity: 0.60; animation-timing-function: linear; }
  57.07% { transform: translate(7.4px, -1.3px); opacity: 0.00; animation-timing-function: linear; }
  57.52% { transform: translate(7.5px, -1.2px); opacity: 0.00; animation-timing-function: linear; }
  57.97% { transform: translate(6.7px, 1.3px); opacity: 0.60; animation-timing-function: linear; }
  58.41% { transform: translate(3.5px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  100.00% { transform: translate(3.5px, 2.5px); opacity: 0.60; }
}
@keyframes ind-nut-2 {
  0.00% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  39.51% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  39.96% { transform: translate(-7.3px, 1.4px); opacity: 0.60; animation-timing-function: linear; }
  40.41% { transform: translate(-0.0px, 2.9px); opacity: 0.60; animation-timing-function: linear; }
  40.85% { transform: translate(7.8px, 0.1px); opacity: 0.19; animation-timing-function: linear; }
  41.30% { transform: translate(3.8px, -2.7px); opacity: 0.00; animation-timing-function: linear; }
  41.75% { transform: translate(0.5px, -3.0px); opacity: 0.00; animation-timing-function: linear; }
  42.20% { transform: translate(4.4px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  42.64% { transform: translate(7.8px, -0.6px); opacity: 0.00; animation-timing-function: linear; }
  43.09% { transform: translate(7.8px, -0.5px); opacity: 0.00; animation-timing-function: linear; }
  43.54% { transform: translate(4.8px, -2.5px); opacity: 0.00; animation-timing-function: linear; }
  43.98% { transform: translate(-5.2px, -2.0px); opacity: 0.00; animation-timing-function: linear; }
  44.43% { transform: translate(-6.7px, 1.8px); opacity: 0.60; animation-timing-function: linear; }
  44.88% { transform: translate(-1.4px, 3.0px); opacity: 0.60; animation-timing-function: linear; }
  45.33% { transform: translate(-1.6px, 2.9px); opacity: 0.60; animation-timing-function: linear; }
  45.77% { transform: translate(-7.0px, 1.6px); opacity: 0.60; animation-timing-function: linear; }
  46.22% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  51.71% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  52.15% { transform: translate(-7.3px, 1.4px); opacity: 0.60; animation-timing-function: linear; }
  52.60% { transform: translate(-0.0px, 2.9px); opacity: 0.60; animation-timing-function: linear; }
  53.05% { transform: translate(7.8px, 0.1px); opacity: 0.19; animation-timing-function: linear; }
  53.50% { transform: translate(3.8px, -2.7px); opacity: 0.00; animation-timing-function: linear; }
  53.94% { transform: translate(0.5px, -3.0px); opacity: 0.00; animation-timing-function: linear; }
  54.39% { transform: translate(4.4px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  54.84% { transform: translate(7.8px, -0.6px); opacity: 0.00; animation-timing-function: linear; }
  55.28% { transform: translate(7.8px, -0.5px); opacity: 0.00; animation-timing-function: linear; }
  55.73% { transform: translate(4.8px, -2.5px); opacity: 0.00; animation-timing-function: linear; }
  56.18% { transform: translate(-5.2px, -2.0px); opacity: 0.00; animation-timing-function: linear; }
  56.63% { transform: translate(-6.7px, 1.8px); opacity: 0.60; animation-timing-function: linear; }
  57.07% { transform: translate(-1.4px, 3.0px); opacity: 0.60; animation-timing-function: linear; }
  57.52% { transform: translate(-1.6px, 2.9px); opacity: 0.60; animation-timing-function: linear; }
  57.97% { transform: translate(-7.0px, 1.6px); opacity: 0.60; animation-timing-function: linear; }
  58.41% { transform: translate(-7.8px, 0.1px); opacity: 0.00; animation-timing-function: linear; }
  100.00% { transform: translate(-7.8px, 0.1px); opacity: 0.00; }
}
@keyframes ind-nut-3 {
  0.00% { transform: translate(4.3px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  39.51% { transform: translate(4.3px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  39.96% { transform: translate(1.0px, -3.0px); opacity: 0.00; animation-timing-function: linear; }
  40.41% { transform: translate(-6.8px, -1.2px); opacity: 0.00; animation-timing-function: linear; }
  40.85% { transform: translate(-4.7px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  41.30% { transform: translate(4.0px, 2.4px); opacity: 0.60; animation-timing-function: linear; }
  41.75% { transform: translate(6.6px, 1.4px); opacity: 0.60; animation-timing-function: linear; }
  42.20% { transform: translate(3.4px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  42.64% { transform: translate(-3.3px, 2.8px); opacity: 0.60; animation-timing-function: linear; }
  43.09% { transform: translate(-3.5px, 2.8px); opacity: 0.60; animation-timing-function: linear; }
  43.54% { transform: translate(3.0px, 2.6px); opacity: 0.60; animation-timing-function: linear; }
  43.98% { transform: translate(7.7px, -0.9px); opacity: 0.00; animation-timing-function: linear; }
  44.43% { transform: translate(-0.1px, -2.9px); opacity: 0.00; animation-timing-function: linear; }
  44.88% { transform: translate(-6.0px, -1.7px); opacity: 0.00; animation-timing-function: linear; }
  45.33% { transform: translate(-5.9px, -1.8px); opacity: 0.00; animation-timing-function: linear; }
  45.77% { transform: translate(0.3px, -3.0px); opacity: 0.00; animation-timing-function: linear; }
  46.22% { transform: translate(4.3px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  51.71% { transform: translate(4.3px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  52.15% { transform: translate(1.0px, -3.0px); opacity: 0.00; animation-timing-function: linear; }
  52.60% { transform: translate(-6.8px, -1.2px); opacity: 0.00; animation-timing-function: linear; }
  53.05% { transform: translate(-4.7px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  53.50% { transform: translate(4.0px, 2.4px); opacity: 0.60; animation-timing-function: linear; }
  53.94% { transform: translate(6.6px, 1.4px); opacity: 0.60; animation-timing-function: linear; }
  54.39% { transform: translate(3.4px, 2.5px); opacity: 0.60; animation-timing-function: linear; }
  54.84% { transform: translate(-3.3px, 2.8px); opacity: 0.60; animation-timing-function: linear; }
  55.28% { transform: translate(-3.5px, 2.8px); opacity: 0.60; animation-timing-function: linear; }
  55.73% { transform: translate(3.0px, 2.6px); opacity: 0.60; animation-timing-function: linear; }
  56.18% { transform: translate(7.7px, -0.9px); opacity: 0.00; animation-timing-function: linear; }
  56.63% { transform: translate(-0.1px, -2.9px); opacity: 0.00; animation-timing-function: linear; }
  57.07% { transform: translate(-6.0px, -1.7px); opacity: 0.00; animation-timing-function: linear; }
  57.52% { transform: translate(-5.9px, -1.8px); opacity: 0.00; animation-timing-function: linear; }
  57.97% { transform: translate(0.3px, -3.0px); opacity: 0.00; animation-timing-function: linear; }
  58.41% { transform: translate(4.3px, -2.6px); opacity: 0.00; animation-timing-function: linear; }
  100.00% { transform: translate(4.3px, -2.6px); opacity: 0.00; }
}
@keyframes ind-rohr-setzen {
  0.00% { transform: none; opacity: 1; animation-timing-function: linear; }
  3.66% { transform: none; opacity: 0; animation-timing-function: linear; }
  63.90% { transform: translateY(-26px); opacity: 0; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  66.95% { opacity: 1; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  69.39% { transform: none; opacity: 1; animation-timing-function: linear; }
  100.00% { transform: none; opacity: 1; }
}
@keyframes ind-naht-wachsen {
  0.00% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  3.66% { stroke-dashoffset: 0; opacity: 0; animation-timing-function: linear; }
  3.67% { stroke-dashoffset: 1; opacity: 0; animation-timing-function: linear; }
  3.68% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  72.44% { stroke-dashoffset: 1; opacity: 1; animation-timing-function: linear; }
  85.85% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes ind-glut-wandern {
  0.00% { stroke-dashoffset: 0.12; opacity: 0; animation-timing-function: linear; }
  72.44% { stroke-dashoffset: 0.12; opacity: 0; animation-timing-function: linear; }
  73.96% { opacity: 1; animation-timing-function: linear; }
  85.85% { stroke-dashoffset: -0.88; opacity: 1; animation-timing-function: linear; }
  91.95% { stroke-dashoffset: -0.88; opacity: 0; animation-timing-function: linear; }
  100.00% { stroke-dashoffset: -0.88; opacity: 0; }
}
@keyframes ind-brenner-fahrt {
  0.00% { transform: translate(138.4px, 391.7px); opacity: 0; animation-timing-function: linear; }
  66.34% { transform: translate(138.4px, 391.7px); opacity: 0; animation-timing-function: linear; }
  69.39% { transform: translate(138.4px, 391.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  71.22% { transform: translate(138.4px, 413.7px); opacity: 1; animation-timing-function: linear; }
  72.44% { transform: translate(138.4px, 413.7px); animation-timing-function: linear; }
  74.41% { transform: translate(156.6px, 426.6px); animation-timing-function: linear; }
  85.85% { transform: translate(282.4px, 398.3px); animation-timing-function: linear; }
  87.68% { transform: translate(282.4px, 398.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  90.73% { transform: translate(282.4px, 376.3px); opacity: 1; animation-timing-function: linear; }
  93.78% { transform: translate(282.4px, 376.3px); opacity: 0; animation-timing-function: linear; }
  100.00% { transform: translate(282.4px, 376.3px); opacity: 0; }
}
@keyframes ind-bogen-brennen {
  0.00% { opacity: 0; animation-timing-function: linear; }
  71.22% { opacity: 0; animation-timing-function: linear; }
  72.44% { opacity: 1; animation-timing-function: linear; }
  85.85% { opacity: 1; animation-timing-function: linear; }
  87.68% { opacity: 0; animation-timing-function: linear; }
  100.00% { opacity: 0; }
}
/*ANIM-ENDE*/
/* 29.10. Fenster bündig mit der Übersicht 01–03: oberer Strich der Liste = Oberkante Blatt, unterer = Unterkante */
@media (min-width: 900px) {
  .ind-hero .hero-raster { grid-template-columns: minmax(0, 1fr) minmax(340px, 480px); column-gap: clamp(40px, 4vw, 64px); row-gap: 0; align-items: start; }
  .ind-hero .hero-text { display: contents; }
  .ind-hero .hero-text > .nummer { grid-column: 1; grid-row: 1; }
  .ind-hero .hero-text > h1 { grid-column: 1 / -1; grid-row: 2; }
  .ind-hero .hero-text > .einleitung { grid-column: 1; grid-row: 3; margin-bottom: 20px; }
  .ind-hero .ind-uebersicht { grid-column: 1; grid-row: 4; margin-top: 0; max-width: none; }
  .ind-hero .hero-text > .knopfreihe { grid-column: 1; grid-row: 5; }
  /* Das Blatt bestimmt die Zeilenhöhe NICHT mit – es füllt genau die Höhe der Liste */
  .ind-hero .ind-zeichnung { grid-column: 2; grid-row: 4; align-self: stretch; width: 100%; justify-self: stretch; position: relative; }
  .ind-hero .ind-blatt { position: absolute; inset: 0; box-sizing: border-box; display: flex; flex-direction: column; }
  .ind-hero .ind-bild { flex: 1; min-height: 0; height: 100%; }
}

/* 29.10. Abschnitt 01 aufgeräumt: zwei Spalten (Text + Hinweis | Tabelle), darunter der Ablauf ohne Ziffern */
.ind-tech-raster { display: grid; gap: 40px; }
@media (min-width: 1000px) { .ind-tech-raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(48px, 6vw, 96px); align-items: start; } }
.ind-tech-text .kopf-text { margin-top: 20px; max-width: 34em; }
.ind-tech-text .kopf-text a { color: var(--gruen-tief); }
.ind-tech .ind-hinweis { margin-top: 32px; max-width: 34em; padding: 18px 22px; gap: 8px; }
.ind-tech .ind-tafel h3 { margin-top: 6px; }
.ind-schritt { padding-top: 22px; }
.ind-tech-text h2 { font-size: clamp(2.125rem, 1.2rem + 3.6vw, 3.75rem); margin-top: 16px; }
.ind-tech-text h2 em { color: var(--gruen-tief); }
/* 29.10. Abschnitt 02: Erklärung unter der Überschrift statt daneben */
@media (min-width: 1000px) {
  .ind-weiter .kopfzeile h2 { grid-column: 1 / span 9; }
  .ind-weiter .kopfzeile .kopf-text { grid-column: 1 / span 7; padding-bottom: 0; }
}
.ind-weiter .kopf-text { max-width: 40em; }

/* 29.10. Abschnitt 03: vier Fotos aus dem Sonderbau (Edelstahl-Verkleidungen) im 2×2-Raster */
.sonder-galerie { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sonder-galerie img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 2px; display: block; }

/* 29.10. Abschnitt 03: Leistungen als Liste mit fettem Schlagwort statt Fließtext */
.sonder-text .sonder-lead { margin-top: 20px; color: var(--tinte); font: 400 1.1875rem/1.45 var(--serif); max-width: 30em; }
.sonder-liste { list-style: none; margin: 22px 0 0; padding: 0; border-top: 1.5px solid var(--linie-dunkel); border-bottom: 1.5px solid var(--linie-dunkel); max-width: 34em; }
.sonder-liste li { display: grid; gap: 2px; padding: 12px 2px; }
.sonder-liste li + li { border-top: 1px solid #B2AEA5; }
.sonder-liste strong { font-weight: 600; color: var(--tinte); }
.sonder-liste span { color: var(--gedaempft); line-height: 1.45; }
@media (min-width: 1200px) { .sonder-liste li { grid-template-columns: 12.5em minmax(0, 1fr); gap: 16px; align-items: baseline; } }
/* 29.10. Eckmarken passten nicht zur 2×2-Galerie (saßen versetzt über dem Bildrand) – bei der Galerie weglassen */
.sonder-bild .eck { display: none; }
/* 29.10. Übersicht ist kürzer geworden – Zeichnung bekommt Mindesthöhe, die Liste verteilt sich auf dieselbe Höhe (Striche bleiben bündig) */
@media (min-width: 900px) {
  .ind-hero .ind-zeichnung { min-height: 470px; }
  .ind-hero .ind-uebersicht { align-self: stretch; display: flex; flex-direction: column; justify-content: space-around; }
}