@media (max-width:768px) {
    .comparison-reveal__base {
        aspect-ratio: 1 / 1;
    }

    .comparison-reveal__handle {
        width: 46px;
        height: 46px;
        gap: 6px;
    }

    .comparison-carousel__controls {
        margin-top: 10px;
    }

    .comparison-carousel__buttons {
        gap: 10px;
    }

    .comparison-carousel__button {
        width: 48px;
        height: 48px;
    }

        .text-image-slider__track {
            gap:15px;
        }
.text-image-slider__button--next {
    right:0;
}
.text-image-slider__button--prev {
    left:0;
}
    .site-header {
        flex-wrap: wrap
    }

    .site-nav-toggle {
        display: inline-flex;
        margin-left: auto;
        padding: 0;
    }

    #site-navigation {
        order: 20;
        padding-top: 20px;
        border-top: 1px solid var(--grey-light);
        display: flex;
        align-items: flex-start;
        position: fixed;
        left: 0;
        top: var(--masthead-offset, 0px);
        width: 100vw;
        padding-bottom: 20px;
        height: calc(100dvh - var(--masthead-offset, 0px));
        max-height: calc(100vh - var(--masthead-offset, 0px));
        background: var(--white);
        z-index: 9999;
        overflow-y: auto;
        overscroll-behavior: contain;
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform 400ms ease, opacity 400ms ease, visibility 0s linear 400ms;
        will-change: transform
    }

    #site-navigation.is-open {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: transform 400ms ease, opacity 400ms ease, visibility 0s
    }

    html.is-mobile-nav-open,
    body.is-mobile-nav-open {
        overflow: hidden
    }

    body.is-mobile-nav-open .site-header,
    :root.kd-preheader-collapsed body.is-mobile-nav-open .site-header {
        position: fixed;
        top: var(--masthead-fixed-top, 0px);
        left: 0;
        right: 0;
        width: 100%;
        z-index: 10000
    }

    body.is-mobile-nav-open #masthead+* {
        margin-top: max(0px, calc(var(--masthead-offset, 0px) - var(--masthead-fixed-top, 0px)))
    }

    .nav-toggler {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        -webkit-tap-highlight-color: transparent
    }

    .nav-toggler .svg.menu-icon {
        float: none;
        margin: 0;
        height: 100%;
        width: 100%;
        aspect-ratio: 1 / 1;
        max-width: 40px
    }

    .menu-icon .line {
        stroke-width: 3;
        stroke: var(--black);
        transition: all 500ms
    }

    .menu-icon .top {
        transform-origin: 26px 40px
    }

    .menu-icon .middle {
        stroke-dasharray: 60 60
    }

    .menu-icon .bottom {
        transform-origin: 26px 60px
    }

    .is-open~.nav-toggler .menu-icon .line {
        stroke: var(--black)
    }

    .is-open~.nav-toggler .menu-icon .top {
        transform: rotate(45deg)
    }

    .is-open~.nav-toggler .menu-icon .middle {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30
    }

    .is-open~.nav-toggler .menu-icon .bottom {
        transform: rotate(-45deg)
    }

    #site-navigation .primary-menu {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%
    }

    .primary-menu.navigation .menu-item.btn-nav a {
        display: inline-flex;
        margin-left: 25px;
        min-width: 50vw
    }

 

    .primary-menu.navigation .menu-item.current-menu-item::after {
        display: none
    }


    .m-f-12 {
        font-size: 12px
    }

    .m-f-13 {
        font-size: 13px
    }

    .m-f-14 {
        font-size: 14px
    }

    .m-f-15 {
        font-size: 15px
    }

    .m-f-16 {
        font-size: 16px
    }

    .m-f-17 {
        font-size: 17px
    }

    .m-f-18 {
        font-size: 18px
    }

    .m-f-19 {
        font-size: 19px
    }

    .m-f-20 {
        font-size: 20px
    }

    .m-f-21 {
        font-size: 21px
    }

    .m-f-22 {
        font-size: 22px
    }

    .m-f-23 {
        font-size: 23px
    }

    .m-f-24 {
        font-size: 24px
    }

    .m-f-26 {
        font-size: 26px
    }

    .m-f-28 {
        font-size: 28px
    }

    .m-f-30 {
        font-size: 30px
    }

    .m-f-32 {
        font-size: 32px
    }

    .m-f-34 {
        font-size: 34px
    }

    .m-f-36 {
        font-size: 36px
    }

    .m-f-38 {
        font-size: 38px
    }

    .m-f-40 {
        font-size: 40px
    }

    .m-f-42 {
        font-size: 42px
    }

    .m-f-44 {
        font-size: 44px
    }

    .m-f-48 {
        font-size: 48px
    }

    .m-f-50 {
        font-size: 50px
    }

    .m-f-60 {
        font-size: 60px
    }

    .m-f-80 {
        font-size: 80px
    }

    .m-f-128 {
        font-size: 128px
    }

    .mobile-0 {
        margin: 0px
    }

    .mobile-5 {
        margin: 5px
    }

    .mobile-10 {
        margin: 10px
    }

    .mobile-15 {
        margin: 15px
    }

    .mobile-20 {
        margin: 20px
    }

    .mobile-25 {
        margin: 25px
    }

    .mobile-30 {
        margin: 30px
    }

    .mobile-35 {
        margin: 35px
    }

    .mobile-40 {
        margin: 40px
    }

    .mobile-45 {
        margin: 45px
    }

    .mobile-50 {
        margin: 50px
    }

    .mobile-55 {
        margin: 55px
    }

    .mobile-60 {
        margin: 60px
    }

    .mobile-65 {
        margin: 65px
    }

    .mobile-70 {
        margin: 70px
    }

    .mobile-75 {
        margin: 75px
    }

    .mobile-80 {
        margin: 80px
    }

    .mobile-85 {
        margin: 85px
    }

    .mobile-90 {
        margin: 90px
    }

    .mobile-95 {
        margin: 95px
    }

    .mobile-100 {
        margin: 100px
    }

    .mobile-105 {
        margin: 105px
    }

    .mobile-110 {
        margin: 110px
    }

    .mobile-115 {
        margin: 115px
    }

    .mobile-120 {
        margin: 120px
    }

    .mobile-125 {
        margin: 125px
    }

    .mobile-130 {
        margin: 130px
    }

    .mobile-135 {
        margin: 135px
    }

    .mobile-140 {
        margin: 140px
    }

    .mobile-145 {
        margin: 145px
    }

    .mobile-150 {
        margin: 150px
    }

    .mobile-155 {
        margin: 155px
    }

    .mobile-160 {
        margin: 160px
    }

    .mobile-165 {
        margin: 165px
    }

    .mobile-170 {
        margin: 170px
    }

    .mobile-175 {
        margin: 175px
    }

    .mobile-180 {
        margin: 180px
    }

    .mobile-185 {
        margin: 185px
    }

    .mobile-190 {
        margin: 190px
    }

    .mobile-195 {
        margin: 195px
    }

    .mobile-200 {
        margin: 200px
    }

    .mobile-top-0 {
        margin-top: 0px
    }

    .mobile-top-5 {
        margin-top: 5px
    }

    .mobile-top-10 {
        margin-top: 10px
    }

    .mobile-top-15 {
        margin-top: 15px
    }

    .mobile-top-20 {
        margin-top: 20px
    }

    .mobile-top-25 {
        margin-top: 25px
    }

    .mobile-top-30 {
        margin-top: 30px
    }

    .mobile-top-35 {
        margin-top: 35px
    }

    .mobile-top-40 {
        margin-top: 40px
    }

    .mobile-top-45 {
        margin-top: 45px
    }

    .mobile-top-50 {
        margin-top: 50px
    }

    .mobile-top-55 {
        margin-top: 55px
    }

    .mobile-top-60 {
        margin-top: 60px
    }

    .mobile-top-65 {
        margin-top: 65px
    }

    .mobile-top-70 {
        margin-top: 70px
    }

    .mobile-top-75 {
        margin-top: 75px
    }

    .mobile-top-80 {
        margin-top: 80px
    }

    .mobile-top-85 {
        margin-top: 85px
    }

    .mobile-top-90 {
        margin-top: 90px
    }

    .mobile-top-95 {
        margin-top: 95px
    }

    .mobile-top-100 {
        margin-top: 100px
    }

    .mobile-top-105 {
        margin-top: 105px
    }

    .mobile-top-110 {
        margin-top: 110px
    }

    .mobile-top-115 {
        margin-top: 115px
    }

    .mobile-top-120 {
        margin-top: 120px
    }

    .mobile-top-125 {
        margin-top: 125px
    }

    .mobile-top-130 {
        margin-top: 130px
    }

    .mobile-top-135 {
        margin-top: 135px
    }

    .mobile-top-140 {
        margin-top: 140px
    }

    .mobile-top-145 {
        margin-top: 145px
    }

    .mobile-top-150 {
        margin-top: 150px
    }

    .mobile-top-155 {
        margin-top: 155px
    }

    .mobile-top-160 {
        margin-top: 160px
    }

    .mobile-top-165 {
        margin-top: 165px
    }

    .mobile-top-170 {
        margin-top: 170px
    }

    .mobile-top-175 {
        margin-top: 175px
    }

    .mobile-top-180 {
        margin-top: 180px
    }

    .mobile-top-185 {
        margin-top: 185px
    }

    .mobile-top-190 {
        margin-top: 190px
    }

    .mobile-top-195 {
        margin-top: 195px
    }

    .mobile-top-200 {
        margin-top: 200px
    }

    .mobile-right-auto {
        margin-right: auto
    }

    .mobile-right-0 {
        margin-right: 0px
    }

    .mobile-right-5 {
        margin-right: 5px
    }

    .mobile-right-10 {
        margin-right: 10px
    }

    .mobile-right-15 {
        margin-right: 15px
    }

    .mobile-right-20 {
        margin-right: 20px
    }

    .mobile-right-25 {
        margin-right: 25px
    }

    .mobile-right-30 {
        margin-right: 30px
    }

    .mobile-right-35 {
        margin-right: 35px
    }

    .mobile-right-40 {
        margin-right: 40px
    }

    .mobile-right-45 {
        margin-right: 45px
    }

    .mobile-right-50 {
        margin-right: 50px
    }

    .mobile-right-55 {
        margin-right: 55px
    }

    .mobile-right-60 {
        margin-right: 60px
    }

    .mobile-right-65 {
        margin-right: 65px
    }

    .mobile-right-70 {
        margin-right: 70px
    }

    .mobile-right-75 {
        margin-right: 75px
    }

    .mobile-right-80 {
        margin-right: 80px
    }

    .mobile-right-85 {
        margin-right: 85px
    }

    .mobile-right-90 {
        margin-right: 90px
    }

    .mobile-right-95 {
        margin-right: 95px
    }

    .mobile-right-100 {
        margin-right: 100px
    }

    .mobile-right-105 {
        margin-right: 105px
    }

    .mobile-right-110 {
        margin-right: 110px
    }

    .mobile-right-115 {
        margin-right: 115px
    }

    .mobile-right-120 {
        margin-right: 120px
    }

    .mobile-right-125 {
        margin-right: 125px
    }

    .mobile-right-130 {
        margin-right: 130px
    }

    .mobile-right-135 {
        margin-right: 135px
    }

    .mobile-right-140 {
        margin-right: 140px
    }

    .mobile-right-145 {
        margin-right: 145px
    }

    .mobile-right-150 {
        margin-right: 150px
    }

    .mobile-right-155 {
        margin-right: 155px
    }

    .mobile-right-160 {
        margin-right: 160px
    }

    .mobile-right-165 {
        margin-right: 165px
    }

    .mobile-right-170 {
        margin-right: 170px
    }

    .mobile-right-175 {
        margin-right: 175px
    }

    .mobile-right-180 {
        margin-right: 180px
    }

    .mobile-right-185 {
        margin-right: 185px
    }

    .mobile-right-190 {
        margin-right: 190px
    }

    .mobile-right-195 {
        margin-right: 195px
    }

    .mobile-right-200 {
        margin-right: 200px
    }

    .mobile-bottom-0 {
        margin-bottom: 0px
    }

    .mobile-bottom-5 {
        margin-bottom: 5px
    }

    .mobile-bottom-10 {
        margin-bottom: 10px
    }

    .mobile-bottom-15 {
        margin-bottom: 15px
    }

    .mobile-bottom-20 {
        margin-bottom: 20px
    }

    .mobile-bottom-25 {
        margin-bottom: 25px
    }

    .mobile-bottom-30 {
        margin-bottom: 30px
    }

    .mobile-bottom-35 {
        margin-bottom: 35px
    }

    .mobile-bottom-40 {
        margin-bottom: 40px
    }

    .mobile-bottom-45 {
        margin-bottom: 45px
    }

    .mobile-bottom-50 {
        margin-bottom: 50px
    }

    .mobile-bottom-55 {
        margin-bottom: 55px
    }

    .mobile-bottom-60 {
        margin-bottom: 60px
    }

    .mobile-bottom-65 {
        margin-bottom: 65px
    }

    .mobile-bottom-70 {
        margin-bottom: 70px
    }

    .mobile-bottom-75 {
        margin-bottom: 75px
    }

    .mobile-bottom-80 {
        margin-bottom: 80px
    }

    .mobile-bottom-85 {
        margin-bottom: 85px
    }

    .mobile-bottom-90 {
        margin-bottom: 90px
    }

    .mobile-bottom-95 {
        margin-bottom: 95px
    }

    .mobile-bottom-100 {
        margin-bottom: 100px
    }

    .mobile-bottom-105 {
        margin-bottom: 105px
    }

    .mobile-bottom-110 {
        margin-bottom: 110px
    }

    .mobile-bottom-115 {
        margin-bottom: 115px
    }

    .mobile-bottom-120 {
        margin-bottom: 120px
    }

    .mobile-bottom-125 {
        margin-bottom: 125px
    }

    .mobile-bottom-130 {
        margin-bottom: 130px
    }

    .mobile-bottom-135 {
        margin-bottom: 135px
    }

    .mobile-bottom-140 {
        margin-bottom: 140px
    }

    .mobile-bottom-145 {
        margin-bottom: 145px
    }

    .mobile-bottom-150 {
        margin-bottom: 150px
    }

    .mobile-bottom-155 {
        margin-bottom: 155px
    }

    .mobile-bottom-160 {
        margin-bottom: 160px
    }

    .mobile-bottom-165 {
        margin-bottom: 165px
    }

    .mobile-bottom-170 {
        margin-bottom: 170px
    }

    .mobile-bottom-175 {
        margin-bottom: 175px
    }

    .mobile-bottom-180 {
        margin-bottom: 180px
    }

    .mobile-bottom-185 {
        margin-bottom: 185px
    }

    .mobile-bottom-190 {
        margin-bottom: 190px
    }

    .mobile-bottom-195 {
        margin-bottom: 195px
    }

    .mobile-bottom-200 {
        margin-bottom: 200px
    }

    .mobile-left-0 {
        margin-left: 0px
    }

    .mobile-left-5 {
        margin-left: 5px
    }

    .mobile-left-10 {
        margin-left: 10px
    }

    .mobile-left-15 {
        margin-left: 15px
    }

    .mobile-left-20 {
        margin-left: 20px
    }

    .mobile-left-25 {
        margin-left: 25px
    }

    .mobile-left-30 {
        margin-left: 30px
    }

    .mobile-left-35 {
        margin-left: 35px
    }

    .mobile-left-40 {
        margin-left: 40px
    }

    .mobile-left-45 {
        margin-left: 45px
    }

    .mobile-left-50 {
        margin-left: 50px
    }

    .mobile-left-55 {
        margin-left: 55px
    }

    .mobile-left-60 {
        margin-left: 60px
    }

    .mobile-left-65 {
        margin-left: 65px
    }

    .mobile-left-70 {
        margin-left: 70px
    }

    .mobile-left-75 {
        margin-left: 75px
    }

    .mobile-left-80 {
        margin-left: 80px
    }

    .mobile-left-85 {
        margin-left: 85px
    }

    .mobile-left-90 {
        margin-left: 90px
    }

    .mobile-left-95 {
        margin-left: 95px
    }

    .mobile-left-100 {
        margin-left: 100px
    }

    .mobile-left-105 {
        margin-left: 105px
    }

    .mobile-left-110 {
        margin-left: 110px
    }

    .mobile-left-115 {
        margin-left: 115px
    }

    .mobile-left-120 {
        margin-left: 120px
    }

    .mobile-left-125 {
        margin-left: 125px
    }

    .mobile-left-130 {
        margin-left: 130px
    }

    .mobile-left-135 {
        margin-left: 135px
    }

    .mobile-left-140 {
        margin-left: 140px
    }

    .mobile-left-145 {
        margin-left: 145px
    }

    .mobile-left-150 {
        margin-left: 150px
    }

    .mobile-left-155 {
        margin-left: 155px
    }

    .mobile-left-160 {
        margin-left: 160px
    }

    .mobile-left-165 {
        margin-left: 165px
    }

    .mobile-left-170 {
        margin-left: 170px
    }

    .mobile-left-175 {
        margin-left: 175px
    }

    .mobile-left-180 {
        margin-left: 180px
    }

    .mobile-left-185 {
        margin-left: 185px
    }

    .mobile-left-190 {
        margin-left: 190px
    }

    .mobile-left-195 {
        margin-left: 195px
    }

    .mobile-left-200 {
        margin-left: 200px
    }

    .mobile-padding-0 {
        padding: 0px
    }

    .mobile-padding-5 {
        padding: 5px
    }

    .mobile-padding-10 {
        padding: 10px
    }

    .mobile-padding-15 {
        padding: 15px
    }

    .mobile-padding-20 {
        padding: 20px
    }

    .mobile-padding-25 {
        padding: 25px
    }

    .mobile-padding-30 {
        padding: 30px
    }

    .mobile-padding-35 {
        padding: 35px
    }

    .mobile-padding-40 {
        padding: 40px
    }

    .mobile-padding-45 {
        padding: 45px
    }

    .mobile-padding-50 {
        padding: 50px
    }

    .mobile-padding-55 {
        padding: 55px
    }

    .mobile-padding-60 {
        padding: 60px
    }

    .mobile-padding-65 {
        padding: 65px
    }

    .mobile-padding-70 {
        padding: 70px
    }

    .mobile-padding-75 {
        padding: 75px
    }

    .mobile-padding-80 {
        padding: 80px
    }

    .mobile-padding-85 {
        padding: 85px
    }

    .mobile-padding-90 {
        padding: 90px
    }

    .mobile-padding-95 {
        padding: 95px
    }

    .mobile-padding-100 {
        padding: 100px
    }

    .mobile-padding-105 {
        padding: 105px
    }

    .mobile-padding-110 {
        padding: 110px
    }

    .mobile-padding-115 {
        padding: 115px
    }

    .mobile-padding-120 {
        padding: 120px
    }

    .mobile-padding-125 {
        padding: 125px
    }

    .mobile-padding-130 {
        padding: 130px
    }

    .mobile-padding-135 {
        padding: 135px
    }

    .mobile-padding-140 {
        padding: 140px
    }

    .mobile-padding-145 {
        padding: 145px
    }

    .mobile-padding-150 {
        padding: 150px
    }

    .mobile-padding-155 {
        padding: 155px
    }

    .mobile-padding-160 {
        padding: 160px
    }

    .mobile-padding-165 {
        padding: 165px
    }

    .mobile-padding-170 {
        padding: 170px
    }

    .mobile-padding-175 {
        padding: 175px
    }

    .mobile-padding-180 {
        padding: 180px
    }

    .mobile-padding-185 {
        padding: 185px
    }

    .mobile-padding-190 {
        padding: 190px
    }

    .mobile-padding-195 {
        padding: 195px
    }

    .mobile-padding-200 {
        padding: 200px
    }

    .mobile-padding-top-0 {
        padding-top: 0px
    }

    .mobile-padding-top-5 {
        padding-top: 5px
    }

    .mobile-padding-top-10 {
        padding-top: 10px
    }

    .mobile-padding-top-15 {
        padding-top: 15px
    }

    .mobile-padding-top-20 {
        padding-top: 20px
    }

    .mobile-padding-top-25 {
        padding-top: 25px
    }

    .mobile-padding-top-30 {
        padding-top: 30px
    }

    .mobile-padding-top-35 {
        padding-top: 35px
    }

    .mobile-padding-top-40 {
        padding-top: 40px
    }

    .mobile-padding-top-45 {
        padding-top: 45px
    }

    .mobile-padding-top-50 {
        padding-top: 50px
    }

    .mobile-padding-top-55 {
        padding-top: 55px
    }

    .mobile-padding-top-60 {
        padding-top: 60px
    }

    .mobile-padding-top-65 {
        padding-top: 65px
    }

    .mobile-padding-top-70 {
        padding-top: 70px
    }

    .mobile-padding-top-75 {
        padding-top: 75px
    }

    .mobile-padding-top-80 {
        padding-top: 80px
    }

    .mobile-padding-top-85 {
        padding-top: 85px
    }

    .mobile-padding-top-90 {
        padding-top: 90px
    }

    .mobile-padding-top-95 {
        padding-top: 95px
    }

    .mobile-padding-top-100 {
        padding-top: 100px
    }

    .mobile-padding-top-105 {
        padding-top: 105px
    }

    .mobile-padding-top-110 {
        padding-top: 110px
    }

    .mobile-padding-top-115 {
        padding-top: 115px
    }

    .mobile-padding-top-120 {
        padding-top: 120px
    }

    .mobile-padding-top-125 {
        padding-top: 125px
    }

    .mobile-padding-top-130 {
        padding-top: 130px
    }

    .mobile-padding-top-135 {
        padding-top: 135px
    }

    .mobile-padding-top-140 {
        padding-top: 140px
    }

    .mobile-padding-top-145 {
        padding-top: 145px
    }

    .mobile-padding-top-150 {
        padding-top: 150px
    }

    .mobile-padding-top-155 {
        padding-top: 155px
    }

    .mobile-padding-top-160 {
        padding-top: 160px
    }

    .mobile-padding-top-165 {
        padding-top: 165px
    }

    .mobile-padding-top-170 {
        padding-top: 170px
    }

    .mobile-padding-top-175 {
        padding-top: 175px
    }

    .mobile-padding-top-180 {
        padding-top: 180px
    }

    .mobile-padding-top-185 {
        padding-top: 185px
    }

    .mobile-padding-top-190 {
        padding-top: 190px
    }

    .mobile-padding-top-195 {
        padding-top: 195px
    }

    .mobile-padding-top-200 {
        padding-top: 200px
    }

    .mobile-padding-right-0 {
        padding-right: 0px
    }

    .mobile-padding-right-5 {
        padding-right: 5px
    }

    .mobile-padding-right-10 {
        padding-right: 10px
    }

    .mobile-padding-right-15 {
        padding-right: 15px
    }

    .mobile-padding-right-20 {
        padding-right: 20px
    }

    .mobile-padding-right-25 {
        padding-right: 25px
    }

    .mobile-padding-right-30 {
        padding-right: 30px
    }

    .mobile-padding-right-35 {
        padding-right: 35px
    }

    .mobile-padding-right-40 {
        padding-right: 40px
    }

    .mobile-padding-right-45 {
        padding-right: 45px
    }

    .mobile-padding-right-50 {
        padding-right: 50px
    }

    .mobile-padding-right-55 {
        padding-right: 55px
    }

    .mobile-padding-right-60 {
        padding-right: 60px
    }

    .mobile-padding-right-65 {
        padding-right: 65px
    }

    .mobile-padding-right-70 {
        padding-right: 70px
    }

    .mobile-padding-right-75 {
        padding-right: 75px
    }

    .mobile-padding-right-80 {
        padding-right: 80px
    }

    .mobile-padding-right-85 {
        padding-right: 85px
    }

    .mobile-padding-right-90 {
        padding-right: 90px
    }

    .mobile-padding-right-95 {
        padding-right: 95px
    }

    .mobile-padding-right-100 {
        padding-right: 100px
    }

    .mobile-padding-right-105 {
        padding-right: 105px
    }

    .mobile-padding-right-110 {
        padding-right: 110px
    }

    .mobile-padding-right-115 {
        padding-right: 115px
    }

    .mobile-padding-right-120 {
        padding-right: 120px
    }

    .mobile-padding-right-125 {
        padding-right: 125px
    }

    .mobile-padding-right-130 {
        padding-right: 130px
    }

    .mobile-padding-right-135 {
        padding-right: 135px
    }

    .mobile-padding-right-140 {
        padding-right: 140px
    }

    .mobile-padding-right-145 {
        padding-right: 145px
    }

    .mobile-padding-right-150 {
        padding-right: 150px
    }

    .mobile-padding-right-155 {
        padding-right: 155px
    }

    .mobile-padding-right-160 {
        padding-right: 160px
    }

    .mobile-padding-right-165 {
        padding-right: 165px
    }

    .mobile-padding-right-170 {
        padding-right: 170px
    }

    .mobile-padding-right-175 {
        padding-right: 175px
    }

    .mobile-padding-right-180 {
        padding-right: 180px
    }

    .mobile-padding-right-185 {
        padding-right: 185px
    }

    .mobile-padding-right-190 {
        padding-right: 190px
    }

    .mobile-padding-right-195 {
        padding-right: 195px
    }

    .mobile-padding-right-200 {
        padding-right: 200px
    }

    .mobile-padding-bottom-0 {
        padding-bottom: 0px
    }

    .mobile-padding-bottom-5 {
        padding-bottom: 5px
    }

    .mobile-padding-bottom-10 {
        padding-bottom: 10px
    }

    .mobile-padding-bottom-15 {
        padding-bottom: 15px
    }

    .mobile-padding-bottom-20 {
        padding-bottom: 20px
    }

    .mobile-padding-bottom-25 {
        padding-bottom: 25px
    }

    .mobile-padding-bottom-30 {
        padding-bottom: 30px
    }

    .mobile-padding-bottom-35 {
        padding-bottom: 35px
    }

    .mobile-padding-bottom-40 {
        padding-bottom: 40px
    }

    .mobile-padding-bottom-45 {
        padding-bottom: 45px
    }

    .mobile-padding-bottom-50 {
        padding-bottom: 50px
    }

    .mobile-padding-bottom-55 {
        padding-bottom: 55px
    }

    .mobile-padding-bottom-60 {
        padding-bottom: 60px
    }

    .mobile-padding-bottom-65 {
        padding-bottom: 65px
    }

    .mobile-padding-bottom-70 {
        padding-bottom: 70px
    }

    .mobile-padding-bottom-75 {
        padding-bottom: 75px
    }

    .mobile-padding-bottom-80 {
        padding-bottom: 80px
    }

    .mobile-padding-bottom-85 {
        padding-bottom: 85px
    }

    .mobile-padding-bottom-90 {
        padding-bottom: 90px
    }

    .mobile-padding-bottom-95 {
        padding-bottom: 95px
    }

    .mobile-padding-bottom-100 {
        padding-bottom: 100px
    }

    .mobile-padding-bottom-105 {
        padding-bottom: 105px
    }

    .mobile-padding-bottom-110 {
        padding-bottom: 110px
    }

    .mobile-padding-bottom-115 {
        padding-bottom: 115px
    }

    .mobile-padding-bottom-120 {
        padding-bottom: 120px
    }

    .mobile-padding-bottom-125 {
        padding-bottom: 125px
    }

    .mobile-padding-bottom-130 {
        padding-bottom: 130px
    }

    .mobile-padding-bottom-135 {
        padding-bottom: 135px
    }

    .mobile-padding-bottom-140 {
        padding-bottom: 140px
    }

    .mobile-padding-bottom-145 {
        padding-bottom: 145px
    }

    .mobile-padding-bottom-150 {
        padding-bottom: 150px
    }

    .mobile-padding-bottom-155 {
        padding-bottom: 155px
    }

    .mobile-padding-bottom-160 {
        padding-bottom: 160px
    }

    .mobile-padding-bottom-165 {
        padding-bottom: 165px
    }

    .mobile-padding-bottom-170 {
        padding-bottom: 170px
    }

    .mobile-padding-bottom-175 {
        padding-bottom: 175px
    }

    .mobile-padding-bottom-180 {
        padding-bottom: 180px
    }

    .mobile-padding-bottom-185 {
        padding-bottom: 185px
    }

    .mobile-padding-bottom-190 {
        padding-bottom: 190px
    }

    .mobile-padding-bottom-195 {
        padding-bottom: 195px
    }

    .mobile-padding-bottom-200 {
        padding-bottom: 200px
    }

    .mobile-padding-left-0 {
        padding-left: 0px
    }

    .mobile-padding-left-5 {
        padding-left: 5px
    }

    .mobile-padding-left-10 {
        padding-left: 10px
    }

    .mobile-padding-left-15 {
        padding-left: 15px
    }

    .mobile-padding-left-20 {
        padding-left: 20px
    }

    .mobile-padding-left-25 {
        padding-left: 25px
    }

    .mobile-padding-left-30 {
        padding-left: 30px
    }

    .mobile-padding-left-35 {
        padding-left: 35px
    }

    .mobile-padding-left-40 {
        padding-left: 40px
    }

    .mobile-padding-left-45 {
        padding-left: 45px
    }

    .mobile-padding-left-50 {
        padding-left: 50px
    }

    .mobile-padding-left-55 {
        padding-left: 55px
    }

    .mobile-padding-left-60 {
        padding-left: 60px
    }

    .mobile-padding-left-65 {
        padding-left: 65px
    }

    .mobile-padding-left-70 {
        padding-left: 70px
    }

    .mobile-padding-left-75 {
        padding-left: 75px
    }

    .mobile-padding-left-80 {
        padding-left: 80px
    }

    .mobile-padding-left-85 {
        padding-left: 85px
    }

    .mobile-padding-left-90 {
        padding-left: 90px
    }

    .mobile-padding-left-95 {
        padding-left: 95px
    }

    .mobile-padding-left-100 {
        padding-left: 100px
    }

    .mobile-padding-left-105 {
        padding-left: 105px
    }

    .mobile-padding-left-110 {
        padding-left: 110px
    }

    .mobile-padding-left-115 {
        padding-left: 115px
    }

    .mobile-padding-left-120 {
        padding-left: 120px
    }

    .mobile-padding-left-125 {
        padding-left: 125px
    }

    .mobile-padding-left-130 {
        padding-left: 130px
    }

    .mobile-padding-left-135 {
        padding-left: 135px
    }

    .mobile-padding-left-140 {
        padding-left: 140px
    }

    .mobile-padding-left-145 {
        padding-left: 145px
    }

    .mobile-padding-left-150 {
        padding-left: 150px
    }

    .mobile-padding-left-155 {
        padding-left: 155px
    }

    .mobile-padding-left-160 {
        padding-left: 160px
    }

    .mobile-padding-left-165 {
        padding-left: 165px
    }

    .mobile-padding-left-170 {
        padding-left: 170px
    }

    .mobile-padding-left-175 {
        padding-left: 175px
    }

    .mobile-padding-left-180 {
        padding-left: 180px
    }

    .mobile-padding-left-185 {
        padding-left: 185px
    }

    .mobile-padding-left-190 {
        padding-left: 190px
    }

    .mobile-padding-left-195 {
        padding-left: 195px
    }

    .mobile-padding-left-200 {
        padding-left: 200px
    }

    .m-flex-column {
        flex-direction: column
    }
    .m-flex-wrap {
        flex-wrap: wrap
    }

    .m-flex-row {
        flex-direction: row
    }
        .m-flex-50 {
            flex: 0 1 50%;
            /* Jedes Kind versucht 50% zu sein */
        }
        .m-flex-gap-10 .m-flex-50 {
            flex: 0 1 calc(50% - 5px);
            /* Berücksichtigt den Abstand von 10px */
        }

        .footer-content .svg-vorteil-icon {
            width: 20px;
            min-width: 20px;
            aspect-ratio: 1 / 1;
        }
    .kd-gallery-slider__item {
        width: 100vw;
        padding: 10px
    }

    .kd-gallery-slider__item.purchase-process__slide {
        width: 70vw;
        min-width: unset
    }

    .slider-section__list--big .slider-section__body {
        flex-direction: column
    }

    .mobile-max-width-80vw {
        max-width: 80vw
    }

    .mobile-max-width-66vw {
        max-width: 66vw
    }

    .text-image__media.special-green-border-wrapper.mobile-max-width-80vw,
    .text-image__media.special-green-border-wrapper.mobile-max-width-66vw {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
        .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid picture {
            height: auto;
        }
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid img,
    .text-image__media .text-image__image {
        width: 100%;
        height: auto
    }

    .mobile-max-width-150 {
        max-width: 150px
    }
    .m-flex-gap-0 {
        gap: 0
    }.m-flex-gap-5 {
        gap: 5px
    }

    .m-flex-gap-10 {
        gap: 10px
    }

    .m-flex-gap-15 {
        gap: 15px
    }

    .m-flex-gap-20 {
        gap: 20px
    }

    .m-flex-gap-25 {
        gap: 25px
    }

    .m-flex-gap-30 {
        gap: 30px
    }

    .m-flex-gap-35 {
        gap: 35px
    }

    .m-flex-gap-40 {
        gap: 40px
    }

    .m-flex-gap-50 {
        gap: 50px
    }

    .m-flex-gap-60 {
        gap: 60px
    }

    .m-flex-gap-70 {
        gap: 70px
    }

    .m-flex-gap-80 {
        gap: 80px
    }

    .m-flex-gap-90 {
        gap: 90px
    }
    .m-flex-column-gap-0 {
        column-gap: 0px;
    }
    .m-flex-row-gap-0 {
        row-gap: 0px;
    }
    
    .input-wrapper.width-50.mobile-width-100,
    .mobile-width-100,
    .m-full-width,
    .mobile-full-width {
        width: 100%;
        max-width: 100%;
    }

    .m-bold {
        font-weight: bold
    }

    .m-text-center {
        text-align: center
    }

    .m-order-10 {
        order: 10
    }

    .m-order-5 {
        order: 5
    }

    .mobile-border-radius-20 {
        border-radius: 20px
    }

    .mobile-border-radius-25 {
        border-radius: 25px
    }

    .slider-section__media .slider-section__image {
        width: 100%;
        height: auto
    }

    #section-1.section--text-image.padding-top-50 {
        padding-top: 10px
    }

    #section-1 .text-image__media .text-image__image.image-size-720x400 {
        max-height: 40vh;
        object-fit: cover
    }

    .section--hero-frontpage .kd-gallery-slider__list {
        padding-bottom: 0
    }

    .section--hero-frontpage .kd-gallery-slider__list .kd-gallery-slider__item {
        padding: 0 0 10px 0
    }

    .section--text-image[data-text-image-design="text-fullsize-image"] .text-image__content-image-wrapper {
        width: 100%;
    }
        
    /* Mobile horizontal CSS slider - common rules for multiple layouts */
    /* Base container styles for horizontal scrolling on mobile */
    .section--text-image[data-text-image-design="3-column-image"] .text-image__content-image-wrapper,
    .section--text-image[data-text-image-design="3-column-text-image"] .text-image__content-image-wrapper,
    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__content-image-wrapper,
    .section--text-image[data-text-image-design="multi-small-images"] .text-image__content-image-wrapper,
    .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper,
    .section--text-image[data-text-image-design="responsive-image-layout"] .text-image__content-image-wrapper,
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        gap: 20px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }

    /* Hide scrollbar for all mobile sliders */
    .section--text-image[data-text-image-design="3-column-image"] .text-image__content-image-wrapper::-webkit-scrollbar,
    .section--text-image[data-text-image-design="3-column-text-image"] .text-image__content-image-wrapper::-webkit-scrollbar,
    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__content-image-wrapper::-webkit-scrollbar,
    .section--text-image[data-text-image-design="multi-small-images"] .text-image__content-image-wrapper::-webkit-scrollbar,
    .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper::-webkit-scrollbar,
    .section--text-image[data-text-image-design="responsive-image-layout"] .text-image__content-image-wrapper::-webkit-scrollbar,
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid::-webkit-scrollbar {
        display: none; /* Chrome/Safari/Opera */
    }

    /* 3-column layouts: 75vw slides with start alignment and padding */
    .section--text-image[data-text-image-design="3-column-image"] .text-image__content-image-wrapper {
        padding-right: 60px; /* Prevent last item from being cut off */
    }
    .section--text-image[data-text-image-design="3-column-image"] .text-image__content-image-wrapper > * {
        flex: 0 0 75vw;
        width: 75vw;
        scroll-snap-align: start;
    }

    .section--text-image[data-text-image-design="3-column-text-image"] .text-image__content-image-wrapper {
        padding-right: 60px; /* Prevent last item from being cut off */
        padding-left: 60px; /* Prevent first item from being cut off */;
    }
    .section--text-image[data-text-image-design="3-column-text-image"] .text-image__content-image-wrapper > * {
        flex: 0 0 75vw;
        width: 75vw;
        scroll-snap-align: start;
    }

    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__content-image-wrapper {
        padding-right: 60px; /* Prevent last item from being cut off */
        padding-left: 60px; /* Prevent first item from being cut off */
    }
    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__content-image-wrapper > * {
        flex: 0 0 75vw;
        width: 75vw;
        scroll-snap-align: center;
        height: 100%;
    }

    /* Override width-33 for 3-column-text-image items on mobile */
    .section--text-image[data-text-image-design="3-column-text-image"] .width-33 {
        width: 100%;
    }

    /* multi-small-images: 75vw pictures with center snap and padding */
    .section--text-image[data-text-image-design="multi-small-images"] .text-image__content-image-wrapper {
        padding-right: 20px; /* Prevent last item from being cut off */
        padding-left: 20px; /* Prevent first item from being cut off */
    }
    .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper {
        padding-right: 20px; /* Prevent last item from being cut off */
        padding-left: 20px; /* Prevent first item from being cut off */
    }
    .section--text-image[data-text-image-design="multi-small-images"] .text-image__content-image-wrapper picture {
        flex: 0 0 75vw;
        width: 75vw;
        min-width: 75vw;
        height: auto;
        scroll-snap-align: center;
    }
    .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper picture {
        flex: 0 0 30vw;
        width: 30vw;
        min-width: 30vw;
        height: 80px;
        scroll-snap-align: center;
    }

    /* 50-50 layout with multiple images: 75vw divs with center snap and padding */
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid {
        padding-right: 20px; /* Prevent last item from being cut off */
        padding-left: 20px; /* Prevent first item from being cut off */
    }
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid > div {
        flex: 0 0 75vw;
        width: 75vw;
        min-width: 75vw;
        scroll-snap-align: center;
    }
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid picture {
        height: auto;
    }
    .section--text-image[data-text-image-design="50-50"] .text-image__rpt-grid img {
        width: 100%;
        height: auto;
    }

    /* responsive-image-layout: Override flex-wrap on inner container, then 75vw slides */
    .section--text-image[data-text-image-design="responsive-image-layout"] .text-image__content-image-wrapper > div {
        /* Override flex-wrap to nowrap for slider behavior */
        flex-wrap: nowrap !important;
        padding-right: 20px; /* Prevent last item from being cut off */
        padding-left: 20px; /* Prevent first item from being cut off */
        gap:20px;
    }
    
    /* Override width-50 and width-100 classes on mobile for slider items */
    .section--text-image[data-text-image-design="responsive-image-layout"] .text-image__content-image-wrapper > div > div {
        flex: 0 0 75vw !important;
        width: 75vw !important;
        min-width: 75vw !important;
        scroll-snap-align: center;
    }
    
    .section--text-image[data-text-image-design="responsive-image-layout"] .text-image__content-image-wrapper picture {
        height: auto;
    }
    .section--text-image[data-text-image-design="responsive-image-layout"] .text-image__content-image-wrapper img {
        width: 100%;
        height: auto;
    }

    /* responsive-image-layout: Static heading, not absolute positioned */
    .section--text-image[data-text-image-design="responsive-image-layout"].text-overlay--text-overlay-black-center .text-image__content-content-wrapper {
        position: static;
        color: var(--text-primary);
        background: none;
        padding-left: 10px;
        padding-right: 10px;
    }
    .section--text-image[data-text-image-design="responsive-image-layout"].text-overlay--text-overlay-black-center .text-image__content-content-wrapper .text-image__heading {
        font-size: 22px;
        color: var(--text-primary);
    }

    /* Floating image layout - mobile */
    .section--text-image[data-text-image-design="floating-image"] .text-image__floating-image {
        width: 100%;
        margin-bottom: 20px;
    }
    .section--text-image[data-text-image-design="floating-image"] .text-image__floating-image .text-image__image {
        width: 100%;
        height: auto;
    }

    .text-image__content-content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .section--text-image.text-overlay--text-overlay-top .text-image__content-content-wrapper,
    .section--text-image.text-overlay--text-overlay-top-right .text-image__content-content-wrapper {
        left: 0;
        top: 0;
    }
    .section--text-image.text-overlay--text-overlay-top-right .text-image__content-content-wrapper {
        left: auto;
        right: 0;
    }
    .section--text-image.text-overlay--text-overlay-black-center .text-image__content-content-wrapper .text-image__heading {
        font-size: 22px;
    }
    .input-label:not(.unstyled).checkbox {
        min-height: unset;
    }
    .mxv-date-tooltip-trigger {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
        margin-left:3px;
}

    /* MXV Booking frontend mobile styles (migrated from plugin) */
    .mxv-checkout-form .radio-group {
        flex-direction: column;
    }

    .mxv-checkout-form .radio-label {
        width: 100%;
        justify-content: flex-start;
    }

    .mxv-product-card {
        grid-template-columns: 1fr;
    }

    .mxv-product-card .product-pricing {
        text-align: left;
    }

    .mx-google-reviews-badge.over-image {
        top:100vw;
    }
    .mx-google-reviews-badge__row-rating-stars svg {
        height: 17px;
    }
    .mx-google-reviews-badge__row-rating-stars {
        font-size: 18px;
    }
    .mx-google-reviews-badge {
        gap:5px;
        padding:10px;
    }

    .site-logo .svg-logo {
        padding: 10px 0;
        height: 26px;
        box-sizing: content-box;
        width: auto;
    }

    .section--text-image[data-banoa-text-image-layout="horizontal_full_width"] .text-image-content__media.width-50 {
        flex-wrap: wrap;
        gap:20px;
        justify-content: space-around;
    }
    .section--text-image[data-banoa-text-image-layout="horizontal_full_width"] .text-image-content__media img {
        max-height: 40px;
    }
    .layout-image-left-text-right .text-image-content .text-image-content__text {
        order: 20;
    }
    .layout-image-left-text-right .text-image-content .text-image-content__media {
        order: 10;
    }

    .layout-image-left-text-right .text-image-media__item {
        text-align: center;
    }

    .process-steps.m-flex-gap-0 {
        --process-steps-gap: 0px;
    }

    .process-steps.m-flex-gap-10 {
        --process-steps-gap: 10px;
    }

    .process-steps.m-flex-gap-15 {
        --process-steps-gap: 15px;
    }

    .process-steps.m-flex-gap-20 {
        --process-steps-gap: 20px;
    }

    .process-steps.m-flex-gap-30 {
        --process-steps-gap: 30px;
    }

    .process-steps.m-flex-gap-40 {
        --process-steps-gap: 40px;
    }

    .process-steps.m-flex-gap-60 {
        --process-steps-gap: 60px;
    }

    .process-steps__item {
        /*
        flex: 0 0 calc((100% - var(--process-steps-gap)) / 2);
        width: calc((100% - var(--process-steps-gap)) / 2); /**/

        flex: 0 0 100%;
        width: 100%;
    }

    .site-main #section-text-image-1 {
        padding-top: 20px;
    }

    .text-image-hierachial {
        gap: 20px;
    }

    .text-image-hierachial__category-bar {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 6px;
        gap: 8px;
        flex-wrap:wrap;

        flex-direction: column;
        border-radius: 10px; 
    }

    .text-image-hierachial__category-bar::-webkit-scrollbar {
        display: none;
    }

    .text-image-hierachial__category {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 16px;
        padding: 10px 14px;
    }

    .text-image-hierachial__subelement {
        flex: 0 0 85vw;
        width: 85vw;
        min-width: 85vw;
        scroll-snap-align: center;
    }

    .text-image-hierachial__button {
        width: 42px;
        height: 42px;
    }

    .text-image-hierachial__button--prev {
        left: 6px;
    }

    .text-image-hierachial__button--next {
        right: 6px;
    }

    .text-image-hierachial__heading {
        font-size: 24px;
    }

    .text-image-hierachial__content {
        font-size: 18px;
    }

    .text-image-hierachial__tag {
        top: 10px;
        left: 10px;
        font-size: 12px;
        padding: 6px 10px;
    }

}

@media (max-width:768px) and (prefers-reduced-motion:reduce) {
    #site-navigation {
        transition: none
    }
}
/* Theme master note: keep mobile overrides in this file if needed. */