/*
 * Variante C „Wechselrezept“ – nur für variante-c.html, eingebunden NACH css/theme.css.
 * Geteilte Bausteine kommen aus theme.css; hier nur, was Variante C zusätzlich braucht:
 *   1. eigene Stufenleiter (Kette an Stufe 4 und 5)   2. Stufen-Folien mit großer Skizze
 *   3. Randnotizen, Schilder, Stempel   4. Folien 1–4   5. Folien 9–16   6. Folien 17–22
 */

/* reveal setzt an der Seitenzahl display:block inline – Titel/Schluss ohne Nummer erzwingen */
.reveal-viewport.ohne-nummer .slide-number { display: none !important; }

/* ========== 1. Stufenleiter Variante C ========== */
.c-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.c-leiter [data-teil]:not(.an) { display: none; }
.c-leiter.mit-ende .c-stern { display: none; }
.c-leiter .c-halo { fill: none; stroke: #fff; stroke-width: 13px; }
.c-leiter .c-notiz-text {
	font-family: var(--schrift-hand);
	font-size: 64px;
	font-weight: 700;
	fill: var(--lila);
}
/* erledigte Stufen in Lila (Drehbuch C), Zahl und Beschriftung weiß */
.c-leiter .leiter-stufe.erledigt .sl-front { fill: var(--lila); }
.c-leiter .leiter-stufe.erledigt .sl-top { fill: var(--lila-mittel); }
.c-leiter .leiter-stufe.erledigt :is(.sl-nr, .sl-label) { fill: #fff; }
.c-leiter .leiter-stufe.erledigt .sl-ikon { opacity: 0.9; }
.c-leiter .leiter-stufe .sl-label { font-size: 48px; }
/* Mini-Leiter oben rechts: Die C-Leiter ist flacher, ihr SVG hat oben mehr Luft (Platz für die Notiz auf Folie 11).
   14px höher als in theme.css, damit sie optisch mittig zwischen Pixelband und Folieninhalt sitzt. */
.stufenleiter.ecke.c-leiter { top: calc(var(--band-hoehe) + 4px); }

/* große Leiter (Folie 5 und 11): unten rechts, Text oben links in der freien Fläche */
.c-leiterfolie .inhalt > .c-leiter {
	position: absolute;
	right: 72px;
	bottom: 40px;
	flex: none;
	width: auto;
	height: calc(100% - var(--band-hoehe) - 80px);
	aspect-ratio: 1600 / 1010;
}
.c-leiterfolie .inhalt > .c-leiter .leiter-svg { width: 100%; height: 100%; }
.c-leiterfolie .leiter-text { max-width: 1000px; }
.c-leiterfolie .leiter-text h2 { margin: 22px 0 24px; }
.c-leiterfolie .leiter-text p { max-width: 760px; font-size: 44px; line-height: 1.3; }
.c-leiterfolie.c-hoch .inhalt > .c-leiter { bottom: 70px; height: calc(100% - var(--band-hoehe) - 106px); }

/* ========== 2. Stufen-Folien: große Skizze unten rechts, Text oben links ========== */
.c-stufe .inhalt > :is(.stufe-badge, h2, p:not(.c-randnotiz), div:not(.c-skizze, .c-schublade)) { position: relative; z-index: 2; }
.c-stufe .inhalt > .stufe-badge { align-self: flex-start; }
.c-stufe .inhalt > h2 { max-width: 900px; margin: 26px 0 28px; }
.c-skizze {
	position: absolute;
	right: 36px;
	bottom: 22px;
	z-index: 1;
	width: 1440px;
	aspect-ratio: 16 / 10;
}
.c-skizze > object { position: absolute; inset: 0; width: 100%; height: 100%; }

/* große Zahl in Orange mit lila Versatz (wie das DI.DAY-Logo) */
.c-zahl { display: flex; align-items: baseline; gap: 28px; margin: 0; }
.c-zahl .zahl {
	font-size: 230px;
	color: var(--orange);
	text-shadow: 8px 8px 0 var(--lila);
}
.c-zahl-text { font-size: 56px; font-weight: 700; line-height: 1.15; }

/* ========== 3. Randnotiz, Schilder, Stempel ========== */
.c-randnotiz {
	position: absolute;
	z-index: 4;
	margin: 0;
	font-family: var(--schrift-hand);
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	color: var(--lila);
	transform: rotate(var(--dreh, -5deg));
	transform-origin: left center;
}
.c-randnotiz::after {
	content: '';
	display: block;
	height: 14px;
	margin: 2px -6px 0 4px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 60 4 120 12 180 7 S 260 5 297 8' fill='none' stroke='%23fea300' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.c-schild {
	--dreh: -3deg;
	position: absolute;
	z-index: 3;
	margin: 0;
	padding: 6px 22px 10px;
	border: 4px solid var(--tinte);
	border-radius: 10px 14px 9px 13px / 13px 9px 14px 10px;
	font-family: var(--schrift-hand);
	font-size: 52px;
	font-weight: 700;
	line-height: 1.05;
	white-space: nowrap;
	color: var(--tinte);
	background: #fff;
	box-shadow: 7px 6px 0 var(--neutral);
	transform: rotate(var(--dreh));
}
.c-schild::before {
	content: '';
	position: absolute;
	left: calc(50% - 3px);
	top: -30px;
	width: 6px;
	height: 26px;
	border-radius: 3px;
	background: var(--tinte);
}
.c-schild.ohne-faden::before { display: none; }
.c-schild.zentriert { text-align: center; }
.c-schild.rot { border-color: var(--rot); color: var(--rot); box-shadow: 7px 6px 0 var(--rot-hell); }
.c-schild.lila { border-color: var(--lila); color: var(--lila); box-shadow: 7px 6px 0 var(--lila-mittel); }

/* Stempel in Handschrift (rote Doppelkontur) */
.stempel.c-handstempel {
	position: absolute;
	z-index: 4;
	max-width: none;
	padding: 0.08em 0.45em 0.12em;
	border-width: 6px;
	font-family: var(--schrift-hand);
	font-size: 64px;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	color: var(--rot);
	box-shadow: inset 0 0 0 4px rgba(255, 250, 243, 0.9), inset 0 0 0 7px currentColor;
}

/* runder Rezept-Stempel (Lila Doppelkontur, schief) */
.c-rezeptstempel {
	--dreh: -9deg;
	box-sizing: border-box;
	display: grid;
	place-items: center;
	align-content: center;
	width: 380px;
	height: 330px;
	padding: 34px;
	border: 7px solid var(--lila);
	border-radius: 50% 47% 52% 49% / 49% 52% 47% 51%;
	font-family: var(--schrift-hand);
	font-size: 44px;
	font-weight: 700;
	line-height: 1.02;
	text-align: center;
	color: var(--lila);
	background: rgba(255, 255, 255, 0.82);
	box-shadow: inset 0 0 0 7px rgba(255, 250, 243, 0.95), inset 0 0 0 11px var(--lila), 8px 8px 0 var(--lila-hell);
	transform: rotate(var(--dreh));
}
.c-rezeptstempel b { display: block; margin-top: 6px; font-size: 64px; font-weight: 700; }
.c-rezeptstempel b.lang { font-size: 50px; }

/* ========== 4. Folien 1–4 ========== */
/* Folie 1: Titel */
.c-titel > .inhalt { grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr); }
.c-titel .dachzeile { font-size: 46px; margin-bottom: 30px; }
.c-titel h1 { font-size: 96px; margin-bottom: 48px; }
.c-titel h1 .akzent { font-size: 116px; line-height: 1.02; margin-top: 18px; }
.c-titel .untertitel { font-size: 44px; font-weight: 700; line-height: 1.3; color: var(--hell-leise); }
.c-titel .titel-bild { max-width: 660px; }

/* Folie 2: Rezeptkarte */
.c-rezept > .inhalt { grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); column-gap: 80px; }
.c-karte {
	--dreh: -1.6deg;
	position: relative;
	box-sizing: border-box;
	align-self: center;
	padding: 46px 78px 50px 58px;
	background: url('../assets/illustrationen/variante-c/rezeptkarte-rahmen.svg') center / 100% 100% no-repeat;
	transform: rotate(var(--dreh));
}
.c-karte-kopf { margin: 0 0 6px; font-family: var(--schrift-hand); font-size: 50px; font-weight: 700; color: var(--orange-dunkel); }
.c-karte h2 {
	margin: 0 0 14px;
	padding-bottom: 14px;
	border-bottom: 4px solid var(--rot-hell);
	font-size: 58px;
	color: var(--lila);
}
.c-karte .rezept-meta { margin-bottom: 14px; font-size: 40px; color: var(--grau); }
.c-karte .rezept-meta .ikon { --ikon: 1.5em; gap: 0.25em; }
.c-fahrplan { list-style: none; margin: 0; padding: 0; counter-reset: schritt; }
.c-fahrplan > li {
	counter-increment: schritt;
	position: relative;
	margin: 0;
	padding: 10px 0 10px 66px;
	border-top: 3px dotted var(--lila-mittel);
	font-size: 40px;
	line-height: 1.22;
}
.c-fahrplan > li::before {
	content: counter(schritt);
	position: absolute;
	left: 0;
	top: 14px;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	font-family: var(--schrift-pixel);
	font-size: 32px;
	color: var(--tinte);
	background: var(--orange);
	box-shadow: 4px 4px 0 var(--lila);
}
.c-fahrplan b { font-family: var(--schrift-hand); font-size: 54px; font-weight: 700; color: var(--lila); line-height: 1; }
.c-abstimmung { align-self: center; }
.c-abstimmung .c-frage { margin: 0 0 30px; font-size: 88px; line-height: 1.06; }
.c-handzeichen { display: flex; align-items: center; gap: 22px; }
.c-handzeichen object { width: 210px; height: 248px; flex: none; }
.c-handzeichen .hand { font-size: 80px; color: var(--orange-dunkel); transform: rotate(-6deg); }

/* Folie 3: Zutaten */
.c-zutaten > .inhalt { align-items: center; }
.c-zutaten .inhalt > h2 { align-self: flex-start; margin-bottom: 0; }
.c-kopf { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; max-width: 1300px; }
.c-kopf > object { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-zutaten .c-zitatzeile {
	margin: 10px 0 0;
	font-size: 58px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: var(--tinte);
}
.c-zitatzeile .c-gaensefuss { color: var(--orange-dunkel); }

/* Folie 4: Kernsatz (Typo auf Lila) */
.c-kernsatz > .inhalt { justify-content: center; padding-right: 220px; }
.c-satz1 { margin: 0 0 30px; font-size: 96px; font-weight: 800; line-height: 1.08; color: #fff; }
.c-satz2 { margin: 0 0 60px; font-size: 118px; font-weight: 800; line-height: 1.2; color: var(--orange); }
.c-satz2 .c-strich {
	padding-bottom: 0.12em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 30' preserveAspectRatio='none'%3E%3Cpath d='M6 18 C 120 8 240 24 360 14 S 520 10 594 16' fill='none' stroke='%23ffe6b3' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 0% 0.28em no-repeat;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.7s ease 0.35s;
}
.c-satz2.visible .c-strich { background-size: 100% 0.28em; }
.c-doerr { max-width: 1400px; margin: 0; font-size: 40px; line-height: 1.3; color: var(--hell-leise); }

/* ========== 5. Folien 6–16 ========== */
/* Folie 6 */
.c-stufe1 .c-zahl { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 40px; }
.c-stufe1 .c-zahl-text { font-size: 52px; }
/* Startzustand (#s1-zu): Die geteilte Skizze schließt dort nur die Bügel, Elster, rote Kopie, „Kopie!“
   und Flugspur blieben sichtbar und nähmen die Pointe des zweiten Klicks vorweg. Bis die zentrale
   Skizze das selbst kann (#s1-zu soll auch die Elster-Ebene ausblenden), wird der Bereich hier
   ausgespart; Schlüssel, „passt überall!“ und Schlossrahmen bleiben stehen. */
.c-stufe1 .c-skizze > object:first-child {
	clip-path: polygon(0 0, 25% 0, 25% 47%, 31% 47%, 32% 49%, 37.5% 49%, 38.5% 47%, 57% 47%, 57% 0, 100% 0, 100% 100%, 0 100%);
}

/* Folie 8: Schublade */
.c-kern { margin: 0; font-size: 52px; font-weight: 700; line-height: 1.2; }
.c-schublade {
	position: absolute;
	z-index: 2;
	left: var(--rand);
	bottom: 70px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}
.c-schublade object { width: 300px; height: 217px; flex: none; }
.c-schublade p { margin: 0 0 0 10px; font-family: var(--schrift-hand); font-size: 56px; font-weight: 700; line-height: 1.05; color: var(--lila); transform: rotate(-4deg); }

/* Folie 9: Browser */
.c-stufe4 .c-zahl .zahl { font-size: 240px; }
.c-stufe4 .c-zahl-text { margin: 18px 0 14px; max-width: 640px; }
.c-browser { margin: 0; font-size: 40px; color: var(--grau); }
.c-stufe4 .c-skizze { width: 1340px; bottom: 30px; }
.c-stufe4 .quelle { max-width: 1400px; }

/* Folie 10: Restaurant */
.c-stufe5 .c-skizze { width: 1260px; aspect-ratio: 1200 / 860; right: 44px; bottom: 34px; }
.c-stufe5 .inhalt > p { max-width: 660px; margin: 0 0 18px; }
.c-stufe5 .c-namen { font-size: 56px; font-weight: 800; color: var(--lila); }
.c-stufe5 .c-kern { max-width: 640px; }

/* Folie 7: Stempel nennt das Wort, weil er nicht direkt am Zettel stehen kann */
.c-stufe2 .stempel.c-stempel-zettel { font-size: 56px; }

/* Folie 12–13: ein Werkzeug pro Folie */
.c-tool .inhalt > h2 { margin-bottom: 26px; font-size: 80px; }
.c-tool-raster {
	flex: 1 1 auto;
	min-height: 0;
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	column-gap: 48px;
	align-items: center;
}
.c-tool-text { display: flex; flex-direction: column; align-items: flex-start; gap: 34px; }
.c-tool-text .liste { gap: 14px; }
.c-tool-text .c-merkmale { margin: 0; font-size: 46px; font-weight: 700; line-height: 1.25; color: var(--lila); }
.c-tool-bild { position: relative; width: 100%; height: 100%; min-height: 0; }
.c-tool-bild > object { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-tool .c-rezeptstempel { margin-left: 30px; }
.c-nw { white-space: nowrap; }

/* Folie 14: zwei Karten */
.c-zwei .karten { margin-right: 300px; gap: 56px; }
.c-zwei .karte { padding: 26px 36px 30px; }
.c-zwei .karte .karte-bild { height: 260px; }
.c-zwei .karte h3 { font-size: 64px; margin: 6px 0 14px; }
.c-zwei .karte p { font-size: 42px; }
.c-zwei .karte .c-aber { margin-top: 8px; color: var(--rot); font-weight: 700; }
.c-zwei .karte .c-rezeptstempel { position: absolute; right: 26px; bottom: 24px; width: 330px; height: 250px; padding: 20px; font-size: 40px; }
.c-zwei .karte .c-rezeptstempel b { font-size: 56px; }
.checkliste.c-reihe { flex-direction: row; flex-wrap: wrap; gap: 18px 40px; margin-top: 28px; font-size: 44px; font-weight: 700; }
/* Vaultwarden-Skizze hat mehr Innenrand als die Bitwarden-Skizze: größer zeichnen, Platzbedarf gleich lassen */
.c-zwei .karte:nth-child(2) .karte-bild { height: 304px; margin: -20px auto -18px; }

/* Folie 15: Wegweiser */
.c-weg > .inhalt { padding-right: calc(var(--rand) + 300px); }
.c-wege {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 40px;
	padding-top: 50px;
}
.c-wege > li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 540px 150px;
	align-items: center;
	column-gap: 26px;
	margin: 0;
}
.c-wenn {
	padding: 16px 30px;
	border: var(--kontur) solid var(--tinte);
	border-radius: var(--skizzen-radius);
	font-size: 44px;
	line-height: 1.2;
	background: #fff;
	box-shadow: 10px 8px 0 var(--schatten);
}
.c-dann {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 118px;
	padding: 0 110px 8px 44px;
	font-size: 52px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
	background: center / 100% 100% no-repeat;
}
.c-dann.lila { color: #fff; background-image: url('../assets/illustrationen/variante-c/pfeil-lila.svg'); }
.c-dann.orange { color: var(--tinte); background-image: url('../assets/illustrationen/variante-c/pfeil-orange.svg'); }
.c-dann.hell { color: var(--tinte); background-image: url('../assets/illustrationen/variante-c/pfeil-hell.svg'); }
.c-wege .ikon { --ikon: 140px; justify-self: center; }
.c-fussnote { margin: 34px 0 0; font-size: 40px; color: var(--grau); }
.c-weg .qr.ecke { position: absolute; right: var(--rand); bottom: 70px; gap: 6px; }
.c-weg .qr.ecke figcaption { font-family: var(--schrift-hand); font-size: 46px; line-height: 1; color: var(--lila); transform: rotate(-4deg); }

/* Folie 16: Master-Passwort */
.c-master .inhalt > h2 { margin-bottom: 20px; }
.c-master .c-unter { margin: 0; font-size: 56px; font-weight: 700; line-height: 1.2; }
.c-wuerfel { position: absolute; right: 70px; top: 230px; width: 820px; height: 221px; }
.c-woerter {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 18px;
	margin-top: 150px;
	max-width: 1728px;
}
.c-woerter > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	flex: 1 1 0;
	padding: 14px 6px 12px;
	border: 4px solid var(--tinte);
	border-radius: var(--skizzen-radius);
	background: #fff;
	box-shadow: 8px 7px 0 var(--lila-mittel);
}
.c-woerter > span:nth-child(2n) { box-shadow: 8px 7px 0 var(--orange-hell); }
.c-woerter b { font-family: var(--schrift-hand); font-size: 68px; font-weight: 700; line-height: 1; color: var(--lila); }
.c-woerter i { font-family: var(--schrift-mono); font-size: 40px; font-style: normal; color: var(--grau); letter-spacing: 0.04em; }
.c-woerter.fragment > span { opacity: 0; transform: translateY(24px); transition: opacity 0.3s ease, transform 0.3s ease; }
.c-woerter.fragment.visible > span { opacity: 1; transform: none; }
.c-woerter.fragment.visible > span:nth-child(2) { transition-delay: 0.12s; }
.c-woerter.fragment.visible > span:nth-child(3) { transition-delay: 0.24s; }
.c-woerter.fragment.visible > span:nth-child(4) { transition-delay: 0.36s; }
.c-woerter.fragment.visible > span:nth-child(5) { transition-delay: 0.48s; }
.c-woerter.fragment.visible > span:nth-child(6) { transition-delay: 0.6s; }
.c-woerter .stempel.c-handstempel { position: absolute; left: 0; top: calc(100% + 52px); transform: rotate(var(--dreh)); transform-origin: left center; opacity: 0; transition: opacity 0.2s ease 0.9s; }
.c-woerter.visible .stempel.c-handstempel { opacity: 1; }
.c-umschlag { position: absolute !important; right: 80px; bottom: 80px; display: flex; align-items: center; gap: 10px; }
.c-umschlag object { width: 340px; height: 255px; flex: none; }
.c-umschlag .c-randnotiz { position: static; transform: rotate(-6deg); transform-origin: center; }

/* ========== 6. Folien 17–22 ========== */
/* Folie 17: Entwarnung */
.c-entwarnung .spalten { column-gap: 100px; align-content: start; margin-top: 80px; }
.c-entwarnung .c-beispiel { margin-bottom: 56px; }
.c-entwarnung .spalte + .spalte::before { left: -52px; }
.c-blase { font-size: 48px; margin: 0 0 60px; white-space: nowrap; }
.c-beispiel { margin: 0 0 36px; font-family: var(--schrift-hand); font-size: 72px; font-weight: 700; line-height: 1.1; color: var(--kuli); }
.c-merksatz { margin: 30px 0 0; font-size: 70px; font-weight: 800; line-height: 1.15; color: var(--lila); }
.c-entwarnung .balken { height: 110px; font-size: 56px; }
/* beide Merksätze auf einer Höhe: links Platz für Abstand + Balken (110 px) + Abstand, im Browser abgeglichen;
   der untere Rand des Beispiels fällt mit diesem Rand zusammen */
.c-entwarnung .spalte:first-child .c-merksatz { margin-top: 170px; }
/* Balken erst mit dem Klick zeigen (sonst steht der Startstummel wie ein Renderfehler da) */
.reveal .c-entwarnung .balken.fragment:not(.visible) { opacity: 0; }
.reveal .c-entwarnung .balken.fragment.visible { transition: transform 1.1s steps(14, end), opacity 0.15s linear; }

/* Folie 18: Zwei-Faktor */
.c-zweifaktor .inhalt > h2 { margin-bottom: 8px; }
.c-zweifaktor .c-unter { margin: 0 0 18px; font-size: 52px; font-weight: 700; }
.c-zweifaktor .spalten { column-gap: 120px; }
.c-zweifaktor .spalte { display: flex; flex-direction: column; min-height: 0; }
.c-tuer { width: 100%; max-width: 700px; aspect-ratio: 800 / 520; height: auto; }
.c-briefkasten { width: 100%; max-width: 520px; aspect-ratio: 700 / 560; height: auto; align-self: center; }
.treppchen.c-klein { margin-top: 6px; gap: 12px; --t1: var(--gelb); --t2: var(--gruen-hell); --t3: var(--sicher); }
.treppchen.c-klein > li { width: 200px; padding-bottom: 12px; font-size: 40px; }
.treppchen.c-klein > li:nth-child(1) { height: 76px; }
.treppchen.c-klein > li:nth-child(2) { height: 106px; }
.treppchen.c-klein > li:nth-child(3) { height: 136px; color: #fff; }
.c-email { margin: 4px 0 0; font-size: 60px; font-weight: 800; line-height: 1.15; color: var(--lila); text-align: center; }

/* Folie 19: Passkeys */
.c-passkey .c-tool-raster { grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); }
.c-passkey .liste > li { align-items: start; }
.c-passkey .liste > li::before { margin-top: 0.42em; }
.c-passkey .quelle { max-width: 1500px; }

/* Folie 20: Urteil */
.c-urteil > .inhalt { justify-content: flex-start; padding-top: 150px; }
.c-urteil h2 { font-size: 112px; margin-bottom: 10px; }
.c-urteil .c-antwort {
	margin: 0;
	font-family: var(--schrift);
	font-size: 250px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--orange);
	text-shadow: 9px 9px 0 var(--lila);
}
.c-urteil .c-bsi { margin: 26px 0 0; font-size: 52px; font-weight: 700; max-width: 1500px; }
.c-urteil .c-passwort1 { position: absolute; right: 90px; bottom: 90px; width: 800px; height: 240px; }
.c-urteil .c-hand-deko { position: absolute; right: 150px; top: 150px; width: 170px; height: 200px; }

/* Folie 21: Schluss */
.c-schluss > .inhalt { grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.7fr); padding-bottom: calc(var(--band-hoehe) + 70px); row-gap: 30px; }
.c-schluss .schluss-text { align-self: start; }
.reveal .c-schluss .c-appetit { margin: 0 0 28px; font-family: var(--schrift-pixel); font-size: 100px; font-weight: 700; line-height: 1; letter-spacing: 0; color: var(--orange); }
.c-schluss .schluss-text p { margin: 0 0 14px; font-size: 46px; line-height: 1.25; }
.c-schluss .schluss-text p.c-didit { margin-top: 22px; font-size: 72px; font-weight: 800; line-height: 1; color: var(--orange); }
.c-schluss .qr-reihe { gap: 60px; }
.c-schluss .qr figcaption { font-family: var(--schrift-hand); font-size: 52px; line-height: 1; color: #fff; }
.c-schluss .schluss-seite .aufkleber { max-width: 520px; }
.c-schluss .quelle { bottom: calc(var(--band-hoehe) + 12px); right: 150px; color: var(--hell-leise); }

/* Folie 22: Bildnachweise */
.c-nachweise .nachweise { font-size: 34px; max-width: 1250px; }
.c-nachweise .nachweise > li { margin-bottom: 20px; }