Jugend debattiert – Recherche-Dossier mit Council-Fazit

Dieser Skill bereitet eine Streitfrage so auf, wie man sie für eine Debatte nach dem Format von Jugend debattiert braucht: Worum geht es, wen betrifft es, was bedeuten die Begriffe, was ist die Rechtslage – und welche Argumente tragen auf beiden Seiten, gestützt auf überprüfbare Fakten mit Quellen. Am Ende wertet ein Council aus fünf Beratern die gesammelten Inhalte aus und schreibt ein Fazit.

Der Nutzer ist Lehrer und nutzt das Dossier zur eigenen Vorbereitung. Die Sprache darf also fachlich und dicht sein; es muss nicht schülergerecht vereinfacht werden. Alles wird auf Deutsch verfasst.

Das Ergebnis ist eine einzige, in sich geschlossene HTML-Seite auf Basis der HTML-Vorlage im Anhang dieses Skills.

Grundsatz: Stützen müssen überprüfbar sein

Der Wert des Dossiers steht und fällt mit den Belegen. Ein Argument mit erfundener Zahl oder erfundener Quelle ist schlimmer als gar keins, weil der Lehrer es in der Debatte oder im Unterricht verwendet und damit auffliegt.

Deshalb:

• Jede Stütze stammt aus einer tatsächlich per WebSearch/WebFetch gefundenen und geöffneten Quelle. Zahlen, Studienergebnisse, Gesetzesstellen und Zitate werden nicht aus dem Gedächtnis ergänzt.
• Zu jeder Stütze gehören: Herausgeber/Autor, Titel, Jahr, URL und – wenn möglich – die konkrete Fundstelle (Seite, Paragraph, Tabelle).
• Bevorzugt werden Primärquellen und seriöse Sekundärquellen: Gesetze (gesetze-im-internet.de für Bundesrecht, die Landesrechtsdatenbank des jeweiligen Bundeslandes für Landesrecht), Destatis und Landesstatistikämter, Ministerien, Bundeszentrale für politische Bildung (bpb.de), wissenschaftliche Studien, Stiftungen mit Methodentransparenz, Qualitätsmedien. Interessenverbände sind erlaubt, werden aber als solche gekennzeichnet („laut Branchenverband …“).
• Lässt sich eine Stütze nicht belegen, wird das Argument trotzdem aufgeführt, aber als „Stütze offen – noch zu belegen“ markiert. Nie eine Quelle erfinden, um die Lücke zu füllen.
• Wenn Quellen sich widersprechen, wird das offen dargestellt – das ist oft genau der Streitpunkt der Debatte.

Ablauf

Lege zu Beginn eine Aufgabenliste an (Streitfrage klären → Relevanz → Begriffe & Grundlagen → Argumente Pro → Argumente Contra → Council → HTML bauen → Quellen prüfen), damit der Fortschritt sichtbar ist.

Schritt 0: Streitfrage klären

Bei Jugend debattiert ist die Streitfrage eine Entscheidungsfrage, die eine Maßnahme vorschlägt und mit „Soll …?“ beginnt, z. B. „Soll an Schulen in Deutschland ein Handyverbot gelten?“. Die Pro-Seite befürwortet die Maßnahme, die Contra-Seite lehnt sie ab.

• Ist die Frage schon so formuliert: übernehmen.
• Ist sie es nicht („Handys an Schulen?“): in eine Soll-Frage umformulieren und die Umformulierung im Dossier kurz nennen.
• Bestimme vier Eckpunkte, die das ganze Dossier leiten: Maßnahme (was genau soll sich ändern?), Zuständigkeit (wer müsste entscheiden – Bund, Land, Schulkonferenz …?), Geltungsbereich (für wen, wo, ab wann?) und Status quo (wie ist es heute?).
• Nur wenn die Frage so vage ist, dass die Recherche ins Leere liefe, stelle eine einzige Rückfrage. Sonst beginne direkt.

Schritt 1: Relevanz für verschiedene Gruppen

Zeige, für wen die Frage warum wichtig ist. Wähle 4–7 Gruppen, die wirklich betroffen sind, z. B. Schülerinnen und Schüler, Eltern, Lehrkräfte, Schulträger/Kommunen, Wirtschaft, Politik/Verwaltung, benachteiligte oder besonders betroffene Gruppen, Gesellschaft insgesamt.

Pro Gruppe: 1–3 Sätze, was für sie auf dem Spiel steht (Chancen und Risiken). Wo möglich eine Zahl mit Quelle (z. B. wie viele Menschen betroffen sind).

Schritt 2: Begriffe und Grundlagen

Begriffe: Kläre die Schlüsselbegriffe der Frage und alle Fachbegriffe, die in der Debatte fallen werden. Wo Begriffe umstritten oder mehrdeutig sind, zeige die Lesarten – Definitionsstreit ist in Debatten ein häufiger Hebel.

Grundlagen: Stelle den Hintergrund in den Dimensionen dar, die für die Frage relevant sind. Nicht jede Dimension passt zu jeder Frage; nimm nur die, die tragen:

• rechtlich – geltende Gesetze, Verordnungen, Urteile, Grundrechte, Zuständigkeiten (mit Paragraph und Fundstelle)
• gesellschaftlich – Einstellungen, Umfragen, soziale Entwicklungen
• wirtschaftlich – Kosten, Nutzen, Finanzierung, Marktdaten
• politisch – Positionen der Parteien, aktuelle Gesetzgebung, Vergleich mit anderen Bundesländern/Staaten
• wissenschaftlich/pädagogisch – Forschungsstand
• ethisch – berührte Werte und Prinzipien (Freiheit, Gerechtigkeit, Fürsorge, Verantwortung …)
• ökologisch/technisch – wenn einschlägig

Gerade der Vergleich („In Bundesland X / Land Y gilt das schon seit …, mit folgendem Ergebnis …“) liefert oft die stärksten Stützen für Schritt 3.

Schritt 3: Argumente für Pro und Contra

Recherchiere 4–6 Argumente pro Seite. Beide Seiten bekommen gleich viel Sorgfalt – auch die Seite, die dir schwächer vorkommt, erhält ihre stärkste Version.

Die Recherche kann für beide Seiten parallel von zwei Sub-Agenten erledigt werden (einer Pro, einer Contra), wenn Sub-Agenten verfügbar sind. Gib ihnen die Streitfrage, die Eckpunkte aus Schritt 0, den Grundsatz zu überprüfbaren Stützen (oben, wörtlich) und das Argumentschema unten mit. Sonst recherchiere selbst.

Argumentschema (orientiert am Argumentaufbau aus Jugend debattiert):

Deckt die Argumente breit ab. Hilfreich sind die klassischen Prüffragen einer Maßnahmedebatte:

1. Handlungsbedarf – Gibt es überhaupt ein Problem? Wie groß ist es?
2. Wirksamkeit – Löst die Maßnahme das Problem wirklich?
3. Nebenwirkungen und Kosten – Was kostet es, wer trägt es, was geht verloren?
4. Alternativen – Gibt es mildere oder bessere Mittel?
5. Werte und Rechte – Welche Grundsätze stehen gegeneinander?

Sortiere die Argumente pro Seite vom stärksten zum schwächsten.

Vor dem Council zusammenführen: Wurden Teile parallel recherchiert, führe sie zu einem Dossier zusammen. Prüfe dabei Widersprüche zwischen den Teilen (z. B. eine ältere Quelle auf der einen Seite, eine neuere mit anderem Stand auf der anderen) und korrigiere betroffene Argumente direkt im Argumenttext: Stütze streichen oder ersetzen, Belegstärke anpassen. Eine bloße Randnotiz reicht nicht, weil die Berater sie leicht überlesen.

Schritt 4: Das Council zieht ein Fazit

Jetzt wertet das Council das Dossier aus. Die Berater bekommen nicht die nackte Frage, sondern das gesamte Material aus Schritt 0–3 (Eckpunkte, Relevanz, Grundlagen, alle Argumente mit Stützen und Belegstärke). Ihr Fazit soll sich auf die gefundenen Inhalte stützen, nicht auf Allgemeinwissen. Neue Fakten ohne Quelle dürfen sie nicht einführen.

Die fünf Berater

Jeder Berater steht für eine Denkweise, die mit den anderen in Spannung steht:

1. Der Contrarian – sucht die Schwachstellen: Welche Argumente sind wackelig belegt, wo sind Fehlschlüsse (Korrelation statt Kausalität, Einzelfall als Regel), welche Stütze würde in der Debatte als Erstes zerlegt?
2. Der First-Principles-Denker – fragt, worum es eigentlich geht: Welcher Wertkonflikt liegt unter der Frage? Ist die Frage richtig gestellt, oder verschiebt ein anderes Verständnis der Begriffe die ganze Debatte?
3. Der Expansionist – sucht, was übersehen wird: Welche größeren Chancen oder Langzeitfolgen spielen in den Argumenten kaum eine Rolle? Welche Gruppe aus Schritt 1 wird unterschätzt?
4. Der Outsider – liest das Dossier ohne Vorwissen: Was ist unverständlich, was überzeugt einen unbeteiligten Zuhörer (etwa die Jury), was klingt nur für Insider stark?
5. Der Executor – denkt an die Umsetzung: Wäre die Maßnahme praktisch durchführbar, kontrollierbar, finanzierbar? Was würde ab dem ersten Tag konkret passieren?

Warum diese fünf: Contrarian gegen Expansionist (Risiko gegen Chance), First Principles gegen Executor (grundsätzlich gegen praktisch), der Outsider hält alle ehrlich.

4a: Berater parallel befragen

Starte alle fünf gleichzeitig als Sub-Agenten, damit sich die Antworten nicht gegenseitig beeinflussen.

Du bist [Beratername] in einem Council, das die Streitfrage einer Debatte nach dem Format von „Jugend debattiert“ auswertet.

Deine Denkweise: [Beschreibung von oben]

Streitfrage: [Soll-Frage]

Dossier:
---
[Eckpunkte, Relevanz, Begriffe & Grundlagen, alle Pro- und Contra-Argumente mit Stützen, Quellen und Belegstärke]
---

Bewerte die Debattenlage aus deiner Perspektive. Beziehe dich konkret auf einzelne Argumente (z. B. „Pro 2“, „Contra 4“) und ihre Stützen. Führe keine neuen Fakten ohne Quelle ein. Sei direkt und nicht ausgewogen – die anderen Berater decken die anderen Blickwinkel ab.

Schließe mit einem Satz: Welche Seite hat nach Sachlage die stärkeren Gründe, und warum?

150–300 Wörter, auf Deutsch, ohne Einleitung.

4b: Anonymes Peer-Review

Anonymisiere die fünf Antworten als Antwort A–E (Zuordnung zufällig mischen, damit die Reihenfolge nichts verrät). Starte fünf neue Sub-Agenten, die jeweils alle fünf Antworten sehen und drei Fragen beantworten:

Fünf Berater haben die folgende Streitfrage anhand eines Recherche-Dossiers bewertet:

Streitfrage: [Soll-Frage]

[Antwort A] … [Antwort E]

Beantworte konkret und mit Bezug auf die Buchstaben:
1. Welche Antwort ist am stärksten, und warum?
2. Welche Antwort hat den größten blinden Fleck, und welchen?
3. Was haben alle fünf übersehen, obwohl es im Dossier steht oder dort fehlt?

Höchstens 200 Wörter, auf Deutsch.

4c: Synthese durch den Vorsitzenden

Ein letzter Agent bekommt das Dossier, die fünf Beraterantworten (jetzt mit Namen) und die fünf Reviews und schreibt das Fazit in dieser Struktur:

• Worin das Council übereinstimmt – Punkte, auf die mehrere Berater unabhängig kamen.
• Wo das Council uneins ist – echte Streitpunkte, beide Seiten fair dargestellt.
• Blinde Flecken – was erst im Peer-Review sichtbar wurde.
• Die tragenden Argumente – die 2–3 stärksten Argumente je Seite, gemessen an Begründung und Belegstärke; dazu die Argumente, die in einer Debatte am leichtesten angreifbar wären.
• Abwägung und Fazit – eine klare Einschätzung, welche Seite nach Sachlage die besseren Gründe hat, und unter welchen Bedingungen sich das Urteil drehen würde. Kein „es kommt darauf an“ ohne zu sagen, worauf. Der Vorsitzende darf der Mehrheit widersprechen, wenn die Gründe der Minderheit besser sind.
• Offene Recherche – welche Stützen noch fehlen oder nachgeprüft werden sollten.

Das Fazit ist eine Einschätzung der Argumentationslage, keine Entscheidung darüber, was „richtig“ ist. Bei politisch umstrittenen Fragen bleibt es bei der Frage, welche Seite ihre Position besser begründen und belegen kann.

Schritt 5: HTML-Seite bauen

Kopiere die HTML-Vorlage aus dem Anhang unten in eine neue Datei und fülle sie mit den Inhalten aus Schritt 0–4. Die Vorlage enthält bereits Aufbau, eine neutrale Gestaltung (Systemschriften, zurückhaltende Farben, heller und dunkler Modus) und Druckansicht. Wer ein eigenes Design (Schulfarben, Hausschriften) nutzen möchte, ändert nur die Farb- und Schriftvariablen unter :root; ansonsten ersetze nur die markierten Platzhalter und wiederhole die Beispielblöcke so oft wie nötig.

Wichtig beim Füllen:

• Führe doppelte Quellen aus verschiedenen Rechercheteilen zu einer zusammen und nummeriere alle Quellen fortlaufend in der Reihenfolge ihres ersten Auftretens.
• Quellen werden im Text als hochgestellte Nummer verlinkt: <a class="ref" href="#q3">[3]</a>. Das Quellenverzeichnis am Ende trägt die passenden id="q3".
• Die Belegstärke wird als Badge gesetzt: <span class="staerke stark">stark</span>, mittel oder offen.
• Die Seite ist vollständig in sich geschlossen: keine externen Skripte, Schriften oder Bilder.
• Dateiname: jd-[kurzes-thema].html.

Veröffentliche die Seite anschließend als Artifact, wenn das Artifact-Tool verfügbar ist; sonst sende die Datei an den Nutzer.

Schritt 6: Quellen prüfen

Bevor du die Seite übergibst, gehe das Quellenverzeichnis einmal durch:

• Hat jede Quellennummer im Text einen Eintrag im Verzeichnis und umgekehrt?
• Stimmt jede Zahl im Text mit dem überein, was in der Quelle steht?
• Sind alle unbelegten Stützen als „offen“ markiert?
• Ist kein Platzhalter {{…}} aus der Vorlage übrig geblieben?

Korrigiere Abweichungen, bevor du die Seite übergibst. In der Antwort an den Nutzer genügen ein, zwei Sätze: die Streitfrage, die Tendenz des Fazits und wie viele Stützen noch offen sind.

PDF – nur auf ausdrückliche Anfrage

Erstelle kein PDF von dir aus. Das Dossier ist die HTML-Seite; ein PDF gibt es nur, wenn der Nutzer ausdrücklich danach fragt. Dann drucke die fertige HTML-Seite mit Playwright (Chromium) als A4-PDF und verwende diese Einstellungen, damit das Ergebnis kompakt und gut lesbar ist:

• A4, Ränder 14/12/16/12 mm, Hintergrundfarben mitdrucken, Fußzeile mit Seitenzahl „Seite x/y“
• Pro und Contra zweispaltig; Argumentkarten dürfen über Seitenwechsel laufen (sonst entstehen große Lücken)
• Überschriften nie allein am Seitenende
• Berater-Stimmen vor dem Druck ausklappen
• Council-Fazit beginnt auf einer neuen Seite

from playwright.sync_api import sync_playwright
import os

PRINT_CSS = """
body { font-size: 9.5pt !important; line-height: 1.45; }
.wrap { padding: 0 4mm 8mm !important; max-width: none !important; }
header.kopf { padding: 16px 0 14px !important; }
header.kopf h1 { font-size: 20pt !important; }
.eckpunkte { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; }
.eckpunkte div { font-size: 8.5pt !important; padding: 6px 8px !important; }
h2 { font-size: 15pt !important; margin-top: 1.2em !important; break-after: avoid; }
h3, h4, dt, .dimension .tag, .seite h3 { break-after: avoid; }
.gruppen { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
.gruppe { padding: 8px 10px !important; }
.gruppe p { font-size: 8.8pt !important; }
.seiten { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.argument dl { grid-template-columns: 1fr !important; gap: 2px !important; font-size: 8.8pt !important; padding: 6px 10px 8px !important; }
.argument .titel { padding: 6px 10px !important; font-size: 9.5pt; break-after: avoid; }
.argument, .gruppe { break-inside: auto !important; }
.fazit-block { padding: 8px 12px !important; }
details.berater .inhalt, details.berater .inhalt p { font-size: 8.8pt !important; }
ol.quellen { font-size: 8pt !important; }
#fazit { break-before: page; } #fazit h2 { margin-top: 0 !important; }
footer { margin-top: 12px !important; }
"""

def html_to_pdf(html_path, pdf_path, fusszeile):
    chromium = "/opt/pw-browsers/chromium"
    with sync_playwright() as pw:
        b = pw.chromium.launch(executable_path=chromium) if os.path.exists(chromium) else pw.chromium.launch()
        pg = b.new_page()
        pg.goto("file://" + os.path.abspath(html_path))
        pg.evaluate("document.querySelectorAll('details').forEach(d => d.open = true)")
        pg.add_style_tag(content=PRINT_CSS)
        pg.emulate_media(media="print", color_scheme="light")
        pg.pdf(path=pdf_path, format="A4", print_background=True,
               margin={"top": "14mm", "bottom": "16mm", "left": "12mm", "right": "12mm"},
               display_header_footer=True, header_template="<span></span>",
               footer_template=f'<div style="font-size:8px;width:100%;text-align:center;color:#5a6573">{fusszeile} · Seite <span class="pageNumber"></span>/<span class="totalPages"></span></div>')
        b.close()

# Beispiel: html_to_pdf("jd-handyverbot.html", "Dossier_Handyverbot.pdf", "Jugend debattiert · Handyverbot an Schulen")

Danach die Seiten mit pdftoppm als Vorschaubilder rendern und ansehen: keine leeren Halbseiten, keine abgeschnittenen Kästen, keine allein stehenden Überschriften. Dann das PDF senden. Der Nutzer kann die HTML-Seite auch selbst über „Drucken → Als PDF speichern“ ausgeben.

Beispiel (verkürzt)

Eingabe: „Jugend debattiert: Soll an Schulen in Deutschland ein generelles Handyverbot gelten?“

Eckpunkte: Maßnahme: private Smartphones während der gesamten Unterrichtszeit einschließlich Pausen nicht nutzbar · Zuständigkeit: Kultusministerium (Verordnung) oder Schulkonferenz (Hausordnung) · Status quo: Regelung bisher über Hausordnungen der einzelnen Schulen.

Pro 1

• Behauptung: Ein Handyverbot verbessert die Konzentration im Unterricht.
• Begründung: Schon die Anwesenheit des Smartphones bindet Aufmerksamkeit; ohne es fallen Ablenkungen weg.
• Stütze: Ergebnis einer bestimmten Studie mit Zahl [2] – nur aus tatsächlich geöffneter Quelle.
• Beispiel: Ein Land oder Bundesland, das ein Verbot eingeführt hat, und was dort beobachtet wurde [3].
• Mögliche Entgegnung: Effekte klein oder nicht kausal belegt; Medienkompetenz lernt man nicht durch Verbot.
• Belegstärke: mittel

(Die Platzhalter [2], [3] stehen hier nur für das Schema – im echten Dossier stammen alle Angaben aus der Recherche.)

Anhang: HTML-Vorlage

Platzhalter stehen in {{…}}; Kommentare <!-- … --> erklären, welche Blöcke wiederholt oder gelöscht werden. Die Kommentare dürfen im fertigen Dossier stehen bleiben, Platzhalter mit {{ dagegen nicht.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PLATZHALTER: Kurztitel, 2–4 Wörter, z. B. "Handyverbot an Schulen" -->
<title>{{KURZTITEL}}</title>
<style>
  /* Neutrale Grundfarben – für ein eigenes Design nur diese Variablen anpassen */
  :root {
    --primaer: #2b4c7e;      /* Kopf, Überschriften */
    --pro-farbe: #4f8a3c;    /* Pro-Seite */
    --contra-farbe: #c0563b; /* Contra-Seite */
    --markierung: #e8b04b;   /* Unterstreichung, Hervorhebung */
    --hinweis: #5b9aa9;      /* Gruppen, Zitate */

    --bg: #ffffff;
    --surface: #f5f8fb;
    --text: #1c2430;
    --muted: #5a6573;
    --border: #d9e1ea;
    --pro: #3d6b2e;          /* dunkles Grün, lesbar auf Weiß */
    --pro-bg: #f3f8e2;
    --contra: #a3432b;       /* dunkles Rot, lesbar auf Weiß */
    --contra-bg: #fcefe9;
    --accent: var(--primaer);
    --accent-bg: #e6f0f8;

    --serif: Georgia, "Times New Roman", serif;
    --sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  :root[data-theme="dark"] {
    --bg: #121820; --surface: #1b2330; --text: #e6ebf1; --muted: #9aa6b4; --border: #2c3747;
    --pro: #9fd08a; --pro-bg: #1f2a14; --contra: #f0936b; --contra-bg: #2d1c15;
    --accent: #8fb3e6; --accent-bg: #16303a;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --bg: #121820; --surface: #1b2330; --text: #e6ebf1; --muted: #9aa6b4; --border: #2c3747;
      --pro: #9fd08a; --pro-bg: #1f2a14; --contra: #f0936b; --contra-bg: #2d1c15;
      --accent: #8fb3e6; --accent-bg: #16303a;
    }
  }

  * { box-sizing: border-box; min-width: 0; }
  body, dd, p, li, h1 { overflow-wrap: anywhere; }
  html { scroll-behavior: smooth; }
  body {
    margin: 0; background: var(--bg); color: var(--text);
    font-family: var(--sans); font-size: 16px; line-height: 1.6;
  }
  .wrap { max-width: 1040px; margin: 0 auto; padding: 0 16px 64px; }
  h1, h2, h3, h4 { font-family: var(--serif); line-height: 1.25; margin: 0 0 .5em; }
  h2 { font-size: 1.6rem; color: var(--accent); margin-top: 2.2em; padding-bottom: .3em; border-bottom: 3px solid var(--markierung); }
  h3 { font-size: 1.2rem; margin-top: 1.4em; }
  a { color: var(--accent); }
  a.ref { text-decoration: none; font-size: .75em; vertical-align: super; padding: 0 1px; }
  blockquote { font-style: italic; margin: 1em 0; padding: .5em 1em; border-left: 4px solid var(--hinweis); background: var(--surface); }

  /* Kopf */
  header.kopf { background: var(--primaer); color: #fff; padding: 36px 0 28px; border-bottom: 6px solid var(--markierung); }
  header.kopf .label { font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
  header.kopf h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); margin: .3em 0 .4em; color: #fff; }
  header.kopf .umformuliert { font-size: .9rem; opacity: .9; }
  header.kopf a.ref { color: #fff; opacity: .8; }
  .eckpunkte { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: 20px; }
  .eckpunkte div { background: rgba(255,255,255,.12); border-radius: 8px; padding: 10px 12px; font-size: .92rem; }
  .eckpunkte b { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; opacity: .85; }

  /* Navigation */
  nav.inhalt { position: sticky; top: 0; z-index: 5; background: var(--bg); border-bottom: 1px solid var(--border); }
  nav.inhalt ul { list-style: none; margin: 0 auto; padding: 8px 16px; max-width: 1040px; display: flex; gap: 6px 18px; flex-wrap: wrap; font-size: .9rem; }
  nav.inhalt a { text-decoration: none; color: var(--muted); }
  nav.inhalt a:hover { color: var(--accent); }

  /* Relevanz */
  .gruppen { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
  .gruppe { background: var(--surface); border: 1px solid var(--border); border-top: 4px solid var(--hinweis); border-radius: 8px; padding: 14px 16px; }
  .gruppe h4 { margin-bottom: .3em; }
  .gruppe p { margin: 0; font-size: .95rem; }

  /* Begriffe */
  dl.begriffe { margin: 0; }
  dl.begriffe dt { font-weight: 700; margin-top: .9em; }
  dl.begriffe dd { margin: .2em 0 0 0; padding-left: 14px; border-left: 3px solid var(--pro-farbe); }

  /* Grundlagen */
  .dimension { margin-top: 1.2em; }
  .dimension .tag { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; background: var(--accent-bg); color: var(--accent); border-radius: 4px; padding: 2px 8px; margin-bottom: .3em; }

  /* Argumente */
  .seiten { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  @media (max-width: 760px) { .seiten { grid-template-columns: 1fr; } }
  .seite h3 { margin-top: 0; padding: 8px 12px; border-radius: 6px; color: #fff; }
  .seite.pro h3 { background: var(--pro-farbe); }
  .seite.contra h3 { background: var(--contra-farbe); }
  .argument { border: 1px solid var(--border); border-radius: 8px; margin-bottom: 14px; overflow: hidden; }
  .pro .argument { border-left: 5px solid var(--pro-farbe); }
  .contra .argument { border-left: 5px solid var(--contra-farbe); }
  .argument .titel { padding: 10px 14px; font-family: var(--serif); font-weight: 700; display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
  .pro .argument .titel { background: var(--pro-bg); }
  .contra .argument .titel { background: var(--contra-bg); }
  .argument .nr { font-family: var(--sans); font-size: .8rem; color: var(--muted); white-space: nowrap; flex-shrink: 0; }
  .argument dl { margin: 0; padding: 8px 14px 12px; display: grid; grid-template-columns: 8.5em 1fr; gap: 6px 10px; font-size: .94rem; }
  @media (max-width: 480px) { .argument dl { grid-template-columns: 1fr; } .argument dd { margin-bottom: 6px; } }
  .argument dt { font-weight: 700; color: var(--muted); font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; padding-top: 2px; }
  .argument dd { margin: 0; }
  .staerke { display: inline-block; font-size: .75rem; font-weight: 700; border-radius: 999px; padding: 1px 10px; }
  .staerke.stark { background: #cfe6c4; color: #1c2430; }
  .staerke.mittel { background: var(--markierung); color: #1c2430; }
  .staerke.offen { background: transparent; color: var(--contra); border: 1.5px dashed var(--contra); }

  /* Council */
  .fazit-block { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 14px 18px; margin-top: 14px; }
  .fazit-block h3 { margin-top: 0; }
  .fazit-block h4 { margin: .8em 0 .3em; font-size: 1rem; }
  .fazit-block ul { margin: .2em 0; padding-left: 1.2em; }
  .fazit-kern { background: var(--accent-bg); border-left: 6px solid var(--accent); }
  details.berater { border: 1px solid var(--border); border-radius: 8px; margin-top: 10px; }
  details.berater summary { cursor: pointer; padding: 10px 14px; font-weight: 700; font-family: var(--serif); }
  details.berater .inhalt { padding: 0 14px 12px; font-size: .95rem; }

  /* Quellen */
  ol.quellen { padding-left: 1.6em; font-size: .9rem; }
  ol.quellen li { margin-bottom: .45em; word-break: break-word; }
  ol.quellen li:target { background: var(--markierung); color: #1c2430; }
  .hinweis { font-size: .85rem; color: var(--muted); }

  footer { margin-top: 48px; font-size: .8rem; color: var(--muted); border-top: 1px solid var(--border); padding-top: 12px; }

  @media print {
    nav.inhalt { display: none; }
    body { font-size: 11pt; background: #fff; color: #000; }
    header.kopf { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .argument, .gruppe, .fazit-block { break-inside: avoid; }
    details.berater { display: block; }
    details.berater > .inhalt { display: block !important; }
    a { color: inherit; }
  }
</style>
</head>
<body>

<header class="kopf">
  <div class="wrap" style="padding-bottom:0">
    <div class="label">Jugend debattiert · Recherche-Dossier</div>
    <!-- PLATZHALTER: Streitfrage als Soll-Frage -->
    <h1>{{STREITFRAGE}}</h1>
    <!-- Nur wenn die Frage umformuliert wurde, sonst Zeile löschen -->
    <div class="umformuliert">Ursprüngliche Frage: „{{ORIGINALFRAGE}}“</div>
    <div class="eckpunkte">
      <div><b>Maßnahme</b>{{MASSNAHME}}</div>
      <div><b>Zuständigkeit</b>{{ZUSTAENDIGKEIT}}</div>
      <div><b>Geltungsbereich</b>{{GELTUNGSBEREICH}}</div>
      <div><b>Status quo</b>{{STATUS_QUO}}</div>
    </div>
  </div>
</header>

<nav class="inhalt">
  <ul>
    <li><a href="#relevanz">1 Relevanz</a></li>
    <li><a href="#grundlagen">2 Begriffe &amp; Grundlagen</a></li>
    <li><a href="#argumente">3 Argumente</a></li>
    <li><a href="#fazit">4 Council-Fazit</a></li>
    <li><a href="#quellen">Quellen</a></li>
  </ul>
</nav>

<main class="wrap">

  <!-- ============ 1 RELEVANZ ============ -->
  <section id="relevanz">
    <h2>1 Relevanz der Frage</h2>
    <div class="gruppen">
      <!-- Block pro Gruppe wiederholen (4–7 Gruppen) -->
      <div class="gruppe">
        <h4>{{GRUPPE}}</h4>
        <p>{{WAS_STEHT_FUER_DIESE_GRUPPE_AUF_DEM_SPIEL}} <a class="ref" href="#q1">[1]</a></p>
      </div>
    </div>
  </section>

  <!-- ============ 2 BEGRIFFE & GRUNDLAGEN ============ -->
  <section id="grundlagen">
    <h2>2 Begriffe und Grundlagen</h2>

    <h3>Begriffe</h3>
    <dl class="begriffe">
      <!-- Paar pro Begriff wiederholen -->
      <dt>{{BEGRIFF}}</dt>
      <dd>{{DEFINITION_UND_GGF_LESARTEN}} <a class="ref" href="#q2">[2]</a></dd>
    </dl>

    <h3>Grundlagen</h3>
    <!-- Block pro relevanter Dimension wiederholen: rechtlich, gesellschaftlich, wirtschaftlich, politisch, wissenschaftlich/pädagogisch, ethisch, ökologisch/technisch -->
    <div class="dimension">
      <span class="tag">{{DIMENSION}}</span>
      <p>{{DARSTELLUNG_MIT_BELEGEN}} <a class="ref" href="#q3">[3]</a></p>
    </div>
  </section>

  <!-- ============ 3 ARGUMENTE ============ -->
  <section id="argumente">
    <h2>3 Argumente</h2>
    <p class="hinweis">Sortiert vom stärksten zum schwächsten Argument. Belegstärke:
      <span class="staerke stark">stark</span> Primärquelle/belastbare Studie ·
      <span class="staerke mittel">mittel</span> Sekundärquelle, Einzelstudie, Umfrage ·
      <span class="staerke offen">offen</span> noch zu belegen</p>

    <div class="seiten">
      <div class="seite pro">
        <h3>Pro – dafür</h3>
        <!-- Block pro Argument wiederholen (4–6), id pro-1, pro-2 … -->
        <article class="argument" id="pro-1">
          <div class="titel"><span>{{BEHAUPTUNG}}</span><span class="nr">Pro 1</span></div>
          <dl>
            <dt>Begründung</dt><dd>{{BEGRUENDUNG}}</dd>
            <dt>Stütze</dt><dd>{{UEBERPRUEFBARER_FAKT}} <a class="ref" href="#q4">[4]</a></dd>
            <dt>Beispiel</dt><dd>{{BEISPIEL}}</dd>
            <dt>Entgegnung</dt><dd>{{MOEGLICHE_ENTGEGNUNG}}</dd>
            <dt>Belegstärke</dt><dd><span class="staerke stark">stark</span></dd>
          </dl>
        </article>
      </div>

      <div class="seite contra">
        <h3>Contra – dagegen</h3>
        <!-- Block pro Argument wiederholen (4–6), id contra-1, contra-2 … -->
        <article class="argument" id="contra-1">
          <div class="titel"><span>{{BEHAUPTUNG}}</span><span class="nr">Contra 1</span></div>
          <dl>
            <dt>Begründung</dt><dd>{{BEGRUENDUNG}}</dd>
            <dt>Stütze</dt><dd>{{UEBERPRUEFBARER_FAKT}} <a class="ref" href="#q5">[5]</a></dd>
            <dt>Beispiel</dt><dd>{{BEISPIEL}}</dd>
            <dt>Entgegnung</dt><dd>{{MOEGLICHE_ENTGEGNUNG}}</dd>
            <dt>Belegstärke</dt><dd><span class="staerke mittel">mittel</span></dd>
          </dl>
        </article>
      </div>
    </div>
  </section>

  <!-- ============ 4 COUNCIL-FAZIT ============ -->
  <section id="fazit">
    <h2>4 Fazit des Councils</h2>
    <p class="hinweis">Fünf Berater mit unterschiedlichen Denkweisen haben das Dossier unabhängig bewertet, ihre Einschätzungen anonym gegenseitig geprüft; ein Vorsitzender hat das Fazit zusammengeführt. Es bewertet die Argumentationslage, nicht die Frage an sich.</p>

    <div class="fazit-block fazit-kern">
      <h3>Abwägung und Fazit</h3>
      <p>{{FAZIT_MIT_BEDINGUNGEN_UNTER_DENEN_ES_KIPPT}}</p>
    </div>

    <div class="fazit-block">
      <h3>Die tragenden Argumente</h3>
      <!-- Unterteilen mit <h4>Pro – am stärksten</h4><ul>…</ul>, <h4>Contra – am stärksten</h4>, <h4>Am leichtesten angreifbar</h4> -->
      <p>{{STAERKSTE_ARGUMENTE_JE_SEITE_UND_ANGREIFBARE_ARGUMENTE}}</p>
    </div>

    <div class="fazit-block">
      <h3>Worin das Council übereinstimmt</h3>
      <ul><li>{{PUNKT}}</li></ul>
    </div>

    <div class="fazit-block">
      <h3>Wo das Council uneins ist</h3>
      <ul><li>{{STREITPUNKT}}</li></ul>
    </div>

    <div class="fazit-block">
      <h3>Blinde Flecken</h3>
      <ul><li>{{BLINDER_FLECK}}</li></ul>
    </div>

    <div class="fazit-block">
      <h3>Offene Recherche</h3>
      <ul><li>{{FEHLENDE_ODER_ZU_PRUEFENDE_STUETZE}}</li></ul>
    </div>

    <h3>Die Stimmen der Berater</h3>
    <details class="berater"><summary>Der Contrarian</summary><div class="inhalt">{{ANTWORT}}</div></details>
    <details class="berater"><summary>Der First-Principles-Denker</summary><div class="inhalt">{{ANTWORT}}</div></details>
    <details class="berater"><summary>Der Expansionist</summary><div class="inhalt">{{ANTWORT}}</div></details>
    <details class="berater"><summary>Der Outsider</summary><div class="inhalt">{{ANTWORT}}</div></details>
    <details class="berater"><summary>Der Executor</summary><div class="inhalt">{{ANTWORT}}</div></details>
  </section>

  <!-- ============ QUELLEN ============ -->
  <section id="quellen">
    <h2>Quellen</h2>
    <ol class="quellen">
      <!-- Eintrag pro Quelle, id="qN" passend zur Nummer im Text.
           Format: Herausgeber/Autor (Jahr): Titel. Fundstelle. URL (abgerufen am TT.MM.JJJJ) -->
      <li id="q1">{{HERAUSGEBER}} ({{JAHR}}): <i>{{TITEL}}</i>. {{FUNDSTELLE}}. <a href="{{URL}}">{{URL}}</a> (abgerufen am {{DATUM}})</li>
    </ol>
  </section>

  <footer>
    Recherche-Dossier im Format von „Jugend debattiert“ · erstellt am {{DATUM}} mit Claude · Alle Stützen vor Verwendung an der Quelle prüfen.
  </footer>
</main>
</body>
</html>