@media (max-width: 991.98px) {
    body.home .hero-product-section .row {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    body.home .hero-product-section .hero-product-section__image {
        position: relative !important;
        order: -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.home .hero-product-section .hero-product-section__image picture,
    body.home .hero-product-section .hero-product-section__image img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    body.home .hero-product-section .hero-product-section__content {
        order: 0 !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        overflow: visible !important;
    }

    body.home .hero-product-section .hero-product-section__content::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    body.home .hero-product-section .hero-product-section__content--subtitle {
        display: none !important;
    }

    body.home .hero-product-section .hero-product-section__content--title {
        margin: 0 0 16px !important;
        font-family: "Kurdis", "Kurdis Wide", Inter, sans-serif !important;
        color: #fff !important;
    }

    body.home .hero-product-section .hero-product-section__content--text {
        margin: 0 0 32px !important;
    }
    body.home .hero-product-section .hero-product-section__content--text p {
        font-family: Inter, sans-serif !important;
        font-size: 20px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        color: #fff !important;
        margin: 0 !important;
    }

    body.home .hero-product-section .hero-product-section__content--buttons a {
        padding: 12px 24px !important;
        border-radius: 145px !important;
    }
    body.home .hero-product-section .hero-product-section__content--buttons a .product-button-group__button--with-icon__text {
        font-family: Inter, sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: 0.32px !important;
        text-transform: uppercase !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body.home .hero-product-section .hero-product-section__content {
        padding: 24px 46px 0 !important;
    }

    body.home .hero-product-section .hero-product-section__content--title {
        font-size: 44px !important;
        line-height: 56px !important;
    }

    body.home .hero-product-section .hero-product-section__content--buttons {
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
        width: 100% !important;
    }
    body.home .hero-product-section .hero-product-section__content--buttons a {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        justify-content: center !important;
    }

    body.home .hero-product-section .hero-product-section__content::before {
        top: calc(-28.8vw + 1px) !important;
        height: 28.8vw !important;
        background-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20765.995%20221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20149.8657%20L0%20221%20L765.995%20221%20C754.1088%20211.0834%20741.4605%20201.8096%20728.0303%20193.2796%20L505.056%2051.652%20C450.868%2017.222%20390.386%200.005%20329.898%200%20L329.851%200%20C269.363%200.004%20208.869%2017.221%20154.657%2051.651%20L0%20149.8657Z%22%20fill%3D%22%230B1B45%22%2F%3E%3C%2Fsvg%3E") !important;
    }
}

@media (max-width: 767.98px) {
    body.home .hero-product-section .hero-product-section__content {
        padding: 20px 32px 0 !important;
    }

    body.home .hero-product-section .hero-product-section__content--title {
        font-size: 38px !important;
        line-height: 48px !important;
    }

    body.home .hero-product-section .hero-product-section__content--buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        width: 100% !important;
    }
    body.home .hero-product-section .hero-product-section__content--buttons a {
        width: 100% !important;
        justify-content: center !important;
    }

    body.home .hero-product-section .hero-product-section__content::before {
        top: calc(-25.2vw + 1px) !important;
        height: 25.2vw !important;
        background-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20388.96%2098%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2066.4563%20L0%2098%20L388.96%2098%20C382.9244%2093.6026%20376.5018%2089.4902%20369.6821%2085.7077%20L256.46%2022.9044%20C228.943%207.6368%20198.232%200.0021%20167.517%200%20L167.493%200%20C136.778%200.002%20106.06%207.6365%2078.532%2022.9039%20L0%2066.4563Z%22%20fill%3D%22%230B1B45%22%2F%3E%3C%2Fsvg%3E") !important;
    }
}

.hero-product-section__content--title .hero-ttl-seg:not(:first-child) {
    display: block;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    body.home .hero-product-section__content--title .hero-ttl-seg:nth-child(2) {
        display: inline;
    }
}

@media (max-width: 991.98px) {
    body.home section.facts-grid-redesign {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body.home section.facts-grid-redesign .keyfacts-new__wrapper.grid,
    body.home section.facts-grid-redesign .keyfacts-new__wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
        max-width: 640px !important;
    }
    body.home section.facts-grid-redesign .keyfacts-new__wrapper > *:first-child {
        grid-column: 1 / -1 !important;
    }
}
@media (max-width: 767.98px) {
    body.home section.facts-grid-redesign {
        padding: 48px 24px !important;
    }

    body.home section.wawi-panels-section.home-version.product-support-section.facts-grid-redesign.mr-lg-10:not(.linkboxen-mit-bild) h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 991.98px) {
    body.home section.home-logobox-section {
        padding: 0 24px 56px !important;
    }
    body.home section.home-logobox-section .decorated-container-wrapper {
        padding: 40px 32px !important;
    }

    body.home section.home-logobox-section .product-payments-section__gallery .swiper:has(.logobox-tile) {
        display: block !important;
        width: 100% !important;
    }
    body.home section.home-logobox-section .product-payments-section__gallery .swiper:not(:has(.logobox-tile)) {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    body.home section.home-logobox-section .swiper-slide {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 767.98px) {
    body.home section.home-logobox-section {
        padding: 0 16px 48px !important;
    }
    body.home section.home-logobox-section .decorated-container-wrapper {
        padding: 32px 20px !important;
    }
    body.home section.home-logobox-section .swiper-slide {
        grid-template-columns: 1fr !important;
    }
    body.home section.home-logobox-section .decorated-container-heading h2,
    body.home section.home-logobox-section .decorated-container-heading__title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}

@media (max-width: 991.98px) {

    body.home section.section-1690 .row.pt-5.pr-5::before {
        display: none !important;
    }

    body.home .row.basic-br:has(.container-contact) > .col-lg-6.container-contact {
        position: relative !important;
        overflow: visible !important;
        background-color: #89D2FF !important;

        flex: 0 0 auto !important;
        width: calc(100% + 128px) !important;
        max-width: none !important;
        margin-left: -64px !important;
        margin-right: -64px !important;
        padding-left: 64px !important;
        padding-right: 64px !important;
        padding-bottom: 8px !important;

        border-radius: 0 !important;
    }

    body.home section.section-1690:has(.container-contact) .row.pt-5.pr-5.basic-br {
        padding-bottom: 0 !important;
    }

    body.home section.section-1690:has(.container-contact) .col-lg-6.container-contact::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: calc(-20vw + 1px) !important;
        height: 20vw !important;
        background-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%201000%20204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2C204%20L37%2C184%20L74%2C163%20L110%2C143%20L147%2C122%20L184%2C102%20L220%2C82%20L257%2C61%20L294%2C43%20L331%2C29%20L367%2C16%20L404%2C8%20L441%2C2%20L478%2C0%20L514%2C0%20L551%2C2%20L588%2C8%20L625%2C14%20L661%2C27%20L698%2C39%20L735%2C57%20L771%2C78%20L808%2C98%20L845%2C118%20L882%2C139%20L918%2C159%20L955%2C180%20L992%2C202%20L1000%2C204%20Z%22%20fill%3D%22%2389D2FF%22%2F%3E%3C%2Fsvg%3E") !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        pointer-events: none !important;
    }

    body.home section.section-1690:has(.container-contact) .col-lg-6.container-contact label,
    body.home section.section-1690:has(.container-contact) .col-lg-6.container-contact legend,
    body.home section.section-1690:has(.container-contact) .col-lg-6.container-contact p,
    body.home section.section-1690:has(.container-contact) .col-lg-6.container-contact .hs-richtext,
    body.home section.section-1690:has(.container-contact) .col-lg-6.container-contact .hs-field-desc {
        color: #0B1B45 !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body.home section.home-quote-section .col-lg.text-center.text-lg-left,
    body.home section.home-quote-section .blockquote,
    body.home section.home-quote-section .blockquote p,
    body.home section.home-quote-section .blockquote cite,
    body.home section.home-quote-section .blockquote footer,
    body.home section.home-quote-section .blockquote span,
    body.home section.home-quote-section .blockquote strong {
        text-align: center !important;
    }

    body.home section.home-quote-section .blockquote a {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home section.home-quote-section .blockquote .quote-role {
        margin-left: auto !important;
        margin-right: auto !important;
        width: fit-content !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    body.home section.home-icon-3er-section {
        padding: 64px 40px !important;
    }
    body.home section.home-icon-3er-section .home-icon-3er-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
    }
    body.home section.home-icon-3er-section .card h5,
    body.home section.home-icon-3er-section .card .h5 {
        overflow-wrap: break-word !important;
    }
}
@media (max-width: 767.98px) {
    body.home section.home-icon-3er-section {
        padding: 48px 24px !important;
    }
    body.home section.home-icon-3er-section .home-icon-3er-grid {
        grid-template-columns: 1fr !important;
    }

    body.home section.home-icon-3er-section .card {
        text-align: left !important;
    }
    body.home section.home-icon-3er-section .card-body {
        flex-direction: row !important;
        align-items: center !important;
        gap: 16px !important;
    }
    body.home section.home-icon-3er-section .card .h5,
    body.home section.home-icon-3er-section .card h5 {
        text-align: left !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body.home section.wawi-panels-section.linkboxen-mit-bild .wawi-panels-widget {
        grid-template-columns: repeat(2, 1fr) !important;
        justify-items: center !important;
    }
    body.home section.wawi-panels-section.linkboxen-mit-bild .wawi-panels-widget > :nth-child(3) {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: calc(50% - 12px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 991.98px) {
    body.home section.home-cta-box-section .home-cta-image {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}