/* Den Hauptinhaltsbereich auf allen Seiten vorbereiten */
#sp-main-body, 
.body-innerwrapper > section:first-of-type,
.sp-page-builder .page-content {
    position: relative !important;
    overflow: visible !important;
}

/* Die Welle als eigenständiges Element ÜBER den Inhalt legen */
#sp-main-body::before, 
.body-innerwrapper > section:first-of-type::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Platziert die Welle exakt an der Oberkante des Inhalts (Unterkante des Headers) */
    top: 0 !important; 
    left: 0 !important;
    
    width: 100% !important;
    height: 70px !important; /* Die Höhe der Welle */
    
    /* Zieht die Welle um ihre eigene Höhe nach oben in den blauen Header hinein */
    transform: translateY(-100%) !important;
    
    /* Das dunkle Blau Ihres Headers (#051059) als Wellenfarbe */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V32C150,90 350,90 500,45C650,0 850,0 1000,45C1100,60 1150,55 1200,45V0Z' fill='%23051059'/%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    
    z-index: 99999 !important; /* Erzwingt die Sichtbarkeit im Vordergrund */
    pointer-events: none !important;
}