.first_block_banner .digiplatvorm__block-banner_with_products {
    margin-top: 0;
}

.digiplatvorm__block-banner_with_products {
    display: flex;
    flex-direction: column;
}

.digiplatvorm__block-banner_with_products.intersecting_below:not(.block-preview) {
    margin-bottom: calc(0px - calc(var(--section-gap) * 2));
    position: relative;
    z-index: 1;
}

.digiplatvorm__block-banner_with_products .top_banner {
    --top-padding: 160px;
    min-height: 860px;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: start;
    padding-top: calc(var(--top-padding) * 3);
    padding-bottom: 128px;
}

.digiplatvorm__block-banner_with_products.block-preview .top_banner {
    min-height: 320px;
    padding-top: var(--top-padding);
    padding-left: 64px;
    padding-right: 64px;
}

.digiplatvorm__block-banner_with_products .top_banner .background {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100vw;
    object-fit: cover;
    pointer-events: none;
}

.digiplatvorm__block-banner_with_products.block-preview .top_banner .background {
    width: 100%;
}

.digiplatvorm__block-banner_with_products .top_banner .background.image {
    z-index: 1;
}

.digiplatvorm__block-banner_with_products .top_banner .background.mask {
    z-index: 2;
    mask-image: url(./assets/mask.svg);
    mask-size: 100vw 100%;
    mask-repeat: no-repeat;
    height: calc(100% - var(--top-padding));
    background-color: var(--mask-color);
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 840px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .text_wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .banner_title,
.digiplatvorm__block-banner_with_products .top_banner .content_wrap .description {
    color: var(--txt-color);
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .banner_title {
    margin: 0;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .description :first-child {
    margin-top: 0;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .description :last-child {
    margin-bottom: 0;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap .button {
    border-color: transparent;
    background-color: transparent;
    color: var(--text-color);
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap .button::after {
    --size: 10px;
    content: '';
    border: 2px solid var(--text-color);
    border-left: none;
    border-bottom: none;
    height: var(--size);
    width: var(--size);
    transition: var(--transition);
    transform: translateX(0px) rotate(45deg);
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap .button:hover::after {
    transform: translateX(16px) rotate(45deg);
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap .button:first-child {
    background-color: var(--primary-light);
    border-color: var(--primary-medium);
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap .button:first-child::after {
    content: none;
}

.digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap .button:first-child:hover {
    background-color: var(--primary-medium);
    color: var(--white);
}

.digiplatvorm__block-banner_with_products .bottom_banner {
    --banner-padding: 64px;
    position: relative;
    padding-top: var(--banner-padding);
    padding-bottom: var(--banner-padding);
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.digiplatvorm__block-banner_with_products.intersecting_below .bottom_banner {
    padding-bottom: calc(var(--banner-padding) + var(--section-gap));
}

.digiplatvorm__block-banner_with_products.block-preview .bottom_banner {
    padding-left: 64px;
    padding-right: 64px;
}

.digiplatvorm__block-banner_with_products .bottom_banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: var(--bg-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.digiplatvorm__block-banner_with_products.block-preview .bottom_banner::after {
    width: 100%;
}

.digiplatvorm__block-banner_with_products .bottom_banner.top_banner_missing::after {
    border-radius: var(--border-radius);
    width: calc(100% + var(--page-padding));
}

.digiplatvorm__block-banner_with_products .bottom_banner>* {
    position: relative;
    z-index: 5;
}

.digiplatvorm__block-banner_with_products .bottom_banner .decoration {
    z-index: 4;
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 324px;
    width: 100vw;
    background-color: var(--bg-color);
    mask-image: url(./assets/stripe.svg);
    mask-size: 100vw 100%;
    mask-repeat: no-repeat;
}

.digiplatvorm__block-banner_with_products.block-preview .bottom_banner .decoration {
    width: 100%;
}

.digiplatvorm__block-banner_with_products .bottom_banner .text_wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.digiplatvorm__block-banner_with_products .bottom_banner .banner_title,
.digiplatvorm__block-banner_with_products .bottom_banner .description {
    color: var(--txt-color);
}

.digiplatvorm__block-banner_with_products .bottom_banner .banner_title {
    margin: 0;
}

.digiplatvorm__block-banner_with_products .bottom_banner .description :first-child {
    margin-top: 0;
}

.digiplatvorm__block-banner_with_products .bottom_banner .description :last-child {
    margin-bottom: 0;
}

.digiplatvorm__block-banner_with_products .bottom_banner .woocommerce ul.products {
    gap: 48px;
    margin: 0;
}

.digiplatvorm__block-banner_with_products.block-preview .bottom_banner .woocommerce ul.products::before,
.digiplatvorm__block-banner_with_products.block-preview .bottom_banner .woocommerce ul.products::after {
    content: none;
}

.digiplatvorm__block-banner_with_products.block-preview .bottom_banner .woocommerce ul.products li.product {
    width: 100%;
    margin: 0;
}

.digiplatvorm__block-banner_with_products .bottom_banner.add_to_cart_disabled .woocommerce ul.products li.product .button {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .digiplatvorm__block-banner_with_products .top_banner {
        --top-padding: 128px;
        min-height: calc(var(--top-padding) * 4);
        padding-top: calc(var(--top-padding) * 3);
        padding-bottom: var(--top-padding);
    }
}

@media only screen and (max-width: 1400px) {
    .digiplatvorm__block-banner_with_products .bottom_banner .woocommerce ul.products {
        gap: 32px;
    }
}

@media only screen and (max-width: 1200px) {
    .digiplatvorm__block-banner_with_products .bottom_banner .woocommerce ul.products {
        gap: 24px;
    }
}

@media only screen and (max-width: 1000px) {
    .digiplatvorm__block-banner_with_products .top_banner {
        padding-top: calc(var(--top-padding) * 2);
    }

    .digiplatvorm__block-banner_with_products .top_banner .content_wrap {
        max-width: 576px;
    }

    .digiplatvorm__block-banner_with_products .bottom_banner .decoration {
        height: 128px;
    }

    .digiplatvorm__block-banner_with_products .bottom_banner .woocommerce ul.products li.product:nth-child(4) {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .digiplatvorm__block-banner_with_products .top_banner::after {
        content: '';
        position: absolute;
        top: 0;
        right: calc(0px - var(--page-padding));
        width: 100vw;
        height: 100%;
        background: linear-gradient(90deg, transparent 0%, var(--white) 250%);
        z-index: 1;
        pointer-events: none;
    }

    .digiplatvorm__block-banner_with_products .top_banner .content_wrap {
        max-width: 512px;
    }
}

@media only screen and (max-width: 700px) {
    .digiplatvorm__block-banner_with_products .bottom_banner .woocommerce ul.products li.product:nth-child(4) {
        display: flex;
    }
}

@media only screen and (max-width: 600px) {
    .digiplatvorm__block-banner_with_products .bottom_banner::after {
        border-radius: 0 0 calc(var(--border-radius) / 2) calc(var(--border-radius) / 2);
    }
}

@media only screen and (max-width: 500px) {
    .digiplatvorm__block-banner_with_products .top_banner .content_wrap .buttons_wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}