/* Leinwandfassung. Folien sind 16:9 und rechnen in em auf einer Basis von 10px bei 1920px Breite,
   damit Bildschirm, Beamer und PDF dasselbe Bild zeigen. */
@font-face{font-family:Ubuntu;src:url('Ubuntu-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Ubuntu;src:url('Ubuntu-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Ubuntu;src:url('Ubuntu-bold.woff2') format('woff2');font-weight:700;font-display:swap}

:root{color-scheme:light;
  --seite:#f4f1f7;--seite-ink:#28232f;--seite-sub:#6b6275;--seite-linie:#e2dbe9;--seite-karte:#fff;}
:root[data-farbe=dark]{color-scheme:dark;
  --seite:#140a1d;--seite-ink:#efe8f5;--seite-sub:#b3a6c1;--seite-linie:#35283f;--seite-karte:#1f1429;}
@media(prefers-color-scheme:dark){:root:not([data-farbe=light]){color-scheme:dark;
  --seite:#140a1d;--seite-ink:#efe8f5;--seite-sub:#b3a6c1;--seite-linie:#35283f;--seite-karte:#1f1429;}}
/* Violette Folien tragen, was sein kann. Im hellen Modus bleiben sie hell mit violettem Grund. */
.pr-violett{--pr-akzent-flaeche:var(--pr-akzent)}

*{box-sizing:border-box}
[hidden]{display:none!important}
.pr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html,body{margin:0}
body{background:var(--seite);color:var(--seite-ink);font:15px/1.5 Ubuntu,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.18em}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--volt-fokus);outline-offset:3px}
h1,h2,h3,p,ol,ul,figure,blockquote{margin:0;padding:0}
ol,ul{list-style:none}

.pr-leiste{display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--seite-linie);background:var(--seite-karte);position:sticky;top:0;z-index:5}
.pr-leiste>a{font-size:13px;color:var(--seite-sub);white-space:nowrap}
.pr-leiste p{flex:1;min-width:0;font-size:13px;color:var(--seite-sub)}
.pr-leiste p strong{display:block;color:var(--seite-ink);font-size:15px;font-weight:500}
.pr-knoepfe{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pr-knoepfe button{border:1px solid var(--seite-linie);background:var(--seite-karte);color:var(--seite-ink);border-radius:8px;padding:8px 12px;font-size:13px}
.pr-knoepfe button[data-pr=vorfuehren]{background:#502379;border-color:#502379;color:#fff;font-weight:500}
.pr-knoepfe button[aria-pressed=true]{background:var(--seite);border-color:var(--volt-fokus)}
.pr-hilfe{max-width:1240px;margin:18px auto 0;padding:0 28px;font-size:13px;color:var(--seite-sub)}
.pr-deck{display:grid;gap:40px;max-width:1240px;margin:0 auto;padding:22px 28px 80px}
.pr-rahmen{scroll-margin-top:90px}
.pr-deck .pr-folie{border-radius:12px;box-shadow:0 2px 24px rgba(20,8,32,.12)}
.pr-notiz{display:none;margin-top:14px;padding:16px 20px;border-left:3px solid var(--volt-fokus);background:var(--seite-karte);border-radius:0 10px 10px 0;font-size:15px;max-width:80ch}
.pr-notiz h3{font-size:12px;font-weight:500;color:var(--seite-sub);margin-bottom:6px}
.pr-notiz p+p{margin-top:8px}
.pr-mit-notizen .pr-notiz{display:block}

/* Zitat */
.pr-zitat{border-left:.6em solid var(--pr-akzent);padding:.4em 0 .4em 4em;max-width:150em}
.pr-zitat p{font-size:4.4em;line-height:1.35}
.pr-zitat footer{font-size:2.4em;color:var(--pr-sub);margin-top:1.4em}

/* Lagezeichen auf Folien */
.pr-lage{display:inline-block;width:1em;height:1em;border-radius:50%;flex-shrink:0;box-sizing:border-box}
.pr-lage-wert{background:var(--pr-akzent)}
.pr-lage-befund{border:.1em solid var(--pr-sub);background:radial-gradient(circle,var(--pr-sub) 0 34%,transparent 36%)}
.pr-lage-papier{border:.16em solid var(--pr-akzent)}
.pr-lage-vorschlag{border:.16em dashed var(--pr-akzent)}
.pr-lage-leer{border:.1em solid var(--pr-kontext)}
.pr-legende{display:flex;flex-wrap:wrap;gap:1em 4em;font-size:2.4em;color:var(--pr-sub)}
.pr-legende li{display:flex;align-items:center;gap:.6em}

/* Karte der Zielbilder */
.pr-inhalt:has(.pr-karte){gap:3em}
.pr-karte{display:grid;gap:1.2em}
.pr-kzeile{display:grid;grid-template-columns:30em minmax(0,1fr);gap:1.6em;align-items:stretch}
.pr-kkopf{display:flex;align-items:center;gap:1em;font-size:2.8em;line-height:1.15}
.pr-kkopf strong{font-weight:700;color:var(--pr-akzent);min-width:1.6em}
.pr-karte ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1em}
.pr-zelle{display:flex;align-items:center;min-height:8.4em;padding:1em 1.4em;border-radius:1em;font-size:1em}
.pr-zelle span{font-size:2.4em;line-height:1.2;font-weight:500;hyphens:auto;-webkit-hyphens:auto;min-width:0}
.pr-zelle-wert{background:var(--pr-akzent);color:var(--pr-grund)}
.pr-zelle-befund{background:var(--pr-feld)}
.pr-zelle-papier{border:.3em solid var(--pr-akzent)}
.pr-zelle-vorschlag{border:.3em dashed var(--pr-akzent)}
.pr-zelle-leer{background:var(--pr-feld);color:var(--pr-feld-ink)}
.pr-violett .pr-zelle-wert{color:var(--pr-violett)}

/* Punktraster Datenlage */
.pr-punkte{display:grid;grid-template-columns:repeat(14,5.6em);gap:2em}
.pr-punkt{width:5.6em;height:5.6em;border-radius:50%}
.pr-punkt.pr-lage-papier{border-width:.4em}
.pr-punktlegende{display:grid;gap:1em;font-size:3em;max-width:60ch}
.pr-punktlegende li{display:flex;align-items:baseline;gap:.7em}
.pr-punktlegende .pr-lage{width:.7em;height:.7em;transform:translateY(.05em)}

/* Vorschläge je Zielbild */
.pr-leitsatz{font-size:3.2em;line-height:1.4;color:var(--pr-sub);max-width:60ch}
.pr-vorschlaege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4em 6em}
.pr-vorschlaege li{display:grid;gap:.5em;padding-left:2.2em;border-left:.35em dashed var(--pr-akzent)}
.pr-vorschlaege strong{font-size:4em;font-weight:500;line-height:1.15}
.pr-vorschlaege small{font-size:2.4em;color:var(--pr-sub)}
.pr-vtag{font-size:2em;color:var(--pr-akzent)}
.pr-offen{display:flex;align-items:center;gap:.7em;font-size:2.6em;color:var(--pr-sub)}
.pr-offen .pr-lage{width:.8em;height:.8em}

/* Beleg und Bitten */
.pr-weg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2em;counter-reset:schritt}
.pr-weg li{position:relative;display:grid;gap:.8em;padding:3em 2.4em 2.6em;background:var(--pr-feld);border-radius:1.2em}
.pr-weg li:not(:last-child):after{content:'';position:absolute;right:-1.2em;top:50%;width:1.2em;height:.25em;background:var(--pr-akzent)}
.pr-weg strong{font-size:3.4em;font-weight:500;line-height:1.1}
.pr-weg span{font-size:2.6em;color:var(--pr-sub)}
.pr-weg li:last-child{background:var(--pr-akzent);color:var(--pr-grund)}
.pr-weg li:last-child span{color:inherit;opacity:.85}
.pr-bitten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4em}
.pr-bitten li{display:grid;align-content:start;gap:.8em;border-top:.4em solid var(--pr-akzent);padding-top:2.4em}
.pr-bitten strong{font-size:14em;font-weight:500;line-height:.95;letter-spacing:-.04em}
.pr-bitten span{font-size:3.6em;line-height:1.25}
.pr-bitten small{font-size:2.4em;color:var(--pr-sub)}

/* Anhang */
.pr-anhang .pr-folie{padding-top:4.4em;padding-bottom:3.4em}
.pr-anhang .pr-inhalt{justify-content:flex-start;gap:3em}
.pr-anhang .pr-inhalt>h2{font-size:5.2em;max-width:40ch}
.pr-tabelle{display:grid;gap:.2em 6em}
.pr-zweispaltig{grid-template-columns:1fr 1fr;grid-auto-flow:row}
.pr-tabelle li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1em;font-size:2.2em;padding:.42em 0;border-bottom:1px solid var(--pr-linie)}
.pr-tabelle .pr-lage{width:.75em;height:.75em}
.pr-tabelle b{font-weight:500;color:var(--pr-sub);white-space:nowrap}
.pr-wahltabelle{border-collapse:collapse;width:100%;font-size:2.6em}
.pr-wahltabelle th{font-weight:400;color:var(--pr-sub);text-align:left;padding:.5em .6em;border-bottom:2px solid var(--pr-linie)}
.pr-wahltabelle td{padding:.5em .6em;border-bottom:1px solid var(--pr-linie);font-variant-numeric:tabular-nums}
.pr-wahltabelle td:nth-child(2),.pr-wahltabelle td:nth-child(3),.pr-wahltabelle th:nth-child(2),.pr-wahltabelle th:nth-child(3){text-align:right}

/* Übersicht */
.pr-uebersicht{position:fixed;inset:0;z-index:20;background:var(--seite);overflow:auto;padding:40px}
.pr-uebersicht h2{font-size:24px;font-weight:500;margin-bottom:20px}
.pr-uebersicht ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.pr-uebersicht a{display:flex;gap:12px;padding:14px 16px;background:var(--seite-karte);border:1px solid var(--seite-linie);border-radius:10px;text-decoration:none;font-size:14px;line-height:1.35;min-height:72px}
.pr-uebersicht a span{font-weight:700;color:var(--pr-akzent);min-width:28px}
.pr-uebersicht a:hover,.pr-uebersicht a[aria-current]{border-color:var(--volt-fokus)}
.pr-ue-anhang a span{font-weight:400;font-size:12px}

/* Vorführen: eine Folie, bildschirmfüllend */
.pr-vorfuehren{overflow:hidden;background:#07030b}
.pr-vorfuehren .pr-leiste,.pr-vorfuehren .pr-hilfe{display:none}
.pr-vorfuehren .pr-deck{position:fixed;inset:0;display:grid;place-items:center;max-width:none;padding:0;gap:0}
.pr-vorfuehren .pr-rahmen{display:none;width:min(100vw,177.78vh)}
.pr-vorfuehren .pr-rahmen.pr-aktiv{display:block}
.pr-vorfuehren .pr-deck .pr-folie{border-radius:0;box-shadow:none}
.pr-vorfuehren.pr-mit-notizen .pr-rahmen{width:min(100vw,120vh)}
.pr-vorfuehren.pr-mit-notizen .pr-notiz{position:fixed;left:0;right:0;bottom:0;max-width:none;max-height:30vh;overflow:auto;border-radius:0;margin:0;z-index:4}
.pr-schmal-sperre{display:none}
/* Unter 700px hochkant wird die 16:9-Folie zu klein, um lesbar zu bleiben. Statt winziger Schrift
   ein Hinweis: Vorführen ist für Querformat oder Beamer gedacht. */
@media (max-width:699px) and (orientation:portrait){
  .pr-vorfuehren .pr-deck,.pr-vorfuehren .pr-steuerung{display:none}
  .pr-vorfuehren .pr-schmal-sperre{display:flex;position:fixed;inset:0;z-index:10;align-items:center;justify-content:center;text-align:center;padding:40px;background:#07030b;color:#fff;font-size:18px;line-height:1.6;max-width:none}
}
.pr-steuerung{position:fixed;right:18px;bottom:16px;display:flex;align-items:center;gap:6px;z-index:6;padding:6px;border-radius:12px;background:rgba(20,10,30,.72);color:#fff;font-size:13px;opacity:0;transition:opacity .2s}
.pr-steuerung:hover,.pr-steuerung:focus-within,.pr-bewegt .pr-steuerung{opacity:1}
.pr-steuerung button{background:transparent;border:0;color:#fff;padding:6px 10px;border-radius:8px;font-size:15px}
.pr-steuerung button:hover{background:rgba(255,255,255,.14)}
.pr-steuerung span{min-width:64px;text-align:center;font-variant-numeric:tabular-nums}

/* Referentenansicht im zweiten Fenster */
.pr-referent-modus .pr-leiste,.pr-referent-modus .pr-hilfe,.pr-referent-modus .pr-deck{display:none}
.pr-referent-modus .pr-referent{display:grid!important;grid-template-rows:auto 1fr auto auto;gap:18px;height:100vh;padding:28px 36px}
.pr-ref-kopf{display:flex;justify-content:space-between;gap:20px;font-size:22px}
.pr-ref-kopf span{font-variant-numeric:tabular-nums;color:var(--seite-sub)}
.pr-ref-notiz{font-size:28px;line-height:1.45;overflow:auto;max-width:60ch}
.pr-ref-notiz p+p{margin-top:.8em}
.pr-ref-naechste{font-size:18px;color:var(--seite-sub)}
.pr-ref-knoepfe{display:flex;gap:12px}
.pr-ref-knoepfe button{flex:1;padding:18px;font-size:20px;border-radius:12px;border:1px solid var(--seite-linie);background:var(--seite-karte);color:var(--seite-ink)}

@media(max-width:760px){
  .pr-leiste{flex-wrap:wrap;gap:10px 16px;padding:12px 16px;position:static}
  .pr-leiste p{flex-basis:100%;order:-1}
  .pr-knoepfe{justify-content:flex-start}
  .pr-knoepfe button[data-pr=referent]{display:none}
  .pr-hilfe{display:none}
  .pr-deck{padding:16px 16px 60px;gap:26px}
  .pr-deck .pr-folie{border-radius:8px}
  .pr-notiz{font-size:14px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@page{size:1920px 1080px;margin:0}
@page notizen{size:A4 portrait;margin:14mm}
@media print{
  html,body{background:#fff!important;color-scheme:light}
  .pr-leiste,.pr-hilfe,.pr-uebersicht,.pr-steuerung,.pr-referent{display:none!important}
  .pr-deck{display:block;max-width:none;padding:0;margin:0}
  .pr-rahmen{width:1920px;break-after:page;break-inside:avoid}
  .pr-rahmen:last-child{break-after:auto}
  .pr-deck .pr-folie{border-radius:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pr-notiz{display:none!important}
  .pr-druck-notizen .pr-rahmen{page:notizen;width:auto}
  .pr-druck-notizen .pr-folie{border:1px solid #ddd}
  .pr-druck-notizen .pr-notiz{display:block!important;background:none;border-left:3px solid #502379;font-size:11pt;color:#222;max-width:none}
}

.pr-vorschlagfolie .pr-inhalt{gap:4em}
.pr-vorschlagfolie .pr-inhalt>h2{order:1;max-width:26ch}
.pr-kicker{order:0;display:flex;align-items:baseline;gap:.6em;font-size:3.2em;color:var(--pr-ink)}
.pr-kicker strong{color:var(--pr-akzent)}
.pr-kicker span{margin-left:.8em;font-size:.8em;color:var(--pr-akzent);border:.08em dashed currentColor;border-radius:99px;padding:.1em .8em}
.pr-vorschlagfolie .pr-vorschlaege{order:2}
.pr-vorschlagfolie .pr-offen{order:3}
.pr-vorschlaege li{align-content:start}
.pr-uebersicht>p{font-size:13px;color:var(--seite-sub);margin:-12px 0 18px}
.pr-vorschlagzeile{display:flex;align-items:baseline;gap:.8em;font-size:5.2em;font-weight:500;line-height:1.15;color:var(--pr-ink)}
.pr-vorschlagzeile .pr-vtag{font-size:.5em;font-weight:400;border:.08em dashed currentColor;border-radius:99px;padding:.15em .8em;white-space:nowrap;align-self:center}
@media print{
  :root:not(#kein){--pr-grund:#ffffff;--pr-violett:#f3ecf9;--pr-ink:#251238;--pr-sub:#5b4d69;--pr-akzent:#502379;--pr-linie:#e3d9ec;--pr-kontext:#5b4d69;--pr-balken:#5b4d69;--pr-feld:#efe8f5;--pr-feld-ink:#6b5f78;--seite-karte:#fff;--seite-ink:#222}
}

/* Aufmerksamkeit: Reihenfolge der Kontextlinien entspricht der Legende nach Volt.
   Linienmuster bleiben auch ohne Farbwahrnehmung unterscheidbar. */
#aufmerksamkeit .vs-reihe-kontext:nth-of-type(1) .vs-reihe{stroke-dasharray:none}
#aufmerksamkeit .vs-reihe-kontext:nth-of-type(2) .vs-reihe{stroke-dasharray:16 9}
#aufmerksamkeit .vs-reihe-kontext:nth-of-type(3) .vs-reihe{stroke-dasharray:2 9}
#aufmerksamkeit .vs-legende span:nth-child(3) i{background:repeating-linear-gradient(to right,var(--pr-kontext) 0 55%,transparent 55% 85%);border-radius:0}
#aufmerksamkeit .vs-legende span:nth-child(4) i{background:radial-gradient(circle,var(--pr-kontext) 48%,transparent 52%) left center / .25em .25em repeat-x;height:.25em;border-radius:0}

/* Bestellung: eine Zeile je Punkt, danach ein App-Bild je Folie. */
.pr-bestelluebersicht .pr-inhalt>h2{max-width:none}
.pr-bestellliste{display:grid;gap:2.4em}
.pr-bestellliste li{display:flex;align-items:center;gap:.7em;font-size:4.4em;line-height:1.25}
.pr-bestellliste svg{width:1em;height:1em;flex-shrink:0;color:var(--pr-akzent)}
.pr-bestellfolie .pr-inhalt{display:grid;grid-template-rows:auto minmax(0,1fr);justify-content:stretch;gap:2.4em;padding:2.4em 0}
.pr-bestellfolie .pr-inhalt>h2{font-size:6em;max-width:42ch}
.pr-bestellfolie figure{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1em}
.pr-bestellfolie img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:left center;border-radius:.8em}
.pr-bestellfolie figcaption{font-size:2.4em;color:var(--pr-sub)}
.pr-bestelltrennung{font-size:4.4em;line-height:1.4;max-width:48ch}