/* Existing styles */

/* Add space between paragraphs */
.wysiwyg-content p {
  margin-bottom: 1.5em;
}

.wysiwyg-content p:last-child {
  margin-bottom: 0;
}

/* Ensure proper spacing in ACF WYSIWYG fields */
.acf-field-wysiwyg .wp-editor-area p {
  margin-bottom: 1.5em;
}

/* Additional spacing for better readability */
.wysiwyg-content {
  line-height: 1.6;
}

/* Ensure proper spacing in Gutenberg blocks */
.wp-block-paragraph {
  margin-bottom: 1.5em;
}

/* Force paragraph spacing even when not using editor-generated classes */
.force-paragraph-spacing p {
  margin-bottom: 1.5em !important;
}

.force-paragraph-spacing p:last-child {
  margin-bottom: 0 !important;
}

/* Allgemeine Stile für den Pfeil */
.bounce-arrow {
  position: absolute;
  animation: bounce 2s infinite;
  width: 40px; /* Größe des Pfeils */
  height: auto;
}

/* Nur für Desktop-Geräte */
@media screen and (min-width: 1024px) {
  .hero-section {
    position: relative;
    height: 100vh; /* Vollbildhöhe */
    display: flex;
    justify-content: center; /* Horizontal zentrieren */
    align-items: flex-end; /* Vertikal am unteren Rand ausrichten */
  }

  .bounce-arrow {
    bottom: 20px; /* Abstand vom unteren Rand */
    left: 50%; /* Horizontal zentrieren */
    transform: translateX(-50%); /* Exakte Zentrierung */
  }
}

/* Für mobile Geräte (optional ausblenden) */
@media screen and (max-width: 1023px) {
  .bounce-arrow {
    display: none; /* Pfeil auf mobilen Geräten ausblenden */
  }
}