.gb-container.e-signatur-section.content-intro {
    position: relative;
    overflow: hidden; 
}

.gb-container.e-signatur-video-section.product-grid-outer-container-bg {
    position: absolute; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; 
}

.gb-container.e-signatur-video-section.product-grid-outer-container-bg video {
    object-fit: cover; 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.content-box-yellow{
    background-color: var(--easy-yellow);
    max-width: 70% !important;
    padding: 4rem !important;
    margin-bottom: 0 !important;
}


/* Arrow */

/* surrounding container to "relative", to make the pseudo elements work correctly */
.max-width {
    position: relative; /* Damit die Pseudo-Elemente korrekt funktionieren */
    z-index: 0;
}

.arrow-left {
    position: relative; /* Damit die Pseudo-Elemente korrekt funktionieren */
    z-index: 0;
}

.arrow-right {
    position: relative; /* Damit die Pseudo-Elemente korrekt funktionieren */
    z-index: 0;
}

/* Right */
/* Horizontale Fläche (von oben rechts nach links) */
.arrow-right::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    height: 30px;
    background-color: var(--easy-yellow);
    z-index: 0;
}

/* Vertikale Fläche (von oben rechts nach unten) */
.arrow-right::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 130px;
    background-color: var(--easy-yellow);
    z-index: 0;
}


/* Left */
/* Horizontale Fläche (von oben links nach rechts) */
.arrow-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    width: 130px;
    height: 30px;
    background-color: var(--easy-yellow);
    z-index: 0;
}

/* Vertikale Fläche (von oben links nach unten) */
.arrow-left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    width: 30px;
    height: 130px;
    background-color: var(--easy-yellow);
    z-index: 0;
}



/* Media Query für Bildschirmgrößen bis zu 767px */
@media (max-width: 767px) {

    .arrow-right::before {
        height: 15px;
    }

    .arrow-right::after {
        width: 15px;
    }

    .arrow-left::before {
        height: 15px;
    }

    .arrow-left::after {
        width: 15px;
    }

}