/* ==========================================================================
   SPACING FIX - Entfernt schwarze Bereiche zwischen Sektionen
   ========================================================================== */

/* Verhindere schwarze Hintergründe */
body {
    background-color: #ffffff !important;
}

#Wrapper {
    background-color: #ffffff !important;
}

#Content {
    background-color: #ffffff !important;
}

.entry-content {
    background-color: #ffffff !important;
}

.sections_group {
    background-color: #ffffff !important;
}

/* Sektionen ohne Lücken */
.section {
    margin: 0 !important;
    display: block !important;
}

/* Verhindere schwarze Bereiche zwischen Sektionen */
.section + .section {
    margin-top: 0 !important;
}

/* Stelle sicher, dass Bilder keine Lücken lassen */
.section img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Hero Section - fixe Höhe, kein grauer Bereich */
.hero-section,
.section.hero-section {
    height: 600px !important;
    min-height: 500px !important;
    max-height: 700px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Hero Section Bild - vollständige Abdeckung */
.hero-section img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Scrolling Icons Section */
.icon-scroll-container-2025 {
    margin: 0 !important;
    padding: 0 !important;
}

/* Content Wrapper */
.content_wrapper {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Section Wrapper */
.section_wrapper {
    margin: 0 !important;
}

/* Verhindere Überlauf und schwarze Balken */
html {
    background-color: #ffffff !important;
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
    .section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Hero Section auf Mobile */
    .hero-section,
    .section.hero-section {
        height: 500px !important;
        min-height: 400px !important;
        max-height: 600px !important;
    }
}

/* Sehr kleine Bildschirme */
@media (max-width: 480px) {
    .hero-section,
    .section.hero-section {
        height: 450px !important;
        min-height: 350px !important;
    }
}