/* Footer */
footer {
  position: relative;
  background-color: #6b94bb; /* Hintergrundfarbe für den Footer */
  padding: 75px; /* Innenabstand für den Footer */
  max-width: 100vw;
  margin-inline: auto;
  min-height: 100%;
}

/* Definiert ein Grid mit drei Spalten und drei Reihen */
footer {
  display: grid;
  grid-template-columns: repeat(3, auto); /* Drei Spalten gleicher Breite */
  grid-template-rows: repeat(4, auto);
  column-gap: 20px; /* Abstand zwischen den Grid-Elementen */
  row-gap: 15px;
  margin: 0 auto; /* Zentriert den Grid-Container */
  background-color: #6b94bb;
  margin-top: 130px;
  justify-content: space-around;
}

/* Stile für die Links im Footer */
footer a {
  color: white; /* Linkfarbe */
  text-decoration: none; /* Entfernt die Unterstreichung der Links */
}

footer a:hover {
  text-decoration: underline; /* Unterstreicht die Links beim Hovern */
}

footer > div,
footer > h1,
footer > div > p,
footer > div > p > a,
footer > div > a {
  padding: 20px; /* Innenabstand für die Grid-Elemente */
  background-color: #6b94bb;
  color: white;
}

/* Zusätzliche Stile für spezifische Elemente */
.footer-h1 {
  grid-column: span 3; /* Überspannt die gesamte Breite */
  color: white;
  background-color: #6b94bb;
  font-size: 60px;
  margin: 0;
  padding: 0;
}

footer > .footer-h1 {
  padding-left: 20px;
}

.footer-p-special {
  margin: 0;
  padding: 0;
}
.footer-p {
  font-weight: bold; /* Fettschrift für bestimmte Texte */
}
div.text-rosewaeg {
  width: 100%;
  grid-row: 2;
  grid-column: 1 / 4;
}

.footer-links {
  display: flex;
  flex-direction: column;
}

.footer-links > a {
  font-size: 30px;
  padding: 5px;
}
.footer-standort > p,
.kontakt-footer > p,
.Social-Media > p {
  padding: 0;
  margin: 0;
}
.footer-standort {
grid-column: 2 / 4;
}

.kontakt-footer > p > a {
  padding: 0;
}
.Social-Media img {
  width: 30px; /* Bildbreite für Social Media Icons */
  height: 30px; /* Bildhöhe für Social Media Icons */
  margin: 5px; /* Abstand um die Icons */
  background-color: #6b94bb;
}

@media (max-width: 900px) {
  footer {
    grid-template-columns: repeat(2, 1fr); /* Zwei Spalten */
    grid-template-rows: repeat(2, auto); /* Zwei Reihen */
    row-gap: 5px;
    padding: 10px;
    max-height: 100%;
    max-width: 100%;
  }

  .footer-h1 {
    grid-column: span 2; /* Überspannt beide Spalten */
  }

  /* .footer-standort {
    display: none;
  } */
  .text-rosewaeg {
    grid-column: span 2 !important;
  }
  .Social-Media {
    display: none;
  }

  .footer-links > a {
    font-size: 20px;
  }

  .footer-standort > p,
  .kontakt-footer > p {
    font-size: 16px;
  }
  footer > div {
    padding: 5px;
  }

  .footer-h1 {
    font-size: 26px !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 768px) {
  footer {
    margin-top: 50px; 
  }
  .footer-standort {
    grid-column: auto;
  }
}
@media (max-width: 1030px) {
  .footer-h1 {
    font-size: 52px;
  }
}

@media (max-width: 350px) {
  .footer-h1 {
    font-size: 34px;
  }
}