/* Horizontale Ausrichtung der Menüpunkte */
ul.menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu > li {
    margin-right: 15px;
}

ul.menu > li:last-child {
    margin-right: 0;
}

ul.menu > li > a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

.once-clip .animated-text {
  animation-iteration-count: 1 !important;
}

/* Standard: kein Extra-Padding über 1200px */
.heading-abstand {
  padding-top: 0;
}

/* Fensterbreite zwischen 1200px und 992px → Extra-Padding hinzufügen */
@media (max-width: 1199px) and (min-width: 992px) {
  .heading-abstand {
    padding-top: 40px; /* <-- Hier kannst Du die gewünschte Höhe anpassen */
  }
}

/* Unter 991px → Padding entfernen */
@media (max-width: 991px) {
  .heading-abstand {
    padding-top: 0;
  }
}

.bild-links {
    float: left;
    margin: 0 1em 1em 0;
    max-width: 45%;
    height: auto;
}

.bild-rechts {
  float: right;
  margin: 0 0 1em 1em;  /* linker Abstand (1em) */
  max-width: 45%;
  height: auto;
}