footer {
  background: #000000;        /* Hintergrundfarbe schwarz */
  color: #fff;                /* Standard-Textfarbe weiß */
  min-height: auto;           /* Footer mindestens 10% der Bildschirmhöhe */
  padding: 40px 20px;         /* Innenabstand: 40px oben/unten, 20px links/rechts */
}

/* --- Standard: Desktop --- */
.footerContent {
  display: flex;
  justify-content: center;
  gap: 10vh;
  margin: 0 auto;
  flex-wrap: wrap;   /* Falls zu wenig Platz -> nächste Zeile */
  /* padding-bottom: 20px; */
}

@media (max-width: 768px) {
  .footerContent {
    flex-direction: column;
    align-items: center;  /* Blöcke mittig */
    gap: 30px;
    text-align: center;   /* Text & Links mittig */
  }

  .footerBlock {
    /*
    width: 90%;
    */
    align-items: center;
    text-align: center;
  }
}


.footerBlock {
  flex: 0 0 auto;             /* Boxen behalten ihre natürliche Breite, kein Strecken */
  min-width: 0px;           /* Mindestbreite je Block: 200px */
  text-align: center;           /* Text innerhalb der Boxen linksbündig */
}

.footerBlock h1 {
  font-size: 1.2rem;          /* Schriftgröße für Überschriften */
  margin-bottom: 10px;        /* Abstand nach unten zur nächsten Zeile */
}

.footerBlock p,
.footerBlock a {
  font-size: 0.9rem;          /* kleinere Schriftgröße für Texte/Links */
  color: #ffffff;                /* graue Schriftfarbe */
  text-decoration: none;      /* Links ohne Unterstreichung */
  margin: 4px 0;              /* vertikaler Abstand von 4px */
  display: block;             /* jedes Element nimmt die volle Breite der Box ein */
  transition: color 0.3s;     /* weicher Farbwechsel bei Hover (0,3 Sekunden) */
}

.footerBlock a:hover {
  color: rgb(46, 108, 208);   /* Hover-Farbe: blau (Apple-like) */
}


.datenschutzImpressumBlock {
  display: flex;
  justify-content: center;  /* zentriert die Links horizontal */
  gap: 20px;                /* Abstand zwischen den Links */
  padding-top: 10px;
}

.datenschutzImpressumBlock a {
  font-size: 0.75rem;
  color: #6e6565;
  text-decoration: none;
  transition: color 0.3s;
}

.datenschutzImpressumBlock a:hover {
  color: rgb(46, 108, 208);
}