section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial {
    background: #2722f8 !important;
    background-color: #2722f8 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 32px !important;
    box-shadow: none !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .card-body {
    background: transparent !important;
    padding: 56px 64px 40px !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__content {
    max-width: 760px;
    margin-bottom: 40px;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__content::after,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__content::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__subtitle {
    color: #89d2ff !important;
    -webkit-text-fill-color: #89d2ff !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase !important;
    margin: 0 0 8px;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: "Kurdis Wide", "Kurdis", Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 46px !important;
    letter-spacing: 0.64px !important;
    margin: 0 0 16px;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__title::before,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__title::after {
    content: none !important;
    display: none !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__text,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__text p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin: 0;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin: 0 0 40px !important;
    align-items: start !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__item.wawi-tutorial-widget__video-item {
    background: transparent !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    height: auto !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item .embed-cover {
    border-radius: 24px !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item[data-youtube-id="yDA9_YFdiVo"] .embed-cover {
    background-image: url('/uploads/2026/06/jp501-neu-installation.png') !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item[data-youtube-id="sNYv0JgrUlw"] .embed-cover {
    background-image: url('/uploads/2026/06/jp501-im-ueberblick.png') !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item .embed-play {
    display: none !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item.visually-hidden::after,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    inset: auto !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 70px !important;
    height: 70px !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background-color: transparent !important;
    background-image: url("/uploads/2026/06/jp501-play-v2.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 70px 70px !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__video-item .wawi-tutorial-widget__video-item--link {
    display: none !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__item.wawi-tutorial-widget__text-item {
    background: #89d2ff !important;
    background-color: #89d2ff !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    padding: 16px 20px !important;
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;

    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;

    margin-top: 0 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item.has-hint-icon::before {
    content: "" !important;
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    width: 33px !important;
    height: 33px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 33' fill='none'%3E%3Cpath d='M26.4137 8.745C24.9837 5.8575 22.22 3.72625 19.0162 3.025C15.6612 2.2825 12.2238 3.08 9.5975 5.1975C6.9575 7.30125 5.45875 10.45 5.45875 13.8187C5.45875 17.38 7.59 21.1062 10.8075 23.265V24.4062C10.7938 24.7912 10.78 25.3825 11.2475 25.8638C11.7288 26.3588 12.4437 26.4137 13.0075 26.4137H20.0613C20.8038 26.4137 21.3675 26.2075 21.7525 25.8225C22.275 25.2863 22.2613 24.5988 22.2475 24.2275V23.265C26.51 20.3912 29.1912 14.3275 26.4137 8.745Z' fill='%230b1b45'/%3E%3Cpath d='M20.9825 30.25C20.9 30.25 20.8038 30.2362 20.7213 30.2087C17.9575 29.425 15.0563 29.425 12.2925 30.2087C11.7838 30.3462 11.2475 30.0575 11.11 29.5488C10.9588 29.04 11.2613 28.5037 11.77 28.3662C14.8775 27.4862 18.15 27.4862 21.2575 28.3662C21.7663 28.5175 22.0688 29.04 21.9175 29.5488C21.78 29.975 21.395 30.25 20.9825 30.25Z' fill='%230b1b45'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 33px 33px !important;
    z-index: 2 !important;
    transform: none !important;
    margin: 0 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item *:not(svg):not(svg *):not(.hint-icon):not(.hint-icon *) {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex-grow: 1 !important;
    width: 100% !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--title {
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    margin: 0 0 4px !important;
    padding-right: 48px !important;
    text-transform: none !important;
    text-decoration: none !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--text > i,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--text > .fa,
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--text > [class*="fa-"] {
    display: none !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--text {
    margin: 0 !important;
    padding: 0 !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--text p {
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
    text-decoration: none !important;
    margin: 0 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--date {
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 4px 0 0 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--link-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--link-wrapper span {
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-decoration: underline !important;
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}

section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--link-wrapper svg {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 10px !important;
}
section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget__text-item .wawi-tutorial-widget__text-item--link-wrapper svg path {
    fill: #0b1b45 !important;
}

body.page-id-31 .wawi-tutorial-section__wrapper + .col-lg-12.z-3,
body.page-id-268079 .wawi-tutorial-section__wrapper + .col-lg-12.z-3 {
    margin-top: 24px !important;
    z-index: 0 !important;
}
body.page-id-31 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget,
body.page-id-268079 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 32px !important;
    padding: 32px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important;
}
body.page-id-31 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__title,
body.page-id-268079 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__title {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
    font-family: "Kurdis Wide", "Kurdis", Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 46px !important;
    letter-spacing: 0.64px !important;
    text-transform: none !important;
    margin: 0 0 24px !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}
body.page-id-31 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__text,
body.page-id-31 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__text p,
body.page-id-268079 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__text,
body.page-id-268079 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__text p {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin: 0 0 24px !important;
}

body.page-id-31 .jp446-cta-wrap,
body.page-id-268079 .jp446-cta-wrap {
    display: none !important;
}

@media (max-width: 991.98px) {
    section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .card-body {
        padding: 32px 24px !important;
    }
    section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-widget {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    section.wawi-tutorial-section.wawi-tutorial-section.orange .container-card-wawi-tutorial.container-card-wawi-tutorial .wawi-tutorial-section__title {
        font-size: 26px !important;
        line-height: 34px !important;
    }
    body.page-id-31 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget,
    body.page-id-268079 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget {
        padding: 24px !important;
        border-radius: 24px !important;
    }
    body.page-id-31 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__title,
    body.page-id-268079 .wawi-tutorial-section.orange .col-lg-12.z-3 .product-subcard-widget__title {
        font-size: 26px !important;
        line-height: 34px !important;
    }
}