/* Grundlegende Stile für die gesamte Seite */
body {
	color: #000000;
	font-family: Arial, sans-serif;
	background-color: #2311D0;
	display: flex;
	justify-self: center;
}

/* Gestaltung der Absätze */
p {
	font-size: 16px;
}

/* Gestaltung der Hauptüberschrift */
h1 {
	font-size: 32px;
	font-weight: bold;
	text-decoration: underline;
}

/* Gestaltung der Kapitelüberschrift 1. Gliederungsebene */
h2 {
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
}

/* Gestaltung der Kapitelüberschrift 2. Gliederungsebene */
h3 {
	font-size: 18px;
	font-weight: bold;
}

/* Gestaltung der Hyperlinks */
a {
	color: black;
	text-decoration-color: black;
}

/* Gestaltung der Bildbeschriftung */
small {
	color: black;
	font-size: 13px;
}

/* Gestaltung der Haupt-Tabelle */
.MainTable {
	padding: 0px;
	border-spacing: 0px;
	width: 1000px;
}

/* Gestaltung der Haupt-Tabelle */
.ContentTable {
	padding: 0px;
	border-spacing: 50px;
	width: 100%;
}

/* Gestaltung der DiaLink-Tabelle */
.DiaLinkTable {
	padding: 0px;
	border-spacing: 10px;
	width: 100%;
}

/* Gestaltung der DiastreifenLink-Tabelle */
.DiaStripTable {
	padding: 0px;
	border-spacing: 0px;
/*	width: 100%;*/
}

/* Gestaltung der Titelleiste */
.TitleLine {
	color: #FFFF00;
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-spacing: 0px;
	text-align: center;
}

/* Gestaltung der Titelleiste - kleine Schrift*/
.TitleLine_SmallFont {
	color: #FFFF00;
	font-size: 11px;
	text-align: center;
}

/* Gestaltung der Navigationsleiste */
.NavigationLine {
	color: #FFFF00;
	font-size: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-spacing: 0px;
}

/* Gestaltung der Orientierungsleiste */
.OrientationLine {
	color: #C0C0C0;
	background-color: #808080;
	font-size: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-spacing: 0px;
}

/* Gestaltung der Copyrightleiste */
.CopyrightLine {
	color: #C0C0C0;
	font-size: 10px;
	text-align: center;
}

/* Verhindert den Rahmen des Buttons */
.DiaLightbox320pxQuer {
	width: 320px;
	height: 280px;
	border: none; 
	background-color: transparent;
}

/* Verhindert den Rahmen des Buttons */
.DiaLightbox320pxHoch {
	width: 280px;
	height: 320px;
	border: none; 
	background-color: transparent;
}

/* Verhindert den Rahmen des Buttons beim Mausclick */
button:focus {
    outline: none;
}

dialog {
  border: none;
  border-radius: 8px;
  padding: 10px;
  max-width: 90vw;
  max-height: 90vh;
}

/* Flexbox für das Schließen-Layout innerhalb des Dialogs */
dialog::backdrop {
  background-color: rgba(10, 79, 100, 0.75); /* Dunkler Hintergrund */
}