/*! article */.article__top{row-gap:var(--sp-2)}.article__top li{padding-inline-end:var(--sp-4)}.article__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article__top li:last-child{padding-inline-end:0}.article__top li:last-child:after{content:none}.article__top .icon{width:var(--sp-4);height:var(--sp-4)}.article .page-width--narrow .banner__box{padding-block:0}.article .badge{padding:var(--sp-2) var(--sp-4);font-size:var(--text-3xs);color:var(--badge-foreground);background-color:var(--badge-background)}@media screen and (pointer:fine){.article .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article .badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.article .banner__media~.banner__content .badge{transition-property:transform}}@media screen and (min-width:768px){.article .badge{padding:var(--sp-2d5) var(--sp-4d5);font-size:var(--text-xs)}}@media screen and (min-width:1024px){.article.grid{gap:var(--sp-16)}.article__media{max-width:var(--page-width);margin:0 auto;padding-inline:var(--gap-padding)}.article__image{border-radius:var(--rounded-block)}}.article .banner__title+*{margin-block-start:0}.article .rte>*:first-child{margin-block-start:0}.article .rte figure img{border-radius:var(--rounded-block)}.article .rte .image-with-text img{margin:0}@media screen and (min-width:1024px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-10)*-1);margin-inline-start:calc(var(--sp-10)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-10)}.article .rte .grid-cols-2 figure:first-child{margin-inline-end:0}.article .rte .grid-cols-2 figure:last-child{margin-inline-start:0}.article .rte .grid-cols-2 figure figcaption{margin-inline-start:var(--rounded-block)}}@media screen and (min-width:1536px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-20)*-1);margin-inline-start:calc(var(--sp-20)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-20)}}.media--adapt .article__image .media--height>img{position:static}/*! comments */.comments-section{padding-block:clamp(40px,5vw,80px)}.comments-section:before{background-color:rgb(var(--color-foreground)/ .025)}.comments-section :is(.article-card,.new-comment,.comment-card){background-color:rgb(var(--color-background));padding:var(--sp-5);border-radius:var(--rounded-block)}.comments-wrapper{padding-block-start:var(--sp-5)}.comments-wrapper .pagination{padding-block-end:var(--sp-5)}.comment-card .gravatar{width:var(--sp-15)}@media screen and (max-width:767px){.comment-card .article-card__top li{padding-inline-end:0}.comment-card .article-card__top li:after{content:none}}@media screen and (min-width:1024px){.comments-section>.grid{gap:var(--sp-15)}.comments-section .article-card{padding:var(--sp-7d5) var(--sp-10)}.comments-section :is(.new-comment,.comment-card){padding:var(--sp-10)}.comments-wrapper{padding-block-start:var(--sp-7d5)}}@media screen and (min-width:1280px){.comments-section .page-width--narrow .article-card:nth-child(1){margin-inline-start:calc(var(--sp-20) * -1)}.comments-section .page-width--narrow .article-card:nth-child(2){margin-inline-end:calc(var(--sp-20) * -1)}}.comment-count .icon{width:var(--sp-4);height:var(--sp-4)}/*! article reading — leesbaarheid en ritme

   Let op de scope. De lopende tekst van de meeste artikelen staat niet in
   article.content maar in losse rich-text secties in de template. Beide
   paden moeten dus dezelfde leesstijl krijgen, anders raakt dit maar een
   van de elf artikelen. */.template-article :is(.article,.rich-text) .rte{--article-measure: 58rem;line-height:1.7}@media screen and (min-width:1024px){.template-article :is(.article,.rich-text) .rte{max-width:var(--article-measure);margin-inline:auto}}.template-article :is(.article,.rich-text) .rte :is(figure,.image-with-text,table){max-width:none}.template-article :is(.article,.rich-text) .rte :is(h2,h3,h4){margin-block-start:var(--sp-12);line-height:1.25;text-wrap:balance}.template-article :is(.article,.rich-text) .rte :is(h2,h3,h4)+*{margin-block-start:var(--sp-3)}.template-article :is(.article,.rich-text) .rte>:first-child{margin-block-start:0}.template-article :is(.article,.rich-text) .rte :is(ul,ol){margin-block:var(--sp-5);padding-inline-start:var(--sp-6)}.template-article :is(.article,.rich-text) .rte :is(ul,ol) li+li{margin-block-start:var(--sp-2)}.template-article :is(.article,.rich-text) .rte ol{list-style:decimal}.template-article :is(.article,.rich-text) .rte ol ol{list-style:lower-alpha}.template-article .rte table{width:100%;margin-block:var(--sp-8);border-collapse:collapse;font-size:var(--text-sm);text-align:start}.template-article .rte table :is(th,td){padding:var(--sp-3) var(--sp-4);border-block-end:1px solid rgb(var(--color-foreground) / .12);vertical-align:top}.template-article .rte table th{font-weight:600;white-space:nowrap;border-block-end-width:2px}.template-article .rte table tbody tr:last-child :is(th,td){border-block-end:none}.template-article .rte table tbody tr:nth-child(2n){background-color:rgb(var(--color-foreground) / .03)}@media screen and (max-width:767px){.template-article .rte table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.template-article :is(.article,.rich-text) .rte blockquote{margin-block:var(--sp-8);padding-inline-start:var(--sp-6);border-inline-start:2px solid rgb(var(--color-foreground) / .25)}.template-article :is(.article,.rich-text) .rte figcaption{font-size:var(--text-xs);opacity:.65}/*! vast verticaal ritme

   De elf artikel-templates gebruiken samen vijftien verschillende combinaties
   van boven- en ondermarge op hun rich-text secties. Daardoor springt de
   witruimte tussen alinea's per artikel. Op artikelpagina's zetten we die
   marges gelijk en laat de alinea-afstand het ritme bepalen.
   ponytail: dit dekt het symptoom; de echte oplossing is de tekst naar het
   artikelveld verhuizen, zie het verslag. */.template-article .shopify-section:has(.rich-text) .section--padding{padding-block:var(--sp-6)}@media screen and (min-width:1024px){.template-article .shopify-section:has(.rich-text) .section--padding{padding-block:var(--sp-8)}}.article__top .article__reading-time{white-space:nowrap}/*! blogblokken — via codewoorden in de tekst, zie snippets/blog-blok.liquid */.template-article .rte .blog-blok{margin-block:var(--sp-10);max-width:none}@media screen and (min-width:1024px){.template-article .rte .blog-blok--productkaarten,.template-article .rte .blog-blok--linkkaarten,.template-article .rte .blog-blok--galerij{margin-inline:calc(var(--sp-20) * -1)}}.template-article .rte .blog-blok p,.template-article .rte .blog-blok .rte>:first-child{margin-block:0}.blog-kader{padding:var(--sp-6) var(--sp-7);border-radius:var(--rounded-block);background-color:rgb(var(--color-foreground) / .04);border-inline-start:3px solid rgb(var(--color-foreground) / .6)}.blog-kader__label{opacity:.6}.blog-kader--let-op{border-inline-start-color:#d97706}.blog-kader--oproep{border-inline-start-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground) / .06)}.blog-galerij__foto{border-radius:var(--rounded-block)}.blog-galerij figcaption,.blog-video figcaption,.blog-tabel figcaption{font-size:var(--text-xs);opacity:.65}.blog-nieuwsbrief{padding:var(--sp-7);border-radius:var(--rounded-block);background-color:rgb(var(--color-foreground) / .04)}/*! blogeditor — gewone HTML-blokken die de editor schrijft */.template-article .rte .blog-kolommen{display:grid;gap:var(--sp-6);margin-block:var(--sp-8);max-width:none}@media screen and (min-width:768px){.template-article .rte .blog-kolommen{grid-template-columns:1fr 1fr}.template-article .rte .blog-kolommen--2-1{grid-template-columns:2fr 1fr}.template-article .rte .blog-kolommen--1-2{grid-template-columns:1fr 2fr}}.template-article .rte .blog-kolommen>div>:first-child{margin-block-start:0}.template-article .rte .blog-kolommen>div>:last-child{margin-block-end:0}.template-article .rte .blog-inklap{border-block-end:1px solid rgb(var(--color-foreground) / .12);padding-block:var(--sp-3)}.template-article .rte .blog-inklap summary{cursor:pointer;font-weight:600;padding-block:var(--sp-2);list-style:none;display:flex;justify-content:space-between;gap:var(--sp-4)}.template-article .rte .blog-inklap summary:after{content:"+";opacity:.5}.template-article .rte .blog-inklap[open] summary:after{content:"\2013"}.template-article .rte .blog-inklap>div{padding-block:var(--sp-2) var(--sp-3)}.template-article .rte .blog-toc{border:1px solid rgb(var(--color-foreground) / .12);border-radius:var(--rounded-block);padding:var(--sp-5) var(--sp-6);margin-block:var(--sp-8)}.template-article .rte .blog-toc__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin:0 0 var(--sp-2)}.template-article .rte .blog-toc ol{margin:0;padding-inline-start:var(--sp-5)}.template-article .rte .blog-toc li+li{margin-block-start:var(--sp-1)}.template-article .rte .blog-knop{margin-block:var(--sp-6)}@media screen and (min-width:1024px){.template-article .rte figure.blog-breed{margin-inline:calc(var(--sp-20) * -1)}}.template-article .rte .blog-insluit{margin-block:var(--sp-8);max-width:none}.template-article .rte .blog-insluit--video iframe,.template-article .rte .blog-insluit--kaart iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--rounded-block)}.template-article .rte .blog-insluit--spotify iframe{width:100%;height:152px;border:0;border-radius:var(--rounded-block)}.template-article .rte .blog-insluit--instagram,.template-article .rte .blog-insluit--tiktok{display:flex;justify-content:center}.template-article .rte blockquote cite{display:block;font-style:normal;font-size:var(--text-sm);opacity:.65;margin-block-start:var(--sp-2)}/*! blogblokken — kaarten (herzien 16 sep 2026) */.template-article .rte .blog-blok .rte,.template-article .rte .blog-blok p{max-width:none;margin-inline:0}.template-article .rte .blog-blok__kop{display:grid;gap:var(--sp-3)}.template-article .rte .blog-blok__kop h2{margin:0}.template-article .rte .blog-blok__intro{margin:0;opacity:.8}.blog-kaarten{display:grid;gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:768px){.blog-kaarten--3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-kaarten--4{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-kaarten--link{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-kaarten--link.blog-kaarten--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:767px){.blog-kaarten--link{grid-template-columns:1fr}}.blog-kaart{display:grid;grid-template-rows:auto 1fr auto;gap:var(--sp-4);align-items:start}.blog-kaart__beeld{display:block;aspect-ratio:1;border-radius:var(--rounded-block);background:rgb(var(--color-foreground) / .04);padding:12%;overflow:hidden}.blog-kaart__beeld img{width:100%;height:100%;object-fit:contain;margin:0!important;border-radius:0;transition:transform var(--animation-primary, .3s ease)}@media(hover:hover){.blog-kaart__beeld:hover img{transform:scale(1.04)}}.blog-kaart__tekst{display:grid;gap:var(--sp-1)}.blog-kaart__naam{margin:0!important}.blog-kaart__uitleg{margin:0!important;opacity:.7;line-height:1.5}.blog-kaart__prijs{margin:0!important;opacity:.7}.blog-kaart__knop{justify-self:start;white-space:nowrap}.blog-kaart--link{grid-template-rows:1fr auto;padding:var(--sp-6);border:1px solid rgb(var(--color-foreground) / .12);border-radius:var(--rounded-block)}.template-article .rte .blog-kaart__beeld,.template-article .rte .blog-kaart__beeld:hover{text-decoration:none;background:rgb(var(--color-foreground) / .04);background-image:none;box-shadow:none}/*! kopbeeld — vijf stijlen; titel altijd links op de tekstkolom */.article__kolom{--kolom-marge: clamp(1.25rem, 4vw, 3rem);width:100%;max-width:calc(var(--article-measure, 58rem) + 2 * var(--kolom-marge));margin-inline:auto;padding-inline:var(--kolom-marge);box-sizing:border-box}.article__kop{text-align:start}.article__kop .flex.justify-center,.article__kop .article__top{justify-content:flex-start}.article__kop .heading{font-size:clamp(2rem,4.4vw,3rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;max-width:22ch}.article__kop .article__top{font-size:var(--text-sm)}.article__hero-img{display:block;width:100%;height:100%;object-fit:cover}.article__hero--beeld{position:relative;isolation:isolate;width:100%}.article__hero--beeld .article__hero-img{display:block;width:100%;aspect-ratio:2 / 1;max-height:640px;min-height:420px;object-fit:cover}.article__hero--beeld:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bd,#0000004d 40%,#0000 70%);pointer-events:none}.article__hero--beeld .article__hero-tekst{position:absolute;left:0;right:0;bottom:0;z-index:1;padding-block-end:clamp(var(--sp-8),4vw,var(--sp-12));color:#fff}.article__hero--beeld .article__kolom{width:100%}.article__hero--beeld .article__kop .heading,.article__hero--beeld .article__top,.article__hero--beeld .article__top a{color:#fff}.article__hero--beeld .article__top{opacity:.88}.article__hero--beeld .badge{--badge-foreground: #fff;--badge-background: rgb(255 255 255 / .18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media screen and (max-width:767px){.article__hero--beeld .article__hero-img{aspect-ratio:4 / 5;min-height:0}.article__hero--beeld .article__hero-tekst{padding-block-end:var(--sp-6)}}.article__exif{position:absolute;z-index:2;right:max(var(--sp-5),calc((100% - var(--page-width, 1600px)) / 2 + var(--sp-5)));top:var(--sp-5);display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-4);border-radius:999px;background:#00000073;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.article__exif span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#ffffff8c;margin-inline-end:var(--sp-3);vertical-align:middle}@media screen and (max-width:767px){.article__exif{display:none}}.article__hero--kaart{position:relative;padding-block-end:0}.article__hero--kaart .article__hero-img{aspect-ratio:16 / 9;max-height:620px;border-radius:var(--rounded-block)}.article__hero--kaart .article__kolom{position:relative;margin-block-start:calc(var(--sp-16) * -1)}.article__hero-kaart{display:block;width:min(100%,36rem);background:rgb(var(--color-background));border-radius:var(--rounded-block);padding:var(--sp-7) var(--sp-8);box-shadow:0 24px 60px -30px #00000059}.article__hero-kaart .article__kop{padding-inline:0}.article__hero-kaart .article__kop .heading{font-size:clamp(1.6rem,3vw,2.25rem)}@media screen and (max-width:767px){.article__hero--kaart .article__hero-img{aspect-ratio:4 / 3}.article__hero--kaart .article__kolom{margin-block-start:calc(var(--sp-8) * -1)}.article__hero-kaart{padding:var(--sp-5) var(--sp-5)}}.article__hero--strook .article__hero-img{aspect-ratio:3 / 1;max-height:380px}.article__hero--strook+.article__kop{padding-block-start:var(--sp-4)}@media screen and (max-width:767px){.article__hero--strook .article__hero-img{aspect-ratio:16 / 9}}.article__hero--tekst .article__kop .heading{font-size:clamp(2.4rem,5vw,3.6rem);max-width:18ch}.article__hero--tekst .article__kop:after{content:"";display:block;width:120px;height:1px;background:rgb(var(--color-foreground));margin-block-start:var(--sp-2)}/*! kaarten, vierde ronde: omlijnd, rustig, tekstlink op één regel, zachte hover */.template-article .rte .blog-blok--productkaarten,.template-article .rte .blog-blok--linkkaarten,.template-article .rte .blog-blok--galerij{margin-inline:0}.blog-kaart{min-width:0;padding:var(--sp-5) var(--sp-5) var(--sp-4);border:1px solid rgb(var(--color-foreground) / .14);border-radius:var(--rounded-block);background:transparent;gap:var(--sp-4);transition:border-color var(--animation-primary, .3s),transform var(--animation-primary, .3s),box-shadow var(--animation-primary, .3s)}@media(hover:hover){.blog-kaart:hover{border-color:rgb(var(--color-foreground) / .4);transform:translateY(-2px);box-shadow:0 10px 30px -18px rgb(var(--color-foreground) / .35)}}.template-article .rte .blog-kaart__beeld,.template-article .rte .blog-kaart__beeld:hover{background:transparent;background-image:none;padding:4%;aspect-ratio:1;display:grid;place-items:center;box-shadow:none;text-decoration:none}.template-article .rte .blog-kaart__beeld:before,.template-article .rte .blog-kaart__beeld:after{content:none}.blog-kaart__beeld img{width:100%;height:100%;object-fit:contain;margin:0!important;transition:transform var(--animation-primary, .3s)}@media(hover:hover){.blog-kaart:hover .blog-kaart__beeld img{transform:scale(1.05)}}.blog-kaart__tekst{gap:var(--sp-1)}.template-article .rte .blog-kaart__knop{white-space:nowrap;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:.35em}.blog-kaart--link{padding:var(--sp-6)}@media screen and (max-width:767px){.blog-kaart{padding:var(--sp-4)}.template-article .rte .blog-kaart__knop{font-size:var(--text-xs)}}/*! afbeelding in de tekst: geen extra marge bovenop de figuur, zachte hover */.template-article .rte figure img{margin:0!important;display:block;width:100%;border-radius:var(--rounded-block)}.template-article .rte .blog-kaart__beeld,.template-article .rte .blog-kaart__beeld:hover{aspect-ratio:5 / 4;padding:8% 10%}.blog-kaart__beeld img{object-position:center}.blog-kaart{gap:var(--sp-3)}/*! één kolom voor kop én tekst: dezelfde linkerkant, op elk scherm */.template-article .article__kolom .rte{max-width:none;margin-inline:0}/*! knoppen in de tekst: geen onderstreping van .rte a, en tekst zichtbaar ook bij oude knop-HTML zonder btn-text */.template-article .rte a.button,.template-article .rte a.button:hover{background-image:none;background-size:0}.template-article .rte a.button:not(:has(.btn-text)){color:rgb(var(--color-button-text));background-color:rgb(var(--color-button-background))}.template-article .rte a.button--secondary:not(:has(.btn-text)){color:rgb(var(--color-button-background));background-color:transparent;box-shadow:inset 0 0 0 1px rgb(var(--color-button-background))}.article__hero--beeld,.article__hero--strook{margin-block-start:0}.article__hero--beeld .article__hero-img,.article__hero--strook .article__hero-img{border-radius:0}/*! galerij: gelijke tegels zonder link, zachte zoom bij zweven */.blog-galerij__tegel{overflow:hidden;border-radius:var(--rounded-block);aspect-ratio:1;background:rgb(var(--color-foreground) / .04)}.template-article .rte .blog-galerij .grid-cols-2:not([class*="md:grid-cols-3"]) .blog-galerij__tegel{aspect-ratio:4 / 3}.blog-galerij__foto{width:100%;height:100%;object-fit:cover;display:block;margin:0!important;border-radius:0;transition:transform var(--animation-primary, .4s ease)}@media(hover:hover){.blog-galerij__tegel:hover .blog-galerij__foto{transform:scale(1.04)}}/*! knoppen in de tekst: de artikelsectie rendert geen sectiekleuren, dus de knopvariabelen
   van het thema zijn hier leeg. Vul ze met de basiskleuren van de winkel. */.template-article .article{--color-button-background: var(--color-base-button);--color-button-border: var(--color-base-button);--color-button-text: var(--color-base-button-text);--color-button-gradient: none}/*! titelkaart: alleen de buitenste kolom omhoog trekken, niet de kop erin */.article__hero--kaart .article__kolom{margin-block-start:0}.article__hero--kaart>.article__kolom{position:relative;margin-block-start:calc(var(--sp-16) * -1)}.article__hero-kaart .article__kop{padding-inline:0;max-width:none;margin:0;width:auto}@media screen and (max-width:767px){.article__hero--kaart>.article__kolom{margin-block-start:calc(var(--sp-8) * -1)}}/*! titel over de volle tekstkolom, niet afgekapt op een tekenmaat */.article__kop .heading,.article__hero--tekst .article__kop .heading,.article__hero-kaart .article__kop .heading{max-width:none}/*! productkaart: het beeld vult de kaart tot de rand. De productfoto's zijn altijd
   vrijstaand op wit met veel lucht eromheen, dus we snijden die lucht licht weg. */.blog-kaart{padding:0;overflow:hidden;gap:0}.template-article .rte .blog-kaart__beeld,.template-article .rte .blog-kaart__beeld:hover{padding:0;aspect-ratio:1;border-radius:0;background:#fff}.blog-kaart__beeld img{object-fit:cover;transform:scale(1.18);transform-origin:center}@media(hover:hover){.blog-kaart:hover .blog-kaart__beeld img{transform:scale(1.26)}}.blog-kaart__tekst,.blog-kaart__knop{padding-inline:var(--sp-5)}.blog-kaart__tekst{padding-block:var(--sp-4) var(--sp-2)}.blog-kaart__knop{margin-block-end:var(--sp-5);margin-inline-start:var(--sp-5);padding-inline:0}.blog-kaart--link{padding:var(--sp-6);gap:var(--sp-4)}.blog-kaart--link .blog-kaart__tekst,.blog-kaart--link .blog-kaart__knop{padding:0;margin:0}@media screen and (max-width:767px){.blog-kaart__tekst,.blog-kaart__knop{padding-inline:var(--sp-4)}.blog-kaart__knop{margin-inline-start:var(--sp-4);padding-inline:0}}.template-article .rte a.button.button--primary,.template-article .rte a.button.button--primary:hover{background:rgb(var(--color-button-background));color:rgb(var(--color-button-text))}.template-article .rte a.button.button--secondary,.template-article .rte a.button.button--secondary:hover{background:transparent;color:rgb(var(--color-button-background));box-shadow:inset 0 0 0 1px rgb(var(--color-button-border))}.template-article .rte a.button .btn-text{position:relative;z-index:1}/*! lopende tekst uit de editor: van rand tot rand, zelfde animatie als de scrolling-text-sectie */.template-article .rte .blog-marquee{width:100vw;margin-inline:calc(50% - 50vw);max-width:none;margin-block:var(--sp-12);overflow:hidden;--section-grid-gap: var(--sp-16)}.template-article .rte .blog-marquee .scrolling-text__item{font-size:var(--font-size);line-height:1}@media screen and (max-width:767px){.template-article .rte .blog-marquee{--section-grid-gap: var(--sp-8)}.template-article .rte .blog-marquee .scrolling-text__item{font-size:calc(var(--font-size) * .5)}}.blog-kaarten--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:768px){.blog-kaarten--link.blog-kaarten--4{grid-template-columns:repeat(4,minmax(0,1fr))}}/*! productrij als lijst: kleine foto links, naam en tekst, tekstlink rechts, lijntjes ertussen */.blog-lijst{display:grid;border-block-start:1px solid rgb(var(--color-foreground) / .14)}.blog-lijst .blog-kaart--rij{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:var(--sp-6);padding:var(--sp-5) 0;border:0;border-block-end:1px solid rgb(var(--color-foreground) / .14);border-radius:0;overflow:visible}@media(hover:hover){.blog-lijst .blog-kaart--rij:hover{transform:none;box-shadow:none;border-color:rgb(var(--color-foreground) / .14)}}.template-article .rte .blog-kaart--rij .blog-kaart__beeld,.template-article .rte .blog-kaart--rij .blog-kaart__beeld:hover{width:104px;aspect-ratio:1;border-radius:var(--rounded-block);overflow:hidden;background:#fff;border:1px solid rgb(var(--color-foreground) / .08)}.blog-kaart--rij .blog-kaart__beeld img{transform:scale(1.12)}@media(hover:hover){.blog-kaart--rij:hover .blog-kaart__beeld img{transform:scale(1.2)}}.blog-kaart--rij .blog-kaart__tekst,.blog-kaart--rij .blog-kaart__knop{padding:0;margin:0}.blog-kaart--rij .blog-kaart__naam{font-size:var(--text-lg)}.blog-kaart--rij .blog-kaart__uitleg{max-width:60ch}.template-article .rte .blog-kaart--rij .blog-kaart__knop{white-space:nowrap;justify-self:end}@media screen and (max-width:767px){.blog-lijst .blog-kaart--rij{grid-template-columns:72px minmax(0,1fr);gap:var(--sp-4)}.template-article .rte .blog-kaart--rij .blog-kaart__beeld{width:72px}.template-article .rte .blog-kaart--rij .blog-kaart__knop{grid-column:2;justify-self:start}}.blog-lijst .blog-kaart--rij{grid-template-columns:128px minmax(0,1fr) auto;gap:var(--sp-6);padding:var(--sp-4) 0}.blog-lijst .blog-kaart--rij:last-child{border-block-end:0}.template-article .rte .blog-kaart--rij .blog-kaart__beeld,.template-article .rte .blog-kaart--rij .blog-kaart__beeld:hover{width:128px}.blog-kaart--rij .blog-kaart__uitleg{font-size:var(--text-base);opacity:1;color:rgb(var(--color-foreground));line-height:1.5;max-width:62ch}.blog-kaart--rij .blog-kaart__tekst{gap:var(--sp-1d5, .375rem)}@media screen and (max-width:767px){.blog-lijst .blog-kaart--rij{grid-template-columns:88px minmax(0,1fr)}.template-article .rte .blog-kaart--rij .blog-kaart__beeld{width:88px}.blog-kaart--rij .blog-kaart__uitleg{font-size:var(--text-sm)}}.template-article .rte .blog-marquee--outline .scrolling-text__item{-webkit-text-stroke:var(--stencil-stroke-width, .02em) currentColor;-webkit-text-fill-color:transparent;color:rgb(var(--color-foreground))}.template-article .rte .blog-marquee .scrolling-text__item{font-style:normal}.template-article .rte .blog-marquee .scrolling-text__item em{font-style:italic}.blog-lijst .blog-kaart--rij{grid-template-rows:none;row-gap:0;column-gap:var(--sp-6);padding:var(--sp-3) 0;align-items:center}.blog-lijst .blog-kaart--rij:first-child{padding-block-start:var(--sp-3)}.blog-kaart--rij .blog-kaart__naam{font-weight:600}.blog-kaart--rij .blog-kaart__tekst{padding:0;gap:var(--sp-1)}.blog-lijst{border-block-start-color:rgb(var(--color-foreground) / .14);margin-block-start:var(--sp-2)}.template-article .rte a.button.button--primary:hover{color:rgb(var(--color-button-background))}.template-article .rte a.button.button--secondary:hover{color:rgb(var(--color-button-text))}@media(hover:none){.template-article .rte a.button.button--primary:hover{color:rgb(var(--color-button-text))}.template-article .rte a.button.button--secondary:hover{color:rgb(var(--color-button-background))}}.template-article .rte .blog-marquee,.template-article .rte .blog-marquee.scrolling-wrapper,.template-article .rte .blog-marquee .scrolling-text{transform:none!important;rotate:none!important}.template-article .rte .blog-marquee{padding-block:var(--sp-4)}.blog-kaart__uitleg,.blog-kaart__prijs,.blog-blok__intro,.blog-kaart--link .blog-kaart__uitleg{opacity:1;color:rgb(var(--color-foreground))}.blog-kaart--link .blog-kaart__uitleg{font-size:var(--text-base);line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/11/assets/article.css.map */