.block-sliderblock {
}

.block-sliderblock .slider-frame {
    padding: 2rem 0;
}

.block-sliderblock .slider-overlay {
    background: linear-gradient(
        to top right,
        #000 0%,
        rgba(0, 0, 0, 0) 100%
    );
}

.block-sliderblock .img-grayscale {
    filter: grayscale(100%);
}

.block-sliderblock .gs-display-1 {
    font-size: 2rem;
}

.block-sliderblock a.gs-link {
    color: #14260c;
    border: 2px solid #b0dc7e;
    background-color: #b0dc7e;
}

.block-sliderblock .partner-logo-container {
    background: transparent;
    border: 1px solid #b0dc7e;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    /* Note: Support für Safari mittels backdrop-filter */
    backdrop-filter: blur(15px);
    --webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.15);

}

.block-sliderblock .partner-logo-container h2 {
    color: #b0dc7e;
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .block-sliderblock .gs-display-1 {
        font-size: 2.5rem;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .block-sliderblock .slider-frame {
        padding: 2.5rem 0;
    }

    .block-sliderblock .gs-display-1 {
        font-size: 3rem;
    }

}

/* XL-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .block-sliderblock .slider-frame {
        padding: 0 3.75rem 2.5rem 3.75rem;
    }

}

/* XXL-Large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {

    .block-sliderblock .slider-frame {
        padding: 0 6.25rem 3.125rem 6.25rem;
    }

    .block-sliderblock .gs-display-1 {
        font-size: 4rem;
    }

}
