body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icons li strong {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
    font-weight: 700 !important;
}

body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icons,
body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icons li {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}

body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icon {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}
body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icon .fa-inverse {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget.card {
    padding: 40px !important;
}
body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget.card .card-body {
    padding: 0 !important;
}

body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icons > li {
    margin-bottom: 32px !important;
}
body.page-id-302206 #der-neue-einkaufsweg .basic-card-widget .list-icons > li:last-child {
    margin-bottom: 0 !important;
}

body.page-id-302206 section.product-support-section.purple .hs_submit .actions {

    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;

    margin-top: 16px !important;
}
body.page-id-302206 section.product-support-section.purple .hs_submit .actions input.hs-button {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;

    margin-top: 0 !important;
}
body.page-id-302206 section.product-support-section.purple .hs_submit .actions::after {
    content: "SENDEN";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: #0b1b45;
    font: 600 16px/1 "Inter", sans-serif;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    transition: color 0.15s ease;
}
/* The real <input> text is transparent and the label is painted by ::after,
   so the input's own :hover color swap can't reach it. On hover the button
   fills navy; flip the pseudo-label to light-sand so it stays readable
   (matches the Primary hover text colour). */
body.page-id-302206 section.product-support-section.purple .hs_submit .actions:hover::after {
    color: #eeeee7;
}

@media (max-width: 991.98px) {
    body.page-id-302206 section.product-support-section.purple
        .container-product-support-card.card .card-body > .product-support-section__column {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    body.page-id-302206 section.product-support-section.purple
        .container-product-support-card.card .col-lg-6.border-bottom {
        border-bottom-left-radius: 28px !important;
        border-bottom-right-radius: 28px !important;

        overflow: visible !important;

        margin-top: 28% !important;
    }

    body.page-id-302206 section.product-support-section.purple
        .container-product-support-card.card .col-lg-6.border-bottom::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc(100% - 1px);
        aspect-ratio: 342 / 78;
        background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 342 78' preserveAspectRatio='none'><path d='M85.2079 21.165L0 66.4398L0 78L342 78L342 66.4374L256.815 21.165C203.731 -7.05497 138.315 -7.05498 85.2079 21.165Z' fill='%2389D2FF'/></svg>") no-repeat;
        background-size: 100% 100%;

        border-radius: 0 !important;
        pointer-events: none;
    }
}