body, html {
    background-color: rgb(24, 24, 24); /* Dunkelgrauer Hintergrund für die gesamte Seite */
    color: #ffffff; /* Weiße Schriftfarbe */
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif; /* Sie können eine andere Schriftart verwenden, falls gewünscht */
}

/* Impressum Abschnitt */
.impressum-section {
  background-color: rgb(24, 24, 24); /* Gleicher dunkler Hintergrund wie der Body */
  color: #ffffff; /* Weiße Schriftfarbe für besseren Kontrast */
  padding: 50px 20px; /* Innenabstand für den gesamten Abschnitt */
}

.impressum-section .container-imn {
  max-width: 800px; /* Maximale Breite des Containers */
  margin: 0 auto; /* Zentrierung des Containers */
  padding: 40px 20px;
  background-color: rgb(41, 41, 41); /* Leicht hellerer Hintergrund für den Container */
  border-radius: 8px; /* Abgerundete Ecken */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Leichter Schatten für Tiefe */
}

/* Haupttitel und Überschriften */
.impressum-section h1 {
  font-size: 32px; /* Schriftgröße für den Haupttitel */
  color: #d32f2f; /* Rote Akzentfarbe für den Haupttitel */
  text-align: center; /* Zentrierter Titel */
  margin-bottom: 20px;
}

.impressum-section h2 {
  font-size: 24px; /* Schriftgröße für Unterüberschriften */
  color: #dddddd; /* Helles Grau für die Unterüberschriften */
  margin-top: 30px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d32f2f; /* Rote Linie unter den Unterüberschriften */
  padding-bottom: 5px;
}

/* Text und Paragraphen */
.impressum-section p {
  font-size: 16px; /* Schriftgröße für normalen Text */
  color: #cccccc; /* Leichtes Grau für Fließtext */
  line-height: 1.8; /* Erhöhte Zeilenhöhe für bessere Lesbarkeit */
  margin-bottom: 15px;
}

/* Links im Impressum */
.impressum-section a {
  color: #ffffff; /* Weiße Farbe für Links */
  text-decoration: underline; /* Unterstrichene Links */
  transition: color 0.3s ease; /* Weicher Übergang bei Farbänderung */
}

.impressum-section a:hover {
  color: #bbbbbb; /* Helleres Grau bei Hover-Effekt */
}

/* Listen Styling */
.impressum-section ul {
  list-style-type: disc; /* Listenpunkte für Aufzählungen */
  padding-left: 20px;
  margin: 15px 0;
}

.impressum-section ul li {
  font-size: 16px; /* Schriftgröße für Listen */
  color: #cccccc; /* Gleiche Farbe wie Fließtext */
  line-height: 1.8;
  margin-bottom: 10px;
}

/* Responsives Design */

/* Für Tablets und kleinere Laptops (maximale Breite 1024px) */
@media (max-width: 1024px) {
  .impressum-section h1 {
    font-size: 28px; /* Kleinere Schriftgröße für den Haupttitel */
  }

  .impressum-section h2 {
    font-size: 22px; /* Kleinere Schriftgröße für Unterüberschriften */
  }

  .impressum-section p,
  .impressum-section ul li {
    font-size: 15px; /* Etwas kleinere Schriftgröße für Text und Listen */
  }
}

/* Für Mobilgeräte im Hochformat (maximale Breite 768px) */
@media (max-width: 768px) {
  .impressum-section container-imn {
    padding: 30px 15px; /* Weniger Innenabstand für den Container */
  }

  .impressum-section h1 {
    font-size: 26px; /* Noch kleinere Schriftgröße für den Haupttitel */
  }

  .impressum-section h2 {
    font-size: 20px; /* Kleinere Schriftgröße für Unterüberschriften */
    border-bottom: 1px solid #555; /* Dünnere Linie bei kleineren Geräten */
  }

  .impressum-section p,
  .impressum-section ul li {
    font-size: 14px; /* Kleinere Schriftgröße für Text und Listen */
  }
}

/* Für Smartphones im Hochformat (maximale Breite 480px) */
@media (max-width: 480px) {
  .impressum-section {
    padding: 30px 10px; /* Weniger Außenabstand für den gesamten Abschnitt */
  }

  .impressum-section h1 {
    font-size: 24px; /* Kleinere Schriftgröße für den Haupttitel */
  }

  .impressum-section h2 {
    font-size: 18px; /* Kleinere Schriftgröße für Unterüberschriften */
  }

  .impressum-section p,
  .impressum-section ul li {
    font-size: 13px; /* Kleinste Schriftgröße für Text und Listen */
  }

  .impressum-section container-imn {
    padding: 20px 10px; /* Weniger Innenabstand für den Container */
  }
}