:root {
    --column-gap: 1.25rem;
    --row-gap: 1.75rem;
}

@media (min-width: 768px) {
    :root {
        --column-gap: 3rem;
        --row-gap: 2.5rem;
    }   
}

@media (min-width: 1200px) {
    :root {
        --column-gap: 6rem;
    }   
}

.block-editor .editor-styles-wrapper {
    font-family: var(--wp--preset--font-family--poppins), sans-serif !important;
}

/* Utility classes */
@media (max-width: 991px) {
    .hidden-on-mobile {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-on-desktop {
        display: none !important;
    }
}

/* Blocks global */
.wp-block-buttons {
    margin-top: 1.5rem;
}

.wp-block-button .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 64px;
    padding: 0.375rem 0.375rem 0.375rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    line-height: 1;
    text-align: left;
    word-break: normal;
}

.wp-block-button .wp-block-button__link:hover {
    background-color: rgba(246,164,12,0.75);
}

.wp-block-button .wp-block-button__link::after {
    content:"";
    display: inline-block;
    background-color: var(--wp--preset--color--white);
    height: 50px;
    width: 50px;
    flex: 0 0 50px;
    border-radius: 50%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 19' fill='none'%3E%3Cpath d='M20.3545 1.3L28.3008 9.3M28.3008 9.3L20.3545 17.3M28.3008 9.3H1.30078' stroke='%23F57F17' stroke-width='2.6' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 27px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.recht-block-header {
    position: relative;
    padding-bottom: 1rem;;
}

.recht-block-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 88px;
    height: 5px;
    background-color: var(--wp--preset--color--primary);
}

.recht-block-header.is-content-justification-center::after {
    left: 50%;
    transform: translateX(-50%);
    max-width: 950px;
    margin-inline: auto
}

.recht-block-header h2 {
    text-wrap: balance;
}

ul.wp-block-list.is-style-list-with-checkmarks {
    --icon-color: var(--wp--preset--color--primary);

    list-style: none;
    padding: 0;
}

ul.wp-block-list.is-style-list-with-checkmarks li {
    padding-left: calc(1em + 10px);
    line-height: 1.5;
    font-weight: 600;
}

ul.wp-block-list.is-style-list-with-checkmarks li::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.2em;
    flex: 0 0 1em;
    width: 1em;
    height: 1em;
    background-color: var(--icon-color);
    -webkit-mask-image: url("../images/checkmark-circle.svg");
    mask-image: url("../images/checkmark-circle.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

ul.wp-block-list.is-style-list-with-checkmarks li + li {
    margin-top: 1rem;
}

/* Carousel Global */
.wp-block-splide-carousel .splide__pagination {
    position: relative !important;
    bottom: unset !important;
    margin-top: 2.5rem !important;
    gap: 1rem;
}

.wp-block-splide-carousel .splide__pagination__page {
    background: #9C9C9C !important;
    height: 10px !important;
    width: 10px !important;
}

.wp-block-splide-carousel .splide__pagination__page.is-active {
    background: var(--wp--preset--color--primary) !important;
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 4px;
    transform: unset !important;
}

/* Breadcrumbs */
.recht-block-breadcrumbs .yoast-breadcrumbs span,
.recht-block-breadcrumbs .yoast-breadcrumbs a {
    color: var(--font-color-base);
}

/* Hero block */
.recht-block-hero {
    background-image: url(../images/hero-bg-image.jpg);
    background-position: bottom left;
    background-size: cover;
    padding-top: 2.5rem;
}

@media (max-width: 781px) {
    .recht-block-hero {
        background-position: bottom right;
        border-bottom-left-radius: 80px;    
    }
}

.recht-block-hero__content {
    padding-block: 4.5rem;
}

@media (max-width: 781px) {
    .recht-block-hero__content {
        padding-block: 0;
    }
}

.recht-block-hero__content ul.wp-block-list.is-style-list-with-checkmarks {
    --icon-color: var(--wp--preset--color--black);
}

.recht-block-hero__media-column {
    display: flex;
    align-items: end;
}

.recht-block-hero__media {
    position: relative;
    width: 100%;
}

.recht-block-hero__media .wp-block-image {
    margin: 0;
}

.recht-block-hero__media .main-image img {
    height: calc(100% - 2.5rem);
    width: 100%;
    object-fit: cover;
    border-radius: 500px 500px 0px 0px;
}

@media (max-width: 781px) {
    .recht-block-hero__media .main-image img {
        position: relative;
        right: -60px;
    }
}

.recht-block-hero__media .side-image,
.recht-block-hero__media #MyCustomTrustbadge {
    position: absolute;
    z-index: 1;
}

@media (max-width: 991px) {
    .recht-block-hero__media .side-image {
        display: none;
    }
}

.recht-block-hero__media .side-image picture {
    display: block;
}

.recht-block-hero__media .side-image:has(picture) img {
    height: 100%;
    width: 100%;
}

.recht-block-hero__media .side-image picture[style*="object-fit:cover"] img {
    object-fit: cover;
}

.recht-block-hero__media .side-image-1 {
    top: 25%;
    left: 0;
    transform: translateX(-50%);
}

@media (max-width: 1400px) {
    .recht-block-hero__media .side-image-1 {
        top: 20%;
        transform: translateX(-30px);
    }
}

@media (max-width: 1199px) {
    .recht-block-hero__media .side-image img {
        max-height: 150px;
        width: auto !important;
    }
}

.recht-block-hero__media .side-image-2 {
    top: 0;
    right: 0;
}

@media (max-width: 781px) {
    .recht-block-hero__media .side-image-2 {
        top: -20px;
        right: -10px;
    }
}

.recht-block-hero__media #MyCustomTrustbadge {
    bottom: 10%;
    transform: translateX(-60%);
}

@media (max-width: 1400px) {
    .recht-block-hero__media #MyCustomTrustbadge {
        transform: translateX(-45px);
    }
}

@media (max-width: 1199px) {
    .recht-block-hero__media #MyCustomTrustbadge {
        bottom: 20px;
        transform: translateX(-10px);
    }
}

@media (max-width: 781px) {
    .recht-block-hero__media #MyCustomTrustbadge {
        bottom: 60px;
        transform: translateX(0);
    }
}

.recht-block-logos .wp-block-splide-carousel__slide {
    padding: 8px;
    border: 1px solid #DBDBDB;
    border-radius: 12px;
}

.recht-block-logos .wp-block-splide-carousel__slide .wp-block-group {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wp--preset--color--white);
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    height: 120px;
    padding: 15px;
}

.recht-block-logos .wp-block-splide-carousel__slide .wp-block-group img {
    display: block;
    max-height: 100%;
    width: auto;
}

/* Media and Text block */
.recht-block-media-text .wp-block-columns {
    align-items: center !important;
}

@media (max-width: 991px) {
    .recht-block-media-text .wp-block-columns {
        flex-direction: column !important;
    }
}

.recht-block-media-text__media {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    position: relative;
    isolation: isolate;
    width: 100% !important;
}

@media (max-width: 991px) {
    .recht-block-media-text__media {
        order: -1;
    }
}

.recht-block-media-text__media::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -42px;
    right: -60px;
    background-color: var(--wp--preset--color--yellow-light);
    border-radius: 50%;
    height: 135px;
    aspect-ratio: 1;
}

@media (max-width: 991px) {
    .recht-block-media-text__media::before {
        display: none;
    }
}

.recht-block-media-text__media:first-child::before {
    right: unset;
    left: -60px;
}

.recht-block-media-text__media > * {
    grid-column: 1;
    grid-row: 1;
}

.recht-block-media-text__media .wp-block-image {
    display: flex;
    flex-direction: column;
}

.recht-block-media-text__media .wp-block-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--wp--preset--border-radius--extra-large);
}

.recht-block-media-text__media .wp-block-image figcaption {
    margin-bottom: 0;
}

.recht-block-media-text__media:not(:first-child) .wp-block-image img {
    margin-left: auto;
}

@media (max-width: 991px) {
    .recht-block-media-text__media:has(.recht-block-media-text__tag) .wp-block-image img {
        max-width: calc(100% - 48px);
    }
}

.recht-block-media-text__tags {
    position: relative;
    min-height: 100%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: end;
    align-items: stretch;
    padding-block: 2.5rem;
}

.recht-block-media-text__media:has(figcaption) .recht-block-media-text__tags {
    bottom: 52px;
}

@media (min-width: 992px) {
    .recht-block-media-text__tags {
        left: -40px;
    }   
}

.recht-block-media-text__media:first-child .recht-block-media-text__tags {
    margin-left: auto;
} 

@media (min-width: 992px) {
   .recht-block-media-text__media:first-child .recht-block-media-text__tags {
        left: unset;
        right: -40px;
    }  
}

.recht-block-media-text__tag {
    text-align: center;
    z-index: 2;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border: 10px solid currentColor;
    border-radius: 20px;
    padding: 1rem;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin: 0 !important;
}

.recht-block-media-text__media > .recht-block-media-text__tag {
    position: absolute;
    bottom: 42px;
    left: 0;
}

@media (min-width: 992px) {
   .recht-block-media-text__media > .recht-block-media-text__tag {
        left: -40px;
    }  
}

.recht-block-media-text__media:first-child > .recht-block-media-text__tag {
    left: unset;
    right: 0;
}

@media (min-width: 992px) {
   .recht-block-media-text__media:first-child > .recht-block-media-text__tag {
        right: -40px;
    }  
}

.recht-block-media-text__tags .recht-block-media-text__tag {
    margin-inline: 0 !important;
}

.recht-block-media-text__tag p {
    margin: 0 !important;
    line-height: 1;
    text-transform: uppercase;
}

.recht-block-media-text__tag p:first-child {
    margin-bottom: 0.25rem !important;
}

.recht-block-media-text.circle {
    --bg-color: var(--wp--preset--color--yellow-light);
    --bg-offset: 2.5rem;
}

.recht-block-media-text.circle .wp-block-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 100vw;
    background-color: var(--bg-color);
    height: 100%;
    z-index: -1;
}

.recht-block-media-text.circle .recht-block-media-text__media:not(:first-child) .wp-block-image::before {
    left: unset;
    right: 0;
    transform: translateX(100%);
}

.recht-block-media-text.circle .wp-block-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - var(--bg-offset));
    transform: translateX(-100%);
    width: 50%;
    background-color: var(--bg-color);
    height: 100%;
    z-index: -1;
}

.recht-block-media-text.circle .recht-block-media-text__media:not(:first-child) .wp-block-image::after {
    left: unset;
    right: calc(50% - var(--bg-offset));
    transform: translateX(100%);
}

.recht-block-media-text.circle .wp-block-image img {
    border-radius: 50%;
    border: var(--bg-offset) solid var(--bg-color);
}

@media (min-width: 992px) {
    .recht-block-media-text.circle .wp-block-image img {
        margin-left: calc(var(--bg-offset) * -1);
    }

    .recht-block-media-text.circle .recht-block-media-text__media:not(:first-child) .wp-block-image img {
        margin-left: 0;
        margin-right: calc(var(--bg-offset) * -1);
    }
}

.recht-block-media-text.circle .recht-block-media-text__media::before {
    content: "" !important;
    display: inline-block;
    position: absolute;
    z-index: -1;
    left: unset;
    top: 0;
    right: 0;
    transform: translateY(-5%);
    background-color: transparent;
    background-image: url(../images/dots-pattern.png);
    border-radius: unset;
    height: 100px;
    width: 100px;
    background-size: 100%;
}

.recht-block-media-text.circle .recht-block-media-text__media:not(:first-child)::before {
    right: unset;
    left: 0;
}

@media (min-width: 480px) {
     .recht-block-media-text.circle .recht-block-media-text__media::before {
        height: 200px;
        width: 200px;
    }
}

@media (min-width: 1200px) {
    .recht-block-media-text.circle .recht-block-media-text__media::before {
        right: -40px;
    }

    .recht-block-media-text.circle .recht-block-media-text__media:not(:first-child)::before {
        left: -40px;
    }
}

.recht-block-media-text.circle .recht-block-media-text__media::after {
    content: "" !important;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    transform: translateY(28%);
    background-image: url(../images/triangles-shape.png);
    background-size: 100%;
    height: 44px;
    width: 40px;
}

@media (min-width: 768px) {
    .recht-block-media-text.circle .recht-block-media-text__media::after {
        height: 67px;
        width: 61px;
    }
}

.recht-block-media-text.circle .recht-block-media-text__media:not(:first-child)::after {
    left: unset;
    right: 0;
}

@media (min-width: 1500px) {
    .recht-block-media-text.circle .recht-block-media-text__media::after {
        left: -120px;
    }

    .recht-block-media-text.circle .recht-block-media-text__media:not(:first-child)::after {
        right: -120px;
    }
}

/* Testimonials */
.recht-block-testimonials .recht-block-testimonials__footer img {
    max-height: 90px;
    width: auto;
}

.recht-block-testimonials .recht-block-testimonials__footer p {
    margin: 0;
}

.recht-block-testimonials .recht-block-testimonials__footer p a {
    color: inherit;
    text-decoration: underline;
}

.recht-block-testimonials .recht-block-testimonials__footer p a:hover {
    text-decoration: none;
}

/* CTA Block */
.recht-block-cta-with-icon,
.recht-block-cta {
    position: relative;
    overflow: hidden;
    align-items: stretch !important;
}

.recht-block-cta-with-icon {
    gap: 0 !important;
}

.recht-block-cta {
    max-width: 950px;
    margin-inline: auto;
}

@media (max-width: 767px) {
    .recht-block-cta-with-icon {
        margin-inline: -1rem;
        border-radius: 0 !important;
    }
}

.recht-block-cta-with-icon .recht-block-cta-with-icon__inner {
    isolation: isolate;
    padding: 2.5rem 6rem 2.5rem 4rem;
    clip-path: ellipse(calc(100% - 2rem) 176% at 0% 76%);
    background-image: url(../images/waves-bg.png);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .recht-block-cta-with-icon .recht-block-cta-with-icon__inner {
        clip-path: ellipse(100% 79% at 0% 44%);
        padding: 1.5rem 6rem 1.5rem 1rem;
    }
}

.recht-block-cta .recht-block-cta__inner {
    background-image: url(../images/waves-bg.png);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
}

.recht-block-cta-with-icon__icon {
    display: flex;
    align-items: end;
    padding: 2.5rem 4rem 2.5rem 2rem;
}

@media (max-width: 767px) {
    .recht-block-cta-with-icon__icon {
        padding: 1.5rem 1rem 1.5rem 0;
    }   
}

.recht-block-cta-with-icon__icon img {
    max-height: 100%;
}

.recht-block-cta .wp-block-heading {
    margin-bottom: 1.75rem;
}

.recht-block-cta .wp-block-image {
    margin-top: 1.75rem;
}

/* Video Block */
.wp-block-boldblocks-youtube-block {
    --button-size: 50px;
}

@media (min-width: 768px) {
    .wp-block-boldblocks-youtube-block {
        --button-size: 100px;
    }
}

.wp-block-boldblocks-youtube-block .yb-player {
    border-radius: 30px;
    border: 8px solid var(--wp--preset--color--white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.wp-block-boldblocks-youtube-block .yb-player .yb-btn-play {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: unset;
    bottom: 24px;
    left: 24px;
    transform: unset;
    height: var(--button-size);
    width: var(--button-size);
    border-radius: 50%;
    background-color: var(--wp--preset--color--white);
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2229%22%20viewBox%3D%220%200%2025%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M23.9707%2012.3789C25.304%2013.1487%2025.304%2015.0732%2023.9707%2015.843L2.99937%2027.9508C1.66604%2028.7206%20-0.00063261%2027.7584%20-0.000632542%2026.2188L-0.000631484%202.00316C-0.000631417%200.463563%201.66603%20-0.498688%202.99937%200.271112L23.9707%2012.3789Z%22%20fill%3D%22%23F6A40C%22/%3E%3C/svg%3E");
    background-size: 25px 29px;
    background-position: center;
    background-repeat: no-repeat;
    border: 8px solid var(--wp--preset--color--light-gray);
    filter: unset;
}

.wp-block-boldblocks-youtube-block .yb-player + .yb-caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Icons */
.recht-block-icon-columns {
    --icon-size: 80px;
}

@media (min-width: 768px) {
    .recht-block-icon-columns {
        --icon-size: 158px;
    }   
}

.recht-block-icon-columns .wp-block-columns {
    counter-reset: icon-counter;
    position: relative;
    isolation: isolate;
}

@media (max-width: 991px) {
    .recht-block-icon-columns .wp-block-columns {
        flex-direction: column;
    }   
}

@media (min-width: 992px) {
    .recht-block-icon-columns .wp-block-columns::after {
        content: "";
        position: absolute;
        top: 64px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: auto;
        height: 42px;
        aspect-ratio: 766 / 42;
        background-image: url(../images/icons-line.svg);
        background-size: 100% 100%;
    }
}
    
.recht-block-icon-columns .wp-block-column {
    text-align: center;
}

@media (max-width: 991px) {
    .recht-block-icon-columns .wp-block-column {
        display: grid;
        grid-template-columns: var(--icon-size) minmax(0, 1fr);
        gap: 1rem 2rem;
        flex-basis: 100% !important;
        text-align: left;
    }   
}

@media (max-width: 767px) {
    .recht-block-icon-columns .wp-block-column {
        gap: 1rem;
    }   
}

.recht-block-icon-columns .wp-block-safe-svg-svg-icon {
    position: relative;
    border-radius: 50%;
    height: var(--icon-size);
    aspect-ratio: 1;
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--light-gray);
    box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.15);
    margin: 0 auto 1.5rem;
}

@media (max-width: 991px) {
    .recht-block-icon-columns .wp-block-safe-svg-svg-icon {
        margin-bottom: 0;
    }  
}

.recht-block-icon-columns .wp-block-safe-svg-svg-icon > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100% !important;
    width: 100% !important;
}

.recht-block-icon-columns .wp-block-safe-svg-svg-icon::after {
    content: counter(icon-counter, decimal-leading-zero);
    counter-increment: icon-counter;
    font-weight: 600;
    background-color: #525364;
    color: var(--wp--preset--color--white);
    height: 42px;
    aspect-ratio: 1;
    border-radius: 50%;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

@media (max-width: 767px) {
    .recht-block-icon-columns .wp-block-safe-svg-svg-icon::after {
        height: 24px;
        font-size: 0.875rem;
    }
}

.recht-block-icon-columns .wp-block-safe-svg-svg-icon svg {
    max-height: calc(var(--icon-size) / 2);
}

.recht-block-icon-columns .recht-block-icon-columns__column p {
    margin-top: 0.75rem;
}

/* User Stories */
.recht-block-media-text-slider .wpmslider-viewport {
    overflow: visible !important;
}

.recht-block-media-text-slider .wpmtst-testimonial-inner {
    padding: 0 !important;
}

.recht-block-media-text-slider .wpmtst-testimonial-content {
    display: block;
} 

@media (min-width: 992px) {
    .recht-block-media-text-slider .wpmtst-testimonial-content {
        display: grid;
        grid-template-columns: 45fr 5fr 50fr;
        align-items: start;
    } 
}

.recht-block-media-text-slider .wpmtst-testimonial-content .maybe-clear {
    display: none;
}

.recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image {
    --offset: 8px;

    position: relative;
    isolation: isolate;
    max-width: 100% !important;
    width: 100%;
    margin: 0 !important;
}

@media (min-width: 992px) {
    .recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image {
        --offset: 0.75rem;
    }
}

.recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: var(--offset);
    left: 0;
    width: calc(100% - var(--offset));
    height: 100%;
    border: 2px solid var(--wp--preset--color--primary);
    border-radius: calc(var(--wp--preset--border-radius--small) + 1px);
}

@media (min-width: 992px) {
    .recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image::before {
        border-radius: calc(var(--wp--preset--border-radius--large) + 2px);
    }
}

.recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image img {
    display: block !important;
    max-width: calc(100% - var(--offset));
    width: 100%;
    margin-left: auto !important;
    margin-right: 0 !important;
    border-radius: var(--wp--preset--border-radius--small);
}

.recht-block-media-text-slider .wpmtst-testimonial-content .testimonial-text-container {
    box-shadow: 15px 20px 60px rgba(0, 0, 0, 0.08);
    border-radius: var(--wp--preset--border-radius--small);
    background-color: var(--wp--preset--color--white);
    padding: 1.5rem 1.25rem;
    height: auto;
    margin-top: -1.5rem;
    width: calc(100% - 3rem);
    position: relative;
    top: -1.5rem;
    margin-inline: auto;
    text-align: left;
}

@media (min-width: 992px) {
    .recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image {
        grid-column: 1 / 3;
        grid-row: 1;
    } 

    .recht-block-media-text-slider .wpmtst-testimonial-content .wpmtst-testimonial-image img {
        border-radius: var(--wp--preset--border-radius--large);
    }

    .recht-block-media-text-slider .wpmtst-testimonial-content .testimonial-text-container {
        grid-column: 2 / 4;
        grid-row: 1;
        top: 100px;
        width: 100%;
        margin: 0;
        border-radius: var(--wp--preset--border-radius--large);
        padding: 3rem;
        box-shadow: 15px 30px 80px rgba(0, 0, 0, 0.1);
    }
}

.recht-block-media-text-slider .wpmtst-testimonial-content .testimonial-text-container::before {
    content: "";
    background-image: url(../images/icon-quote.svg);
    width: 32px;
    height: 23px;
    background-size: 100%;
    margin-bottom: 0.75rem;
}

.recht-block-media-text-slider .wpmtst-testimonial-content .testimonial-text-container > div:last-child {
    margin-top: 0.75rem;
}

.recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a {
    --bg-color: var(--wp--preset--color--primary);
    --icon-color: var(--wp--preset--color--white);

    display: inline-block !important;
    height: 22px !important;
    width: 22px !important;
    top: calc(50% + 150px) !important;
    background: var(--bg-color);
    border-radius: 50%;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2) !important;
}

.recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 9px !important;
    height: 6px !important;
    background-color: var(--icon-color) !important;
    -webkit-mask: url("../images/icon-arrow-right.svg") center no-repeat !important;
    mask: url("../images/icon-arrow-right.svg") center no-repeat !important;
}

@media (min-width: 992px) {
    .recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a {
        height: 64px !important;
        width: 64px !important;
        top: 50% !important;
    }

    .recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a::before {
        -webkit-mask: url("../images/icon-arrow.svg") center no-repeat !important;
        mask: url("../images/icon-arrow.svg") center no-repeat !important;
        width: 24px !important;
        height: 18px !important;
    }
}

.recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a.wpmslider-prev {
    --bg-color: var(--wp--preset--color--white);
    --icon-color: var(--wp--preset--color--primary);

    left: -8px !important;
}

.recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a.wpmslider-next {
    right: -8px !important;
}

@media (min-width: 1500px) {
    .recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a.wpmslider-prev {
        left: -100px !important;
    }

    .recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a.wpmslider-next {
        right: -100px !important;
    }
}

.recht-block-media-text-slider .wpmslider-wrapper .wpmslider-controls-direction a.wpmslider-prev::before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
}

/* Cards block */
.recht-block-cards__cards {
    --icon-size: 112px;

    margin-top: 6rem !important;
    row-gap: calc(var(--wp--preset--spacing--large) + calc(var(--icon-size) / 2)) !important;
}

@media (min-width: 768px) {
    .recht-block-cards__cards {
        margin-top: 7.25rem !important;
    }   
}

.recht-block-cards__card .wp-block-safe-svg-svg-icon {
    position: relative;
    border-radius: 50%;
    height: var(--icon-size);
    aspect-ratio: 1;
    background-color: var(--wp--preset--color--primary);
    box-shadow: 0px 14px 34px rgba(239, 108, 74, 0.2);
    margin: calc(calc(var(--icon-size) / 2) * -1) auto 1.5rem !important;
}

.recht-block-cards__card .wp-block-safe-svg-svg-icon > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100% !important;
    width: 100% !important;
}

.recht-block-cards__card .wp-block-safe-svg-svg-icon svg {
    max-height: calc(var(--icon-size) / 2);
}

.recht-block-cards .recht-block-cards__card p {
    margin-top: 0.75rem;
}

/* FAQ Block */
.wp-block-accordion {
    --icon-size: 32px;
    --arrow-size: 12px;
}

@media (min-width: 768px) {
    .wp-block-accordion {
        --icon-size: 42px;
        --arrow-size: 15px;
    }   
}

.wp-block-accordion .wp-block-accordion-item {
    background: var(--wp--preset--color--white);
    border: 1px solid #D2D2D2;
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

.wp-block-accordion .wp-block-accordion-item.is-open {
    border-color: var(--wp--preset--color--primary);
}

.wp-block-accordion-item .wp-block-accordion-heading {
    margin: 0;
    font-size: var(--wp--preset--font-size--base);
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

.wp-block-accordion-item .wp-block-accordion-heading__toggle {
    padding: 1rem;
    align-items: start;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .wp-block-accordion-item .wp-block-accordion-heading__toggle {
        padding: 1.875rem;
        align-items: center;
    }
}

.wp-block-accordion-item .wp-block-accordion-heading__toggle-icon {
    height: var(--icon-size);
    width: var(--icon-size);
    border-radius: 50%;
    background-color: #515362;
    text-indent: -9999px;
    overflow: hidden;
}

.wp-block-accordion-item .wp-block-accordion-heading__toggle-icon::after {
    content: "";
    display: inline-block;
    height: var(--arrow-size);
    width: var(--arrow-size);
    background-color: var(--wp--preset--color--white);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M14.6879 0.999625C14.6879 0.44734 14.2402 -0.000374902 13.6879 -0.000375155L4.68787 -0.000374354C4.13559 -0.000374691 3.68787 0.447341 3.68787 0.999625C3.68788 1.55191 4.13559 1.99963 4.68787 1.99963L12.6879 1.99963L12.6879 9.99963C12.6879 10.5519 13.1356 10.9996 13.6879 10.9996C14.2402 10.9996 14.6879 10.5519 14.6879 9.99963L14.6879 0.999625ZM0.707031 13.9805L1.41414 14.6876L14.395 1.70673L13.6879 0.999625L12.9808 0.292519L-7.55191e-05 13.2734L0.707031 13.9805Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M14.6879 0.999625C14.6879 0.44734 14.2402 -0.000374902 13.6879 -0.000375155L4.68787 -0.000374354C4.13559 -0.000374691 3.68787 0.447341 3.68787 0.999625C3.68788 1.55191 4.13559 1.99963 4.68787 1.99963L12.6879 1.99963L12.6879 9.99963C12.6879 10.5519 13.1356 10.9996 13.6879 10.9996C14.2402 10.9996 14.6879 10.5519 14.6879 9.99963L14.6879 0.999625ZM0.707031 13.9805L1.41414 14.6876L14.395 1.70673L13.6879 0.999625L12.9808 0.292519L-7.55191e-05 13.2734L0.707031 13.9805Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    transition: background-color .25s ease;
}

.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: rotate(90deg) !important;
    background-color: var(--wp--preset--color--white);
}

.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::after {
    background-color: #515362;
}

.wp-block-accordion-item .wp-block-accordion-panel {
    padding: 1rem;
    margin: 0;
}

@media (min-width: 768px) {
    .wp-block-accordion-item .wp-block-accordion-panel {
        padding: 1.875rem;
    }
}

.wp-block-accordion-item .wp-block-accordion-panel p:first-child {
    margin-top: 0;
}

/* Products Block */
.recht-block-products .recht-block-products__products {
    flex-direction: column;
    border-radius: 30px;
    overflow: hidden;
    gap: 1.25rem 0 !important;
}

@media (min-width: 768px) {
    .recht-block-products .recht-block-products__products {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        gap: 0 !important;
        border: 1px solid #D5D5D5;
        border-radius: var(--wp--preset--border-radius--large);
    }
}

@media (min-width: 992px) {
    .recht-block-products .recht-block-products__products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 1fr;
    }
}

.recht-block-products .recht-block-products__product {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #D5D5D5;
    border-radius: 30px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .recht-block-products .recht-block-products__product {
        flex-direction: row;
        border-radius: 0;
        border: none;
    }

    .recht-block-products .recht-block-products__product > * {
        flex: 0 0 50%;
    }
}

@media (min-width: 992px) {
    .recht-block-products .recht-block-products__product {
        flex-direction: column;
    }
}

.recht-block-products .recht-block-products__product > * {
    margin: 0 !important;
}

.recht-block-products .recht-block-products__product .wp-block-image {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.recht-block-products .recht-block-products__product .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .recht-block-products .recht-block-products__product:nth-child(odd) .wp-block-image {
        order: 2;
    }
}

@media (min-width: 1200px) {
    .recht-block-products .recht-block-products__product .wp-block-image::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -14px);
        background-image: url(../images/icon-triangle-rounded.svg);
        height: 39px;
        width: 47px;
    }

    .recht-block-products .recht-block-products__product:nth-child(even) .wp-block-image::after {
        top: unset;
        bottom: 0;
        transform: translate(-50%, 14px) rotate(180deg);
    }
}

.recht-block-products .recht-block-products__product .wp-block-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.25rem !important;
    text-align: center;
}

@media (min-width: 768px) {
    .recht-block-products .recht-block-products__product .wp-block-group {
        text-align: left;
    }

    .recht-block-products .recht-block-products__product .wp-block-group > * {
        margin-inline: 0 !important;
    }
}

@media (min-width: 1200px) {
    .recht-block-products .recht-block-products__product .wp-block-group {
        padding: 2.5rem !important;
    }
}

.recht-block-products .recht-block-products__product .wp-block-group p:first-of-type {
    margin-top: 0.75rem;
}

/* Newsletter block */
.recht247-newsletter-form {
    --input-height: 50px;
    --button-size: 40px;
}

@media (min-width: 768px) {
    .recht247-newsletter-form {
        --input-height: 70px;
        --button-size: 60px;
    }
}

.recht247-newsletter-form__field_wrapper {
    position: relative;
}

.recht247-newsletter-form__content {
    position: relative;
    max-width: 710px;
    margin: 0 auto;
}

.recht247-newsletter-form__field-wrapper {
    position: relative;
}

.recht247-newsletter-form__field-wrapper::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 15px;
    width: 20px;
    height: 17px;
    background-image: url(../images/icon-mail-2.svg);
    background-size: 100%;
}

@media (min-width: 768px) {
    .recht247-newsletter-form__field-wrapper::before {
        left: 30px;
        top: 23px;
        width: 27px;
        height: 23px;
    }
}

.recht247-newsletter-form__field-wrapper #email {
    border: 2px solid var(--wp--preset--color--white);
    border-radius: 999px;
    color: var(--wp--preset--color--black);
    height: var(--input-height);
    padding: 1rem calc(1rem + 45px) 1rem 2.875rem;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .recht247-newsletter-form__field-wrapper #email {
        padding: 1rem calc(1rem + 65px) 1rem 4.125rem;
    }
}

.recht247-newsletter-form__button-wrapper {
    position: absolute;
    top: 5px;
    right: 5px;
}

.recht247-newsletter-form__button-wrapper button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: var(--button-size);
    width: var(--button-size);
    border-radius: 50%;
    background-color: var(--wp--preset--color--very-dark-gray);
    transition: background-color 300ms ease;
    border: none;
}

.recht247-newsletter-form__button-wrapper button svg {
    height: 14px;
    width: 19px;
}

@media (min-width: 768px) {
    .recht247-newsletter-form__button-wrapper button svg {
        height: 19px;
        width: 26px;
    }
}

.recht247-newsletter-form__button-wrapper button:hover {
    background-color: var(--wp--preset--color--primary);
}

.recht247-newsletter-form__content ._error,
.recht247-newsletter-form ._form-thank-you {
    font-size: 1rem;
    font-weight: 500;
}

.recht247-newsletter-form__content ._error {
    margin-top: 0.5rem;
    padding: 0 30px;
}

.recht247-newsletter-form ._form-thank-you {
    text-align: center;
}

/* Column Cards block */
.recht-block-column-cards .recht-block-column-cards__cards {
    align-items: stretch !important;
}

@media (max-width: 991px) {
    .recht-block-column-cards .recht-block-column-cards__cards {
        flex-wrap: wrap !important;
    }
}

.recht-block-column-cards .recht-block-column-cards__card {
    display: flex;
    flex-direction: column;
    border: 1px solid #D5D5D5;
    border-radius: 30px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .recht-block-column-cards .recht-block-column-cards__cards .recht-block-column-cards__card,
    .recht-block-column-cards .recht-block-column-cards__cards:not(.is-not-stacked-on-mobile) .recht-block-column-cards__card {
        flex-basis: calc(50% - 12px) !important;
    }
}

@media (max-width: 600px) {
    .recht-block-column-cards .recht-block-column-cards__cards .recht-block-column-cards__card,
    .recht-block-column-cards .recht-block-column-cards__cards:not(.is-not-stacked-on-mobile) .recht-block-column-cards__card {
        flex-basis: 100% !important;
    }
}

.recht-block-column-cards .recht-block-column-cards__card img {
    width: 100% !important;
}

.recht-block-column-cards__card > .wp-block-group {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.recht-block-column-cards__card > .wp-block-group > .wp-block-buttons {
    display: flex;
    align-items: end;
    flex-grow: 1;
}

/* CTA Add to Cart */
.recht-block-cta-add-to-cart .custom-add-to-cart {
    margin-top: 0;
}

.custom-add-to-cart button.align-right {
    margin-left: auto;
}

.custom-add-to-cart button.align-center {
    margin-inline: auto;
}

/* Media Card block */
.recht-block-media-card .recht-block-media-card__inner {
    display: block;
} 

@media (min-width: 992px) {
    .recht-block-media-card .recht-block-media-card__inner {
        display: grid;
        grid-template-columns: 45fr 5fr 50fr;
        align-items: center;
    } 
}

.recht-block-media-card .recht-block-media-card__media {
    --offset: 8px;

    position: relative;
    isolation: isolate;
    max-width: 100% !important;
    width: 100%;
    margin: 0 !important;
}

@media (min-width: 992px) {
    .recht-block-media-card .recht-block-media-card__media {
        --offset: 0.75rem;

        align-self: stretch;
    }
}

.recht-block-media-card .recht-block-media-card__media::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: var(--offset);
    left: 0;
    width: calc(100% - var(--offset));
    height: 100%;
    border: 2px solid var(--wp--preset--color--primary);
    border-radius: calc(var(--wp--preset--border-radius--small) + 1px);
}

@media (min-width: 992px) {
    .recht-block-media-card .recht-block-media-card__media::before {
        border-radius: calc(var(--wp--preset--border-radius--large) + 2px);
    }
}

.recht-block-media-card .recht-block-media-card__media .wp-block-image {
    height: 100%;
}

.recht-block-media-card .recht-block-media-card__media img {
    display: block !important;
    max-width: calc(100% - var(--offset));
    width: 100%;
    height: 100%;
    margin-left: auto !important;
    margin-right: 0 !important;
    border-radius: var(--wp--preset--border-radius--small);
    object-fit: cover;
}

.recht-block-media-card .recht-block-media-card__content {
    position: relative;
    top: -1.5rem;
    margin: 0;
}

.recht-block-media-card .recht-block-media-card__content-inner {
    box-shadow: 15px 20px 60px rgba(0, 0, 0, 0.08);
    border-radius: var(--wp--preset--border-radius--small);
    background-color: var(--wp--preset--color--white);
    padding: 1.5rem 1.25rem;
    height: auto;
    margin-top: -1.5rem;
    width: calc(100% - 3rem);
    margin-inline: auto;
    text-align: left;
}

@media (min-width: 992px) {
    .recht-block-media-card .recht-block-media-card__media {
        grid-column: 1 / 3;
        grid-row: 1;
    } 

    .recht-block-media-card .recht-block-media-card__media img {
        border-radius: var(--wp--preset--border-radius--large);
    }

    .recht-block-media-card .recht-block-media-card__content {
        grid-column: 2 / 4;
        grid-row: 1;
        top: unset;
        padding-block: 3rem;
    }

    .recht-block-media-card .recht-block-media-card__content-inner {
        width: 100%;
        margin: 0;
        border-radius: var(--wp--preset--border-radius--large);
        padding: 3rem;
        box-shadow: 15px 30px 80px rgba(0, 0, 0, 0.1);
    }
}

/* Posts block */
.recht-block-posts .recht-block-posts__loop {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 768px) {
    .recht-block-posts .recht-block-posts__loop {
        grid-template-columns: repeat(3, 1fr);
    }   
}

.recht-block-posts .recht-block-posts__loop li {
    display: flex;
    flex-direction: column;
    border: 1px solid #D5D5D5;
    border-radius: 30px;
    overflow: hidden;
    margin: 0;
    box-shadow: var(--wp--preset--shadow--small);
}

.recht-block-posts .recht-blocks-posts__content .wp-block-post-excerpt {
    margin: 0;
}

.recht-block-posts .recht-block-posts__loop .wp-block-post-featured-image img {
    width: 100%;
    max-width: 100%;
}

/* Column Cards block */
.recht-block-column-cards .recht-block-column-cards__cards {
    align-items: stretch !important;
}

@media (max-width: 991px) {
    .recht-block-column-cards .recht-block-column-cards__cards {
        flex-wrap: wrap !important;
    }
}

.recht-block-column-cards .recht-block-column-cards__card {
    display: flex;
    flex-direction: column;
    border: 1px solid #D5D5D5;
    border-radius: 30px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .recht-block-column-cards .recht-block-column-cards__cards .recht-block-column-cards__card,
    .recht-block-column-cards .recht-block-column-cards__cards:not(.is-not-stacked-on-mobile) .recht-block-column-cards__card {
        flex-basis: calc(50% - 12px) !important;
    }
}

@media (max-width: 600px) {
    .recht-block-column-cards .recht-block-column-cards__cards .recht-block-column-cards__card,
    .recht-block-column-cards .recht-block-column-cards__cards:not(.is-not-stacked-on-mobile) .recht-block-column-cards__card {
        flex-basis: 100% !important;
    }
}

.recht-block-column-cards .recht-block-column-cards__card img {
    width: 100% !important;
}

.recht-block-column-cards .recht-block-column-cards__card picture {
    display: block;
}

.recht-block-column-cards .recht-block-column-cards__card:has(picture) img {
    height: 100%;
    object-fit: cover;
}