.cta-row-6c181b41 {
    --row-dir: row;
    --media-w: 48%;
    --media-ratio: 1 / 1;
    --col-gap: 64px;
    --anim-speed: 350ms;
    --item-border-w: 1px;
    --item-border: #E0E0E0;
    --item-border-hover: var(--item-border);
    --item-border-active: #000000;
    --item-bg: transparent;
    --item-bg-hover: var(--item-bg);
    --item-bg-active: var(--item-bg);
    --title-color: #7A7A7A;
    --title-color-hover: #000000;
    --title-color-active: #000000;
    display: flex;
    flex-direction: var(--row-dir);
    align-items: flex-start;
    gap: var(--col-gap);
}
/* Accordion kolom */
.cta-accordion-6c181b41 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.cta-item-6c181b41 {
    min-width: 0;
    background-color: var(--item-bg);
    border-style: solid;
    border-color: var(--item-border);
    border-width: 0;
    transition: background-color .2s ease, border-color .2s ease;
}
.cta-row-6c181b41.border-top .cta-item-6c181b41 {
    border-top-width: var(--item-border-w);
}
.cta-row-6c181b41.border-bottom .cta-item-6c181b41 {
    border-bottom-width: var(--item-border-w);
}
.cta-row-6c181b41.border-both .cta-item-6c181b41 {
    border-top-width: var(--item-border-w);
    border-bottom-width: var(--item-border-w);
}
.cta-row-6c181b41.border-both .cta-item-6c181b41 + .cta-item-6c181b41 {
    border-top-width: 0;
}
.cta-item-6c181b41:hover {
    background-color: var(--item-bg-hover);
    border-color: var(--item-border-hover);
}
.cta-item-6c181b41.is-active {
    background-color: var(--item-bg-active);
    border-color: var(--item-border-active);
}
/* Koptekst */
.cta-item-title-6c181b41 {
    margin: 0;
    color: inherit;
    min-width: 0;
}
.cta-item-header-6c181b41 {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: 0;
    text-align: left;
    cursor: pointer;
    color: var(--title-color);
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    transition: color .2s ease;
    box-shadow: none !important;
    text-shadow: none !important;
    white-space: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}
.cta-item-header-6c181b41:hover {
    background: transparent !important;
}
.cta-item-title-text-6c181b41 {
    display: block;
    max-width: 100%;
}
.cta-item-6c181b41:hover .cta-item-header-6c181b41 {
    color: var(--title-color-hover);
}
.cta-item-6c181b41.is-active .cta-item-header-6c181b41 {
    color: var(--title-color-active);
}
.cta-item-header-6c181b41:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
/* Paneel */
.cta-panel-6c181b41 {
    overflow: hidden;
}
.cta-panel-text-6c181b41 > *:last-child {
    margin-bottom: 0;
}
.cta-button-wrap-6c181b41 {
    display: flex;
    justify-content: flex-start;
}
.cta-button-6c181b41 {
    display: inline-block;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
/* Afbeelding */
.cta-media-wrap-6c181b41 {
    flex: 0 0 var(--media-w);
    max-width: var(--media-w);
    align-self: flex-start;
}
.cta-media-6c181b41 {
    position: relative;
    width: 100%;
    aspect-ratio: var(--media-ratio);
    overflow: hidden;
}
.cta-media-img-6c181b41 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: var(--media-ratio);
    display: block;
    object-fit: cover;
    opacity: 0;
    transition: opacity var(--anim-speed) ease;
    pointer-events: none;
}
.cta-media-img-6c181b41.is-active {
    opacity: 1;
    pointer-events: auto;
}
/* Mobiel */
@media screen and (max-width: 767px) {
    .cta-row-6c181b41 {
        flex-direction: column;
    }
    .cta-row-6c181b41.mobile-media-first {
        flex-direction: column-reverse;
    }
    .cta-accordion-6c181b41,
    .cta-media-wrap-6c181b41 {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
    }
    .cta-row-6c181b41.hide-media-mobile .cta-media-wrap-6c181b41 {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .cta-panel-6c181b41,
    .cta-media-img-6c181b41 {
        transition: none !important;
    }
}