.trgr-tabs-layout__titles {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Nav */
.trgr-tabs__titles {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--16);
}

@media (max-width: 767px) {
    .trgr-tabs__titles {
        flex-wrap: wrap;
    }
}

.trgr-tabs__button {
	background-color: var(--e-global-color-df4102a);
    padding: 1em 1.125em 1em 1.125em;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-f073d71);
    border-radius: 10em 10em 10em 10em;
    font-family: var(--e-global-typography-9dd19a7-font-family), Sans-serif;
    font-size: var(--e-global-typography-9dd19a7-font-size);
    font-weight: var(--e-global-typography-9dd19a7-font-weight);
    line-height: var(--e-global-typography-9dd19a7-line-height);
    color: var(--e-global-color-587254d);
	cursor: pointer;
}

.trgr-tabs__button.is-active,
.trgr-tabs__button.is-active:hover,
.trgr-tabs__button[aria-selected="true"],
.trgr-tabs__button[aria-selected="true"]:hover,
.trgr-tabs__button[aria-selected="true"]:focus {
    background-color: var(--e-global-color-587254d);
    border-color: var(--e-global-color-587254d);
    color: var(--e-global-color-df4102a);
}

.trgr-tabs__button:not(.is-active):focus-visible,
.trgr-tabs__button:not(.is-active):focus,
.trgr-tabs__button:not(.is-active):hover {
    background-color: var(--e-global-color-f073d71)!important;
}

/* Panels */
.trgr-tabs-layout__panel[hidden] {
	display: none;
}

.trgr-tabs-layout__panel {
	width: 100%;
    
}

.trgr-tab-flex + .trgr-tab-flex {
	margin-top: 1.5rem;
}

.trgr-tab-flex--afbeelding img,
.trgr-tab-flex--carousel img {
	display: block;
	max-width: 100%;
	height: auto;
}

.trgr-tab-flex--carousel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1rem;
}

.trgr-tab-flex--quote {
	margin: 0;
	padding-left: 1rem;
	border-left: 4px solid currentColor;
}