/* Einbettung der Crimson Pro (lokal) */
@font-face {
	font-family: 'Crimson Pro';
	src: url('CrimsonPro-VariableFont_wght.ttf') format('truetype');
	font-weight: 200 900;
	font-style: normal;
}

:root {
	--color-paper: #fcf2dd;
	--color-anthracite: #2D2926;
	--color-light-anttracite: #8c8077;
	--color-karmin: #d43426;
	--color-nav-bg: #2D2926;
	--color-nav-hover: #000000;
	--color-nav-text: #fefefe;
	--phi: 1.61803398875;
	/* ... Variablen für Titelabstände... */
	--titel-abstand-oben: 30px;   /* Raum zwischen oberer Leiste und Titel */
	--titel-abstand-unten: 50px;  /* Raum zwischen Titel und Textbeginn */
}

/* Blockierung von Browser-Dark-Mode-Injektionen */
@media (prefers-color-scheme: dark) {
	body {
		background-color: var(--color-paper) !important;
		color: var(--color-anthracite) !important;
	}
}

/*Entzieht Browsern das Recht eigenmächtiger Skalierung:
Gewährleistung einheitlicher Schriftgrößen*/
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

/* Grundstruktur */
body {
	background-color: var(--color-paper);
	color: var(--color-anthracite);
	font-family: 'Crimson Pro', serif;
	line-height: 1.4;
	margin: 0;
	/* Padding oben/unten dynamisch anpassen, falls Leisten wachsen */
	padding: 120px 5% 100px; 
	/* Erhöhter Puffer unten für die wachsende Statusleiste */
	padding-bottom: 120px;
	max-width: 750px; /* Erhöht für 125% Schriftgröße */
	margin-left: auto;
	margin-right: auto;
	font-size: 1.25rem; /* Basis auf 125% angehoben */
}


/* --- Symmetrisches Fundament für Kopf und Fuß --- */
.nav-top, .nav-bottom {
	position: fixed;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 40px;
	background-color: var(--color-nav-bg);
	z-index: 1000;
	display: flex;
	justify-content: center;
	padding: 0;
	transition: transform 0.2s ease-out;
}

.nav-top { top: 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.nav-bottom { bottom: 0; border-top: 1px solid rgba(255,255,255,0.1); }

.nav-inner {
	width: 90%;
	max-width: 1200px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
}


/* --- Navigations-Links: Die Farbhierarchie --- */

/* 1. Grundzustand: Erzwingt Weiß (auch für besuchte Links) */
.nav-inner a, 
.nav-inner a:visited {
		color: var(--color-nav-text) !important;
		text-decoration: none;
		font-size: 1.1rem;
		padding: 8px 15px; 
		white-space: nowrap;
		line-height: 1.1;
		display: inline-block;
		transition: background-color 0.2s ease, color 0.2s ease;
}

/* 2. Hover: Hintergrund wird nur verändert, wenn der Link NICHT aktiv ist */
.nav-inner a:not(.active):hover { 
		background-color: var(--color-nav-hover); 
		color: var(--color-nav-text) !important;
}

/* 3. DIE LÖSUNG: Die aktive Seite (Höchste Priorität) */
nav .nav-inner a.active { 
		color: var(--color-karmin) !important; 
		font-weight: 600;
		/* Ein Cursor-Default signalisiert zusätzlich, dass hier kein Klick-Effekt mehr greift */
		cursor: default; 
}

.diels-id {
	font-style: italic;
	font-size: 0.95rem;
	opacity: 0.6;
	letter-spacing: 0.1em;
	margin: 10px 0 -20px;
}

/* Zentrales Register für Definitionen und Nomoi */
.centered-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: fit-content;
	margin: 2rem auto;
	color: inherit;
	background-color: transparent;
	font-size: 1rem;
	line-height: 1.6;
	list-style-position: inside;
	padding: 0;
}

.centered-lyric {
	display: flex;
	flex-direction: column;
	align-items: center; /* Zentriert die Adler im Raum */
	text-align: left;    /* Hält den Textfluss innerhalb der Adler-Schwingen stabil */
	max-width: 420px !important;
	margin: 2rem auto;
	font-size: 1rem;
	line-height: 1.6;
	/* Verhindert den Umbruch mitten im Wort unter allen Umständen: */
	white-space: nowrap; 
	/* 1. Verhindert die automatische Silbentrennung radikal */
	hyphens: none !important;
	-webkit-hyphens: none !important;
	/* 2. Verbietet das Zerschneiden von Wörtern am Zeilenende */
	word-break: keep-all !important;
	overflow-wrap: normal !important;	
	/* 3. Falls ein Wort zu lang für 420px ist: 
		 Lieber soll es überstehen, als zerschnitten zu werden. */
	min-width: max-content;
}


/* Da white-space: nowrap die ganze Zeile starr macht, 
	 müssen wir für mobile Geräte sicherstellen, dass 
	 der Container bei extrem schmalen Bildschirmen 
	 dennoch atmen kann: */
@media (max-width: 440px) {
	.centered-lyric {
		white-space: normal; /* Erlaubt Umbruch am Zeilenende, aber... */
		word-break: keep-all; /* ...verhindert das Zerschneiden von Wörtern */
	}
}

/* ----- Theoreme ----- */

.theorem-header {
	text-align: center;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	position: relative;
	margin-bottom: 1rem; /* Ersetzt das <br> nach der Überschrift */
}

.theorem-header .diels-id {
	position: absolute;
	font-size: 0.7rem;
	font-weight: normal;
	opacity: 0.6;
	margin-left: 0.5rem;
	top: 0; /* Richtet die Nummer oben an der Zeile aus */
}

/* Erzeugt einen angenehmen Puffer über dem Theorem nach dem Anker-Sprung */
.theorem-block, .article-block {
	scroll-margin-top: 70px; /* Wert an die Höhe deiner Nav-Leiste anpassen */
}

/* ----- Impressum ----- */

.impressum {
	font-size: 0.85rem;
	text-align: center;
	display: inline-block;
	line-height: 0.9;
	padding: 3px;
}

/* --- Druck-Spezifikationen --- */

@media print {
	.nav-top, .nav-bottom { display: none !important; }
}

/* Mobil-Korrektur: Die "Desktopansicht-Falle" */
@media (max-width: 768px) {
	body {
		padding: 140px 1.5rem 120px;
		font-size: 1.15rem; /* Leicht reduziert für Mobil-Harmonie */
	}
	
	.nav-inner {
		justify-content: space-around;
		gap: 8px;
	}

	.nav-top a {
		font-size: 1rem;
	}
}

/* Erweitertes Regelwerk für die Silbentrennung */
p, li, figcaption, .check-segment {
	/* Standard-Eigenschaft */
	hyphens: auto;
	
	/* Vendor-Präfixe für maximale Kompatibilität */
	-webkit-hyphens: auto; /* Safari und ältere Chrome-Versionen */
	-ms-hyphens: auto;      /* Ältere Edge/Internet Explorer Versionen */
	
	/* Umfließen von langen Begriffen (Sicherheitsnetz) */
	overflow-wrap: break-word;
	
	/* Blocksatz für die ästhetische Balkenwaage */
	text-align: justify;
	
	/* Optischer Randausgleich (sofern vom Browser unterstützt) */
	text-justify: inter-word;
}

.subtitle {
	margin-top: -1.5rem;
	margin-bottom: -0.5rem;

}

p{
	margin-top: -0.1rem;
	margin-bottom: -0.1rem;
}

/* ==========================================================================
   BILD-INTERAKTIONEN (Lupen-Effekte)
   ========================================================================== */

/* --- 1. Klassische Rasterbilder (Hyle: jpg, png) --- */
.image-zoom-container a {
	text-decoration: none;
	margin-bottom: 0.75rem;
	display: inline-block; /* Flexibler Raum, orientiert sich am Bild */
}
.image-zoom-container img {
	cursor: zoom-in;
	transition: opacity 0.2s ease;
	max-width: 100%;
	height: auto; /* Behält die natürliche Proportion des Fotos bei */
}
.image-zoom-container a:hover img {
	opacity: 0.9;
}

/* --- 2. Mathematische Vektorgrafiken (Logos: svg) --- */
.svg-zoom-container {
	width: 100%;
	max-width: 100%;
	margin-top: 1.4rem;
}
.svg-zoom-container a {
	text-decoration: none;
	display: block; 
	width: 100%;    /* Zwingt den Container für Firefox auf */
	cursor: zoom-in;
}
.svg-zoom-container img {
	width: 75%; /* Verdichtung im Textfluss */
	max-width: 500px;
	height: auto;
	aspect-ratio: 590 / 332; /* Das harte Gesetz gegen den Nulldimensionalen Kollaps */
	display: block;
	margin: 0 auto;
	pointer-events: none; /* Übergibt die Interaktion an den Rahmen */
	transition: opacity 0.2s ease;
}
.svg-zoom-container a:hover img {
	opacity: 0.9;
}
/* ========================================================================== */

figure {
	display: table;          /* Zwingt den Container, sich an das Bild anzuschmiegen */
	margin: 0 auto 2rem auto; /* Zentriert die gesamte Figure im Textfluss */
	padding: 0;
}

figure img {
	display: block;          /* Entfernt den kleinen Spalt unter dem Bild */
	width: 100%;             /* Nutzt die nun begrenzte Breite des figure-Containers */
	margin-top: 1rem;
	height: auto;
}

figcaption {
	display: table-caption;  /* Macht die Unterschrift zur Tabellen-Legende */
	caption-side: bottom;    /* Platziert sie zwingend unter das Bild */
	padding-top: 10px;       /* Dein gewünschter Abstand */
	margin-top: -1.25rem;
	text-align: center;
	font-size: 1rem;
	color: var(--color-anthracite);
	opacity: 0.85;
	line-height: 1.4;
}


.startseiten-bild-container {
	/* Dimensionen */
	width: 300px;
	height: 300px; /* Quadratisch wie das Ying-Yang-Bild */
	max-width: 100%;
	margin: 0 auto;
	display: block;
	/* Bild-Integration */
	background-image: url('https://ontologik.de/abbildungen/sokrates-leibniz-scherenschnitt.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	/* Die Lösung für iOS: Farbe und Bild verschmelzen */
	background-color: var(--color-paper);
	background-blend-mode: multiply;
	/* Optional: Hardware-Glättung */
	-webkit-print-color-adjust: exact;
}


/* Sicherstellen, dass keine Rahmen oder Hintergründe stören */
.image-zoom-container a {
	text-decoration: none;
	background: transparent !important;
	display: block;
}


/* Sicherstellen, dass die Container nicht blockieren */
.image-zoom-container, 
.image-zoom-container a {
	background: transparent !important;
	-webkit-tap-highlight-color: transparent; /* Verhindert graues Flackern beim Tippen auf iOS */
}

/* Links im Fließtext */
a.term-link {
	color: var(--color-karmin);
	text-decoration: underline;
	transition: transform 0.2s ease;
	display: inline-block;
}

a.term-link:hover {
	transform: translateY(-2px);
}

a.term-link:visited {
	color: var(--color-anthracite);
}


.popup-box {
	position: absolute;
	background: var(--color-nav-bg);
	color: var(--color-nav-text);
	padding: 12px;
	border-radius: 4px;
	font-size: 1rem;
	width: 280px; /* Feste Breite für Stabilität */
	z-index: 2000;
	box-shadow: 0 10px 30px rgba(0,0,0,0.4);
	/* Keine Transition für Position, damit es beim Scrollen nicht "schwimmt" */
}

/*	bookmark-styles an dieser Stelle entfernt von Autor Do. 19 Feb. 2026 21:05 CET */


/* Spezifisches Styling für Popup-Trigger innerhalb von sup */
sup .popup-trigger {
	color: var(--color-karmin);
	font-weight: 600;
	border-bottom: none;
	padding: 0 2px;
	/*cursor: help;*/
	/* Hier erfolgt die Justierung: */
	margin-left: -2px; 
}

/* Spezifisches Styling für Begriffserklärungen */
small sup span {
	color: var(--color-karmin);
	font-weight: 600;
	font-style: normal !important;
	border-bottom: 2px;
	/*padding: 0 2px;*/
	/*cursor: help;*/
	/* Hier erfolgt die Justierung: */
	margin-left: -1px; 
}

.popup-trigger {
	/* border-bottom: 1px solid #d43426;  Karminrote Punktlinie */
	font-style: normal !important;
	font-weight: bold;
	/*cursor: help;*/
}

/* Hochgestellte Fußnoten  */
sup {
	vertical-align: super;
	font-size: 0.75em; /* Etwas kleiner für die Eleganz */
	line-height: 0;
}

/* Hover-Effekt für die Fußnoten */
sup .popup-trigger:hover {
	color: var(--color-anthracite); /* Dezenter Wechsel beim Hover */
}

/* --- Zentrierter Titelbereich & Dynamischer Main --- */
/* Den Header-Block spezifisch adressieren */
header {
	text-align: center;
	/* Ngeatives Margin, um den Block nach oben zu ziehen, falls das Padding des Body zu groß ist */
	margin-top: calc(var(--titel-abstand-oben) * -1); 
	margin-bottom: var(--titel-abstand-unten);
	padding: 0;
}

h1 {
	/* WICHTIG: Browser setzen oft ein automatisches margin-top, 
		 das wir hier neutralisieren */
	margin-top: 0; 
	color: var(--color-anthracite);
	/* ... restliche Styles ... */
}

main {
	/* Hier stellen wir sicher, dass kein zusätzlicher Puffer 
		 den Header nach unten drückt */
	margin-top: 0; 
	display: flex;
	flex-direction: column;
}



hr.fine-sep {
	border: 0;
	border-top: 1px solid rgba(45, 41, 38, 0.2);
	margin: 1.5rem 0 0;
}


/* --- Mobil-Korrektur (Vivaldi/Safari-Fix) --- */
@media (max-width: 768px) {
	body {
		/* padding-top: 140px !important;*/
		padding-top: 100px !important;
		padding-bottom: 10px !important;
		/* Verhindert das "Blitzen" des Hintergrunds bei Browser-UI-Wechsel */
		/* padding-bottom: 160px !important; */
	}
	
	/* Animation auf Mobilgeräten beibehalten, Desktop deaktivieren */
	.nav-top { transition: transform 0.3s ease; }
}

@media (min-width: 769px) {
	.nav-top { transition: none; } /* Deaktiviert Gimmicks auf Desktop */
}

/* --- Kommentar-Signatur --- */
.commentary {
	color: var(--color-karmin) !important;
	margin-top: 1.25rem;
	margin-left: 1rem;
	position: relative;
	line-height: 1.45;
}

/* --- Externe Links (Der Nordost-Pfeil) --- */
/* Wir markieren Links, die mit http beginnen, als extern */
a[href^="http"]::after {
	/* 1. Der Unicode für den Nordost-Pfeil (\2197) 
		 gefolgt vom Variation Selector-15 (\FE0E) für Text-Darstellung */
	content: "\2197\FE0E";   
	/* 2. Schriftarten, die mathematische Zeichen präzise führen */
	font-family: "Cambria Math", "Segoe UI Symbol", "DejaVu Sans", serif;
	/* 3. Erzwungene Text-Variante über CSS-Standard (unterstützt von modernen Browsern) */
	font-variant-ligatures: none;
	/* Restliche Formatierungen */
	font-size: 0.75rem;
	margin-left: 3px;
	vertical-align: super;
	text-decoration: none;
	display: inline-block;
	opacity: 0.8;
}

.index-link, .ex-link {
	color: var(--color-anthracite);
	font-style: normal;
	text-decoration: none;
	border: none !important;
}

/* Inhaltsverzeichnis Theoreme */
.in-index {
	font-style: italic;
	font-size: 1.15rem;
	line-height: 1.3;
	text-decoration: none; 
	color: var(--color-anthracite);
	border: none;
	
}

ul li a span {
	font-style: italic;
	font-size: 0.7rem;
	opacity: 0.5;
	top: 0 !important;
	text-decoration: none; 
	color: var(--color-anthracite);
}


li .index:hover, li .in-index:hover, .ex-link:hover, .index-link:hover {
	/*font-weight: 400;*/
	color: #d43426;
}

/* Verhindert den Pfeil bei Bildern oder speziellen Containern */
.popup-box a::after, 
.nav-top a::after,
.svg-zoom-container a::after,
.image-zoom-container a::after {
	content: none !important;
}

/* --- Dialog-Modul */

.section {
	font-weight: 400;
	font-size: 1.3rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	/*color: var(--color-karmin) !important;*/
	display: block;
	margin-top: 0.75rem;
	margin-bottom: -0.75rem;
}

/* ----- Theoreme ----- */
.subsection {
	font-size: 1.2rem;
	font-weight: 400; 
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.speaker {
	font-weight: 400;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--color-karmin) !important;
	display: block;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
}

.logikon-speech,
.googleki-speech,
.chatgpt-speech,
.autor-speech, 
.intro-speech,
.fazit-speech {
	position: relative;
	padding-left: 1rem;
	padding-right: 1rem;
}

blockquote {
	/* Karminrote Markierung des Eingriffs */
	border-left: 1px solid #d43426;
	padding-left: 1rem;
	font-style: italic;
}

.contrast {
		background-color: rgba(0, 0, 0, 0.02);
}

/*------- Inhaltsbeschreibungen------ */

.description {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.2rem;
	opacity: 75%;
}

/* Container für ontologische Formeln */
.formula-container {
	margin: 0.5em auto;
	padding: 0.75em 4rem 0.75rem;
	/* Ganz zarter Kontrast */
	/*background-color: rgba(0, 0, 0, 0.02);*/
	/* Karminrote Markierung des Eingriffs */
	/*border-left: 1px solid #d43426; */
	text-align: center;
	font-family: 'Times New Roman', serif;
}

.formula-display {
	display: block;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	color: #1a1a1a;
}

.formula-caption {
	display: block;
	font-size: 0.9em;
	font-style: italic;
	color: #555;
	margin-top: 0.8em;
}

.math {
	font-family: 'Crimson Pro', serif;
	font-style: italic;
	padding: 0 0.1em;
}
/* Spezifische Ausrichtung für den Limes */
.math-limit {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	margin-right: 0.2em;
}

.math-limit-sub {
	display: block;
	font-size: 0.6em;
	margin-top: 0.1em;
}


.popup-trigger {
	position: relative; /* Notwendig für die Positionierung des Kissens */
	cursor: pointer;
}

/* Das unsichtbare Kissen */
.popup-trigger::after {
	content: '';
	position: absolute;
	top: -10px;    /* Erweitert den Klickbereich nach oben */
	bottom: -10px; /* Erweitert den Klickbereich nach unten */
	left: -10px;   /* Erweitert den Klickbereich nach links */
	right: -10px;  /* Erweitert den Klickbereich nach rechts */
	background: transparent; /* Bleibt unsichtbar */
}

/* ------------- Druckansicht Start ------------- */
@media print {
	/* 1. Verberge alles, was auf Papier keinen Sinn ergibt */
	.nav-top, .nav-bottom, .popup-box, script {
		display: none !important;
	}

	/* 2. Papier-Optimierung */
	body {
		background-color: white !important;
		color: black !important;
		padding: 0;
		margin: 2cm; /* Klassischer Buchrand */s
		font-size: 12pt;
		max-width: none;
	}

	/* 3. Links und Fußnoten */
	a {
		text-decoration: none;
		color: black !important;
	}

	/* Zeige externe URLs hinter den Links in Klammern an */
	a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 0.85em;
	}

	/* 4. Seitenumbrüche steuern */
	h1, h2, h3 {
		page-break-after: avoid;
	}
	
	.commentary, blockquote {
		page-break-inside: avoid;
	}
/*	Bezeichner angepasst durch Autor aufgrund Umbennenung in html durch Logikon |
 zuvor .footer-notes | Do. 19 Feb. 2026 21:05 CET */
	.footer-notes-area {
/*		page-break-before: always; Bibliografie auf neuer Seite? Optional. */*/
		opacity: 1;
	}
}
/* ------------- Druckansicht Ende ------------- */


/* ---------------- Fußnoten Start --------------- */


/* --- Fußnoten Bereich: Präzise Abstandssteuerung --- */

/* --- Fußnoten-Anker (Feinschliff) --- */
sup .popup-trigger {
	color: var(--color-karmin);
	font-weight: 600;
	border-bottom: none;
	padding: 0 2px;cursor
	margin-left: -1px; /* Gewünschte Annäherung */
	/*cursor: help;*/
	transition: opacity 0.2s;
}

sup .popup-trigger:hover {
	opacity: 0.7;
}

/* Sanftes Scrollen von der Fußnote zur Textstelle */
html {
	scroll-behavior: smooth;
}

/* Verhindert, dass das Sprungziel am oberen Rand klebt */
sup[id^="ref"] {
	scroll-margin-top: 100px; 
}

/* Sichtbare Fußnotenliste am Ende des Textes */
.footer-notes {
	margin-top: 1.45rem;
	padding-top: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-top: 1px solid rgba(45, 41, 38, 0.2);
	font-size: 1rem !important; /* Etwas kleiner als der Haupttext */
	color: var(--color-anthracite);
	opacity: 0.85;
	list-style-position: inside;
}

.footer-notes li {
	margin-bottom: 0.8rem;
	line-height: 1.5;
}

/* Zielmarkierung: Wenn man auf eine Fußnotenzahl klickt, 
	 wird die Ziel-Fußnote kurz hervorgehoben */
.footer-notes li:target {
	background-color: rgba(212, 52, 38, 0.05);
	border-radius: 4px;
}

/* --- Absolute Fixierung der Fußnoten-Ästhetik --- */

/* 1. Den Link und alle seine Bestandteile (Zahlen, Text, Symbole) adressieren */
.footer-notes a, 
.footer-notes a:link, 
.footer-notes a:visited,
.footer-notes a sup,
.footer-notes p a,
footer .footer-notes {
		display: inline !important; /* Gewährleistet den Fließtext */
		color: var(--color-anthracite) !important; /* Erzwingt dein Anthrazit */
		text-decoration: none !important;
		text-decoration-line: none !important;
		border-bottom: none !important;
		background: none !important;
		text-decoration-color: transparent !important;
		-webkit-text-decoration-skip: objects; /* Spezialanweisung für Safari/Mobile */
}

/* 2. Sicherstellen, dass der externe Link-Pfeil nicht das Design bricht */
.footer-notes a[href^="http"]::after {
		display: inline-block !important; /* Der Pfeil selbst darf ein Block sein */
		color: var(--color-anthracite) !important;
		text-decoration: none !important;
		vertical-align: super;
		margin-left: 3px;
		font-family: "Cambria Math", "Segoe UI Symbol", "DejaVu Sans", serif;
}

/* 3. Interaktionszustände neutral halten (oder Karmin für Hover) */
.footer-notes a:hover {
		color: var(--color-karmin) !important;
		text-decoration: none !important;
}

/* ---------------- Fußnoten Ende --------------- */


/* Das globale Popup-Fenster auf ontologik.de */
.popup-window {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	background: #111;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	
	/* Hier geschieht die Größenvariabilität */
	width: 90%;          /* Nutzt auf Mobilgeräten 90% des Bildschirms */
	max-width: 400px;    /* Standardbreite für Text-Hinweise */
	transition: max-width 0.3s ease;
}

/* Spezialmodus, wenn ein Video-Trigger geklickt wurde */
.popup-window.video-mode {
	max-width: 640px;    /* Erweitert das Popup elegant auf das ideale Maß für den 3-Pol-Container und das 480p/16:9-Iframe */
}