@layer componenten{.anders{padding-bottom:calc(var(--sectie-ruimte) * .5)}.anders+.tarieven{padding-top:calc(var(--sectie-ruimte) * .5)}.hero__uitleg{margin:0;max-width:40ch;font-size:var(--text-steps-md);line-height:1.5;color:var(--color-text-secondary);text-wrap:pretty}@media(max-width:479px){.hero__uitleg{font-size:1.0625rem}}.hero__actie{display:grid;gap:var(--spacing-sm)}.hero__actie .hero__garantie{margin:0}.hero__garantie strong{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.hero__aanbod{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:var(--spacing-sm);align-items:start;margin:0;padding:14px var(--spacing-md);max-width:34rem;background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:.95rem;line-height:1.5;color:var(--color-text-secondary);text-wrap:pretty}.hero__aanbod>.boog{margin-top:-2px}.hero__aanbod strong{display:block;font-weight:var(--weight-semibold);color:var(--color-text-primary)}.hero--dienst .hero__score{padding-top:var(--spacing-md)}.hero--dienst .hero__bron{font-size:.875rem;max-width:34ch}@media(max-width:479px){.hero__actie .hero__acties{row-gap:0}.hero__aanbod{font-size:.9375rem}}@media(prefers-reduced-motion:no-preference){.hero--dienst .hero__inhoud>:nth-child(6){animation-delay:.36s}.hero--dienst .hero__inhoud>:nth-child(7){animation-delay:.42s}}.anders__raster{display:grid;gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr);align-items:start}.anders__tekst>.sec-head{margin-bottom:var(--spacing-lg)}.anders__beeld{display:grid;gap:var(--spacing-sm);min-width:0}.anders__onderschrift{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.anders__citaat{max-width:none}.anders__score{margin-top:var(--spacing-md)}.voor-na__voor,.voor-na__na,.voor-na__voor .beeldslot,.voor-na__na .beeldslot{position:absolute;inset:0}.voor-na__na .beeldslot__vlak{filter:saturate(1.25) brightness(.94)}.voor-na__greep:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:-3px}@media(min-width:900px){.anders__raster{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--spacing-2xl)}}.verhaal__wie .verhaal__context{font-size:.875rem}.verhalen__anker{margin:0;font-family:var(--font-display);font-style:italic;font-size:var(--kop-3);line-height:1.3;color:var(--color-text-primary);max-width:34ch}.tarieven__raster{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr)}.tarief-kaart{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.tarief-kaart:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tarief-kaart__media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.tarief-kaart__media .beeldslot{transition:transform .6s var(--ease-zacht)}.tarief-kaart:hover .tarief-kaart__media .beeldslot{transform:scale(1.05)}.tarief-kaart__chip{position:absolute;left:var(--spacing-md);bottom:var(--spacing-md);display:inline-flex;align-items:baseline;gap:var(--spacing-sm);padding:6px 14px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-background-default) 94%,transparent);font-size:.875rem;color:var(--color-text-secondary)}.tarief-kaart__prijs{display:inline-block;min-inline-size:2.25em;font-family:var(--font-display);font-size:1.15rem;font-weight:var(--weight-semibold);color:var(--color-text-primary)}.tarief-kaart__duur:before{content:"·";margin-inline-end:var(--spacing-sm);color:var(--color-text-secondary)}.tarief-kaart__body{display:grid;align-content:start;gap:var(--spacing-sm);flex:1;padding:var(--spacing-lg)}.tarief-kaart__titel{margin:0}.tarief-kaart__tekst{margin:0;color:var(--color-text-secondary)}.tarieven__voet{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--spacing-md);align-items:start;margin-top:var(--spacing-xl);padding:var(--spacing-lg);max-width:52rem;background:var(--color-surface-alt);border-radius:var(--radius-lg)}.tarieven__voet p{margin:0;color:var(--color-text-primary);text-wrap:pretty}.tarieven__voet .prijs{font-weight:var(--weight-semibold)}.tarieven__link{margin:var(--spacing-lg) 0 0}@media(min-width:640px)and (max-width:1099px){.tarieven__raster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:640px)and (max-width:899px){.tarief-kaart:last-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.tarief-kaart:last-child .tarief-kaart__media{aspect-ratio:auto;min-height:14rem}.tarief-kaart:last-child .tarief-kaart__body{align-content:center}}@media(min-width:900px)and (max-width:1099px){.tarieven__raster:not(.tarieven__raster--verhaal){grid-template-columns:repeat(6,minmax(0,1fr))}.tarieven__raster:not(.tarieven__raster--verhaal)>.tarief-kaart{grid-column:span 2}.tarieven__raster:not(.tarieven__raster--verhaal)>.tarief-kaart:nth-child(n+4){grid-column:span 3}.tarieven__raster:not(.tarieven__raster--verhaal)>.tarief-kaart:nth-child(n+4) .tarief-kaart__media{aspect-ratio:16 / 9}}@media(min-width:1100px){.tarieven__raster{grid-template-columns:repeat(6,minmax(0,1fr))}.tarief-kaart{grid-column:span 2}.tarief-kaart:nth-child(n+4){grid-column:span 3}.tarief-kaart:nth-child(n+4) .tarief-kaart__media{aspect-ratio:16 / 9}}.geschikt{background:var(--color-surface-alt)}.geschikt__raster{display:grid;gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr);align-items:start}.geschikt__kop{margin-bottom:0}.geschikt__lijst .proces__stap,.keuze__lijst .proces__stap,.hyg__lijst .proces__stap,.werkwijze-na .proces__stap{align-content:start}@media(min-width:768px){.geschikt__lijst{grid-template-columns:repeat(2,minmax(0,1fr))}.geschikt__lijst .proces__media{aspect-ratio:4 / 5}}@media(min-width:1100px){.geschikt__raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--spacing-2xl)}.geschikt__kop{position:sticky;top:calc(var(--header-hoogte) + var(--spacing-xl))}.geschikt__lijst{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spacing-lg)}.geschikt__lijst .proces__stap{padding-inline-end:0}.geschikt__lijst .proces__stap:last-child .proces__nummer:after{background:transparent}}.hygiene__duo{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr)}.beeld-kaart{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:26rem;border-radius:var(--radius-lg);color:var(--color-text-inverse)}.beeld-kaart>.beeldslot{position:absolute;inset:0;z-index:-2;transition:transform .6s var(--ease-zacht)}.beeld-kaart:hover>.beeldslot{transform:scale(1.04)}.beeld-kaart__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in oklab,var(--color-neutral-900) 25%,transparent),color-mix(in oklab,var(--color-neutral-900) 88%,transparent) 62%)}.beeld-kaart__tekst{display:grid;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);max-width:34rem}.beeld-kaart__tekst p{margin:0;color:var(--color-neutral-200);text-wrap:pretty}.beeld-kaart__lijst{list-style:none;margin:0;padding:0;display:grid}.beeld-kaart__lijst li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--spacing-sm);align-items:center;padding-block:10px;border-top:1px solid color-mix(in oklab,var(--color-text-inverse) 22%,transparent);color:var(--color-text-inverse)}.beeld-kaart .boog{color:var(--color-neutral-300)}.beeld-kaart__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:44px;color:var(--color-text-inverse);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.beeld-kaart__link:hover{text-decoration-color:transparent}.beeld-kaart__link:hover .btn__pijl{transform:translate(4px)}.beeld-kaart__link:focus-visible{outline:3px solid var(--color-background-default);outline-offset:2px;border-radius:var(--radius-sm)}@media(min-width:768px){.hygiene__duo{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(14rem,1fr) auto auto auto;row-gap:0}.hygiene__duo>.beeld-kaart{min-height:32rem;display:grid;grid-row:span 4;grid-template-rows:subgrid}.hygiene__duo>.beeld-kaart>.beeld-kaart__tekst{grid-row:2 / span 3;grid-template-rows:subgrid;row-gap:var(--spacing-md);align-content:start}}.statement--bordeaux .statement__scrim{background:color-mix(in oklab,color-mix(in oklab,var(--color-primary-default) 62%,var(--color-neutral-900)) 86%,transparent)}.drempel__lijst{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-xl);color:var(--color-neutral-200)}.drempel__lijst li{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-align:start}.drempel__lijst .boog{color:var(--color-neutral-300)}.cta-band__info{list-style:none;margin:0;padding:var(--spacing-md) 0 0;display:grid;gap:var(--spacing-xs);border-top:1px solid color-mix(in oklab,var(--color-text-inverse) 22%,transparent);color:var(--color-neutral-200);font-variant-numeric:tabular-nums}.cta-band__info a{display:inline-flex;align-items:center;min-height:44px;padding-inline:2px;color:var(--color-text-inverse);text-decoration:underline;text-underline-offset:4px}.cta-band__info a:hover{text-decoration-color:transparent}.cta-band__info a:focus-visible{outline:3px solid var(--color-background-default);outline-offset:2px;border-radius:var(--radius-sm)}.cta-band__garantie{margin:0;font-family:var(--font-display);font-style:italic;font-size:var(--text-steps-md);color:var(--color-text-inverse);max-width:36ch;text-wrap:balance}}@media(prefers-reduced-motion:reduce){.tarief-kaart,.tarief-kaart__media .beeldslot,.beeld-kaart>.beeldslot{transition:none!important}.tarief-kaart:hover,.tarief-kaart:hover .tarief-kaart__media .beeldslot,.beeld-kaart:hover>.beeldslot{transform:none!important}}.beeld-kaart__kop{margin:0;font-size:var(--kop-3);line-height:1.2;color:var(--color-text-inverse)}.statement__label{margin:0;font-family:var(--font-body);font-size:var(--text-steps-sm);font-weight:var(--weight-semibold);line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--op-donker-zacht)}@layer componenten{.cta-band__acties--stapel{flex-direction:column;gap:var(--spacing-sm)}.cta-band__acties--stapel .steun{margin:0}.cta-band__info .geen-breuk{white-space:nowrap}}@media(min-width:900px)and (max-width:1279px){.tarieven__raster:not(.tarieven__raster--verhaal) .tarief-kaart__titel{font-size:1.25rem}}