body {
		background-color: #BFBFBF;
		padding:0;
		margin:0;
	}
	#screen {
		margin: 50px;
		}
	#content {
		padding: 50px;
		border: 10px solid rgba(150, 147, 155, 0.4);
		background-color: rgba(232, 232, 232, 0.66);
	}
	#myVideo {
		position: fixed;
		left: 0;
		top: -10%;
		min-width: 100%;
		min-height: 120%;
	}
	h1,h2,h3 {
		font-family: 'Amatic SC', cursive;
		margin-top: 50px;
		color: #333333;
	}
	h1 {
		color: #FC814A;
	}
	p {
		font-family: 'Noto Sans', sans-serif;
		margin-bottom: 20px;
		color: #564256;
	}

/*
 * The following part was introduced for
 * glasfaser.html-Page
 *
*/

/* Allgemeine Tabelleneinstellungen */
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Kopfzeile gestalten */
thead {
  background-color: #009879;
  color: #ffffff;
}

thead th {
  padding: 12px 15px;
  text-align: left;
}

/* Zellen im Tabellenkörper */
tbody td {
  padding: 12px 15px;
  border: 1px solid #dddddd;
}

/* Zeilenhintergrund: abwechselndes Muster */
tbody tr:nth-child(even) {
  background-color: #f3f3f3;
}

/* Hover-Effekt für Zeilen */
tbody tr:hover {
  background-color: #f1f1f1;
}

/* Optional: erste Spalte (z.B. Beschriftungen) fett hervorheben */
tbody td:first-child {
  font-weight: bold;
  background-color: #f9f9f9;
}

.highlight {
  background-color: #ffeb3b;  /* Heller, auffälliger Gelbton */
  padding: 0.2em 0.4em;       /* Kleiner Abstand innen */
  border-radius: 3px;         /* Abgerundete Ecken */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);  /* Sanfter Schatten */
  font-weight: bold;          /* Fetter Text */
}