Files
mindflux/src/main/resources/static/finalflux/wirtschaft/wirtschaftssektoren.html
T
AliceDarkest 501ecc0c1e AP3 A11y-Widget perfektioniert (Focus-Trap, aria-Semantik, tote CSS, Cache)
- accessibility.js: Focus-Trap im Panel (Tab/Shift+Tab zyklisch ueber Close + 9
  Optionen), aria-modal="true" beim Oeffnen, Klick-ausserhalb schliesst (Escape +
  Fokus-Rueckgabe bestehen). Font-Button: aria-pressed ersetzt durch dynamisches
  aria-label ("... aktuell 115 %") + .is-active ab >100 %; Reset-Button ohne
  aria-pressed (Aktion statt Toggle). Hochkontrast-Untertitel "immer dunkel".
- accessibility.css: toten Legacy-Dock-Code entfernt (72px body-padding, .mf-a11y-dock,
  Fixed-Trigger, Dock-Media-Query); .is-active am Aktiv-Styling; Kommentar, dass
  Hochkontrast bewusst immer dunkel bleibt.
- accessibility-placement.css: obsoleten Padding-Reset entfernt; .is-active ergaenzt.
- Cache-Buster: theme.js injiziert accessibility.css v6 / placement v10 /
  accessibility.js v9 / fluxtimer.css v5; theme.css?v=4 und theme.js?v=5 in allen
  80 Templates/Finalflux-Seiten vereinheitlicht.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WFxcjtc9HNP4VECT6Ur1tE
2026-07-21 00:16:05 +02:00

105 lines
6.1 KiB
HTML

<!DOCTYPE html>
<html lang="de" data-theme="dark">
<head>
<meta charset="UTF-8">
<title>Wirtschaftssektoren - FinalProtocol AP1</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/theme.css?v=4">
<link rel="stylesheet" href="/css/finalflux.css">
<script src="/js/theme.js?v=5"></script>
</head>
<body class="finalflux-page">
<div class="mf-theme-float"><button class="mf-theme"></button></div>
<main>
<a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
<h1>Wirtschaftssektoren</h1>
<section>
<h2>Lernfokus</h2>
<p>Eine Volkswirtschaft lässt sich nach der Stellung wirtschaftlicher Tätigkeiten in der Wertschöpfungskette gliedern. Das gebräuchliche Drei-Sektoren-Modell unterscheidet Primär-, Sekundär- und Tertiärsektor; hochwertige Informations- und Wissensleistungen werden teils als Quartärsektor ergänzt. Ziel ist es, Branchen sicher zuzuordnen und den Strukturwandel erklären zu können.</p>
<ul class="key-list">
<li>Die Sektoren und ihre Abgrenzung sicher unterscheiden.</li>
<li>Konkrete Branchen dem richtigen Sektor zuordnen.</li>
<li>Den sektoralen Strukturwandel und seine Ursachen erklären.</li>
</ul>
</section>
<section>
<h2>Die drei Wirtschaftssektoren</h2>
<p>Das Drei-Sektoren-Modell ordnet die Wirtschaft danach, wie weit eine Tätigkeit vom Rohstoff entfernt ist. Die Wertschöpfung baut dabei aufeinander auf: Erst werden Rohstoffe gewonnen, dann verarbeitet und schließlich über Dienstleistungen verteilt und genutzt.</p>
<ul class="key-list">
<li><strong>Primärsektor (Urproduktion):</strong> Gewinnung von Rohstoffen aus der Natur, z. B. Landwirtschaft, Forstwirtschaft, Fischerei und Bergbau.</li>
<li><strong>Sekundärsektor (Produktion):</strong> Be- und Verarbeitung von Rohstoffen zu Gütern, z. B. Industrie, Handwerk, Baugewerbe und Energieerzeugung.</li>
<li><strong>Tertiärsektor (Dienstleistung):</strong> Erbringung immaterieller Leistungen, z. B. Handel, Verkehr, Banken, Versicherungen, Gesundheit, Bildung und Verwaltung.</li>
<li><strong>Quartärsektor (optional):</strong> Abspaltung hochwertiger, wissens- und informationsbasierter Leistungen wie IT, Forschung und Beratung.</li>
</ul>
<p>Der entscheidende Unterschied zwischen Sekundär- und Tertiärsektor ist das Ergebnis der Arbeit: ein greifbares Gut gegenüber einer immateriellen Leistung. Mischbetriebe werden nach ihrem Tätigkeitsschwerpunkt zugeordnet.</p>
<p class="merksatz"><strong>Merksatz:</strong> Primär gewinnt, Sekundär verarbeitet, Tertiär bedient.</p>
</section>
<section>
<h2>Branchenbeispiele</h2>
<p>Für die AP1 musst du Branchen sicher einsortieren können. Achte darauf, was im Kern getan wird, nicht wo das Produkt später landet.</p>
<ul class="key-list">
<li><strong>Primär:</strong> Bauernhof, Weinbau, Fischkutter, Steinkohlebergwerk, Förster.</li>
<li><strong>Sekundär:</strong> Automobilwerk, Bäckerei, Schreinerei, Stahlwerk, Bauunternehmen, Kraftwerk.</li>
<li><strong>Tertiär:</strong> Supermarkt, Spedition, Bank, Versicherung, Krankenhaus, Schule, Behörde.</li>
<li><strong>Quartär:</strong> Softwarehaus, IT-Beratung, Forschungsinstitut, Datenanalyse.</li>
</ul>
</section>
<section>
<h2>Strukturwandel</h2>
<p>Der sektorale Strukturwandel beschreibt die langfristige Verschiebung von Beschäftigung und Wertschöpfung zwischen den Sektoren. Volkswirtschaften entwickeln sich typischerweise von der Agrar- über die Industrie- zur Dienstleistungsgesellschaft: Erst dominiert der Primär-, dann der Sekundär- und heute in Deutschland der Tertiärsektor.</p>
<ul class="key-list">
<li><strong>Ursache:</strong> Technischer Fortschritt und Automatisierung steigern die Produktivität und setzen Arbeitskräfte in Land- und Industriewirtschaft frei.</li>
<li><strong>Folge:</strong> Beschäftigung wandert in den Dienstleistungsbereich; der Anteil des Primärsektors wird sehr klein.</li>
<li><strong>Wirkung:</strong> Regionaler Arbeitsplatzverlust und Anpassungsbedarf, etwa durch Umschulung und Qualifizierung.</li>
<li><strong>Beispiel:</strong> Das Ruhrgebiet wandelte sich von Kohle und Stahl hin zu Dienstleistungen, Bildung und IT.</li>
</ul>
<p class="merksatz"><strong>Merksatz:</strong> Ein Sektor schrumpft im Wandel, er verschwindet aber nicht vollständig.</p>
</section>
<section>
<h2>Prüfungsmodus</h2>
<p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
</section>
<section class="finalflux-test" data-finalflux-test aria-live="polite">
<div class="test-meta">
<span data-question-counter>Frage 1</span>
<span data-score-counter>0 richtig</span>
</div>
<div class="category-block">
<p class="eyebrow">Kategorie</p>
<h2 data-category-title>Wirtschaftssektoren</h2>
<p data-category-hint>AP1-Training</p>
</div>
<div class="question-card">
<h3 data-question-text></h3>
<div data-answer-options class="answer-options"></div>
<div data-answer-feedback class="fluxcheck-result"></div>
</div>
<div class="test-actions">
<button type="button" data-check-answer>Antwort prüfen</button>
<button type="button" data-skip-question class="secondary">Überspringen</button>
<button type="button" data-next-question class="secondary" disabled>Weiter</button>
</div>
</section>
<section data-test-result class="finalflux-panel" hidden>
<h2>Auswertung</h2>
<p data-result-summary></p>
<ul data-category-summary class="key-list"></ul>
<div class="finalflux-actions">
<button type="button" data-restart-test>Test neu starten</button>
<a href="/finalflux">Zurück zur Übersicht</a>
</div>
</section>
</main>
<script src="/js/finalflux-test.js" data-questions-src="/finalflux/questions/wirtschaft_wirtschaftssektoren.json" defer></script>
</body>
</html>