Glossar: Komplettpaket (28 Eintraege, 19 SVGs, 5 DALL-E-Bilder, iPad, Experimente)

- Mindmap mit Force-directed Layout (pages/mindmap.php) + Cross-Links
- 28 Eintraege im Fachartikel-Stil mit 113 Quellen + Inline-Referenzen [^n]
- Leichte-Sprache-Version fuer alle 28 Eintraege (short_easy, text_easy, examples.text_easy)
- 19 Infografiken (12 neu): co2-Keeling, klimawandel-Temp, kohlenstoff-Kreislauf, fotosynthese, energiemix-AT, methan-GWP, photovoltaik, wasserkraft, kipppunkt, biodiversitaet-LPI, permafrost, treibhausgas-GWP + bestehende (treibhauseffekt, ppm, windrad, albedo, fossile, kwh, co2-fussabdruck)
- 5 DALL-E-Reprasentationsbilder im Querformat (nachhaltigkeit, klimaneutralitaet, erneuerbare-energie, emissionen, pariser-abkommen)
- Alphabetische Sprungnavigation A-Z mit Buchstabenbannern
- Lightbox-Vollbild auf allen Infografiken mit expliziten SVG-Dimensionen (Safari/iPad-Fix)
- Easy-Sprache-Toggle pro Card mit localStorage-Persistenz
- 4 interaktive Experimente: kWh-Rennen, ppm-Finder, albedo-Slider, CO2-Fussabdruck-Rechner
- iPad-Optimierung: Touch-Ziele >=38px, Hover in @media (hover), touch-action
- Modul-Metadaten aus DB-Tabelle module_info (keine Hardcodes)
- Cache-Buster auf JS-Asset
- Schema-Erweiterung: glossar_sources, examples.text_easy

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-19 00:48:29 +02:00
parent 003eeeb9f7
commit a425ce31e6
32 changed files with 6785 additions and 0 deletions
+147
View File
@@ -0,0 +1,147 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 440" font-family="Inter, system-ui, sans-serif" width="900" height="440">
<defs>
<marker id="al-in" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#e8833a"/>
</marker>
<marker id="al-out" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#f4c94e"/>
</marker>
</defs>
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Albedo — Wie viel Sonnenlicht wirft die Oberfläche zurück?
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Helle Oberflächen reflektieren viel, dunkle absorbieren Wärme. 1,0 = Spiegel · 0,0 = schwarz
</text>
<!-- 5 vertikale Spalten: Schnee, Wüste, Wald, Ozean, Asphalt -->
<!-- Jede Spalte: 160 px breit. Startet x=60 -->
<!-- SURFACE, Albedo, Color -->
<!-- Column 1: Frischer Schnee A=0.85 -->
<g transform="translate(80, 90)">
<text y="-10" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle" x="70">❄ Frischer Schnee</text>
<!-- Sonne-Pfeil rein -->
<line x1="10" y1="0" x2="60" y2="70" stroke="#e8833a" stroke-width="2.5" marker-end="url(#al-in)"/>
<!-- 85% raus (mehrere Pfeile) -->
<g stroke="#f4c94e" stroke-width="2" fill="none" marker-end="url(#al-out)">
<line x1="60" y1="70" x2="130" y2="10"/>
<line x1="60" y1="70" x2="115" y2="0"/>
<line x1="60" y1="70" x2="100" y2="-5"/>
<line x1="60" y1="70" x2="130" y2="25"/>
</g>
<!-- Oberfläche -->
<rect x="0" y="70" width="140" height="50" fill="#fff" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- Schnee-Sparkle -->
<g fill="#4a7c8a" opacity=".4">
<circle cx="20" cy="85" r="1"/><circle cx="50" cy="98" r="1"/>
<circle cx="85" cy="82" r="1"/><circle cx="110" cy="100" r="1"/>
<circle cx="130" cy="90" r="1"/>
</g>
<text x="70" y="140" font-size="24" font-weight="900" fill="#1f4e5a" text-anchor="middle">0,85</text>
<text x="70" y="158" font-size="9" fill="#4a7c8a" text-anchor="middle">85 % zurückgeworfen</text>
<!-- Balken 0-100% -->
<rect x="10" y="175" width="120" height="8" fill="#dae8ec" rx="2"/>
<rect x="10" y="175" width="102" height="8" fill="#4a7c8a" rx="2"/>
</g>
<!-- Column 2: Wüste/Sand A=0.35 -->
<g transform="translate(240, 90)">
<text y="-10" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle" x="70">🏜 Wüste · Sand</text>
<line x1="10" y1="0" x2="60" y2="70" stroke="#e8833a" stroke-width="2.5" marker-end="url(#al-in)"/>
<g stroke="#f4c94e" stroke-width="2" fill="none" marker-end="url(#al-out)" opacity=".6">
<line x1="60" y1="70" x2="115" y2="20"/>
<line x1="60" y1="70" x2="100" y2="5"/>
</g>
<rect x="0" y="70" width="140" height="50" fill="#e8d5b5" stroke="#1f4e5a" stroke-width="1.5"/>
<g fill="#c4a97a" opacity=".6">
<circle cx="30" cy="88" r="2"/><circle cx="70" cy="100" r="2"/>
<circle cx="110" cy="85" r="2"/>
<path d="M 10 110 Q 35 106 60 110 Q 85 114 110 110 Q 125 108 130 110" fill="none" stroke="#c4a97a" stroke-width=".8"/>
</g>
<text x="70" y="140" font-size="24" font-weight="900" fill="#1f4e5a" text-anchor="middle">0,35</text>
<text x="70" y="158" font-size="9" fill="#c4a97a" text-anchor="middle">35 % zurückgeworfen</text>
<rect x="10" y="175" width="120" height="8" fill="#dae8ec" rx="2"/>
<rect x="10" y="175" width="42" height="8" fill="#c4a97a" rx="2"/>
</g>
<!-- Column 3: Wald A=0.12 -->
<g transform="translate(400, 90)">
<text y="-10" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle" x="70">🌲 Wald</text>
<line x1="10" y1="0" x2="60" y2="70" stroke="#e8833a" stroke-width="2.5" marker-end="url(#al-in)"/>
<g stroke="#f4c94e" stroke-width="1.5" fill="none" marker-end="url(#al-out)" opacity=".4">
<line x1="60" y1="70" x2="95" y2="35"/>
</g>
<rect x="0" y="70" width="140" height="50" fill="#3a6b3e" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- Baumsymbole -->
<g fill="#5a8a5e">
<polygon points="15,115 22,92 29,115"/>
<polygon points="42,115 50,88 58,115"/>
<polygon points="70,115 80,85 90,115"/>
<polygon points="100,115 108,90 116,115"/>
<polygon points="122,115 130,93 138,115"/>
</g>
<text x="70" y="140" font-size="24" font-weight="900" fill="#1f4e5a" text-anchor="middle">0,12</text>
<text x="70" y="158" font-size="9" fill="#3a6b3e" text-anchor="middle">12 % zurückgeworfen</text>
<rect x="10" y="175" width="120" height="8" fill="#dae8ec" rx="2"/>
<rect x="10" y="175" width="14" height="8" fill="#3a6b3e" rx="2"/>
</g>
<!-- Column 4: Ozean A=0.06 -->
<g transform="translate(560, 90)">
<text y="-10" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle" x="70">🌊 Ozean</text>
<line x1="10" y1="0" x2="60" y2="70" stroke="#e8833a" stroke-width="2.5" marker-end="url(#al-in)"/>
<g stroke="#f4c94e" stroke-width="1" fill="none" marker-end="url(#al-out)" opacity=".3">
<line x1="60" y1="70" x2="85" y2="45"/>
</g>
<rect x="0" y="70" width="140" height="50" fill="#1f4e5a" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- Wellen -->
<g fill="none" stroke="#4a7c8a" stroke-width=".8" opacity=".5">
<path d="M 5 85 Q 20 82 35 85 Q 50 88 65 85 Q 80 82 95 85 Q 110 88 125 85 Q 135 83 138 85"/>
<path d="M 5 100 Q 20 97 35 100 Q 50 103 65 100 Q 80 97 95 100 Q 110 103 125 100 Q 135 98 138 100"/>
</g>
<text x="70" y="140" font-size="24" font-weight="900" fill="#1f4e5a" text-anchor="middle">0,06</text>
<text x="70" y="158" font-size="9" fill="#1f4e5a" text-anchor="middle">6 % zurückgeworfen</text>
<rect x="10" y="175" width="120" height="8" fill="#dae8ec" rx="2"/>
<rect x="10" y="175" width="7" height="8" fill="#1f4e5a" rx="2"/>
</g>
<!-- Column 5: Asphalt A=0.05 -->
<g transform="translate(720, 90)">
<text y="-10" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle" x="70">🛣 Asphalt</text>
<line x1="10" y1="0" x2="60" y2="70" stroke="#e8833a" stroke-width="2.5" marker-end="url(#al-in)"/>
<g stroke="#f4c94e" stroke-width="1" fill="none" marker-end="url(#al-out)" opacity=".25">
<line x1="60" y1="70" x2="80" y2="50"/>
</g>
<rect x="0" y="70" width="140" height="50" fill="#2a2a2a" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- Straßenmarkierung -->
<g fill="#fff" opacity=".8">
<rect x="20" y="93" width="14" height="3"/>
<rect x="50" y="93" width="14" height="3"/>
<rect x="80" y="93" width="14" height="3"/>
<rect x="110" y="93" width="14" height="3"/>
</g>
<text x="70" y="140" font-size="24" font-weight="900" fill="#1f4e5a" text-anchor="middle">0,05</text>
<text x="70" y="158" font-size="9" fill="#2a2a2a" text-anchor="middle">5 % zurückgeworfen</text>
<rect x="10" y="175" width="120" height="8" fill="#dae8ec" rx="2"/>
<rect x="10" y="175" width="6" height="8" fill="#2a2a2a" rx="2"/>
</g>
<!-- Erklärung Rückkopplung -->
<g transform="translate(50, 310)">
<rect x="0" y="0" width="800" height="110" rx="8" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
<text x="20" y="22" font-size="12" font-weight="800" fill="#1f4e5a">⚠ Warum das Klima betrifft: Die Eis-Albedo-Rückkopplung</text>
<text x="20" y="46" font-size="10" fill="#4a4a4a">1.</text>
<text x="38" y="46" font-size="10" fill="#4a4a4a">Das Klima wird wärmer → Meereis und Gletscher schmelzen.</text>
<text x="20" y="64" font-size="10" fill="#4a4a4a">2.</text>
<text x="38" y="64" font-size="10" fill="#4a4a4a">Statt weißem Eis (A=0,85) liegt nun dunkler Ozean (A=0,06) oder dunkler Boden unter der Sonne.</text>
<text x="20" y="82" font-size="10" fill="#4a4a4a">3.</text>
<text x="38" y="82" font-size="10" fill="#4a4a4a">Die Oberfläche absorbiert viel mehr Wärme → das Klima wird noch wärmer → mehr Eis schmilzt.</text>
<text x="20" y="100" font-size="10" fill="#c85c4a" font-weight="700">→ Eine sich selbst verstärkende Rückkopplung — einer der Gründe für den beschleunigten Klimawandel in der Arktis.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 8.2 KiB

@@ -0,0 +1,58 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 440" font-family="Inter, system-ui, sans-serif" width="900" height="440">
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Living Planet Index — Wirbeltier-Populationen haben sich seit 1970 mehr als gedrittelt
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Mittelwert von weltweit 34.836 beobachteten Populationen · Datenstand 2024
</text>
<!-- Plot: x 80..750, y 90..340. X: 1970..2020 = 50 a in 670 px → 13.4 px/a. Y: 100%..25% = 75% in 250 px → 3.33 px/% -->
<line x1="80" y1="340" x2="750" y2="340" stroke="#1f4e5a" stroke-width="1.5"/>
<line x1="80" y1="90" x2="80" y2="340" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- Y Grid -->
<g font-size="10" fill="#4a4a4a" text-anchor="end">
<line x1="80" y1="90" x2="750" y2="90" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="93">100 %</text>
<line x1="80" y1="173.3" x2="750" y2="173.3" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="176.3">75 %</text>
<line x1="80" y1="256.7" x2="750" y2="256.7" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="259.7">50 %</text>
<line x1="80" y1="340" x2="750" y2="340" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="343">25 %</text>
</g>
<text x="20" y="215" font-size="11" font-weight="700" fill="#1f4e5a" transform="rotate(-90 20 215)" text-anchor="middle">Population Index</text>
<!-- X Achse -->
<g font-size="10" fill="#4a4a4a" text-anchor="middle">
<line x1="80" y1="340" x2="80" y2="345" stroke="#1f4e5a"/><text x="80" y="360">1970</text>
<line x1="214" y1="340" x2="214" y2="345" stroke="#1f4e5a"/><text x="214" y="360">1980</text>
<line x1="348" y1="340" x2="348" y2="345" stroke="#1f4e5a"/><text x="348" y="360">1990</text>
<line x1="482" y1="340" x2="482" y2="345" stroke="#1f4e5a"/><text x="482" y="360">2000</text>
<line x1="616" y1="340" x2="616" y2="345" stroke="#1f4e5a"/><text x="616" y="360">2010</text>
<line x1="750" y1="340" x2="750" y2="345" stroke="#1f4e5a"/><text x="750" y="360">2020</text>
</g>
<!-- Linie — grobe Approximation der globalen LPI-Kurve 1970→2020 (100→27%) -->
<!-- Stützpunkte %: 1970=100, 1980=84, 1990=67, 2000=52, 2010=42, 2020=27
y(%) = 90 + (100-%)*3.333 -->
<polyline fill="none" stroke="#c85c4a" stroke-width="3" stroke-linejoin="round"
points="80,90 214,143.3 348,200 482,250 616,283.3 750,333.3"/>
<!-- Unsicherheitsband (sehr vereinfacht) -->
<polyline fill="#c85c4a" fill-opacity=".12" stroke="none"
points="80,90 214,120 348,175 482,220 616,260 750,305 750,360 616,305 482,280 348,230 214,170 80,110"/>
<!-- Endmarke -->
<circle cx="750" cy="333.3" r="6" fill="#c85c4a"/>
<text x="740" y="325" font-size="12" font-weight="800" fill="#c85c4a" text-anchor="end">2020 · 27 %</text>
<text x="740" y="310" font-size="10" fill="#c85c4a" text-anchor="end">(73 % gegenüber 1970)</text>
<!-- Startmarke -->
<circle cx="80" cy="90" r="6" fill="#5a8a5e"/>
<text x="90" y="86" font-size="12" font-weight="800" fill="#5a8a5e">1970 · 100 % (Referenz)</text>
<!-- Ursachen-Icons -->
<g transform="translate(80,380)">
<rect x="0" y="0" width="670" height="35" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="10" y="15" font-size="10" font-weight="800" fill="#1f4e5a">Hauptursachen:</text>
<text x="96" y="15" font-size="10" fill="#4a4a4a">🌾 Landnutzung · 🌡️ Klimawandel · 🪓 Übernutzung · 🐀 Invasive Arten · 🏭 Verschmutzung</text>
<text x="10" y="28" font-size="10" font-weight="800" fill="#1f4e5a">Quelle:</text>
<text x="56" y="28" font-size="10" fill="#4a4a4a">WWF &amp; Zoological Society of London (2024): Living Planet Report 2024 · IPBES Global Assessment 2019</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

+110
View File
@@ -0,0 +1,110 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
<text x="450" y="32" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
CO₂-Fußabdruck in Österreich — 8 Tonnen pro Person pro Jahr
</text>
<text x="450" y="52" font-size="11" fill="#8a8a8a" text-anchor="middle">
Aufgeteilt auf die vier großen Lebensbereiche. Klimaneutral wären unter 1 t.
</text>
<!-- Vier Säulen, jede 2 t CO₂ = Höhe 140 px. 1t = 70 px -->
<!-- Basis bei y=340 -->
<g>
<!-- Säule Wohnen (Heizung + Strom) 2 t -->
<g transform="translate(165, 340)">
<rect x="-55" y="-140" width="110" height="140" fill="#4a7c8a" stroke="#1f4e5a" stroke-width="1"/>
<rect x="-55" y="-140" width="110" height="15" fill="#3a6470"/>
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🏠 Wohnen</text>
<text y="-115" font-size="9" fill="#dae8ec" text-anchor="middle">Heizung · Strom</text>
<text y="-102" font-size="9" fill="#dae8ec" text-anchor="middle">Warmwasser</text>
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Wohnen</text>
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
</g>
<!-- Säule Verkehr 2 t -->
<g transform="translate(335, 340)">
<rect x="-55" y="-140" width="110" height="140" fill="#c85c4a" stroke="#1f4e5a" stroke-width="1"/>
<rect x="-55" y="-140" width="110" height="15" fill="#a9443a"/>
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🚗 Verkehr</text>
<text y="-115" font-size="9" fill="#f0d0ca" text-anchor="middle">Auto · Flug</text>
<text y="-102" font-size="9" fill="#f0d0ca" text-anchor="middle">Pendeln</text>
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Verkehr</text>
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
</g>
<!-- Säule Ernährung 2 t -->
<g transform="translate(505, 340)">
<rect x="-55" y="-140" width="110" height="140" fill="#5a8a5e" stroke="#1f4e5a" stroke-width="1"/>
<rect x="-55" y="-140" width="110" height="15" fill="#3a6b3e"/>
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🥩 Ernährung</text>
<text y="-115" font-size="9" fill="#dcead0" text-anchor="middle">Fleisch · Milch</text>
<text y="-102" font-size="9" fill="#dcead0" text-anchor="middle">Importe</text>
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Ernährung</text>
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
</g>
<!-- Säule Konsum 2 t -->
<g transform="translate(675, 340)">
<rect x="-55" y="-140" width="110" height="140" fill="#e8833a" stroke="#1f4e5a" stroke-width="1"/>
<rect x="-55" y="-140" width="110" height="15" fill="#b8641d"/>
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🛒 Konsum</text>
<text y="-115" font-size="9" fill="#f5e0c8" text-anchor="middle">Kleidung</text>
<text y="-102" font-size="9" fill="#f5e0c8" text-anchor="middle">Elektronik</text>
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Konsum</text>
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
</g>
</g>
<!-- Klimaneutralitäts-Linie bei 1 t (= 70 px über Basis) -->
<g>
<line x1="90" y1="270" x2="750" y2="270" stroke="#3a6b3e" stroke-width="2" stroke-dasharray="6 4"/>
<text x="760" y="266" font-size="10" fill="#3a6b3e" font-weight="800">1 t = Klimaneutral-Ziel</text>
<text x="760" y="278" font-size="9" fill="#8a8a8a">(pro Person pro Jahr)</text>
</g>
<!-- Summen-Ballon oben -->
<g transform="translate(450, 110)">
<circle r="42" fill="#c85c4a" stroke="#1f4e5a" stroke-width="1.5"/>
<text y="-6" font-size="22" font-weight="900" fill="#fff" text-anchor="middle">8 t</text>
<text y="13" font-size="10" font-weight="700" fill="#fff" text-anchor="middle">CO₂ / Jahr</text>
<text y="25" font-size="9" fill="#f0d0ca" text-anchor="middle">pro Person</text>
</g>
<!-- X-Achse -->
<line x1="90" y1="340" x2="750" y2="340" stroke="#1f4e5a" stroke-width="2"/>
<!-- Y-Achse mit Tonnen-Markierungen -->
<g>
<line x1="90" y1="130" x2="90" y2="340" stroke="#1f4e5a" stroke-width="1.5"/>
<g font-size="9" fill="#4a4a4a" text-anchor="end">
<line x1="86" y1="340" x2="90" y2="340" stroke="#1f4e5a"/><text x="84" y="343">0 t</text>
<line x1="86" y1="270" x2="90" y2="270" stroke="#1f4e5a"/><text x="84" y="273">1 t</text>
<line x1="86" y1="200" x2="90" y2="200" stroke="#1f4e5a"/><text x="84" y="203">2 t</text>
<line x1="86" y1="130" x2="90" y2="130" stroke="#1f4e5a"/><text x="84" y="133">3 t</text>
</g>
</g>
<!-- Vergleichsbox unten -->
<g transform="translate(0, 370)">
<rect x="50" y="0" width="800" height="95" rx="8" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
<text x="70" y="22" font-size="11" fill="#1f4e5a" font-weight="800">So viel CO₂ ist das konkret:</text>
<text x="70" y="45" font-size="10" fill="#4a4a4a">🚗 Ein Jahr Auto (10.000 km):</text>
<text x="270" y="45" font-size="10" fill="#c85c4a" font-weight="700">1,6 t CO₂</text>
<text x="400" y="45" font-size="10" fill="#4a4a4a">✈ Flug WienBali + zurück:</text>
<text x="580" y="45" font-size="10" fill="#c85c4a" font-weight="700">3,5 t CO₂</text>
<text x="70" y="63" font-size="10" fill="#4a4a4a">🍖 Ein Jahr Fleisch essen:</text>
<text x="270" y="63" font-size="10" fill="#c85c4a" font-weight="700">1,2 t CO₂</text>
<text x="400" y="63" font-size="10" fill="#4a4a4a">🥗 Ein Jahr vegan statt Fleisch:</text>
<text x="580" y="63" font-size="10" fill="#5a8a5e" font-weight="700">0,7 t CO₂</text>
<text x="70" y="81" font-size="10" fill="#4a4a4a">🏭 Welt-Durchschnitt pro Kopf:</text>
<text x="270" y="81" font-size="10" fill="#4a7c8a" font-weight="700">4,7 t CO₂</text>
<text x="400" y="81" font-size="10" fill="#4a4a4a">🇺🇸 USA: 14 t · 🇮🇳 Indien: 1,9 t · 🌍 Klima-Ziel:</text>
<text x="650" y="81" font-size="10" fill="#5a8a5e" font-weight="700">unter 1 t</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.7 KiB

@@ -0,0 +1,82 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 460" font-family="Inter, system-ui, sans-serif" width="900" height="460">
<defs>
<linearGradient id="co2-fill" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#c85c4a" stop-opacity=".35"/>
<stop offset="1" stop-color="#c85c4a" stop-opacity="0"/>
</linearGradient>
</defs>
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
CO₂ in der Atmosphäre — seit 1750 um rund 50 % gestiegen
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Datengrundlage: Eisbohrkerne (Law Dome, Antarktis) + NOAA Mauna Loa 19582024
</text>
<!-- Achsen -->
<!-- Plot-Fläche: x 80..870, y 90..380 -->
<line x1="80" y1="380" x2="870" y2="380" stroke="#1f4e5a" stroke-width="1.5"/>
<line x1="80" y1="90" x2="80" y2="380" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- Y-Grid + Labels (ppm) -->
<g font-size="10" fill="#4a4a4a" text-anchor="end">
<!-- Range: 250 → 450 ppm = 200 ppm auf 290 px → 1,45 px/ppm -->
<!-- Positionen: 250(380), 300(307.5), 350(235), 400(162.5), 450(90) -->
<line x1="80" y1="380" x2="870" y2="380" stroke="#dae8ec" stroke-width=".5"/>
<line x1="80" y1="307.5" x2="870" y2="307.5" stroke="#dae8ec" stroke-width=".5"/>
<line x1="80" y1="235" x2="870" y2="235" stroke="#dae8ec" stroke-width=".5"/>
<line x1="80" y1="162.5" x2="870" y2="162.5" stroke="#dae8ec" stroke-width=".5"/>
<line x1="80" y1="90" x2="870" y2="90" stroke="#dae8ec" stroke-width=".5"/>
<text x="74" y="383">250</text>
<text x="74" y="310.5">300</text>
<text x="74" y="238">350</text>
<text x="74" y="165.5">400</text>
<text x="74" y="93">450</text>
</g>
<text x="30" y="240" font-size="11" font-weight="700" fill="#1f4e5a" transform="rotate(-90 30 240)" text-anchor="middle">CO₂-Konzentration in ppm</text>
<!-- X-Achse: 1750 → 2025 = 275 Jahre auf 790 px → 2,87 px/Jahr -->
<!-- Jahre: 1750(80), 1800(223.5), 1850(367), 1900(510), 1950(654), 2000(797), 2025(870) -->
<g font-size="10" fill="#4a4a4a" text-anchor="middle">
<line x1="80" y1="380" x2="80" y2="385" stroke="#1f4e5a"/><text x="80" y="400">1750</text>
<line x1="223.5" y1="380" x2="223.5" y2="385" stroke="#1f4e5a"/><text x="223.5" y="400">1800</text>
<line x1="367" y1="380" x2="367" y2="385" stroke="#1f4e5a"/><text x="367" y="400">1850</text>
<line x1="510" y1="380" x2="510" y2="385" stroke="#1f4e5a"/><text x="510" y="400">1900</text>
<line x1="654" y1="380" x2="654" y2="385" stroke="#1f4e5a"/><text x="654" y="400">1950</text>
<line x1="797" y1="380" x2="797" y2="385" stroke="#1f4e5a"/><text x="797" y="400">2000</text>
<line x1="870" y1="380" x2="870" y2="385" stroke="#1f4e5a"/><text x="870" y="400">2024</text>
</g>
<text x="475" y="425" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Jahr</text>
<!-- Daten-Polyline (approximiert, Hauptstützpunkte aus Law Dome + NOAA) -->
<!-- Year → ppm:
1750→277, 1800→281, 1850→285, 1880→290, 1900→296, 1920→303,
1940→311, 1958→315, 1970→326, 1980→339, 1990→354, 2000→370,
2010→389, 2020→413, 2024→422
x = 80 + (year-1750)*2.87 y = 380 - (ppm-250)*1.45 -->
<polyline fill="url(#co2-fill)" stroke="none"
points="80,380 80,340.85 223.5,335.05 367,329.25 453.1,321.95 510,314.65 567.4,308.85 624.8,301.55 676.46,297.75 710.86,284 739.44,266.05 768.03,239.4 796.61,206.95 825.19,173.05 853.77,143.5 870,141.9 870,380"/>
<polyline fill="none" stroke="#c85c4a" stroke-width="2.5" stroke-linejoin="round"
points="80,340.85 223.5,335.05 367,329.25 453.1,321.95 510,314.65 567.4,308.85 624.8,301.55 676.46,297.75 710.86,284 739.44,266.05 768.03,239.4 796.61,206.95 825.19,173.05 853.77,143.5 870,141.9"/>
<!-- Markante Punkte -->
<g fill="#1f4e5a">
<circle cx="80" cy="340.85" r="4"/>
<text x="90" y="338" font-size="10" font-weight="700">1750 · 277 ppm</text>
<circle cx="367" cy="329.25" r="4"/>
<text x="377" y="326" font-size="10" font-weight="700">1850 · 285 ppm</text>
<circle cx="676.46" cy="297.75" r="4"/>
<text x="560" y="293" font-size="10" font-weight="700">1958 · 315 ppm (Mauna-Loa-Start)</text>
<circle cx="870" cy="141.9" r="5" fill="#c85c4a"/>
<text x="862" y="132" font-size="11" font-weight="800" fill="#c85c4a" text-anchor="end">2024 · 422 ppm</text>
</g>
<!-- Vorindustriell-Band -->
<rect x="80" y="329.25" width="790" height="22" fill="#5a8a5e" opacity=".12"/>
<text x="86" y="346" font-size="9" fill="#3a6b3e" font-weight="700">Vorindustriell: 280 ppm</text>
<!-- Fußzeile -->
<g transform="translate(50,430)">
<text x="0" y="15" font-size="10" fill="#4a4a4a" font-weight="700">Quellen:</text>
<text x="65" y="15" font-size="10" fill="#4a4a4a">NOAA Global Monitoring Lab (Mauna Loa Zeitreihe) · Etheridge et al. 1996 (Law Dome Eisbohrkern, CSIRO) · WMO Greenhouse Gas Bulletin 2023</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

@@ -0,0 +1,104 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Strommix Österreich 2023 — 84 % erneuerbar, aber im Gesamtenergiemix noch 62 % fossil
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Anteile am Endverbrauch · Daten: E-Control · Statistik Austria
</text>
<!-- ====== LINKS: Strom-Kuchen ====== -->
<g transform="translate(230,260)">
<text x="0" y="-140" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">Strommix</text>
<text x="0" y="-124" font-size="11" fill="#8a8a8a" text-anchor="middle">Bruttoinlandserzeugung 2023</text>
<!-- Kuchenstücke auf r=100 -->
<!-- Reihenfolge startet oben (12 Uhr), im Uhrzeigersinn:
Wasser 58%, Wind 11%, Biomasse 8%, PV 7%, Gas 10%, Sonstige 6% -->
<!-- Mathematische Hilfe: Winkel in Grad, x = r*sin(a), y = -r*cos(a) -->
<!-- Wasser: 0 → 208.8° -->
<path d="M 0 0 L 0 -100 A 100 100 0 1 1 -48.17 87.63 Z" fill="#4a7c8a"/>
<!-- Wind: 208.8 → 248.4° -->
<path d="M 0 0 L -48.17 87.63 A 100 100 0 0 1 -92.99 36.81 Z" fill="#5a8a5e"/>
<!-- Biomasse: 248.4 → 277.2° -->
<path d="M 0 0 L -92.99 36.81 A 100 100 0 0 1 -99.20 -12.62 Z" fill="#3a6b3e"/>
<!-- PV: 277.2 → 302.4° -->
<path d="M 0 0 L -99.20 -12.62 A 100 100 0 0 1 -84.43 -53.58 Z" fill="#f4c94e"/>
<!-- Gas: 302.4 → 338.4° -->
<path d="M 0 0 L -84.43 -53.58 A 100 100 0 0 1 -36.81 -92.99 Z" fill="#c85c4a"/>
<!-- Sonstige: 338.4 → 360° -->
<path d="M 0 0 L -36.81 -92.99 A 100 100 0 0 1 0 -100 Z" fill="#c4a97a"/>
<!-- Zentrale Beschriftung -->
<circle r="42" fill="#fff"/>
<text y="-3" font-size="18" font-weight="900" fill="#1f4e5a" text-anchor="middle">84 %</text>
<text y="14" font-size="9" font-weight="700" fill="#5a8a5e" text-anchor="middle">erneuerbar</text>
<!-- Segmentlabels -->
<text x="55" y="-45" font-size="11" font-weight="800" fill="#fff" text-anchor="middle">58 %</text>
<text x="55" y="-28" font-size="9" fill="#fff" text-anchor="middle">Wasser</text>
<text x="-62" y="75" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">11 %</text>
<text x="-62" y="88" font-size="8" fill="#fff" text-anchor="middle">Wind</text>
</g>
<!-- Legende rechts neben Kuchen -->
<g transform="translate(370,160)" font-size="11">
<g><rect x="0" y="0" width="14" height="14" fill="#4a7c8a"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Wasserkraft 58 %</text></g>
<g transform="translate(0,22)"><rect width="14" height="14" fill="#5a8a5e"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Windenergie 11 %</text></g>
<g transform="translate(0,44)"><rect width="14" height="14" fill="#3a6b3e"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Biomasse 8 %</text></g>
<g transform="translate(0,66)"><rect width="14" height="14" fill="#f4c94e"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Photovoltaik 7 %</text></g>
<g transform="translate(0,88)"><rect width="14" height="14" fill="#c85c4a"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Erdgas 10 %</text></g>
<g transform="translate(0,110)"><rect width="14" height="14" fill="#c4a97a"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Sonstige 6 %</text></g>
</g>
<!-- ====== RECHTS: Gesamtenergie-Balken (horizontal) ====== -->
<g transform="translate(550,130)">
<text x="0" y="0" font-size="14" font-weight="800" fill="#1f4e5a">Gesamtenergie 2023</text>
<text x="0" y="16" font-size="11" fill="#8a8a8a">(Strom + Wärme + Verkehr)</text>
<!-- Balken 300 × 60 horizontal stacked, Anteile: Öl 36%, Gas 19%, Kohle 6%, EE 38%, Sonst 1% -->
<!-- Gesamtbreite 300 px -->
<g transform="translate(0,35)">
<rect x="0" y="0" width="108" height="60" fill="#6b4a2e"/>
<text x="54" y="28" font-size="12" font-weight="800" fill="#fff" text-anchor="middle">36 %</text>
<text x="54" y="44" font-size="10" fill="#fff" text-anchor="middle">Erdöl</text>
<rect x="108" y="0" width="57" height="60" fill="#c85c4a"/>
<text x="136" y="28" font-size="11" font-weight="800" fill="#fff" text-anchor="middle">19 %</text>
<text x="136" y="42" font-size="9" fill="#fff" text-anchor="middle">Gas</text>
<rect x="165" y="0" width="18" height="60" fill="#1a1a1a"/>
<text x="174" y="33" font-size="9" font-weight="800" fill="#fff" text-anchor="middle">6%</text>
<text x="174" y="45" font-size="8" fill="#fff" text-anchor="middle">Kohle</text>
<rect x="183" y="0" width="114" height="60" fill="#5a8a5e"/>
<text x="240" y="28" font-size="12" font-weight="800" fill="#fff" text-anchor="middle">38 %</text>
<text x="240" y="44" font-size="10" fill="#fff" text-anchor="middle">Erneuerbar</text>
<rect x="297" y="0" width="3" height="60" fill="#c4a97a"/>
</g>
<!-- Fossil-Klammer -->
<path d="M 0 105 L 0 112 L 183 112 L 183 105" stroke="#c85c4a" stroke-width="1.5" fill="none"/>
<text x="91.5" y="128" font-size="11" font-weight="800" fill="#c85c4a" text-anchor="middle">fossil 61 %</text>
<path d="M 183 105 L 183 112 L 297 112 L 297 105" stroke="#5a8a5e" stroke-width="1.5" fill="none"/>
<text x="240" y="128" font-size="11" font-weight="800" fill="#5a8a5e" text-anchor="middle">erneuerbar 38 %</text>
<!-- Mini-Vergleich Verkehr -->
<text x="0" y="175" font-size="12" font-weight="800" fill="#1f4e5a">Im Verkehr dominieren Benzin &amp; Diesel:</text>
<g transform="translate(0,185)">
<rect x="0" y="0" width="280" height="14" fill="#6b4a2e"/>
<rect x="280" y="0" width="20" height="14" fill="#5a8a5e"/>
<text x="140" y="10" font-size="9" fill="#fff" font-weight="800" text-anchor="middle">über 93 % fossil</text>
<text x="295" y="28" font-size="9" fill="#5a8a5e" font-weight="700" text-anchor="end">7 % erneuerbar (Strom + Bio)</text>
</g>
</g>
<!-- Footer -->
<g transform="translate(50,420)">
<rect x="0" y="0" width="800" height="50" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Ziel Österreich:</text>
<text x="130" y="16" font-size="10" fill="#4a4a4a">100 % erneuerbarer Strom bis 2030 (EAG) · Klimaneutralität bis 2040.</text>
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
<text x="70" y="32" font-size="10" fill="#4a4a4a">E-Control, Betriebsstatistik Strom 2023 · Statistik Austria, Energiebilanz 2023 · BMK, Energiestatus 2024</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

@@ -0,0 +1,137 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 420" font-family="Inter, system-ui, sans-serif" width="900" height="420">
<defs>
<pattern id="fb-rock" width="8" height="8" patternUnits="userSpaceOnUse">
<rect width="8" height="8" fill="#6b4a2e"/>
<circle cx="3" cy="3" r=".7" fill="#4a2f1a"/>
<circle cx="6" cy="6" r=".6" fill="#8a6a4a"/>
</pattern>
<linearGradient id="fb-flame" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#f4c94e"/>
<stop offset=".6" stop-color="#e8833a"/>
<stop offset="1" stop-color="#c85c4a"/>
</linearGradient>
</defs>
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Fossile Brennstoffe — 300 Millionen Jahre Speicherung, Sekunden Verbrennung
</text>
<!-- Zeitachse: 300 Mio Jahre als Balken -->
<g transform="translate(50, 90)">
<!-- Balken (Geschichte der Erde) -->
<rect x="0" y="0" width="800" height="42" fill="#4a7c8a" rx="3"/>
<rect x="0" y="0" width="800" height="42" fill="none" stroke="#1f4e5a" stroke-width="1.5" rx="3"/>
<!-- Karbon-Zeitalter (Entstehung der Kohle) -->
<rect x="0" y="0" width="120" height="42" fill="#3a6b3e" rx="3"/>
<text x="60" y="25" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">Karbon</text>
<!-- Dinosaurier -->
<circle cx="260" cy="21" r="3" fill="#fff"/>
<text x="260" y="58" font-size="8" fill="#4a4a4a" text-anchor="middle">Dinosaurier</text>
<text x="260" y="68" font-size="8" fill="#8a8a8a" text-anchor="middle">vor 200 Mio J.</text>
<!-- Säugetiere -->
<circle cx="620" cy="21" r="3" fill="#fff"/>
<text x="620" y="58" font-size="8" fill="#4a4a4a" text-anchor="middle">Säugetiere</text>
<!-- Menschheit (ganz am Ende) -->
<rect x="795" y="-6" width="5" height="54" fill="#c85c4a"/>
<text x="790" y="-10" font-size="10" fill="#c85c4a" font-weight="800" text-anchor="end">Homo sapiens</text>
<text x="790" y="-22" font-size="9" fill="#8a8a8a" text-anchor="end">(letzte 300.000 Jahre)</text>
<!-- Achsen-Labels -->
<text x="0" y="80" font-size="10" fill="#1f4e5a" font-weight="700">vor 350 Mio Jahren</text>
<text x="800" y="80" font-size="10" fill="#1f4e5a" font-weight="700" text-anchor="end">heute</text>
<text x="400" y="-18" font-size="11" fill="#1f4e5a" font-weight="800" text-anchor="middle">Zeitachse: 350 Millionen Jahre</text>
<!-- Pfeil runter zur Entstehung -->
<path d="M 60 42 L 60 105" stroke="#3a6b3e" stroke-width="1.5" marker-end="url(#fb-a-green)" fill="none" stroke-dasharray="3 2"/>
</g>
<!-- Entstehung der Kohle (links) -->
<g transform="translate(110, 240)">
<text y="-10" font-size="12" font-weight="800" fill="#3a6b3e" text-anchor="middle">Über Millionen Jahre:</text>
<!-- Pflanzen -->
<g>
<polygon points="-40,-5 -35,-25 -30,-5" fill="#5a8a5e"/>
<polygon points="-25,-5 -20,-30 -15,-5" fill="#3a6b3e"/>
<polygon points="-10,-5 -5,-28 0,-5" fill="#5a8a5e"/>
<polygon points="5,-5 10,-25 15,-5" fill="#3a6b3e"/>
<polygon points="20,-5 25,-30 30,-5" fill="#5a8a5e"/>
<rect x="-50" y="-5" width="100" height="6" fill="#6b4a2e"/>
</g>
<!-- Pfeil nach unten -->
<path d="M 0 5 L 0 35" stroke="#6b4a2e" stroke-width="2" fill="none"/>
<polygon points="-4,30 4,30 0,40" fill="#6b4a2e"/>
<!-- Schichten (Gestein) -->
<rect x="-60" y="45" width="120" height="10" fill="#e8d5b5"/>
<rect x="-60" y="55" width="120" height="10" fill="#c4a97a"/>
<rect x="-60" y="65" width="120" height="15" fill="url(#fb-rock)"/>
<!-- Kohle-Flöz -->
<rect x="-60" y="80" width="120" height="10" fill="#1a1a1a"/>
<text y="103" font-size="11" fill="#1f4e5a" font-weight="700" text-anchor="middle">Kohle-Flöz</text>
<text y="118" font-size="9" fill="#8a8a8a" text-anchor="middle">(gepresste Urwälder)</text>
</g>
<!-- Pfeil: Entstehung dauert lange -->
<g>
<path d="M 230 280 L 380 280" stroke="#4a7c8a" stroke-width="2" fill="none" stroke-dasharray="6 4"/>
<polygon points="380,280 370,275 370,285" fill="#4a7c8a"/>
<text x="305" y="272" font-size="11" fill="#4a7c8a" font-weight="700" text-anchor="middle">~300.000.000 Jahre</text>
<text x="305" y="295" font-size="9" fill="#8a8a8a" text-anchor="middle">Druck · Wärme · kein Sauerstoff</text>
</g>
<!-- Verbrennung (Mitte-Rechts) -->
<g transform="translate(510, 260)">
<text y="-25" font-size="12" font-weight="800" fill="#c85c4a" text-anchor="middle">Heute in Sekunden:</text>
<!-- Schornstein / Feuerstelle -->
<rect x="-20" y="-5" width="40" height="45" fill="#4a4a4a"/>
<rect x="-25" y="-10" width="50" height="8" fill="#2a2a2a"/>
<!-- Flamme -->
<path d="M -15 -10 Q -20 -35 -10 -55 Q 0 -40 5 -60 Q 15 -35 20 -45 Q 15 -20 -15 -10 Z" fill="url(#fb-flame)"/>
<!-- Rauch: CO₂-Wölkchen -->
<g fill="#c85c4a" opacity=".75">
<circle cx="-5" cy="-75" r="7"/>
<circle cx="8" cy="-82" r="9"/>
<circle cx="20" cy="-75" r="6"/>
<circle cx="12" cy="-95" r="7"/>
</g>
<text x="10" y="-72" font-size="7" font-weight="800" fill="#fff">CO₂</text>
<text y="60" font-size="11" fill="#1f4e5a" font-weight="700" text-anchor="middle">Verbrennung</text>
<text y="76" font-size="9" fill="#8a8a8a" text-anchor="middle">setzt in Sekunden frei,</text>
<text y="89" font-size="9" fill="#8a8a8a" text-anchor="middle">was in Jahrmillionen</text>
<text y="102" font-size="9" fill="#8a8a8a" text-anchor="middle">gebunden wurde.</text>
</g>
<!-- Mahnungs-Pfeil: Ungleichgewicht -->
<g>
<path d="M 600 280 L 760 280" stroke="#c85c4a" stroke-width="3" fill="none" marker-end="url(#fb-red)"/>
</g>
<defs>
<marker id="fb-red" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#c85c4a"/>
</marker>
<marker id="fb-a-green" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="4" markerHeight="4" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#3a6b3e"/>
</marker>
</defs>
<!-- CO₂-Block rechts -->
<g transform="translate(820, 240)">
<circle r="35" fill="#c85c4a"/>
<text y="-3" font-size="18" font-weight="900" fill="#fff" text-anchor="middle">CO₂</text>
<text y="15" font-size="9" fill="#fff" text-anchor="middle">ansteigend</text>
</g>
<!-- Footer Vergleiche -->
<g transform="translate(0, 370)">
<rect x="50" y="0" width="800" height="40" rx="6" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
<text x="70" y="16" font-size="10" fill="#1f4e5a" font-weight="800">Zum Einordnen:</text>
<text x="155" y="16" font-size="10" fill="#4a4a4a">1 Liter Benzin = Energie aus ≈ 25 t Urzeit-Pflanzenmaterial · 75 % der weltweiten CO₂-Emissionen aus Fossilen</text>
<text x="70" y="32" font-size="10" fill="#1f4e5a" font-weight="800">In Österreich:</text>
<text x="155" y="32" font-size="10" fill="#4a4a4a">jährlich ca. 8 Mio. Tonnen Erdöl — vor allem für den Verkehr (Diesel, Benzin, Kerosin)</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.0 KiB

@@ -0,0 +1,133 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 500" font-family="Inter, system-ui, sans-serif" width="900" height="500">
<defs>
<marker id="fs-arr-in" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#4a7c8a"/>
</marker>
<marker id="fs-arr-out" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#3a6b3e"/>
</marker>
<marker id="fs-arr-light" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#e8833a"/>
</marker>
<linearGradient id="fs-leaf" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#5a8a5e"/>
<stop offset="1" stop-color="#3a6b3e"/>
</linearGradient>
</defs>
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Fotosynthese — wie Pflanzen aus Licht Nahrung machen
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Grundlage aller Nahrungsketten · produziert den Sauerstoff unserer Atmosphäre
</text>
<!-- Sonne oben links -->
<g>
<circle cx="130" cy="130" r="38" fill="#f4c94e"/>
<g stroke="#f4c94e" stroke-width="2">
<line x1="130" y1="75" x2="130" y2="60"/>
<line x1="130" y1="185" x2="130" y2="200"/>
<line x1="75" y1="130" x2="60" y2="130"/>
<line x1="185" y1="130" x2="200" y2="130"/>
<line x1="95" y1="95" x2="82" y2="82"/>
<line x1="165" y1="95" x2="178" y2="82"/>
<line x1="95" y1="165" x2="82" y2="178"/>
<line x1="165" y1="165" x2="178" y2="178"/>
</g>
<text x="130" y="135" font-size="22" text-anchor="middle"></text>
<text x="130" y="220" font-size="12" font-weight="700" fill="#e8833a" text-anchor="middle">Sonnenlicht</text>
</g>
<!-- Lichtstrahl zum Blatt -->
<line x1="165" y1="160" x2="360" y2="260" stroke="#e8833a" stroke-width="2.5" marker-end="url(#fs-arr-light)"/>
<!-- CO₂-Moleküle links unten -->
<g transform="translate(90,340)">
<text x="0" y="-30" font-size="12" font-weight="700" fill="#4a7c8a">CO₂ aus der Luft</text>
<g>
<circle cx="0" cy="0" r="14" fill="#c85c4a"/>
<text x="0" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">CO₂</text>
</g>
<g transform="translate(40,15)">
<circle cx="0" cy="0" r="14" fill="#c85c4a"/>
<text x="0" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">CO₂</text>
</g>
<g transform="translate(5,40)">
<circle cx="0" cy="0" r="14" fill="#c85c4a"/>
<text x="0" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">CO₂</text>
</g>
</g>
<line x1="155" y1="340" x2="330" y2="290" stroke="#4a7c8a" stroke-width="2" marker-end="url(#fs-arr-in)"/>
<!-- H₂O-Moleküle unten -->
<g transform="translate(200,430)">
<text x="0" y="-20" font-size="12" font-weight="700" fill="#4a7c8a">H₂O aus dem Boden</text>
<g>
<circle cx="0" cy="0" r="14" fill="#4a7c8a"/>
<text x="0" y="4" font-size="9" font-weight="800" fill="#fff" text-anchor="middle">H₂O</text>
</g>
<g transform="translate(35,10)">
<circle cx="0" cy="0" r="14" fill="#4a7c8a"/>
<text x="0" y="4" font-size="9" font-weight="800" fill="#fff" text-anchor="middle">H₂O</text>
</g>
</g>
<line x1="250" y1="410" x2="390" y2="330" stroke="#4a7c8a" stroke-width="2" marker-end="url(#fs-arr-in)"/>
<!-- ZENTRUM: Blatt/Pflanze -->
<g transform="translate(450,280)">
<!-- Blattform -->
<path d="M 0 -80 Q 80 -70 90 0 Q 80 70 0 80 Q -80 70 -90 0 Q -80 -70 0 -80 Z" fill="url(#fs-leaf)"/>
<!-- Blattader -->
<line x1="0" y1="-80" x2="0" y2="80" stroke="#1f4e5a" stroke-width="1.5" opacity=".5"/>
<g stroke="#1f4e5a" stroke-width=".8" opacity=".4">
<path d="M 0 -60 Q 30 -55 50 -30" fill="none"/>
<path d="M 0 -30 Q 40 -25 60 0" fill="none"/>
<path d="M 0 0 Q 40 5 60 30" fill="none"/>
<path d="M 0 30 Q 30 35 50 55" fill="none"/>
<path d="M 0 -60 Q -30 -55 -50 -30" fill="none"/>
<path d="M 0 -30 Q -40 -25 -60 0" fill="none"/>
<path d="M 0 0 Q -40 5 -60 30" fill="none"/>
<path d="M 0 30 Q -30 35 -50 55" fill="none"/>
</g>
<text y="5" font-size="16" font-weight="900" fill="#fff" text-anchor="middle">Chloroplast</text>
</g>
<!-- Reaktionsformel darunter -->
<g transform="translate(450,410)">
<rect x="-220" y="-20" width="440" height="44" rx="6" fill="#fff" stroke="#dae8ec"/>
<text y="3" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">6 CO₂ + 6 H₂O + Licht → C₆H₁₂O₆ + 6 O₂</text>
<text y="18" font-size="10" fill="#8a8a8a" text-anchor="middle">Kohlenstoffdioxid + Wasser + Sonnenenergie werden zu Zucker (Glukose) + Sauerstoff</text>
</g>
<!-- O₂ rechts oben raus -->
<line x1="540" y1="240" x2="760" y2="170" stroke="#3a6b3e" stroke-width="2.5" marker-end="url(#fs-arr-out)"/>
<g transform="translate(780,160)">
<text x="0" y="-20" font-size="12" font-weight="700" fill="#3a6b3e" text-anchor="middle">Sauerstoff O₂</text>
<g>
<circle cx="-25" cy="0" r="14" fill="#5a8a5e"/>
<text x="-25" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">O₂</text>
</g>
<g>
<circle cx="15" cy="10" r="14" fill="#5a8a5e"/>
<text x="15" y="14" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">O₂</text>
</g>
</g>
<!-- Glukose als Zucker-Icon rechts mitte -->
<line x1="540" y1="310" x2="760" y2="360" stroke="#e8833a" stroke-width="2.5" marker-end="url(#fs-arr-out)"/>
<g transform="translate(800,370)">
<text x="0" y="-20" font-size="12" font-weight="700" fill="#c4a97a" text-anchor="middle">Zucker</text>
<rect x="-30" y="-10" width="60" height="30" rx="4" fill="#e8d5b5" stroke="#c4a97a"/>
<text x="0" y="10" font-size="11" font-weight="800" fill="#8a6a2a" text-anchor="middle">C₆H₁₂O₆</text>
</g>
<!-- Footer Fakten -->
<g transform="translate(50,450)">
<rect x="0" y="0" width="800" height="40" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Pro Jahr weltweit:</text>
<text x="130" y="16" font-size="10" fill="#4a4a4a">Landpflanzen binden ≈ 120 Gt Kohlenstoff · Phytoplankton im Meer liefert rund die Hälfte des Luft-Sauerstoffs.</text>
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quelle:</text>
<text x="65" y="32" font-size="10" fill="#4a4a4a">IPCC AR6 WG1, Kap. 5 · Campbell / Reece, Biology 11e · Friedlingstein et al. 2023 (Global Carbon Budget)</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.7 KiB

+125
View File
@@ -0,0 +1,125 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
<text x="450" y="28" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Kipppunkt — wenn eine Veränderung nicht mehr umzudrehen ist
</text>
<text x="450" y="46" font-size="11" fill="#8a8a8a" text-anchor="middle">
Didaktische Metapher + 8 der 16 bekannten Kippelemente im Klimasystem
</text>
<!-- LINKS: Tisch-Metapher in drei Phasen -->
<g transform="translate(30,90)">
<text x="180" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">So funktioniert ein Kipppunkt</text>
<!-- Phase 1 -->
<g transform="translate(0,20)">
<rect x="0" y="80" width="100" height="6" fill="#8a8a8a"/>
<rect x="5" y="86" width="4" height="30" fill="#8a8a8a"/>
<rect x="91" y="86" width="4" height="30" fill="#8a8a8a"/>
<circle cx="30" cy="72" r="10" fill="#5a8a5e"/>
<text x="50" y="135" font-size="10" font-weight="700" fill="#3a6b3e" text-anchor="middle">1. Stabil</text>
<text x="50" y="148" font-size="9" fill="#8a8a8a" text-anchor="middle">kleine Störungen</text>
<text x="50" y="159" font-size="9" fill="#8a8a8a" text-anchor="middle">schieben zurück</text>
</g>
<!-- Phase 2 -->
<g transform="translate(120,20)">
<rect x="0" y="80" width="100" height="6" fill="#8a8a8a"/>
<rect x="5" y="86" width="4" height="30" fill="#8a8a8a"/>
<rect x="91" y="86" width="4" height="30" fill="#8a8a8a"/>
<circle cx="88" cy="72" r="10" fill="#e8833a"/>
<text x="88" y="55" font-size="14" font-weight="900" fill="#e8833a" text-anchor="middle"></text>
<text x="50" y="135" font-size="10" font-weight="700" fill="#e8833a" text-anchor="middle">2. Am Rand</text>
<text x="50" y="148" font-size="9" fill="#8a8a8a" text-anchor="middle">kritische Schwelle</text>
<text x="50" y="159" font-size="9" fill="#8a8a8a" text-anchor="middle">fast erreicht</text>
</g>
<!-- Phase 3 -->
<g transform="translate(240,20)">
<rect x="0" y="80" width="100" height="6" fill="#8a8a8a"/>
<rect x="5" y="86" width="4" height="30" fill="#8a8a8a"/>
<rect x="91" y="86" width="4" height="30" fill="#8a8a8a"/>
<circle cx="115" cy="130" r="10" fill="#c85c4a"/>
<!-- Fallbahn -->
<path d="M 95 75 Q 110 105 115 120" stroke="#c85c4a" stroke-width="1.2" fill="none" stroke-dasharray="3 2"/>
<text x="50" y="135" font-size="10" font-weight="700" fill="#c85c4a" text-anchor="middle">3. Gekippt</text>
<text x="50" y="148" font-size="9" fill="#8a8a8a" text-anchor="middle">unumkehrbar —</text>
<text x="50" y="159" font-size="9" fill="#8a8a8a" text-anchor="middle">neuer Zustand</text>
</g>
<!-- Erklärung unten -->
<g transform="translate(0,200)">
<rect x="0" y="0" width="360" height="62" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="10" y="17" font-size="10" font-weight="800" fill="#1f4e5a">Übertragen aufs Klimasystem:</text>
<text x="10" y="32" font-size="10" fill="#4a4a4a">Steigt die globale Temperatur über eine kritische</text>
<text x="10" y="44" font-size="10" fill="#4a4a4a">Schwelle, verändert sich ein Teil der Erde</text>
<text x="10" y="56" font-size="10" fill="#4a4a4a">selbstverstärkend — auch ohne weitere Erwärmung.</text>
</g>
</g>
<!-- RECHTS: Kippelemente-Liste auf stilisierter Welt -->
<g transform="translate(430,80)">
<text x="220" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">16 Kippelemente — ab welcher Erwärmung kritisch</text>
<!-- Vereinfachte Weltkarte als farbiger Hintergrund (Ellipsen statt Kontinente) -->
<g transform="translate(0,20)">
<rect x="0" y="0" width="440" height="180" rx="6" fill="#eff5f6"/>
<!-- Grönland -->
<ellipse cx="205" cy="40" rx="18" ry="22" fill="#dae8ec" stroke="#4a7c8a" stroke-width=".5"/>
<circle cx="205" cy="40" r="6" fill="#c85c4a"/>
<text x="205" y="22" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">Grönland-Eisschild</text>
<text x="205" y="78" font-size="9" fill="#c85c4a" text-anchor="middle">ab 1,5 °C</text>
<!-- West-Antarktis -->
<ellipse cx="220" cy="160" rx="42" ry="12" fill="#dae8ec" stroke="#4a7c8a" stroke-width=".5"/>
<circle cx="200" cy="160" r="5" fill="#c85c4a"/>
<text x="220" y="176" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">West-Antarktis · ab 1,5 °C</text>
<!-- AMOC Nordatlantik -->
<circle cx="170" cy="60" r="5" fill="#e8833a"/>
<text x="110" y="58" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">AMOC-Umwälzung</text>
<text x="110" y="69" font-size="9" fill="#e8833a" text-anchor="middle">1,4 8 °C</text>
<!-- Permafrost Sibirien -->
<circle cx="310" cy="50" r="5" fill="#e8833a"/>
<text x="360" y="48" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">Permafrost</text>
<text x="360" y="59" font-size="9" fill="#e8833a" text-anchor="middle">1,0 2,3 °C</text>
<!-- Amazonas -->
<circle cx="160" cy="110" r="5" fill="#c85c4a"/>
<text x="100" y="108" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">Amazonas-Regenwald</text>
<text x="100" y="119" font-size="9" fill="#c85c4a" text-anchor="middle">3,5 °C</text>
<!-- Korallenriffe trop. -->
<circle cx="330" cy="105" r="5" fill="#c85c4a"/>
<text x="385" y="103" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">Korallenriffe</text>
<text x="385" y="114" font-size="9" fill="#c85c4a" text-anchor="middle">1,0 1,5 °C</text>
<!-- Boreale Wälder -->
<circle cx="290" cy="75" r="5" fill="#e8833a"/>
<text x="345" y="75" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">Boreale Wälder</text>
<text x="345" y="86" font-size="9" fill="#e8833a" text-anchor="middle">1,5 5 °C</text>
<!-- Westafrik. Monsun -->
<circle cx="225" cy="120" r="5" fill="#e8833a"/>
<text x="220" y="140" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">Sahel-Monsun</text>
<text x="220" y="151" font-size="9" fill="#e8833a" text-anchor="middle">2,0 3,5 °C</text>
</g>
<!-- Legende -->
<g transform="translate(0,215)">
<circle cx="10" cy="6" r="5" fill="#c85c4a"/>
<text x="22" y="10" font-size="10" fill="#1f4e5a" font-weight="700">Schwelle liegt nahe am heutigen Erwärmungsniveau (+ 1,2 °C)</text>
<circle cx="10" cy="25" r="5" fill="#e8833a"/>
<text x="22" y="29" font-size="10" fill="#1f4e5a" font-weight="700">Schwelle bei stärkerer Erwärmung erreichbar</text>
</g>
</g>
<!-- Footer -->
<g transform="translate(50,430)">
<rect x="0" y="0" width="800" height="40" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
<text x="70" y="16" font-size="10" fill="#4a4a4a">Armstrong McKay, D. et al. (2022): Exceeding 1.5 °C global warming could trigger multiple climate tipping points. Science 377, eabn7950.</text>
<text x="70" y="32" font-size="10" fill="#4a4a4a">IPCC AR6 WG1 (2021), Kap. 9 · PIK Potsdam-Institut für Klimafolgenforschung.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

@@ -0,0 +1,64 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Erderwärmung — Österreich steigt rund 2,6-mal schneller als der globale Mittelwert
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Temperaturabweichung vom Mittel 19611990 · Datenstand 2023
</text>
<!-- Plot: x 80..870, y 90..390. X: 1900..2024 = 124 a in 790 px → 6,37 px/a -->
<line x1="80" y1="390" x2="870" y2="390" stroke="#1f4e5a" stroke-width="1.5"/>
<line x1="80" y1="90" x2="80" y2="390" stroke="#1f4e5a" stroke-width="1.5"/>
<!-- 0°C Bezugslinie (mitte y=290) -->
<!-- Y-Range: -0,5 bis +3,5 = 4°C auf 300 px → 75 px/°C. y(T)=290 - T*75 -->
<line x1="80" y1="290" x2="870" y2="290" stroke="#1f4e5a" stroke-width="1" stroke-dasharray="3 2"/>
<text x="875" y="293" font-size="10" fill="#1f4e5a" font-weight="700">0 °C (Referenz)</text>
<g font-size="10" fill="#4a4a4a" text-anchor="end">
<line x1="80" y1="365" x2="870" y2="365" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="368">0,5</text>
<line x1="80" y1="215" x2="870" y2="215" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="218">+1,0</text>
<line x1="80" y1="140" x2="870" y2="140" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="143">+2,0</text>
<line x1="80" y1="90" x2="870" y2="90" stroke="#dae8ec" stroke-width=".5"/><text x="74" y="93">+2,7</text>
</g>
<text x="22" y="240" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle" transform="rotate(-90 22 240)">Temperaturabweichung (°C)</text>
<!-- X-Achse 1900..2020 Grid -->
<g font-size="10" fill="#4a4a4a" text-anchor="middle">
<line x1="80" y1="390" x2="80" y2="395" stroke="#1f4e5a"/><text x="80" y="410">1900</text>
<line x1="207.4" y1="390" x2="207.4" y2="395" stroke="#1f4e5a"/><text x="207.4" y="410">1920</text>
<line x1="334.8" y1="390" x2="334.8" y2="395" stroke="#1f4e5a"/><text x="334.8" y="410">1940</text>
<line x1="462.2" y1="390" x2="462.2" y2="395" stroke="#1f4e5a"/><text x="462.2" y="410">1960</text>
<line x1="589.6" y1="390" x2="589.6" y2="395" stroke="#1f4e5a"/><text x="589.6" y="410">1980</text>
<line x1="717" y1="390" x2="717" y2="395" stroke="#1f4e5a"/><text x="717" y="410">2000</text>
<line x1="844.4" y1="390" x2="844.4" y2="395" stroke="#1f4e5a"/><text x="844.4" y="410">2020</text>
</g>
<!-- Globale Kurve (HadCRUT5-artig, vereinfacht): y = 290 - T*75 -->
<!-- Stützstellen (Jahr/Anomalie °C): 1900:-0.2, 1920:-0.25, 1940:-0.1, 1960:-0.05, 1980:0.15, 2000:0.4, 2020:1.02, 2023:1.17 -->
<polyline fill="none" stroke="#4a7c8a" stroke-width="2.2" stroke-linejoin="round"
points="80,305 207.4,308.75 334.8,297.5 462.2,293.75 589.6,278.75 717,260 844.4,213.5 864,202.25"/>
<text x="870" y="199" font-size="11" font-weight="800" fill="#4a7c8a">Welt</text>
<text x="870" y="212" font-size="10" fill="#4a7c8a">+1,2 °C (2023)</text>
<!-- AT Kurve (GeoSphere-artig, Jahr/°C): 1900:-0.5, 1920:-0.2, 1940:0.25, 1960:-0.05, 1980:0.25, 2000:1.3, 2020:2.4, 2023:2.6 -->
<polyline fill="none" stroke="#c85c4a" stroke-width="2.5" stroke-linejoin="round"
points="80,327.5 207.4,305 334.8,271.25 462.2,293.75 589.6,271.25 717,192.5 844.4,110 864,95"/>
<text x="870" y="92" font-size="11" font-weight="800" fill="#c85c4a">Österreich</text>
<text x="870" y="105" font-size="10" fill="#c85c4a">+3,1 °C (2023)</text>
<!-- Pariser Zielzonen -->
<rect x="80" y="178.75" width="790" height="6" fill="#e8833a" opacity=".35"/>
<text x="86" y="176" font-size="9" fill="#e8833a" font-weight="700">Pariser Ziel: unter +1,5 °C</text>
<rect x="80" y="140" width="790" height="6" fill="#c85c4a" opacity=".25"/>
<text x="86" y="137" font-size="9" fill="#c85c4a" font-weight="700">Pariser Schwelle: unter +2,0 °C</text>
<!-- Fußzeile -->
<g transform="translate(50,435)">
<rect x="0" y="0" width="800" height="35" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="15" font-size="10" fill="#1f4e5a" font-weight="700">Lesehilfe:</text>
<text x="70" y="15" font-size="10" fill="#4a4a4a">Die Kurve zeigt, wie stark die Jahresdurchschnitts-Temperatur gegenüber dem Mittel 19611990 gestiegen ist.</text>
<text x="12" y="30" font-size="10" fill="#1f4e5a" font-weight="700">Quellen:</text>
<text x="70" y="30" font-size="10" fill="#4a4a4a">Met Office HadCRUT5 (global) · GeoSphere Austria, Klimastatusbericht 2023 (Österreich)</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

@@ -0,0 +1,76 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 540" font-family="Inter, system-ui, sans-serif" width="900" height="540">
<defs>
<marker id="kk-arr-nat" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#3a6b3e"/>
</marker>
<marker id="kk-arr-h" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#c85c4a"/>
</marker>
</defs>
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Der Kohlenstoffkreislauf — so wandert Kohlenstoff zwischen Erde, Luft und Meer
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Reservoire in Gigatonnen Kohlenstoff (Gt C) · Flüsse als Pfeile · Stand 2022
</text>
<!-- Reservoire: Atmosphäre oben, Landpflanzen/Böden Mitte, Ozeane rechts unten, Fossile links unten -->
<!-- Atmosphäre (oben) -->
<rect x="300" y="80" width="300" height="70" rx="8" fill="#4a7c8a"/>
<text x="450" y="110" font-size="15" font-weight="900" fill="#fff" text-anchor="middle">Atmosphäre</text>
<text x="450" y="130" font-size="14" font-weight="700" fill="#fff" text-anchor="middle">≈ 875 Gt C (als CO₂)</text>
<!-- Landpflanzen & Böden (Mitte links) -->
<rect x="80" y="250" width="270" height="80" rx="8" fill="#5a8a5e"/>
<text x="215" y="278" font-size="14" font-weight="900" fill="#fff" text-anchor="middle">Landpflanzen + Böden</text>
<text x="215" y="296" font-size="12" fill="#dcead0" text-anchor="middle">Wälder, Wiesen, Moore</text>
<text x="215" y="316" font-size="14" font-weight="700" fill="#fff" text-anchor="middle">≈ 2.300 Gt C</text>
<!-- Ozeane (Mitte rechts) -->
<rect x="550" y="250" width="270" height="80" rx="8" fill="#1f4e5a"/>
<text x="685" y="278" font-size="14" font-weight="900" fill="#fff" text-anchor="middle">Ozeane</text>
<text x="685" y="296" font-size="12" fill="#dae8ec" text-anchor="middle">größtes aktives Reservoir</text>
<text x="685" y="316" font-size="14" font-weight="700" fill="#fff" text-anchor="middle">≈ 38.000 Gt C</text>
<!-- Fossile Lagerstätten (unten) -->
<rect x="300" y="410" width="300" height="70" rx="8" fill="#6b4a2e"/>
<text x="450" y="438" font-size="14" font-weight="900" fill="#fff" text-anchor="middle">Fossile Lagerstätten</text>
<text x="450" y="458" font-size="12" fill="#e8d5b5" text-anchor="middle">Kohle, Erdöl, Erdgas — rund 4.000 Gt C</text>
<!-- Natürliche Flüsse (grün) -->
<!-- Fotosynthese: Atmosphäre → Landpflanzen -->
<path d="M 370 150 Q 300 195 240 250" stroke="#3a6b3e" stroke-width="2" fill="none" marker-end="url(#kk-arr-nat)"/>
<text x="245" y="195" font-size="10" font-weight="700" fill="#3a6b3e" text-anchor="middle">Fotosynthese</text>
<text x="245" y="207" font-size="9" fill="#3a6b3e" text-anchor="middle">≈ 120 Gt C/Jahr</text>
<!-- Atmung & Verwesung: Landpflanzen → Atmosphäre -->
<path d="M 310 250 Q 330 195 410 150" stroke="#3a6b3e" stroke-width="2" fill="none" marker-end="url(#kk-arr-nat)"/>
<text x="400" y="195" font-size="10" font-weight="700" fill="#3a6b3e" text-anchor="middle">Atmung + Verwesung</text>
<text x="400" y="207" font-size="9" fill="#3a6b3e" text-anchor="middle">≈ 118 Gt C/Jahr</text>
<!-- Ozean ↔ Atmosphäre (bidirektional) -->
<path d="M 540 150 Q 600 195 645 250" stroke="#3a6b3e" stroke-width="2" fill="none" marker-end="url(#kk-arr-nat)"/>
<path d="M 685 250 Q 650 195 570 150" stroke="#3a6b3e" stroke-width="2" fill="none" marker-end="url(#kk-arr-nat)"/>
<text x="680" y="195" font-size="10" font-weight="700" fill="#3a6b3e" text-anchor="middle">CO₂-Austausch Meer</text>
<text x="680" y="207" font-size="9" fill="#3a6b3e" text-anchor="middle">je ca. 80 Gt C/Jahr</text>
<!-- Menschlicher Fluss (rot): Fossile → Atmosphäre -->
<path d="M 440 410 Q 420 280 430 150" stroke="#c85c4a" stroke-width="3" fill="none" marker-end="url(#kk-arr-h)"/>
<rect x="110" y="365" width="230" height="30" rx="4" fill="#f0d0ca"/>
<text x="225" y="384" font-size="10" font-weight="800" fill="#c85c4a" text-anchor="middle">Verbrennung fossiler Energie + Landnutzung</text>
<!-- Pfeil zu Beschriftung -->
<line x1="340" y1="380" x2="420" y2="380" stroke="#c85c4a" stroke-width="1.2" stroke-dasharray="3 2"/>
<text x="465" y="285" font-size="11" font-weight="800" fill="#c85c4a" text-anchor="middle">+ 10,9 Gt C/Jahr</text>
<text x="465" y="298" font-size="10" fill="#c85c4a" text-anchor="middle">= 40,6 Gt CO₂</text>
<!-- Natürliche Senken nehmen rund die Hälfte auf -->
<g transform="translate(80,495)">
<rect x="0" y="0" width="760" height="35" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="15" font-size="10" font-weight="800" fill="#1f4e5a">So reagiert der Kreislauf:</text>
<text x="155" y="15" font-size="10" fill="#4a4a4a">Landpflanzen + Ozeane nehmen ca. 55 % der menschgemachten Emissionen auf; der Rest bleibt in der Luft.</text>
<text x="12" y="30" font-size="10" font-weight="800" fill="#1f4e5a">Quelle:</text>
<text x="65" y="30" font-size="10" fill="#4a4a4a">Friedlingstein et al. (2023), Global Carbon Budget 2023 · IPCC AR6 WG1, Kapitel 5</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

+93
View File
@@ -0,0 +1,93 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 460" font-family="Inter, system-ui, sans-serif" width="900" height="460">
<defs>
<linearGradient id="kw-kwh" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#f4c94e"/>
<stop offset="1" stop-color="#e8833a"/>
</linearGradient>
</defs>
<text x="450" y="32" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
1 Kilowattstunde (kWh) — was kannst du damit machen?
</text>
<text x="450" y="52" font-size="11" fill="#8a8a8a" text-anchor="middle">
Eine kWh kostet in Österreich rund 25 Cent. Alle Zahlen gerundet.
</text>
<!-- Zentrale "1 kWh" Scheibe -->
<g transform="translate(450, 225)">
<circle r="62" fill="url(#kw-kwh)"/>
<circle r="62" fill="none" stroke="#1f4e5a" stroke-width="2.5"/>
<text y="-4" font-size="28" font-weight="900" fill="#1f4e5a" text-anchor="middle">1</text>
<text y="22" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">kWh</text>
</g>
<!-- 6 Vergleiche um das Zentrum -->
<!-- Positionen (x, y) für die Karten -->
<!-- Oben links: Wäsche -->
<g transform="translate(160, 110)">
<rect x="-90" y="-45" width="180" height="90" rx="10" fill="#fff" stroke="#dae8ec" stroke-width="1.5"/>
<text y="-22" font-size="28" text-anchor="middle">🧺</text>
<text y="3" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">1 Maschine Wäsche</text>
<text y="22" font-size="10" fill="#8a8a8a" text-anchor="middle">waschen (60 °C)</text>
<text y="36" font-size="9" fill="#5a8a5e" text-anchor="middle" font-weight="600">≈ 1 kWh</text>
</g>
<!-- Oben rechts: Fernsehen -->
<g transform="translate(740, 110)">
<rect x="-90" y="-45" width="180" height="90" rx="10" fill="#fff" stroke="#dae8ec" stroke-width="1.5"/>
<text y="-22" font-size="28" text-anchor="middle">📺</text>
<text y="3" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">7 Stunden TV</text>
<text y="22" font-size="10" fill="#8a8a8a" text-anchor="middle">moderner 55"-Fernseher</text>
<text y="36" font-size="9" fill="#5a8a5e" text-anchor="middle" font-weight="600">140 W × 7 h</text>
</g>
<!-- Mitte links: E-Auto -->
<g transform="translate(130, 225)">
<rect x="-85" y="-45" width="170" height="90" rx="10" fill="#fff" stroke="#dae8ec" stroke-width="1.5"/>
<text y="-22" font-size="28" text-anchor="middle">🚗</text>
<text y="3" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">7 km E-Auto</text>
<text y="22" font-size="10" fill="#8a8a8a" text-anchor="middle">Wien → Grinzing</text>
<text y="36" font-size="9" fill="#5a8a5e" text-anchor="middle" font-weight="600">15 kWh / 100 km</text>
</g>
<!-- Mitte rechts: Smartphone -->
<g transform="translate(770, 225)">
<rect x="-85" y="-45" width="170" height="90" rx="10" fill="#fff" stroke="#dae8ec" stroke-width="1.5"/>
<text y="-22" font-size="28" text-anchor="middle">📱</text>
<text y="3" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">65 × Smartphone</text>
<text y="22" font-size="10" fill="#8a8a8a" text-anchor="middle">voll aufladen</text>
<text y="36" font-size="9" fill="#5a8a5e" text-anchor="middle" font-weight="600">15 Wh pro Ladung</text>
</g>
<!-- Unten links: Kochen -->
<g transform="translate(160, 340)">
<rect x="-90" y="-45" width="180" height="90" rx="10" fill="#fff" stroke="#dae8ec" stroke-width="1.5"/>
<text y="-22" font-size="28" text-anchor="middle">🍝</text>
<text y="3" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">30 min Herdplatte</text>
<text y="22" font-size="10" fill="#8a8a8a" text-anchor="middle">Nudeln kochen</text>
<text y="36" font-size="9" fill="#5a8a5e" text-anchor="middle" font-weight="600">2.000 W × 0,5 h</text>
</g>
<!-- Unten rechts: Kaffee -->
<g transform="translate(740, 340)">
<rect x="-90" y="-45" width="180" height="90" rx="10" fill="#fff" stroke="#dae8ec" stroke-width="1.5"/>
<text y="-22" font-size="28" text-anchor="middle"></text>
<text y="3" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">90 Tassen Kaffee</text>
<text y="22" font-size="10" fill="#8a8a8a" text-anchor="middle">aus der Siebträgermaschine</text>
<text y="36" font-size="9" fill="#5a8a5e" text-anchor="middle" font-weight="600">11 Wh pro Tasse</text>
</g>
<!-- Linien vom Zentrum zu den Karten -->
<g stroke="#4a7c8a" stroke-width="1" stroke-dasharray="3 3" opacity=".5">
<line x1="400" y1="210" x2="260" y2="130"/>
<line x1="500" y1="210" x2="640" y2="130"/>
<line x1="388" y1="225" x2="215" y2="225"/>
<line x1="512" y1="225" x2="685" y2="225"/>
<line x1="400" y1="240" x2="260" y2="320"/>
<line x1="500" y1="240" x2="640" y2="320"/>
</g>
<!-- Footer-Vergleich -->
<g transform="translate(0, 410)">
<rect x="50" y="0" width="800" height="40" rx="6" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
<text x="70" y="16" font-size="10" fill="#1f4e5a" font-weight="800">Jahresverbrauch:</text>
<text x="180" y="16" font-size="10" fill="#4a4a4a">Einfamilienhaus ≈ 4.000 kWh · Tesla Model 3 Akku = 75 kWh · Österreich gesamt ≈ 70.000.000.000 kWh</text>
<text x="70" y="32" font-size="10" fill="#1f4e5a" font-weight="800">Solardach:</text>
<text x="180" y="32" font-size="10" fill="#4a4a4a">1 m² Photovoltaik liefert in Österreich ca. 150180 kWh pro Jahr — 30 m² decken einen Haushalt.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

@@ -0,0 +1,47 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 420" font-family="Inter, system-ui, sans-serif" width="900" height="420">
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Methan — kurzlebig, aber in der Wirkung viel stärker als CO₂
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Treibhauspotenzial GWP 20 und GWP 100 nach IPCC AR6 (2021) · 1 kg des Gases im Vergleich
</text>
<!-- Drei Balken: 1 kg CO₂ (1), 1 kg CH4 GWP-100 (28), 1 kg CH4 GWP-20 (82) -->
<!-- Skala: 82 ≙ max 600 px. 1 Einheit = 7,32 px -->
<g font-size="12">
<!-- CO₂ -->
<g transform="translate(100,110)">
<text x="0" y="-8" font-weight="800" fill="#1f4e5a">1 kg CO₂</text>
<text x="600" y="-8" font-size="11" fill="#8a8a8a" text-anchor="end">Referenz: 1 × CO₂eq</text>
<rect x="0" y="0" width="7.32" height="38" fill="#4a7c8a"/>
<text x="15" y="25" font-size="14" font-weight="800" fill="#1f4e5a">= 1 kg CO₂eq</text>
</g>
<!-- Methan GWP-100 -->
<g transform="translate(100,180)">
<text x="0" y="-8" font-weight="800" fill="#c85c4a">1 kg Methan (CH₄) — auf 100 Jahre</text>
<text x="600" y="-8" font-size="11" fill="#8a8a8a" text-anchor="end">GWP-100 = 28</text>
<rect x="0" y="0" width="205" height="38" fill="#c85c4a"/>
<text x="215" y="25" font-size="14" font-weight="800" fill="#c85c4a">= 28 kg CO₂eq</text>
</g>
<!-- Methan GWP-20 -->
<g transform="translate(100,250)">
<text x="0" y="-8" font-weight="800" fill="#e8833a">1 kg Methan (CH₄) — auf 20 Jahre</text>
<text x="600" y="-8" font-size="11" fill="#8a8a8a" text-anchor="end">GWP-20 = 82</text>
<rect x="0" y="0" width="600" height="38" fill="#e8833a"/>
<text x="300" y="25" font-size="14" font-weight="800" fill="#fff" text-anchor="middle">= 82 kg CO₂eq</text>
</g>
</g>
<!-- Hinweis -->
<g transform="translate(100,310)">
<rect x="0" y="0" width="700" height="42" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="17" font-size="10.5" font-weight="800" fill="#1f4e5a">Warum zwei Zahlen?</text>
<text x="12" y="34" font-size="10.5" fill="#4a4a4a">Methan zerfällt in der Luft im Mittel nach 12 Jahren. Kurzfristig (20 Jahre) wirkt es deshalb viel stärker als langfristig (100 Jahre).</text>
</g>
<!-- Fußzeile Quellen -->
<g transform="translate(100,370)">
<text x="0" y="0" font-size="10" font-weight="800" fill="#1f4e5a">Quelle:</text>
<text x="50" y="0" font-size="10" fill="#4a4a4a">IPCC AR6 WG1 (2021), Tabelle 7.15 · NOAA Methan-Konzentration 2023: 1.929 ppb</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

+107
View File
@@ -0,0 +1,107 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 460" font-family="Inter, system-ui, sans-serif" width="900" height="460">
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Permafrost — 14 Millionen km² auf der Nordhalbkugel
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Nördliche Halbkugel + Bodenquerschnitt · Datengrundlage IPA Permafrost Map 2020
</text>
<!-- LINKS: Polansicht Nordhalbkugel -->
<g transform="translate(60,80)">
<text x="170" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">Verbreitung Nordhalbkugel</text>
<!-- Polar-Projektion als Kreis -->
<circle cx="170" cy="170" r="150" fill="#eff5f6" stroke="#4a7c8a" stroke-width="1.5"/>
<!-- Permafrost-Zonen (schematisch): kontinuierlich innen, diskontinuierlich außen -->
<!-- Kontinuierlicher Permafrost (innen) -->
<circle cx="170" cy="170" r="80" fill="#c85c4a" fill-opacity=".55"/>
<!-- Diskontinuierlich -->
<path d="M 170 170 m -115 0 a 115 115 0 1 0 230 0 a 115 115 0 1 0 -230 0 Z M 170 170 m -80 0 a 80 80 0 1 1 160 0 a 80 80 0 1 1 -160 0 Z"
fill="#e8833a" fill-opacity=".5" fill-rule="evenodd"/>
<!-- Sporadisch außen -->
<path d="M 170 170 m -145 0 a 145 145 0 1 0 290 0 a 145 145 0 1 0 -290 0 Z M 170 170 m -115 0 a 115 115 0 1 1 230 0 a 115 115 0 1 1 -230 0 Z"
fill="#c4a97a" fill-opacity=".4" fill-rule="evenodd"/>
<!-- Pol-Stern -->
<text x="170" y="175" font-size="14" font-weight="900" fill="#1f4e5a" text-anchor="middle"></text>
<text x="170" y="188" font-size="8" fill="#1f4e5a" text-anchor="middle">Nordpol</text>
<!-- Grobe Kontinentumrisse -->
<g fill="none" stroke="#3a6b3e" stroke-width="1.5">
<!-- Grönland -->
<path d="M 140 85 Q 160 75 175 90 Q 172 110 155 115 Q 140 105 140 85 Z"/>
<!-- Sibirien (Ost) -->
<path d="M 230 130 Q 280 115 300 150 Q 310 180 290 195 Q 250 185 230 170 Z"/>
<!-- Nord-Amerika/Kanada/Alaska -->
<path d="M 60 160 Q 80 130 130 140 Q 140 170 110 190 Q 80 190 60 160 Z"/>
<!-- Europa klein -->
<path d="M 175 220 Q 200 215 210 240 Q 195 250 175 245 Z"/>
</g>
<!-- Alpen-Markierung -->
<circle cx="185" cy="236" r="3" fill="#1f4e5a"/>
<line x1="185" y1="236" x2="240" y2="270" stroke="#1f4e5a" stroke-width=".8"/>
<text x="245" y="274" font-size="9" font-weight="700" fill="#1f4e5a">Alpen (ab ~2.500 m)</text>
<!-- Legende -->
<g transform="translate(0,340)">
<g><rect width="12" height="12" fill="#c85c4a" fill-opacity=".55"/><text x="18" y="10" font-size="10" fill="#1f4e5a">kontinuierlich</text></g>
<g transform="translate(105,0)"><rect width="12" height="12" fill="#e8833a" fill-opacity=".5"/><text x="18" y="10" font-size="10" fill="#1f4e5a">diskontinuierlich</text></g>
<g transform="translate(225,0)"><rect width="12" height="12" fill="#c4a97a" fill-opacity=".4"/><text x="18" y="10" font-size="10" fill="#1f4e5a">sporadisch</text></g>
</g>
</g>
<!-- RECHTS: Bodenquerschnitt -->
<g transform="translate(500,80)">
<text x="170" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">Bodenquerschnitt</text>
<!-- Luft oben -->
<rect x="0" y="15" width="340" height="30" fill="#eff5f6"/>
<text x="10" y="35" font-size="10" fill="#8a8a8a">Luft</text>
<!-- Aktive Schicht (taut im Sommer) -->
<rect x="0" y="45" width="340" height="30" fill="#c4a97a"/>
<text x="170" y="65" font-size="10" font-weight="700" fill="#fff" text-anchor="middle">aktive Schicht (30150 cm)</text>
<text x="345" y="61" font-size="9" fill="#8a6a2a">taut im Sommer</text>
<!-- Permafrost -->
<rect x="0" y="75" width="340" height="200" fill="#4a7c8a"/>
<!-- Eis-Einschlüsse -->
<g fill="#dae8ec" opacity=".7">
<circle cx="50" cy="120" r="5"/>
<circle cx="120" cy="150" r="6"/>
<circle cx="220" cy="130" r="4"/>
<circle cx="280" cy="170" r="7"/>
<circle cx="80" cy="200" r="5"/>
<circle cx="180" cy="220" r="6"/>
<circle cx="300" cy="250" r="5"/>
<circle cx="140" cy="260" r="4"/>
</g>
<text x="170" y="180" font-size="13" font-weight="900" fill="#fff" text-anchor="middle">Permafrost</text>
<text x="170" y="198" font-size="10" fill="#dae8ec" text-anchor="middle">dauerhaft ≤ 0 °C</text>
<text x="170" y="215" font-size="10" fill="#dae8ec" text-anchor="middle">stellenweise bis 1.500 m tief</text>
<!-- Organische Substanz markiert -->
<g>
<path d="M 15 100 L 20 95 L 25 100 L 30 95" stroke="#c85c4a" stroke-width="1.5" fill="none" opacity=".7"/>
<path d="M 100 175 L 105 170 L 110 175 L 115 170" stroke="#c85c4a" stroke-width="1.5" fill="none" opacity=".7"/>
<path d="M 230 225 L 235 220 L 240 225 L 245 220" stroke="#c85c4a" stroke-width="1.5" fill="none" opacity=".7"/>
</g>
<text x="345" y="180" font-size="9" fill="#c85c4a" font-weight="700">organische</text>
<text x="345" y="192" font-size="9" fill="#c85c4a" font-weight="700">Reste · ≈ 1.500 Gt</text>
<text x="345" y="204" font-size="9" fill="#c85c4a">Kohlenstoff</text>
<!-- Klammer rechts -->
<path d="M 340 75 L 345 75 L 345 275 L 340 275" fill="none" stroke="#c85c4a" stroke-width="1"/>
</g>
<!-- Footer -->
<g transform="translate(50,405)">
<rect x="0" y="0" width="800" height="42" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="17" font-size="10" font-weight="800" fill="#1f4e5a">Warum wichtig:</text>
<text x="110" y="17" font-size="10" fill="#4a4a4a">Taut der Permafrost auf, wird organisches Material abgebaut — CO₂ und Methan gelangen in die Atmosphäre (Kipppunkt).</text>
<text x="12" y="33" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
<text x="70" y="33" font-size="10" fill="#4a4a4a">International Permafrost Association (2020): Permafrost Map · Schuur et al. (2022): Permafrost and Climate Change · IPCC AR6 WG1, Kap. 9</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

@@ -0,0 +1,109 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
<defs>
<marker id="pv-arr" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#e8833a"/>
</marker>
<marker id="pv-e" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#4a7c8a"/>
</marker>
</defs>
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Photovoltaik — Sonnenlicht wird direkt in Strom verwandelt
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
Aufbau einer Silizium-Solarzelle · Wirkungsgrad heutiger Module 2023 %
</text>
<!-- LINKS: Solarzellen-Querschnitt -->
<g transform="translate(60,100)">
<text x="180" y="0" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">So funktioniert eine Solarzelle</text>
<!-- Sonne + Lichtstrahlen -->
<circle cx="40" cy="40" r="22" fill="#f4c94e"/>
<text x="40" y="46" font-size="14" font-weight="900" fill="#1f4e5a" text-anchor="middle"></text>
<g stroke="#e8833a" stroke-width="2" fill="none" marker-end="url(#pv-arr)">
<line x1="70" y1="55" x2="130" y2="120"/>
<line x1="90" y1="55" x2="170" y2="120"/>
<line x1="110" y1="55" x2="210" y2="120"/>
<line x1="130" y1="55" x2="250" y2="120"/>
<line x1="150" y1="55" x2="290" y2="120"/>
</g>
<!-- Zell-Querschnitt -->
<rect x="80" y="125" width="260" height="12" fill="#8a8a8a"/>
<text x="350" y="134" font-size="9" fill="#8a8a8a">Anti-Reflex-Schicht</text>
<rect x="80" y="137" width="260" height="26" fill="#4a7c8a"/>
<text x="350" y="155" font-size="9" fill="#4a7c8a" font-weight="700">n-Silizium</text>
<rect x="80" y="163" width="260" height="26" fill="#3a6470"/>
<text x="350" y="181" font-size="9" fill="#3a6470" font-weight="700">p-Silizium</text>
<rect x="80" y="189" width="260" height="10" fill="#1a1a1a"/>
<text x="350" y="198" font-size="9" fill="#1a1a1a">Rück-Kontakt</text>
<!-- Übergangslinie markieren -->
<line x1="80" y1="163" x2="340" y2="163" stroke="#c85c4a" stroke-width="1" stroke-dasharray="3 2"/>
<text x="210" y="178" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">p-n-Übergang</text>
<!-- Elektronen-Pfeil -->
<path d="M 210 150 L 210 220 L 20 220 L 20 150" stroke="#4a7c8a" stroke-width="2" fill="none" marker-end="url(#pv-e)"/>
<circle cx="20" cy="180" r="8" fill="#4a7c8a"/>
<text x="20" y="184" font-size="11" font-weight="900" fill="#fff" text-anchor="middle">e⁻</text>
<text x="10" y="258" font-size="10" fill="#4a7c8a" font-weight="700">Elektronen fließen</text>
<text x="10" y="271" font-size="10" fill="#4a7c8a" font-weight="700">als Strom</text>
<!-- Lampe anschließen -->
<circle cx="210" cy="260" r="18" fill="none" stroke="#c4a97a" stroke-width="2"/>
<line x1="210" y1="248" x2="210" y2="254" stroke="#1f4e5a" stroke-width="1"/>
<path d="M 200 258 L 220 258" stroke="#1f4e5a" stroke-width="1" fill="none"/>
<circle cx="210" cy="260" r="6" fill="#f4c94e"/>
<text x="210" y="293" font-size="9" fill="#8a8a8a" text-anchor="middle">Verbraucher</text>
</g>
<!-- RECHTS: Ertrag-Vergleich -->
<g transform="translate(520,100)">
<text x="160" y="0" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">Was liefert 1 m² Dachfläche?</text>
<text x="160" y="15" font-size="10" fill="#8a8a8a" text-anchor="middle">in Österreich, nach Süden ausgerichtet</text>
<!-- Haus mit Solardach -->
<g transform="translate(20,40)">
<rect x="0" y="60" width="100" height="60" fill="#e8d5b5" stroke="#1f4e5a" stroke-width="1"/>
<polygon points="-6,60 50,15 106,60" fill="#4a7c8a" stroke="#1f4e5a" stroke-width="1"/>
<!-- PV-Module -->
<g>
<rect x="8" y="21" width="18" height="22" fill="#1f4e5a" stroke="#4a7c8a" stroke-width=".5" transform="skewX(-38)"/>
<rect x="30" y="21" width="18" height="22" fill="#1f4e5a" stroke="#4a7c8a" stroke-width=".5" transform="skewX(-38)"/>
<rect x="52" y="21" width="18" height="22" fill="#1f4e5a" stroke="#4a7c8a" stroke-width=".5" transform="skewX(-38)"/>
</g>
<rect x="45" y="85" width="12" height="25" fill="#6b4a2e"/>
<text x="50" y="145" font-size="10" fill="#1f4e5a" font-weight="700" text-anchor="middle">1 m² PV</text>
</g>
<!-- Ergebnis -->
<g transform="translate(160,40)">
<rect x="0" y="30" width="160" height="80" rx="6" fill="#f4c94e"/>
<text x="80" y="58" font-size="22" font-weight="900" fill="#1f4e5a" text-anchor="middle">≈ 170</text>
<text x="80" y="78" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle">kWh pro Jahr</text>
<text x="80" y="100" font-size="10" fill="#1f4e5a" text-anchor="middle">(Jahresertrag je m²)</text>
</g>
<!-- Vergleich Waschmaschinen -->
<g transform="translate(0,200)">
<text x="160" y="0" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Das reicht für …</text>
<g transform="translate(10,15)" font-size="11">
<text y="18">🧺 170 × Waschmaschine</text>
<text y="38">📺 1.200 Stunden Fernsehen</text>
<text y="58">🚗 1.200 km im Elektroauto</text>
<text y="78">💡 17.000 h mit einer 10-W-LED-Lampe</text>
</g>
</g>
</g>
<!-- Footer Quellen -->
<g transform="translate(50,430)">
<rect x="0" y="0" width="800" height="40" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">AT 2024:</text>
<text x="75" y="16" font-size="10" fill="#4a4a4a">ca. 6.400 MWp installiert — das entspricht rund 64 km² Modulfläche.</text>
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
<text x="75" y="32" font-size="10" fill="#4a4a4a">Fraunhofer ISE, Photovoltaics Report 2024 · PV Austria, Marktbericht 2024</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

+117
View File
@@ -0,0 +1,117 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 640" font-family="Inter, system-ui, sans-serif" width="1100" height="640">
<defs>
<!-- Feines Hintergrund-Raster für den 1000x1000-Block -->
<pattern id="fineGrid" x="0" y="0" width="5" height="5" patternUnits="userSpaceOnUse">
<path d="M 5 0 L 0 0 L 0 5" fill="none" stroke="#4a7c8a" stroke-width="0.05" opacity="0.35"/>
</pattern>
<pattern id="coarseGrid" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
<path d="M 50 0 L 0 0 L 0 50" fill="none" stroke="#4a7c8a" stroke-width="0.25" opacity="0.5"/>
</pattern>
<!-- Grobes Raster für den Zoom-Ausschnitt (10x10) -->
<pattern id="zoomGrid" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
<path d="M 40 0 L 0 0 L 0 40" fill="none" stroke="#4a7c8a" stroke-width="1" opacity="0.35"/>
</pattern>
<!-- Pfeilspitze -->
<marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#c85c4a"/>
</marker>
</defs>
<!-- ========== LINKE SEITE: 1.000.000 Teilchen ========== -->
<g transform="translate(50, 70)">
<!-- Titel -->
<text x="250" y="-30" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">
1 Quadrat = 1.000.000 Luftteilchen
</text>
<text x="250" y="-12" font-size="11" fill="#8a8a8a" text-anchor="middle">
1000 × 1000 Kästchen
</text>
<!-- Hintergrundblock -->
<rect x="0" y="0" width="500" height="500" fill="#eff5f6" stroke="#4a7c8a" stroke-width="2" rx="3"/>
<!-- Feines Raster (alle 5 Units = alle 0,5% des Blocks) -->
<rect x="0" y="0" width="500" height="500" fill="url(#fineGrid)"/>
<!-- Grobes Raster (alle 50 Units = alle 5%) -->
<rect x="0" y="0" width="500" height="500" fill="url(#coarseGrid)"/>
<!-- DAS EINE TEILCHEN — mathematisch korrekt 0,5 × 0,5 SVG-Units bei 500×500-Block = 1/1.000.000 -->
<!-- Position (250, 250) — in der Mitte -->
<rect x="249.75" y="249.75" width="0.5" height="0.5" fill="#c85c4a"/>
<!-- Pulsierender Glow-Kreis, damit man das Pixel überhaupt findet -->
<circle cx="250" cy="250" r="0" fill="none" stroke="#c85c4a" stroke-width="1.5">
<animate attributeName="r" values="4;45;4" dur="2.8s" repeatCount="indefinite"/>
<animate attributeName="opacity" values="0.9;0;0.9" dur="2.8s" repeatCount="indefinite"/>
<animate attributeName="stroke-width" values="2;0.3;2" dur="2.8s" repeatCount="indefinite"/>
</circle>
<!-- Zweiter Glow, versetzt für sanfteren Puls -->
<circle cx="250" cy="250" r="0" fill="none" stroke="#c85c4a" stroke-width="1">
<animate attributeName="r" values="0;30;0" dur="2.8s" begin="1.4s" repeatCount="indefinite"/>
<animate attributeName="opacity" values="0.7;0;0.7" dur="2.8s" begin="1.4s" repeatCount="indefinite"/>
</circle>
<!-- Lupen-Ausschnitt als gestricheltes Viereck (10×10 Einheiten) — zeigt was im Zoom rechts vergrössert wird -->
<rect x="245" y="245" width="10" height="10" fill="none" stroke="#c85c4a" stroke-width="0.8" stroke-dasharray="2 1.5"/>
<!-- Pfeil zum Pixel -->
<path d="M 400 150 Q 330 200 265 245" fill="none" stroke="#c85c4a" stroke-width="1.5" marker-end="url(#arrow)"/>
<text x="405" y="138" font-size="13" font-weight="700" fill="#c85c4a">1 Teilchen</text>
<text x="405" y="152" font-size="11" fill="#c85c4a">(1 ppm)</text>
<!-- Erklärung unter dem Block -->
<text x="0" y="525" font-size="11" fill="#4a4a4a" font-weight="600">
Jedes Mini-Kästchen = 1 Luftteilchen (N₂, O₂, Ar …)
</text>
<text x="0" y="543" font-size="10" fill="#8a8a8a">
Das rote Kästchen ist so klein, dass du es kaum siehst — genau darum geht es.
</text>
</g>
<!-- Verbindungslinien vom Lupen-Ausschnitt zum Zoom-Block -->
<g stroke="#c85c4a" stroke-width="0.8" stroke-dasharray="3 2" fill="none" opacity="0.6">
<line x1="305" y1="315" x2="650" y2="120"/>
<line x1="305" y1="325" x2="650" y2="520"/>
</g>
<!-- ========== RECHTE SEITE: Zoom 100× (10×10 Ausschnitt) ========== -->
<g transform="translate(650, 70)">
<!-- Titel -->
<text x="200" y="-30" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Zoom 100×: Ausschnitt 10 × 10
</text>
<text x="200" y="-12" font-size="11" fill="#8a8a8a" text-anchor="middle">
Hier: 1 von 100 Teilchen sichtbar markiert
</text>
<!-- Zoom-Block -->
<rect x="0" y="0" width="400" height="400" fill="#eff5f6" stroke="#c85c4a" stroke-width="2" stroke-dasharray="4 3" rx="3"/>
<!-- Grobes Raster (10×10) -->
<rect x="0" y="0" width="400" height="400" fill="url(#zoomGrid)"/>
<!-- Das markierte Teilchen = 40×40 im Zoom (= 1/100 der Zoom-Fläche, entspricht 1/1.000.000 im Original) -->
<rect x="180" y="180" width="40" height="40" fill="#c85c4a">
<animate attributeName="opacity" values="1;0.6;1" dur="2.8s" repeatCount="indefinite"/>
</rect>
<!-- Weißes Fragezeichen / Hinweis im Pixel -->
<text x="200" y="208" font-size="22" font-weight="900" fill="#fff" text-anchor="middle">CO₂</text>
<!-- Erklärung -->
<text x="0" y="425" font-size="11" fill="#4a4a4a" font-weight="600">
Das ist der kleine Lupen-Ausschnitt aus dem linken Block.
</text>
<text x="0" y="443" font-size="10" fill="#8a8a8a">
In dieser Lupe hat sich das CO₂-Teilchen 100× vergrössert — nur so sieht man es.
</text>
</g>
<!-- ========== UNTEN: Didaktische Vergleiche ========== -->
<g transform="translate(50, 590)">
<rect x="0" y="0" width="1000" height="40" fill="#fff" stroke="#dae8ec" stroke-width="1" rx="6"/>
<text x="20" y="18" font-size="11" fill="#1f4e5a" font-weight="700">
Vergleiche für 1 ppm:
</text>
<text x="20" y="33" font-size="10.5" fill="#4a4a4a">
1 Tropfen Tinte in 50 Litern Wasser · 1 Cent von 10.000 Euro · 1 Sekunde in 11,5 Tagen
</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.9 KiB

+139
View File
@@ -0,0 +1,139 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 500" font-family="Inter, system-ui, sans-serif" width="900" height="500">
<defs>
<marker id="th-arrow-in" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#e8833a"/>
</marker>
<marker id="th-arrow-out" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#c85c4a"/>
</marker>
<marker id="th-arrow-esc" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#8a8a8a"/>
</marker>
<linearGradient id="th-space" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#0f2230"/>
<stop offset="1" stop-color="#1f4e5a"/>
</linearGradient>
<linearGradient id="th-atm" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#4a7c8a" stop-opacity=".18"/>
<stop offset="1" stop-color="#4a7c8a" stop-opacity=".45"/>
</linearGradient>
<linearGradient id="th-earth" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#5a8a5e"/>
<stop offset="1" stop-color="#3a6b3e"/>
</linearGradient>
</defs>
<!-- Titel -->
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Treibhauseffekt — Wie die Erde warm bleibt
</text>
<!-- Weltraum (schwarzer Hintergrund oben) -->
<rect x="0" y="55" width="900" height="90" fill="url(#th-space)"/>
<!-- Sterne -->
<g fill="#fff" opacity=".7">
<circle cx="80" cy="80" r="1"/><circle cx="220" cy="70" r=".8"/>
<circle cx="420" cy="95" r="1.2"/><circle cx="640" cy="75" r="1"/>
<circle cx="780" cy="90" r=".8"/><circle cx="160" cy="110" r=".7"/>
<circle cx="540" cy="115" r="1"/><circle cx="720" cy="120" r=".9"/>
</g>
<text x="880" y="75" font-size="10" fill="#dae8ec" text-anchor="end" opacity=".8">Weltraum</text>
<!-- Sonne oben links -->
<circle cx="110" cy="100" r="32" fill="#f4c94e"/>
<circle cx="110" cy="100" r="38" fill="none" stroke="#f4c94e" stroke-width="1.5" opacity=".5"/>
<circle cx="110" cy="100" r="46" fill="none" stroke="#f4c94e" stroke-width="1" opacity=".3"/>
<text x="110" y="104" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle"></text>
<text x="110" y="160" font-size="11" fill="#dae8ec" text-anchor="middle" font-weight="600">Sonne</text>
<!-- Atmosphäre -->
<rect x="0" y="145" width="900" height="100" fill="url(#th-atm)"/>
<line x1="0" y1="145" x2="900" y2="145" stroke="#4a7c8a" stroke-width="1" stroke-dasharray="4 3" opacity=".7"/>
<line x1="0" y1="245" x2="900" y2="245" stroke="#4a7c8a" stroke-width="1" stroke-dasharray="4 3" opacity=".5"/>
<text x="20" y="200" font-size="11" fill="#1f4e5a" font-weight="700">Atmosphäre</text>
<text x="20" y="215" font-size="9" fill="#4a7c8a">CO₂ · CH₄ · H₂O · N₂O</text>
<!-- Treibhausgas-Moleküle in der Atmosphäre -->
<g>
<circle cx="280" cy="180" r="8" fill="#c85c4a" opacity=".75"/>
<text x="280" y="184" font-size="8" font-weight="700" fill="#fff" text-anchor="middle">CO₂</text>
<circle cx="380" cy="210" r="8" fill="#c85c4a" opacity=".75"/>
<text x="380" y="214" font-size="8" font-weight="700" fill="#fff" text-anchor="middle">CO₂</text>
<circle cx="500" cy="175" r="8" fill="#e8833a" opacity=".75"/>
<text x="500" y="179" font-size="8" font-weight="700" fill="#fff" text-anchor="middle">CH₄</text>
<circle cx="620" cy="205" r="8" fill="#c85c4a" opacity=".75"/>
<text x="620" y="209" font-size="8" font-weight="700" fill="#fff" text-anchor="middle">CO₂</text>
<circle cx="740" cy="180" r="8" fill="#4a7c8a" opacity=".65"/>
<text x="740" y="184" font-size="7" font-weight="700" fill="#fff" text-anchor="middle">H₂O</text>
</g>
<!-- Erde/Boden -->
<rect x="0" y="385" width="900" height="115" fill="url(#th-earth)"/>
<!-- Bäume & Häuser -->
<g>
<polygon points="140,385 150,360 160,385" fill="#3a6b3e"/>
<rect x="148" y="385" width="4" height="10" fill="#6b4a2e"/>
<polygon points="220,385 233,358 246,385" fill="#3a6b3e"/>
<rect x="230" y="385" width="6" height="12" fill="#6b4a2e"/>
<rect x="400" y="360" width="28" height="25" fill="#e8d5b5" stroke="#4a7c8a" stroke-width="1"/>
<polygon points="398,361 414,348 430,361" fill="#c85c4a"/>
<rect x="410" y="370" width="6" height="15" fill="#4a7c8a"/>
<rect x="580" y="350" width="36" height="35" fill="#e8d5b5" stroke="#4a7c8a" stroke-width="1"/>
<polygon points="578,351 598,334 618,351" fill="#c85c4a"/>
<rect x="590" y="365" width="7" height="20" fill="#4a7c8a"/>
<polygon points="720,385 735,356 750,385" fill="#3a6b3e"/>
<rect x="731" y="385" width="6" height="10" fill="#6b4a2e"/>
</g>
<text x="20" y="425" font-size="11" fill="#fff" font-weight="700">Erdoberfläche</text>
<text x="20" y="441" font-size="9" fill="#dceadd">absorbiert Licht · strahlt Wärme ab</text>
<!-- ========= STRAHLENGANG ========= -->
<!-- Einkommende Sonnenstrahlung (gelb/orange) -->
<g stroke="#e8833a" stroke-width="2" fill="none" marker-end="url(#th-arrow-in)" opacity=".9">
<line x1="145" y1="125" x2="270" y2="370"/>
<line x1="170" y1="130" x2="345" y2="370"/>
<line x1="195" y1="135" x2="425" y2="370"/>
</g>
<text x="210" y="280" font-size="10" fill="#e8833a" font-weight="700" transform="rotate(58 210 280)">Sonnenlicht (kurzwellig)</text>
<!-- Abgestrahlte Wärme, die teilweise zurückgeworfen wird (rot) -->
<g stroke="#c85c4a" stroke-width="2" fill="none" marker-end="url(#th-arrow-out)" opacity=".85">
<!-- Nach oben vom Boden -->
<line x1="470" y1="370" x2="500" y2="175"/>
<line x1="610" y1="370" x2="620" y2="205"/>
<line x1="350" y1="370" x2="380" y2="210"/>
</g>
<!-- Rückreflexion von Treibhausgasen wieder zurück zur Erde -->
<g stroke="#c85c4a" stroke-width="2" fill="none" marker-end="url(#th-arrow-out)" opacity=".8" stroke-dasharray="3 2">
<path d="M 500 175 Q 540 270 550 370" />
<path d="M 380 210 Q 360 290 410 370"/>
<path d="M 620 205 Q 680 285 700 370"/>
</g>
<text x="550" y="330" font-size="10" fill="#c85c4a" font-weight="700">Wärmestrahlung zurück zur Erde</text>
<!-- Etwas Wärme entweicht ins All (grau) -->
<g stroke="#8a8a8a" stroke-width="1.5" fill="none" marker-end="url(#th-arrow-esc)" opacity=".8" stroke-dasharray="2 2">
<line x1="800" y1="370" x2="840" y2="80"/>
</g>
<text x="840" y="220" font-size="9" fill="#8a8a8a" text-anchor="end">Rest entweicht</text>
<!-- ========= VERGLEICHSBOX ========= -->
<g transform="translate(0, 460)">
<rect x="0" y="0" width="900" height="40" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
<text x="20" y="16" font-size="10" fill="#1f4e5a" font-weight="800">Ohne Atmosphäre:</text>
<text x="165" y="16" font-size="10" fill="#c85c4a" font-weight="700">18 °C</text>
<text x="220" y="16" font-size="10" fill="#8a8a8a">(lebensfeindlich kalt)</text>
<text x="400" y="16" font-size="10" fill="#1f4e5a" font-weight="800">Mit natürlichem Treibhauseffekt:</text>
<text x="615" y="16" font-size="10" fill="#5a8a5e" font-weight="700">+15 °C</text>
<text x="660" y="16" font-size="10" fill="#8a8a8a">(Lebensraum Erde)</text>
<text x="20" y="32" font-size="10" fill="#1f4e5a" font-weight="800">Venus (extremer THE):</text>
<text x="165" y="32" font-size="10" fill="#c85c4a" font-weight="700">+465 °C</text>
<text x="400" y="32" font-size="10" fill="#1f4e5a" font-weight="800">Erde seit 1850 (zusätzlich):</text>
<text x="615" y="32" font-size="10" fill="#e8833a" font-weight="700">+1,2 °C</text>
<text x="660" y="32" font-size="10" fill="#8a8a8a">(vom Menschen verursacht)</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.7 KiB

@@ -0,0 +1,98 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 460" font-family="Inter, system-ui, sans-serif" width="900" height="460">
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Die wichtigsten Treibhausgase — Wirkung und Anteil in Österreich
</text>
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
GWP-100 = Wirkung auf 100 Jahre, CO₂ als Referenz · Anteile AT 2023
</text>
<!-- LINKS: log-Skala GWP-100 -->
<g transform="translate(40,90)">
<text x="250" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">Wie stark wirkt 1 kg dieses Gases wie x kg CO₂?</text>
<text x="250" y="15" font-size="10" fill="#8a8a8a" text-anchor="middle">(logarithmische Skala)</text>
<!-- Achse log: 1, 10, 100, 1000, 10000, 100000 -->
<!-- x = 70 + log10(GWP) * 80 -->
<line x1="70" y1="265" x2="540" y2="265" stroke="#1f4e5a" stroke-width="1.5"/>
<g font-size="9" fill="#4a4a4a" text-anchor="middle">
<line x1="70" y1="265" x2="70" y2="270" stroke="#1f4e5a"/><text x="70" y="283">1</text>
<line x1="150" y1="265" x2="150" y2="270" stroke="#1f4e5a"/><text x="150" y="283">10</text>
<line x1="230" y1="265" x2="230" y2="270" stroke="#1f4e5a"/><text x="230" y="283">100</text>
<line x1="310" y1="265" x2="310" y2="270" stroke="#1f4e5a"/><text x="310" y="283">1.000</text>
<line x1="390" y1="265" x2="390" y2="270" stroke="#1f4e5a"/><text x="390" y="283">10.000</text>
<line x1="470" y1="265" x2="470" y2="270" stroke="#1f4e5a"/><text x="470" y="283">100.000</text>
</g>
<!-- Balken (horizontal, log-skaliert) -->
<!-- CO₂ GWP=1 → Balken bis 70 = 0 Länge. Minimalbreite 6 -->
<g font-size="10">
<!-- CO₂ -->
<rect x="70" y="40" width="6" height="28" fill="#4a7c8a"/>
<text x="66" y="57" fill="#1f4e5a" font-weight="800" text-anchor="end">CO₂</text>
<text x="82" y="57" fill="#1f4e5a" font-weight="700">= 1 (Referenz)</text>
<!-- Methan GWP-100 = 28 → x = 70 + 1.447 * 80 = 185.8. Länge 115.8 -->
<rect x="70" y="80" width="115.8" height="28" fill="#e8833a"/>
<text x="66" y="97" fill="#1f4e5a" font-weight="800" text-anchor="end">Methan CH₄</text>
<text x="192" y="97" fill="#1f4e5a" font-weight="700">= 28</text>
<!-- Lachgas N₂O = 273 → x = 70 + 2.436 * 80 = 264.9. Länge 194.9 -->
<rect x="70" y="120" width="194.9" height="28" fill="#c85c4a"/>
<text x="66" y="137" fill="#1f4e5a" font-weight="800" text-anchor="end">Lachgas N₂O</text>
<text x="272" y="137" fill="#1f4e5a" font-weight="700">= 273</text>
<!-- HFC-134a = 1530 → log=3.185, x=70+3.185*80 = 324.8. Länge 254.8 -->
<rect x="70" y="160" width="254.8" height="28" fill="#b07aa1"/>
<text x="66" y="177" fill="#1f4e5a" font-weight="800" text-anchor="end">HFC-134a</text>
<text x="332" y="177" fill="#1f4e5a" font-weight="700">= 1.530 (Kälte-/Klimagase)</text>
<!-- SF₆ = 23500 → log=4.371, x=70+4.371*80 = 419.7. Länge 349.7 -->
<rect x="70" y="200" width="349.7" height="28" fill="#1a1a1a"/>
<text x="66" y="217" fill="#1f4e5a" font-weight="800" text-anchor="end">SF₆</text>
<text x="427" y="217" fill="#1f4e5a" font-weight="700">= 23.500 (Elektro-Schaltanlagen)</text>
</g>
<text x="250" y="308" font-size="10" fill="#8a8a8a" text-anchor="middle">Treibhauspotenzial (GWP-100 nach IPCC AR6)</text>
</g>
<!-- RECHTS: Kuchen AT-Anteile 2023 -->
<g transform="translate(720,220)">
<text x="0" y="-135" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">AT-Emissionen 2023</text>
<text x="0" y="-120" font-size="10" fill="#8a8a8a" text-anchor="middle">68,7 Mt CO₂eq, aufgeteilt nach Gas</text>
<!-- Anteile: CO₂ 80%, CH₄ 11%, N₂O 6%, F-Gase 3% -->
<!-- 80%: 0 → 288° -->
<path d="M 0 0 L 0 -90 A 90 90 0 1 1 -85.59 27.81 Z" fill="#4a7c8a"/>
<!-- CH₄ 11%: 288 → 327.6° -->
<path d="M 0 0 L -85.59 27.81 A 90 90 0 0 1 -48.08 -75.94 Z" fill="#e8833a"/>
<!-- N₂O 6%: 327.6 → 349.2° -->
<path d="M 0 0 L -48.08 -75.94 A 90 90 0 0 1 -16.84 -88.41 Z" fill="#c85c4a"/>
<!-- F-Gase 3%: 349.2 → 360° -->
<path d="M 0 0 L -16.84 -88.41 A 90 90 0 0 1 0 -90 Z" fill="#b07aa1"/>
<!-- Zentrum -->
<circle r="35" fill="#fff"/>
<text y="-3" font-size="14" font-weight="900" fill="#1f4e5a" text-anchor="middle">68,7</text>
<text y="12" font-size="9" font-weight="700" fill="#4a7c8a" text-anchor="middle">Mt CO₂eq</text>
<!-- Labels -->
<text x="40" y="-30" font-size="11" font-weight="800" fill="#fff" text-anchor="middle">80 %</text>
<text x="40" y="-15" font-size="9" fill="#fff" text-anchor="middle">CO₂</text>
</g>
<!-- Legende rechts unterhalb -->
<g transform="translate(640,335)" font-size="10">
<g><rect width="12" height="12" fill="#4a7c8a"/><text x="18" y="10" fill="#1f4e5a" font-weight="700">CO₂ 80 %</text></g>
<g transform="translate(90,0)"><rect width="12" height="12" fill="#e8833a"/><text x="18" y="10" fill="#1f4e5a" font-weight="700">CH₄ 11 %</text></g>
<g transform="translate(0,18)"><rect width="12" height="12" fill="#c85c4a"/><text x="18" y="10" fill="#1f4e5a" font-weight="700">N₂O 6 %</text></g>
<g transform="translate(90,18)"><rect width="12" height="12" fill="#b07aa1"/><text x="18" y="10" fill="#1f4e5a" font-weight="700">F-Gase 3 %</text></g>
</g>
<!-- Footer -->
<g transform="translate(50,410)">
<rect x="0" y="0" width="800" height="40" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Wasserdampf:</text>
<text x="100" y="16" font-size="10" fill="#4a4a4a">mengenmäßig stärkstes Treibhausgas, aber durch Temperatur gesteuert — nicht direkt vom Menschen reguliert.</text>
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
<text x="70" y="32" font-size="10" fill="#4a4a4a">IPCC AR6 WG1 (2021), Tab. 7.15 (GWP-Werte) · Umweltbundesamt Österreich, Klimaschutzbericht 2024</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

@@ -0,0 +1,123 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 460" font-family="Inter, system-ui, sans-serif" width="900" height="460">
<defs>
<linearGradient id="wk-water" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#4a7c8a"/>
<stop offset="1" stop-color="#1f4e5a"/>
</linearGradient>
<linearGradient id="wk-sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#eff5f6"/>
<stop offset="1" stop-color="#dae8ec"/>
</linearGradient>
<marker id="wk-arr" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" fill="#4a7c8a"/>
</marker>
</defs>
<text x="450" y="28" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Wasserkraft — die Topografie Österreichs als Stromspeicher
</text>
<text x="450" y="46" font-size="11" fill="#8a8a8a" text-anchor="middle">
Zwei wichtige Bauformen im Querschnitt · Anteil am AT-Strom 2023: 58 %
</text>
<!-- LINKS: Laufkraftwerk (Fluss-Stau) -->
<g transform="translate(30,80)">
<text x="200" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">Laufkraftwerk (z. B. Donau)</text>
<!-- Himmel -->
<rect x="0" y="15" width="400" height="110" fill="url(#wk-sky)"/>
<!-- Bergflanke rechts -->
<polygon points="0,125 400,125 400,260 0,260" fill="#c4a97a"/>
<!-- Fluss oben -->
<rect x="0" y="90" width="220" height="35" fill="url(#wk-water)"/>
<!-- Wehr-Anlage -->
<rect x="220" y="60" width="40" height="120" fill="#8a8a8a" stroke="#1f4e5a" stroke-width="1"/>
<rect x="220" y="60" width="40" height="12" fill="#1f4e5a"/>
<!-- Turbinenhaus -->
<rect x="260" y="95" width="90" height="85" fill="#c85c4a" stroke="#1f4e5a" stroke-width="1"/>
<rect x="260" y="95" width="90" height="10" fill="#a04030"/>
<!-- Turbine (Kreis) -->
<circle cx="305" cy="140" r="20" fill="#fff" stroke="#1f4e5a" stroke-width="1.5"/>
<g transform="translate(305,140)" stroke="#4a7c8a" stroke-width="2" fill="none">
<line x1="-14" y1="0" x2="14" y2="0"/>
<line x1="0" y1="-14" x2="0" y2="14"/>
<line x1="-10" y1="-10" x2="10" y2="10"/>
<line x1="-10" y1="10" x2="10" y2="-10"/>
</g>
<text x="305" y="175" font-size="9" fill="#fff" font-weight="700" text-anchor="middle">Turbine</text>
<!-- Fluss nach Kraftwerk, niedriger -->
<rect x="350" y="115" width="50" height="25" fill="url(#wk-water)"/>
<!-- Wasser-Pfeil Stau→Turbine -->
<path d="M 195 107 Q 240 135 290 140" stroke="#4a7c8a" stroke-width="2" fill="none" marker-end="url(#wk-arr)"/>
<!-- Höhen-Markierung -->
<line x1="15" y1="90" x2="15" y2="140" stroke="#c85c4a" stroke-width="1" stroke-dasharray="3 2"/>
<text x="18" y="118" font-size="9" fill="#c85c4a" font-weight="700">310 m</text>
<text x="18" y="131" font-size="9" fill="#c85c4a">Fallhöhe</text>
<!-- Label -->
<g transform="translate(10,205)">
<rect x="0" y="0" width="380" height="48" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="10" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Laufend am Fluss — rund um die Uhr verfügbar.</text>
<text x="10" y="32" font-size="10" fill="#4a4a4a">Beispiel AT: Kraftwerk Freudenau (Wien) · 172 MW · versorgt</text>
<text x="10" y="44" font-size="10" fill="#4a4a4a">rechnerisch ca. 230.000 Haushalte.</text>
</g>
</g>
<!-- RECHTS: Speicherkraftwerk -->
<g transform="translate(470,80)">
<text x="200" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">Speicherkraftwerk (z. B. Kaprun)</text>
<!-- Himmel -->
<rect x="0" y="15" width="400" height="55" fill="url(#wk-sky)"/>
<!-- Berge -->
<polygon points="0,70 80,30 140,70" fill="#e8d5b5" stroke="#1f4e5a" stroke-width="1"/>
<polygon points="100,70 170,25 240,70" fill="#c4a97a" stroke="#1f4e5a" stroke-width="1"/>
<!-- Stauseefläche -->
<rect x="45" y="70" width="180" height="40" fill="url(#wk-water)"/>
<!-- Wehr links -->
<rect x="225" y="70" width="15" height="60" fill="#8a8a8a" stroke="#1f4e5a"/>
<!-- Berge auf Kraftwerks-Seite -->
<polygon points="225,70 280,55 360,70" fill="#c4a97a" stroke="#1f4e5a" stroke-width="1"/>
<polygon points="225,70 400,70 400,260 225,260" fill="#c4a97a"/>
<!-- Falllleitung (Druckrohr) durch den Berg -->
<path d="M 235 130 Q 240 170 280 210" stroke="#4a7c8a" stroke-width="5" fill="none"/>
<path d="M 235 130 Q 240 170 280 210" stroke="#fff" stroke-width="2" fill="none" stroke-dasharray="4 4"/>
<text x="266" y="180" font-size="9" fill="#fff" font-weight="700" transform="rotate(65 266 180)">Druckrohr</text>
<!-- Turbinenhaus unten -->
<rect x="270" y="210" width="90" height="50" fill="#c85c4a" stroke="#1f4e5a"/>
<rect x="270" y="210" width="90" height="8" fill="#a04030"/>
<circle cx="315" cy="235" r="14" fill="#fff" stroke="#1f4e5a" stroke-width="1.5"/>
<g transform="translate(315,235)" stroke="#4a7c8a" stroke-width="1.5" fill="none">
<line x1="-10" y1="0" x2="10" y2="0"/>
<line x1="0" y1="-10" x2="0" y2="10"/>
<line x1="-7" y1="-7" x2="7" y2="7"/>
<line x1="-7" y1="7" x2="7" y2="-7"/>
</g>
<text x="315" y="255" font-size="9" fill="#fff" font-weight="700" text-anchor="middle">Turbine</text>
<!-- Höhen-Markierung -->
<line x1="385" y1="80" x2="385" y2="230" stroke="#c85c4a" stroke-width="1" stroke-dasharray="3 2"/>
<text x="378" y="150" font-size="9" fill="#c85c4a" font-weight="700" transform="rotate(-90 378 150)">bis 800 m Fallhöhe</text>
<!-- Label -->
<g transform="translate(10,205)">
<rect x="-7" y="68" width="380" height="48" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="3" y="84" font-size="10" font-weight="800" fill="#1f4e5a">Wasser sammelt sich im Stausee — kann bei Bedarf abgelassen werden.</text>
<text x="3" y="100" font-size="10" fill="#4a4a4a">Beispiel AT: Pumpspeicher Kops II (Vorarlberg) · 525 MW.</text>
<text x="3" y="112" font-size="10" fill="#4a4a4a">Wirkt wie eine gigantische Batterie für Wind- und Solarstrom.</text>
</g>
</g>
<!-- Footer -->
<g transform="translate(50,415)">
<rect x="0" y="0" width="800" height="35" rx="4" fill="#fff" stroke="#dae8ec"/>
<text x="12" y="15" font-size="10" font-weight="800" fill="#1f4e5a">AT 2023:</text>
<text x="72" y="15" font-size="10" fill="#4a4a4a">58 % der Stromerzeugung aus Wasserkraft · ca. 15.000 MW installierte Leistung · mehr als 2.700 Anlagen.</text>
<text x="12" y="30" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
<text x="70" y="30" font-size="10" fill="#4a4a4a">E-Control, Betriebsstatistik Strom 2023 · VERBUND · WWF Österreich (ökologische Bewertung)</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.7 KiB

@@ -0,0 +1,149 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 520" font-family="Inter, system-ui, sans-serif" width="900" height="520">
<defs>
<linearGradient id="wr-sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#eff5f6"/>
<stop offset="1" stop-color="#dae8ec"/>
</linearGradient>
</defs>
<!-- Hintergrund -->
<rect x="0" y="40" width="900" height="420" fill="url(#wr-sky)"/>
<!-- Boden -->
<rect x="0" y="440" width="900" height="20" fill="#5a8a5e"/>
<rect x="0" y="460" width="900" height="60" fill="#3a6b3e"/>
<text x="450" y="26" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
Wie groß ist ein modernes Windrad wirklich?
</text>
<!-- Vergleichsfiguren. Höhe aus Boden y=440 nach oben berechnet -->
<!-- SKALA: 1 m = ca. 1.4 px → Gesamthöhe sichtbar ~280 m -->
<!-- Boden = y=440, 1 m = 1.4 px → y = 440 - höhe*1.4 -->
<!-- 1) Mensch (1,8 m) -->
<g transform="translate(80, 437.5)">
<!-- Kopf+Körper Kompakt bei dieser Skala -->
<circle cx="0" cy="-2" r=".8" fill="#1f4e5a"/>
<rect x="-.6" y="-1.5" width="1.2" height="3" fill="#1f4e5a"/>
<text x="20" y="0" font-size="10" font-weight="700" fill="#1f4e5a">Mensch</text>
<text x="20" y="11" font-size="9" fill="#8a8a8a">1,8 m</text>
</g>
<!-- 2) Einfamilienhaus (8 m = 11px) -->
<g transform="translate(150, 440)">
<rect x="-12" y="-11" width="24" height="11" fill="#e8d5b5" stroke="#1f4e5a" stroke-width=".6"/>
<polygon points="-14,-11 0,-18 14,-11" fill="#c85c4a"/>
<rect x="-2" y="-6" width="4" height="6" fill="#4a7c8a"/>
<text x="30" y="-8" font-size="10" font-weight="700" fill="#1f4e5a">Einfamilienhaus</text>
<text x="30" y="3" font-size="9" fill="#8a8a8a">≈ 8 m</text>
</g>
<!-- 3) Baum (25 m = 35px) -->
<g transform="translate(250, 440)">
<rect x="-1.5" y="-10" width="3" height="10" fill="#6b4a2e"/>
<ellipse cx="0" cy="-22" rx="14" ry="22" fill="#3a6b3e"/>
<text x="25" y="-42" font-size="10" font-weight="700" fill="#1f4e5a">Alter Baum</text>
<text x="25" y="-31" font-size="9" fill="#8a8a8a">25 m</text>
</g>
<!-- 4) Kirchturm (60 m = 84px) -->
<g transform="translate(345, 440)">
<rect x="-8" y="-60" width="16" height="60" fill="#c4a97a" stroke="#1f4e5a" stroke-width=".6"/>
<rect x="-10" y="-60" width="20" height="4" fill="#c85c4a"/>
<polygon points="-10,-60 0,-84 10,-60" fill="#c85c4a"/>
<rect x="-2" y="-48" width="4" height="8" fill="#1a1a1a"/>
<circle cx="0" cy="-68" r="3" fill="#e8d5b5"/>
<text x="20" y="-80" font-size="10" font-weight="700" fill="#1f4e5a">Kirchturm</text>
<text x="20" y="-69" font-size="9" fill="#8a8a8a">≈ 60 m</text>
</g>
<!-- 5) Altes Windrad (60 m) -->
<g transform="translate(440, 440)">
<rect x="-2" y="-84" width="4" height="84" fill="#8a8a8a"/>
<circle cx="0" cy="-84" r="2.5" fill="#1f4e5a"/>
<!-- 3 Rotorblätter, L ≈ 22m -->
<g stroke="#1f4e5a" stroke-width="2" stroke-linecap="round">
<line x1="0" y1="-84" x2="0" y2="-115"/>
<line x1="0" y1="-84" x2="27" y2="-69"/>
<line x1="0" y1="-84" x2="-27" y2="-69"/>
</g>
<text x="32" y="-112" font-size="10" font-weight="700" fill="#1f4e5a">Windrad 2000</text>
<text x="32" y="-100" font-size="9" fill="#8a8a8a">Nabe 60 m · 1 MW</text>
</g>
<!-- 6) DC Tower Wien (220 m = 308 px) -->
<g transform="translate(580, 440)">
<rect x="-12" y="-308" width="24" height="308" fill="#4a7c8a" stroke="#1f4e5a" stroke-width=".6"/>
<g fill="#e8d5b5" opacity=".75">
<rect x="-10" y="-300" width="20" height="3"/>
<rect x="-10" y="-280" width="20" height="3"/>
<rect x="-10" y="-260" width="20" height="3"/>
<rect x="-10" y="-240" width="20" height="3"/>
<rect x="-10" y="-220" width="20" height="3"/>
<rect x="-10" y="-200" width="20" height="3"/>
<rect x="-10" y="-180" width="20" height="3"/>
<rect x="-10" y="-160" width="20" height="3"/>
<rect x="-10" y="-140" width="20" height="3"/>
<rect x="-10" y="-120" width="20" height="3"/>
<rect x="-10" y="-100" width="20" height="3"/>
<rect x="-10" y="-80" width="20" height="3"/>
<rect x="-10" y="-60" width="20" height="3"/>
<rect x="-10" y="-40" width="20" height="3"/>
</g>
<text x="18" y="-304" font-size="10" font-weight="700" fill="#1f4e5a">DC Tower Wien</text>
<text x="18" y="-293" font-size="9" fill="#8a8a8a">220 m (höchstes AT)</text>
<line x1="-14" y1="-308" x2="20" y2="-308" stroke="#4a7c8a" stroke-width="1" stroke-dasharray="2 2"/>
</g>
<!-- 7) Modernes Windrad (240 m Gesamthöhe: Nabe 160m + Rotor 80m) -->
<g transform="translate(770, 440)">
<!-- Turm -->
<polygon points="-4,0 4,0 2.5,-224 -2.5,-224" fill="#fff" stroke="#1f4e5a" stroke-width="1"/>
<!-- Gondel (Maschinenhaus) -->
<rect x="-6" y="-228" width="12" height="8" fill="#1f4e5a" rx="1"/>
<!-- Nabe -->
<circle cx="0" cy="-224" r="3.5" fill="#c85c4a"/>
<!-- 3 Rotorblätter, L = 85 m = 119 px -->
<g stroke="#1f4e5a" stroke-width="2.6" stroke-linecap="round" fill="none">
<line x1="0" y1="-224" x2="0" y2="-343"/>
<line x1="0" y1="-224" x2="103" y2="-164"/>
<line x1="0" y1="-224" x2="-103" y2="-164"/>
</g>
<!-- Maß-Pfeil Gesamthöhe -->
<line x1="80" y1="-343" x2="80" y2="0" stroke="#c85c4a" stroke-width="1" stroke-dasharray="3 2"/>
<polygon points="78,-340 82,-340 80,-348" fill="#c85c4a"/>
<polygon points="78,-3 82,-3 80,5" fill="#c85c4a"/>
<text x="87" y="-170" font-size="11" fill="#c85c4a" font-weight="800">240 m</text>
<text x="87" y="-156" font-size="9" fill="#c85c4a">Gesamthöhe</text>
<text x="-125" y="-338" font-size="10" font-weight="700" fill="#1f4e5a">Modernes Windrad</text>
<text x="-125" y="-326" font-size="9" fill="#8a8a8a">Nabe 160 m · 7 MW</text>
<text x="-125" y="-313" font-size="9" fill="#5a8a5e" font-weight="700">5.000 Haushalte</text>
</g>
<!-- Höhenlinien im Hintergrund -->
<g stroke="#4a7c8a" stroke-width=".5" opacity=".25" stroke-dasharray="2 3">
<line x1="30" y1="440" x2="870" y2="440"/>
<line x1="30" y1="356" x2="870" y2="356"/> <!-- 60 m -->
<line x1="30" y1="272" x2="870" y2="272"/> <!-- 120 m -->
<line x1="30" y1="216" x2="870" y2="216"/> <!-- 160 m -->
<line x1="30" y1="132" x2="870" y2="132"/> <!-- 220 m -->
<line x1="30" y1="97" x2="870" y2="97"/> <!-- 245 m -->
</g>
<g font-size="8" fill="#4a7c8a" opacity=".7">
<text x="35" y="358">60 m</text>
<text x="35" y="274">120 m</text>
<text x="35" y="218">160 m (Nabe)</text>
<text x="35" y="134">220 m</text>
</g>
<!-- Footer Fakten -->
<g transform="translate(0, 465)">
<rect x="50" y="0" width="800" height="50" rx="6" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
<text x="70" y="18" font-size="10" fill="#1f4e5a" font-weight="800">Ein Windrad liefert:</text>
<text x="185" y="18" font-size="10" fill="#4a4a4a">820 Millionen kWh pro Jahr — Strom für 2.500 bis 6.000 Haushalte.</text>
<text x="70" y="36" font-size="10" fill="#1f4e5a" font-weight="800">Österreich 2024:</text>
<text x="185" y="36" font-size="10" fill="#4a4a4a">ca. 1.400 Windräder · zusammen rund 3.900 MW · decken ~12 % des Strombedarfs.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.2 KiB