/* Gegenereerd door scripts/elementor-naar-gutenberg.py. Niet met de hand aanpassen. */

/* Basis voor de omgezette Gutenberg-pagina's.
   De opmaak per sectie staat in de gegenereerde bestanden ernaast; hier staat
   alleen wat over de hele site geldt. Handmatig onderhouden, niet gegenereerd. */

:root {
	--nrd-inhoudsbreedte: 1290px;
}

/* De inhoud van een sectie staat op elke breedte op dezelfde lijn als het
   logo en de winkel: de container van Blocksy (88vw op een telefoon, 90vw
   daarboven, hooguit 1280px). In de bron hebben de meeste secties op desktop
   0 of 10px zijmarge en pas op tablet 32px, op een telefoon 8 tot 24px, en de
   inhoud is 1290px breed. Daardoor stond de tekst tussen 1025 en 1340px tegen
   de linkerrand, boven 1430px 5px links van het logo, en op een telefoon op
   vijf verschillende afstanden van de rand.
   De converter schrijft op elke begrensde binnenkant
   max-width: min(<breedte>, var(--nrd-inhoud-max, 100%)), en op de
   zijkanten van een sectie var(--nrd-sectie-zij, <bron>). Die zijkanten zijn
   niet meer nodig zodra de inhoud begrensd is, en op een telefoon waren ze
   breder dan de marge van Blocksy. Wat binnen een sectie nog van de lijn
   afweek, staat in _uitlijning.css. De header en de oranje balk staan in
   header-menu.css en mu-plugins/nrd/assets/balk.css.
   Live sinds 9 oktober 2026. */
:root {
	--nrd-inhoud-max: min(var(--theme-container-width, 90vw), var(--theme-normal-container-max-width, 1280px));
	--nrd-sectie-zij: 0px;
}

/* Een rij pillen die niet past, gaat verder op een volgende regel in plaats
   van elke pil smaller te maken. In de bron lopen deze rijen niet door, en dan
   brak de tekst binnen de pillen ("Meer / rust"): live op de categoriekaarten
   van de homepage tot 1200px, en met de smallere inhoud hierboven ook in de
   hero tussen 1025 en 1060px. Hoort bij dezelfde wijziging (live sinds 9 oktober 2026). */
.wp-block-group:has(> .nrd-lijst-inline) {
	flex-wrap: wrap;
}

/* Secties lopen van rand tot rand, de inhoud erbinnen wordt begrensd. */
.nrd-pagina .entry-content > .wp-block-group.alignfull {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	position: relative;
}

/* Het thema zet 0,8em onder elk blok in de inhoud. Elementor zet zijn secties
   strak op elkaar. Op het standaardsjabloon (Klantenservice) schoof elke
   sectie daardoor 14px op; op het sjabloon voor volle breedte speelde het
   niet. Een marge uit de bron staat in de gegenereerde CSS onder een
   zwaardere selector en blijft werken. */
.nrd-pagina .entry-content > .wp-block-group {
	margin-block: 0;
}

/* Pillen: de inline icon-lists uit Elementor. */
.nrd-lijst-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: fit-content;
}

.nrd-lijst-inline > li {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
}

.nrd-lijst {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nrd-lijst > li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.nrd-lijst a,
.nrd-lijst-inline a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: inherit;
	text-decoration: none;
}

.nrd-icoon {
	/* Standaardmaat van Elementor voor iconen in een icon-list. Het icoon
	   staat daar in een vak van 1,25 keer zijn maat; de marge is die achtste
	   aan weerszijden. Een eigen maat uit de bron staat in de gegenereerde
	   CSS, met dezelfde verhouding. */
	width: 14px;
	height: 14px;
	margin-inline: 1.75px;
	flex: 0 0 auto;
}

/* Tekstblokken met meer dan één alinea. Elementor laat de laatste alinea
   zonder marge onder; het thema zet er 0,8em onder. Dat scheelde 14px per
   tekstblok, en in een accordeon met acht panelen telt dat op. */
.nrd-tekst > :first-child {
	margin-top: 0;
}

.nrd-tekst > :last-child {
	margin-bottom: 0;
}

/* Sterbeoordeling, vervangt de rating-widget van Elementor. */
.nrd-rating {
	display: inline-flex;
	gap: 1px;
	line-height: 1;
}

.nrd-ster {
	width: var(--ster-grootte, 20px);
	height: var(--ster-grootte, 20px);
	display: inline-block;
	/* Gevuld in de tekstkleur van de wikkel, leeg in --ster-leeg. De converter
	   zet allebei als inline stijl, met de standaardkleuren van Elementor. */
	background: linear-gradient(90deg, currentColor var(--vulling, 100%), var(--ster-leeg, rgba(0, 0, 0, 0.15)) var(--vulling, 100%));
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>") center / contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>") center / contain no-repeat;
}

/* Elementor centreert een afbeelding in haar widget (text-align: center op
   de widget). WordPress zet een figuur links. Een foto die smaller is dan
   haar kolom stond daardoor op Over ons en de homepage tegen de linkerrand.
   Een uitlijning uit de bron (align) staat in de gegenereerde CSS en wint. */
:where(.nrd-pagina, .nrd-blok) .wp-block-image {
	/* Met :where, zodat een uitlijning per breekpunt uit de gegenereerde CSS
	   (align_tablet: left) hier van wint. */
	text-align: center;
}

.nrd-pagina .wp-block-image img,
.nrd-blok .wp-block-image img {
	display: inline-block;
	vertical-align: middle;
}

/* Padding mag niet bij de hoogte optellen; Elementor rekent ook met border-box. */
.nrd-pagina .wp-block-group,
.nrd-blok .wp-block-group {
	box-sizing: border-box;
}

/* Elementor laat containers op mobiel afbreken, waardoor rijen vanzelf
   stapelen. Zonder deze regel blijven kolommen naast elkaar staan en loopt de
   inhoud van het scherm af. Het breekpunt is dat van Elementor zelf. */
@media (max-width: 767px) {
	.nrd-pagina .wp-block-group,
	.nrd-blok .wp-block-group {
		flex-wrap: wrap;
	}
}

/* Icon-box: icoon boven, tekst eronder, alles gecentreerd. */
.nrd-iconbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.nrd-iconbox-icoon {
	flex: 0 0 auto;
}

.nrd-iconbox-tekst {
	margin: 0;
}

.nrd-iconbox-link {
	text-decoration: none;
	color: inherit;
}

/* Knoppen met een icoon ernaast, zoals in Elementor. Alleen binnen onze eigen
   pagina's en blokken: ongescopet zou dit elke Gutenberg-knop op de site
   raken, ook op pagina's die niets met de omzetting te maken hebben. */
.nrd-pagina .wp-block-button__link,
.nrd-blok .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.nrd-knop-icoon {
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
}

/* Elementor regelt de ruimte tussen elementen met de tussenruimte van de
   container, niet met marges op koppen en alinea's. Zonder deze reset telt de
   marge van het thema daar bovenop en wordt alles hoger dan het origineel. */
.nrd-pagina .wp-block-group > h1,
.nrd-blok .wp-block-group > h1,
.nrd-pagina .wp-block-group > h2,
.nrd-blok .wp-block-group > h2,
.nrd-pagina .wp-block-group > h3,
.nrd-blok .wp-block-group > h3,
.nrd-pagina .wp-block-group > h4,
.nrd-blok .wp-block-group > h4,
.nrd-pagina .wp-block-group > h5,
.nrd-blok .wp-block-group > h5,
.nrd-pagina .wp-block-group > h6,
.nrd-blok .wp-block-group > h6,
.nrd-pagina .wp-block-group > p,
.nrd-blok .wp-block-group > p,
.nrd-pagina .wp-block-group > ul,
.nrd-blok .wp-block-group > ul,
.nrd-pagina .wp-block-group > figure,
.nrd-blok .wp-block-group > figure,
.nrd-pagina .wp-block-group > hr,
.nrd-blok .wp-block-group > hr,
.nrd-pagina .wp-block-group > .wp-block-buttons,
.nrd-blok .wp-block-group > .wp-block-buttons,
.nrd-pagina .wp-block-group > .wp-block-group,
.nrd-blok .wp-block-group > .wp-block-group,
.nrd-pagina .wp-block-group > details,
.nrd-blok .wp-block-group > details,
.nrd-pagina .wp-block-group > *,
.nrd-blok .wp-block-group > *,
.nrd-pagina details > *,
.nrd-blok details > * {
	margin-block: 0;
}

/* Het antwoord in een accordeon staat in een <details>, niet in een groep,
   dus de reset hierboven ving hem eerst niet. WordPress zet op elk kind van
   een flow-layout een bovenmarge (:root :where(.is-layout-flow) > *) en Blocksy
   haalt die weer weg met een regel van hetzelfde gewicht. Welke wint hangt van
   de volgorde af: ingelogd komt Blocksy later en is er niets aan de hand, maar
   LiteSpeed zet Blocksy voor bezoekers in een samengevoegd bestand vóór de
   inline regel van WordPress. Dan stond er 14px tussen de open titel en het
   antwoord. Nagemeten op Klantenservice op 13 september 2026. */

/* Een marge die wél uit de bron komt, staat in de gegenereerde CSS onder een
   selector met de klasse drie keer (zie zwaar() in de converter), zodat hij
   van deze reset wint. */

/* Op mobiel horen icon-boxen onder elkaar te staan. Zonder een ondergrens
   krimpen ze mee met de rij en blijven ze naast elkaar staan als drie smalle
   kolommetjes. */
@media (max-width: 767px) {
	.nrd-pagina .nrd-iconbox,
	.nrd-blok .nrd-iconbox {
		min-width: 240px;
	}
}


/* LiteSpeed zet voor bezoekers een lichtgrijs vlakje neer waar een afbeelding
   nog moet laden (een SVG met #cfd4db op 10%), en in Guest Mode laadt de
   echte afbeelding pas na een muisbeweging. Op een gekleurde sectie is dat
   vlakje een bleek vierkant. Tot de afbeelding er is, laten we de achtergrond
   van de sectie zelf zien. LiteSpeed zet data-ll-status op "loaded" zodra de
   echte afbeelding binnen is. Alleen op de omgezette pagina's, niet op de
   contentblokken die al live staan. Een afbeelding met een wazig voorbeeld
   (nrd-wazig, zie mu-plugins/nrd/wazig-laden.php) blijft wel zichtbaar: het
   voorbeeld is zijn achtergrond, en het grijze vlak schuift die CSS al
   buiten beeld. */
.nrd-pagina img[data-lazyloaded]:not([data-ll-status="loaded"]):not(.nrd-wazig) {
	opacity: 0;
}

.nrd-pagina img[data-lazyloaded] {
	transition: opacity 0.2s;
}

/* Een contentblok staat buiten de inhoud van de pagina en heeft dus zelf de
   volle breedte nodig. */
.nrd-blok,
.nrd-blok > .wp-block-group {
	width: 100%;
	box-sizing: border-box;
}

/* Menu's uit de shortcode [nrd_menu]. Het thema zet er anders opsommingstekens
   voor. De ruimte per regel komt overeen met wat de nav-menu-widget van
   Elementor hanteerde. */
.nrd-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nrd-menu li {
	margin: 0;
	list-style: none;
}

.nrd-menu a {
	display: block;
	text-decoration: none;
	/* Kleur en ruimte komen per menu uit de converter: die staan in de globale
	   instellingen van Elementor en verschillen per plek. */
}

/* Inline iconen. Ze erven de kleur van de tekst, net als een lettertype-icoon. */
.nrd-icoon,
.nrd-knop-icoon,
.nrd-streep-icoon,
.nrd-icoon-blok svg {
	fill: currentColor;
}

/* Kaarten die als geheel naar een pagina wijzen. Elementor deed dat met het
   script van Happy Addons; deze link over de kaart heen werkt zonder plugin en
   is met het toetsenbord te bereiken. */
.nrd-klikbaar {
	position: relative;
}

.nrd-blokschakel {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.nrd-blokschakel:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/* Een link of knop in de kaart zelf moet boven de kaartlink liggen, anders is
   die niet meer aan te klikken. */
.nrd-klikbaar a:not(.nrd-blokschakel),
.nrd-klikbaar button {
	position: relative;
	z-index: 2;
}

/* Hover op een klikbare kaart. De categoriekaarten van de homepage gaven geen
   teken dat ze klikbaar zijn, alleen de cursor veranderde. Nu zoomt de foto
   rustig in en schuift achter de titel hetzelfde pijltje in als op de knoppen
   "Shop nu" en "Ons verhaal". Met het toetsenbord gebeurt bij focus hetzelfde,
   en de focusring komt om de kaart in plaats van erbinnen.

   De foto is de achtergrond van de kaart zelf, en die kan niet schalen zonder
   de tekst mee te nemen. Daarom tekent ::after dezelfde achtergrond nog een
   keer (inherit), onder de overlay van ::before, en schaalt alleen die laag.
   overflow: hidden houdt hem binnen de ronde hoeken. Dat knipt ook de
   focusring van de kaartlink af, vandaar de ring op de kaart via :has().
   Zonder :has() blijft de kaart zoals hij was.

   Het pijltje neemt geen ruimte in (de negatieve marge rechts is even groot
   als het pijltje plus de ruimte ervoor), dus een titel loopt niet anders af
   dan zonder. Bij een volle regel steekt het uit in de binnenmarge van de
   kaart.

   Let op: de converter gebruikt ::after ook voor vormen aan de randen. Geen
   klikbare kaart heeft die nu; krijgt er een ooit vormen, dan botst dat hier.

   Live sinds 5 oktober 2026, na een ronde achter ?staging=true. */
@supports selector(:has(a)) {
	.nrd-klikbaar {
		isolation: isolate;
		overflow: hidden;
		--nrd-kaart-curve: cubic-bezier(0.16, 1, 0.3, 1);
	}

	.nrd-klikbaar::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -2;
		pointer-events: none;
		background-image: inherit;
		background-size: inherit;
		background-position: inherit;
		background-repeat: inherit;
		transition: transform 0.5s var(--nrd-kaart-curve);
	}

	.nrd-klikbaar > .wp-block-heading::after {
		content: "";
		display: inline-block;
		width: 0.7em;
		height: 0.7em;
		margin-inline: 0.3em -1em;
		vertical-align: -0.04em;
		background-color: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg transform='translate(0 960) scale(1 -1)'%3E%3Cpath d='M512 10.667c-199.68 0-299.947 0-368.64 68.693s-68.693 168.96-68.693 368.64c0 199.68 0 299.947 68.693 368.64s168.96 68.693 368.64 68.693c199.68 0 299.947 0 368.64-68.693s68.693-168.96 68.693-368.64c0-199.68 0-299.947-68.693-368.64s-168.96-68.693-368.64-68.693zM512 821.333c-182.187 0-273.493 0-323.413-49.92s-49.92-141.227-49.92-323.413 0-273.493 49.92-323.413 141.227-49.92 323.413-49.92 273.493 0 323.413 49.92 49.92 141.227 49.92 323.413 0 273.493-49.92 323.413-141.227 49.92-323.413 49.92zM426.667 202.667c-8.533 0-17.067 3.413-23.467 10.24-11.947 12.8-11.093 33.28 1.707 45.227 84.053 77.227 158.72 165.973 160.427 189.867-1.707 23.467-76.373 112.213-160.427 189.44-12.8 12.373-13.653 32.427-1.707 45.653 11.947 12.8 32.427 13.653 45.227 1.707 54.613-49.92 180.907-173.653 180.907-236.8 0-63.573-126.72-186.88-180.907-236.8-6.4-5.547-14.080-8.533-21.76-8.533z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg transform='translate(0 960) scale(1 -1)'%3E%3Cpath d='M512 10.667c-199.68 0-299.947 0-368.64 68.693s-68.693 168.96-68.693 368.64c0 199.68 0 299.947 68.693 368.64s168.96 68.693 368.64 68.693c199.68 0 299.947 0 368.64-68.693s68.693-168.96 68.693-368.64c0-199.68 0-299.947-68.693-368.64s-168.96-68.693-368.64-68.693zM512 821.333c-182.187 0-273.493 0-323.413-49.92s-49.92-141.227-49.92-323.413 0-273.493 49.92-323.413 141.227-49.92 323.413-49.92 273.493 0 323.413 49.92 49.92 141.227 49.92 323.413 0 273.493-49.92 323.413-141.227 49.92-323.413 49.92zM426.667 202.667c-8.533 0-17.067 3.413-23.467 10.24-11.947 12.8-11.093 33.28 1.707 45.227 84.053 77.227 158.72 165.973 160.427 189.867-1.707 23.467-76.373 112.213-160.427 189.44-12.8 12.373-13.653 32.427-1.707 45.653 11.947 12.8 32.427 13.653 45.227 1.707 54.613-49.92 180.907-173.653 180.907-236.8 0-63.573-126.72-186.88-180.907-236.8-6.4-5.547-14.080-8.533-21.76-8.533z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
		opacity: 0;
		transform: translateX(-0.3em);
		transition: opacity 0.2s ease-out, transform 0.3s var(--nrd-kaart-curve);
	}

	.nrd-klikbaar:has(.nrd-blokschakel:focus-visible) {
		outline: 2px solid var(--theme-palette-color-1);
		outline-offset: 4px;
	}

	.nrd-klikbaar .nrd-blokschakel:focus-visible {
		outline: none;
	}

	/* Aan. De foto komt langzamer dan hij teruggaat: het grootste deel van de
	   beweging zit in het begin, de rest loopt rustig uit. */
	.nrd-klikbaar:has(.nrd-blokschakel:focus-visible)::after {
		transform: scale(1.05);
		transition-duration: 0.9s;
	}

	.nrd-klikbaar:has(.nrd-blokschakel:focus-visible) > .wp-block-heading::after {
		opacity: 1;
		transform: none;
		transition-duration: 0.3s, 0.6s;
	}

	/* Alleen met een muis: op een telefoon blijft een hover na een tik hangen. */
	@media (hover: hover) {
		.nrd-klikbaar:hover::after {
			transform: scale(1.05);
			transition-duration: 0.9s;
		}

		.nrd-klikbaar:hover > .wp-block-heading::after {
			opacity: 1;
			transform: none;
			transition-duration: 0.3s, 0.6s;
		}
	}

	/* Minder beweging: geen zoom en geen schuiven, het pijltje komt wel. */
	@media (prefers-reduced-motion: reduce) {
		.nrd-klikbaar::after {
			display: none;
		}

		.nrd-klikbaar > .wp-block-heading::after {
			transform: none;
		}
	}
}

/* Tekst die alleen voor schermlezers is. Zelfde truc als screen-reader-text van
   WordPress, maar met een eigen naam zodat we niet van het thema afhangen. */
.nrd-verborgen-tekst {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Scheidingslijn uit Elementor. Het thema zet op .wp-block-separator een
   hoogte van 2px, een achtergrondkleur en een maximale breedte, met
   selectors die van een kale klasse winnen. Deze regel wint daar wel van
   en leest dikte, stijl, kleur en uitlijning uit custom properties die de
   converter per streep zet. */
.nrd-pagina hr.wp-block-separator,
.nrd-blok hr.wp-block-separator {
	border: 0;
	border-top: var(--nrd-streep-dikte, 1px) var(--nrd-streep-stijl, solid) var(--nrd-streep-kleur, #0c0d0e);
	height: 0;
	max-width: none;
	background: none;
	opacity: 1;
	box-sizing: border-box;
	margin-inline: var(--nrd-streep-marge, 0 auto 0 0);
}

/* Accordeon: het antwoord schuift open en dicht, zoals de nested accordion
   van Elementor (standaard 400ms, de converter zet de duur per accordeon).
   Browsers zonder ::details-content of interpolate-size openen zonder
   animatie, dat is het gedrag van voor deze regel. */
.nrd-pagina details.wp-block-details {
	interpolate-size: allow-keywords;
	/* Dezelfde curve gebruikt assets/accordeon.js voor het meescrollen. */
	--nrd-accordeon-curve: cubic-bezier(0.16, 1, 0.3, 1);
}

.nrd-pagina details.wp-block-details::details-content {
	block-size: 0;
	overflow-y: clip;
	transition: content-visibility var(--nrd-accordeon-duur, 400ms) allow-discrete, block-size var(--nrd-accordeon-duur, 400ms) var(--nrd-accordeon-curve, ease);
}

.nrd-pagina details.wp-block-details[open]::details-content {
	block-size: auto;
}

@media (prefers-reduced-motion: reduce) {
	.nrd-pagina details.wp-block-details::details-content {
		transition: none;
	}
}

/* Tekstwolkje (de "Advanced Tooltip" van Happy Addons) bij een widget, zoals
   de i-icoontjes in de smaakprofielen. Zichtbaar bij hover en bij focus: de
   wikkel is focusbaar, dus een tik op een telefoon opent hem en een tik
   ernaast sluit hem weer. Maat en kleuren per widget komen uit de converter;
   dit zijn de standaardwaarden van de plugin. */
.nrd-tip {
	position: relative;
	cursor: pointer;
}

.nrd-tip__tekst {
	position: absolute;
	z-index: 999;
	width: 120px;
	padding: 5px 0;
	border-radius: 6px;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: 400;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	pointer-events: none;
}

.nrd-tip__tekst::after {
	content: "";
	position: absolute;
	border: 5px solid transparent;
}

.nrd-tip-top .nrd-tip__tekst,
.nrd-tip-bottom .nrd-tip__tekst {
	left: 50%;
	transform: translateX(-50%);
}

.nrd-tip-top .nrd-tip__tekst {
	bottom: 101%;
}

.nrd-tip-top .nrd-tip__tekst::after {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-top-color: var(--nrd-tip-pijl, #000);
}

.nrd-tip-bottom .nrd-tip__tekst {
	top: 101%;
}

.nrd-tip-bottom .nrd-tip__tekst::after {
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-bottom-color: var(--nrd-tip-pijl, #000);
}

.nrd-tip-left .nrd-tip__tekst,
.nrd-tip-right .nrd-tip__tekst {
	top: 50%;
	transform: translateY(-50%);
}

.nrd-tip-left .nrd-tip__tekst {
	right: 101%;
}

.nrd-tip-left .nrd-tip__tekst::after {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border-left-color: var(--nrd-tip-pijl, #000);
}

.nrd-tip-right .nrd-tip__tekst {
	left: 101%;
}

.nrd-tip-right .nrd-tip__tekst::after {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	border-right-color: var(--nrd-tip-pijl, #000);
}

.nrd-tip:hover .nrd-tip__tekst,
.nrd-tip:focus .nrd-tip__tekst,
.nrd-tip:focus-within .nrd-tip__tekst {
	opacity: 1;
	visibility: visible;
}


/* ---------- contact ---------- */

.nrd-contact-hero::after {
  /* 75f858c4 */
  content: "";
  position: absolute;
  inset: 0 0 -1px 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%23EEF5F2' d='M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z' transform='scale(-1,1) translate(-1000,0) scale(1,-1) translate(0,-100)'/%3E%3C/svg%3E");
  background-position: center bottom;
  background-size: 108% 88px;
  background-repeat: no-repeat;
}
.nrd-contact-hero {
  /* 75f858c4 */
  position: relative;
  background-image: linear-gradient(262deg, var(--theme-palette-color-1) 0%, #31545B 100%);
  isolation: isolate;
  padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
  min-height: 900px;
  width: 100%;
  min-width: 0;
}
.nrd-contact-hero__binnen {
  /* 75f858c4 */
  display: flex;
  flex-direction: column;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 120px 80px;
  min-height: inherit;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
}
.nrd-contact-hero__kop.nrd-contact-hero__kop.nrd-contact-hero__kop {
  margin: -20px 0px -19px 0px;
}
.nrd-contact-hero__kop {
  /* 4a85d7b8 */
  padding: 0px 0px 0px 0px;
  font-size: 5em;
  line-height: 1;
  width: 100%;
  color: var(--theme-palette-color-8);
}
.nrd-contact-hero__tekst {
  /* 1799fd0f */
  padding: 0px 0px 0px 0px;
  font-size: 1.3em;
  color: var(--theme-palette-color-8);
}
.nrd-contact-hero__rij1 {
  /* 608508f1 */
  position: relative;
  padding: 0px 0px 0px 0px;
  width: 100%;
  min-width: 0;
}
.nrd-contact-hero__rij1 {
  /* 608508f1 */
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.nrd-contact-hero__knop .wp-block-button__link {
  /* 0f387d4 */
  background-color: var(--theme-palette-color-10);
  color: var(--theme-palette-color-8);
  border-radius: 8px 8px 8px 8px;
  gap: 10px;
  padding: 12px 24px;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1;
}
.nrd-contact-hero__knop .wp-block-button__link:hover {
  /* 0f387d4 */
  background-color: var(--theme-palette-color-1);
}
.nrd-contact-contactformulier {
  /* 5cdc0f72 */
  position: relative;
  padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
  width: 100%;
  min-width: 0;
}
.nrd-contact-contactformulier__binnen {
  /* 5cdc0f72 */
  display: flex;
  flex-direction: row;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 120px 120px;
  gap: 20px;
}
.nrd-contact-contactformulier__vak1 {
  /* 21443367 */
  position: relative;
  background-color: var(--theme-palette-color-8);
  padding: 32px 32px 32px 32px;
  border-radius: 8px 8px 8px 8px;
  width: 60%;
}
.nrd-contact-contactformulier__vak1 {
  /* 21443367 */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-contact-contactformulier__kop {
  /* b28d3ba */
  line-height: 1;
}
.nrd-contact-contactformulier__vak2 {
  /* 20d09fb6 */
  position: relative;
  padding: 32px 32px 32px 32px;
  width: 40%;
}
.nrd-contact-contactformulier__vak2 {
  /* 20d09fb6 */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-contact-contactformulier__vak3 {
  /* 33c9411 */
  position: relative;
  background-color: #E3ECE8;
  padding: 32px 32px 32px 32px;
  border-radius: 8px 8px 8px 8px;
  width: 100%;
  min-width: 0;
}
.nrd-contact-contactformulier__vak3 {
  /* 33c9411 */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-contact-contactformulier__kop2 {
  /* 4a98eb20 */
  font-size: 1em;
  font-weight: 900;
  line-height: 1;
  color: var(--theme-palette-color-10);
}
.nrd-contact-contactformulier__lijst {
  /* f77a83c */
  color: var(--theme-palette-color-10);
}
.nrd-contact-contactformulier__lijst {
  /* f77a83c */
  gap: 8px;
}
.nrd-contact-contactformulier__lijst > li {
  /* f77a83c */
  font-size: 1em;
  font-weight: 600;
}
.nrd-contact-contactformulier__lijst .nrd-icoon {
  /* f77a83c */
  align-self: flex-start;
  position: relative;
  top: 4px;
}
.nrd-contact-contactformulier__lijst .nrd-icoon {
  /* f77a83c */
  width: 24px;
  height: 24px;
  margin-inline: calc(24px * 0.125);
}
.nrd-contact-contactformulier__streep {
  /* 0957533 */
  color: var(--theme-palette-color-10);
}
.nrd-contact-contactformulier__streep.nrd-contact-contactformulier__streep.nrd-contact-contactformulier__streep {
  margin-block: 15px;
}
.nrd-contact-contactformulier__streep {
  /* 0957533 */
  --nrd-streep-dikte: 4px;
  --nrd-streep-stijl: solid;
  --nrd-streep-kleur: var(--theme-palette-color-10);
  width: 35px;
  --nrd-streep-marge: 0 auto 0 0;
}
.nrd-contact-contactformulier__kop3 {
  /* 4769e988 */
  font-size: 1em;
  font-weight: 900;
  line-height: 1;
  color: var(--theme-palette-color-10);
}
.nrd-contact-contactformulier__lijst2 {
  /* 3bed8ee */
  color: var(--theme-palette-color-10);
}
.nrd-contact-contactformulier__lijst2 {
  /* 3bed8ee */
  gap: 8px;
}
.nrd-contact-contactformulier__lijst2 > li {
  /* 3bed8ee */
  font-size: 1em;
  font-weight: 600;
}
.nrd-contact-contactformulier__lijst2 .nrd-icoon {
  /* 3bed8ee */
  align-self: center;
  position: relative;
  top: 1px;
}
.nrd-contact-contactformulier__lijst2 .nrd-icoon {
  /* 3bed8ee */
  width: 24px;
  height: 24px;
  margin-inline: calc(24px * 0.125);
}

@media (max-width: 1024px) {
  .nrd-contact-hero {
    /* 75f858c4 */
    padding-inline: var(--nrd-sectie-zij, 32px) var(--nrd-sectie-zij, 32px);
  }
  .nrd-contact-hero__binnen {
    /* 75f858c4 */
    padding-block: 120px 80px;
    flex-direction: column;
  }
  .nrd-contact-contactformulier {
    /* 5cdc0f72 */
    padding-inline: var(--nrd-sectie-zij, 32px) var(--nrd-sectie-zij, 32px);
  }
  .nrd-contact-contactformulier__binnen {
    /* 5cdc0f72 */
    padding-block: 120px 120px;
  }
}

@media (max-width: 767px) {
  .nrd-contact-hero {
    /* 75f858c4 */
    padding-inline: var(--nrd-sectie-zij, 16px) var(--nrd-sectie-zij, 16px);
    width: 100%;
  }
  .nrd-contact-hero__binnen {
    /* 75f858c4 */
    padding-block: 0px 0px;
  }
  .nrd-contact-hero__rij1 {
    /* 608508f1 */
    width: 100%;
  }
  .nrd-contact-contactformulier {
    /* 5cdc0f72 */
    padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
    width: 100%;
  }
  .nrd-contact-contactformulier__binnen {
    /* 5cdc0f72 */
    padding-block: 120px 120px;
  }
  .nrd-contact-contactformulier__vak1 {
    /* 21443367 */
    width: 100%;
  }
  .nrd-contact-contactformulier__vak2 {
    /* 20d09fb6 */
    width: 100%;
  }
  .nrd-contact-contactformulier__vak3 {
    /* 33c9411 */
    width: 100%;
  }
}


/* ---------- contentblok: footer ---------- */

.nrd-footer-blijf-op-de-hoogte-van {
  /* d0cc18a */
  position: relative;
  background-color: #E3ECE8;
  padding-inline: var(--nrd-sectie-zij, 80px) var(--nrd-sectie-zij, 80px);
  width: 100%;
  min-width: 0;
}
.nrd-footer-blijf-op-de-hoogte-van__binnen {
  /* d0cc18a */
  display: flex;
  flex-direction: column;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 80px 80px;
  gap: 20px;
}
.nrd-footer-blijf-op-de-hoogte-van__rij1 {
  /* 1b9f2cb */
  position: relative;
  background-color: var(--theme-palette-color-8);
  padding: 32px 32px 32px 32px;
  border-radius: 8px 8px 8px 8px;
  width: 100%;
  min-width: 0;
}
.nrd-footer-blijf-op-de-hoogte-van__rij1 {
  /* 1b9f2cb */
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.nrd-footer-blijf-op-de-hoogte-van__vak1 {
  /* 09c6d0a */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 40%;
}
.nrd-footer-blijf-op-de-hoogte-van__vak1 {
  /* 09c6d0a */
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}
.nrd-footer-blijf-op-de-hoogte-van__kop {
  /* 4743997 */
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-footer-blijf-op-de-hoogte-van__vak2 {
  /* 7617871 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 60%;
}
.nrd-footer-blijf-op-de-hoogte-van__vak2 {
  /* 7617871 */
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}
.nrd-footer-ontdek-de-perfecte-balans {
  /* 75bb209 */
  position: relative;
  background-color: #E3ECE8;
  padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
  width: 100%;
  min-width: 0;
}
.nrd-footer-ontdek-de-perfecte-balans__binnen {
  /* 75bb209 */
  display: flex;
  flex-direction: row;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 40px 40px;
  gap: 20px;
}
.nrd-footer-ontdek-de-perfecte-balans__vak1 {
  /* 46855cb9 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-footer-ontdek-de-perfecte-balans__vak1 {
  /* 46855cb9 */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-footer-ontdek-de-perfecte-balans__beeld img {
  /* 7a693a9d */
  width: 80px;
  height: auto;
}
.nrd-footer-ontdek-de-perfecte-balans__beeld {
  /* 7a693a9d */
  text-align: left;
}
.nrd-footer-ontdek-de-perfecte-balans__tekst a {
  /* 124195e4 */
  color: var(--theme-palette-color-3);
}
.nrd-footer-ontdek-de-perfecte-balans__tekst a * {
  /* 124195e4 */
  color: inherit;
}
.nrd-footer-ontdek-de-perfecte-balans__tekst {
  /* 124195e4 */
  color: var(--theme-palette-color-4);
  --theme-link-hover-color: var(--theme-palette-color-3);
}
.nrd-footer-ontdek-de-perfecte-balans__vak2 {
  /* 693bf946 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-footer-ontdek-de-perfecte-balans__vak2 {
  /* 693bf946 */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-footer-ontdek-de-perfecte-balans__kop {
  /* 2564211b */
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-footer-ontdek-de-perfecte-balans__menu a {
  /* 549048b6 */
  padding: 8px 0px;
  color: var(--theme-palette-color-4);
}
.nrd-footer-ontdek-de-perfecte-balans__menu a:hover {
  /* 549048b6 */
  color: var(--theme-palette-color-3);
}
.nrd-footer-ontdek-de-perfecte-balans__vak3 {
  /* 7db3e14c */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-footer-ontdek-de-perfecte-balans__vak3 {
  /* 7db3e14c */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-footer-ontdek-de-perfecte-balans__kop2 {
  /* 74bd1224 */
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-footer-ontdek-de-perfecte-balans__menu2 a {
  /* 7965984c */
  padding: 8px 0px;
  color: var(--theme-palette-color-4);
}
.nrd-footer-ontdek-de-perfecte-balans__menu2 a:hover {
  /* 7965984c */
  color: var(--theme-palette-color-3);
}
.nrd-footer-ontdek-de-perfecte-balans__vak4 {
  /* 75378856 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-footer-ontdek-de-perfecte-balans__vak4 {
  /* 75378856 */
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 767px) {
  .nrd-footer-blijf-op-de-hoogte-van {
    /* d0cc18a */
    padding-inline: var(--nrd-sectie-zij, 12px) var(--nrd-sectie-zij, 12px);
    width: 100%;
  }
  .nrd-footer-blijf-op-de-hoogte-van__binnen {
    /* d0cc18a */
    padding-block: 12px 12px;
  }
  .nrd-footer-blijf-op-de-hoogte-van__rij1 {
    /* 1b9f2cb */
    width: 100%;
  }
  .nrd-footer-blijf-op-de-hoogte-van__vak1 {
    /* 09c6d0a */
    width: 100%;
  }
  .nrd-footer-blijf-op-de-hoogte-van__vak2 {
    /* 7617871 */
    width: 100%;
  }
  .nrd-footer-ontdek-de-perfecte-balans {
    /* 75bb209 */
    width: 100%;
  }
  .nrd-footer-ontdek-de-perfecte-balans__vak1 {
    /* 46855cb9 */
    width: 100%;
  }
  .nrd-footer-ontdek-de-perfecte-balans__vak2 {
    /* 693bf946 */
    width: 100%;
  }
  .nrd-footer-ontdek-de-perfecte-balans__vak3 {
    /* 7db3e14c */
    width: 100%;
  }
  .nrd-footer-ontdek-de-perfecte-balans__vak4 {
    /* 75378856 */
    width: 100%;
  }
}


/* ---------- contentblok: korting ---------- */

.nrd-korting-we-trakteren-15-korting {
  /* df3c7ba */
  position: relative;
  padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
  min-height: 0px;
  width: 100%;
  min-width: 0;
}
.nrd-korting-we-trakteren-15-korting__binnen {
  /* df3c7ba */
  display: flex;
  flex-direction: row;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 0px 0px;
  min-height: inherit;
  gap: 0px;
  align-items: center;
}
.nrd-korting-we-trakteren-15-korting__icoon {
  /* f1761f6 */
  padding: 0px 5px 0px 0px;
}
.nrd-korting-we-trakteren-15-korting__icoon svg {
  /* f1761f6 */
  width: 16px;
  height: 16px;
  display: block;
  color: #FFBF03;
}
.nrd-korting-we-trakteren-15-korting__icoon img {
  /* f1761f6 */
  width: 16px;
  height: 16px;
}
.nrd-korting-we-trakteren-15-korting__tekst a {
  /* f524abf */
  color: var(--theme-palette-color-8);
}
.nrd-korting-we-trakteren-15-korting__tekst a * {
  /* f524abf */
  color: inherit;
}
.nrd-korting-we-trakteren-15-korting__tekst {
  /* f524abf */
  font-size: 0.8em;
  color: var(--theme-palette-color-8);
  --theme-link-hover-color: var(--theme-palette-color-8);
}
.nrd-korting-we-trakteren-15-korting__tekst2 a {
  /* 2a0cad1 */
  color: var(--theme-palette-color-8);
}
.nrd-korting-we-trakteren-15-korting__tekst2 a * {
  /* 2a0cad1 */
  color: inherit;
}
.nrd-korting-we-trakteren-15-korting__tekst2 {
  /* 2a0cad1 */
  font-size: 0.8em;
  color: var(--theme-palette-color-8);
  --theme-link-hover-color: var(--theme-palette-color-8);
}

@media (max-width: 767px) {
  .nrd-korting-we-trakteren-15-korting {
    /* df3c7ba */
    width: 100%;
  }
}


/* ---------- contentblok: reviews ---------- */

.nrd-reviews-4-90-waardering-746 {
  /* 2f5d4b9a */
  position: relative;
  padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
  min-height: 0px;
  width: 100%;
  min-width: 0;
}
.nrd-reviews-4-90-waardering-746__binnen {
  /* 2f5d4b9a */
  display: flex;
  flex-direction: row;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 0px 0px;
  min-height: inherit;
  gap: 0px;
  align-items: center;
}
.nrd-reviews-4-90-waardering-746__icoon {
  /* ec39c6d */
  padding: 0px 5px 0px 0px;
}
.nrd-reviews-4-90-waardering-746__icoon svg {
  /* ec39c6d */
  width: 16px;
  height: 16px;
  display: block;
  color: #FFBF03;
}
.nrd-reviews-4-90-waardering-746__icoon img {
  /* ec39c6d */
  width: 16px;
  height: 16px;
}
.nrd-reviews-4-90-waardering-746__tekst a {
  /* 7e787b25 */
  color: var(--theme-palette-color-8);
}
.nrd-reviews-4-90-waardering-746__tekst a * {
  /* 7e787b25 */
  color: inherit;
}
.nrd-reviews-4-90-waardering-746__tekst {
  /* 7e787b25 */
  font-size: 0.7em;
  color: var(--theme-palette-color-8);
  --theme-link-hover-color: var(--theme-palette-color-8);
}
.nrd-reviews-4-90-waardering-746__tekst2 a {
  /* 11dab1dd */
  color: var(--theme-palette-color-8);
}
.nrd-reviews-4-90-waardering-746__tekst2 a * {
  /* 11dab1dd */
  color: inherit;
}
.nrd-reviews-4-90-waardering-746__tekst2 {
  /* 11dab1dd */
  font-size: 0.7em;
  color: var(--theme-palette-color-8);
  --theme-link-hover-color: var(--theme-palette-color-8);
}

@media (max-width: 767px) {
  .nrd-reviews-4-90-waardering-746 {
    /* 2f5d4b9a */
    width: 100%;
  }
}


/* ---------- contentblok: single-product-usps ---------- */

.nrd-single-product-gratis-verzending {
  /* 6b61e474 */
  position: relative;
  padding-inline: var(--nrd-sectie-zij, 0px) var(--nrd-sectie-zij, 0px);
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__binnen {
  /* 6b61e474 */
  display: flex;
  flex-direction: column;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 0px 0px;
  gap: 16px;
  align-items: center;
}
.nrd-single-product-gratis-verzending__rij1 {
  /* 43302a2f */
  position: relative;
  background-color: #FFFFFF80;
  padding: 0px 16px 0px 16px;
  border-radius: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #2F2F2F33;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__rij1 {
  /* 43302a2f */
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.nrd-single-product-gratis-verzending__icoon {
  /* 6fa165e1 */
  width: auto;
  max-width: 100%;
}
.nrd-single-product-gratis-verzending__icoon svg {
  /* 6fa165e1 */
  width: 32px;
  height: 32px;
  display: block;
  color: var(--theme-palette-color-2);
}
.nrd-single-product-gratis-verzending__icoon img {
  /* 6fa165e1 */
  width: 32px;
  height: 32px;
}
.nrd-single-product-gratis-verzending__icoon {
  /* 6fa165e1 */
  padding: 8px;
}
.nrd-single-product-gratis-verzending__vak1 {
  /* 4ea37c76 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__vak1 {
  /* 4ea37c76 */
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.nrd-single-product-gratis-verzending__kop {
  /* 26ef8718 */
  font-size: 1em;
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-single-product-gratis-verzending__tekst {
  /* 34d2d3c7 */
  font-size: 0.8em;
}
.nrd-single-product-gratis-verzending__rij2 {
  /* 524a0db5 */
  position: relative;
  background-color: #FFFFFF80;
  padding: 0px 16px 0px 16px;
  border-radius: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #2F2F2F33;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__rij2 {
  /* 524a0db5 */
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.nrd-single-product-gratis-verzending__icoon2 {
  /* 3bfe687f */
  width: auto;
  max-width: 100%;
}
.nrd-single-product-gratis-verzending__icoon2 svg {
  /* 3bfe687f */
  width: 32px;
  height: 32px;
  display: block;
  color: var(--theme-palette-color-2);
}
.nrd-single-product-gratis-verzending__icoon2 img {
  /* 3bfe687f */
  width: 32px;
  height: 32px;
}
.nrd-single-product-gratis-verzending__icoon2 {
  /* 3bfe687f */
  padding: 8px;
}
.nrd-single-product-gratis-verzending__vak2 {
  /* 3ebad03 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__vak2 {
  /* 3ebad03 */
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.nrd-single-product-gratis-verzending__kop2 {
  /* 602b5b67 */
  font-size: 1em;
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-single-product-gratis-verzending__tekst2 {
  /* 359bba4e */
  font-size: 0.8em;
}
.nrd-single-product-gratis-verzending__rij3 {
  /* 5a249af */
  position: relative;
  background-color: #FFFFFF80;
  padding: 0px 16px 0px 16px;
  border-radius: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #2F2F2F33;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__rij3 {
  /* 5a249af */
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.nrd-single-product-gratis-verzending__icoon3 {
  /* 08a6e04 */
  width: auto;
  max-width: 100%;
}
.nrd-single-product-gratis-verzending__icoon3 svg {
  /* 08a6e04 */
  width: 32px;
  height: 32px;
  display: block;
  color: var(--theme-palette-color-2);
}
.nrd-single-product-gratis-verzending__icoon3 img {
  /* 08a6e04 */
  width: 32px;
  height: 32px;
}
.nrd-single-product-gratis-verzending__icoon3 {
  /* 08a6e04 */
  padding: 8px;
}
.nrd-single-product-gratis-verzending__vak3 {
  /* ed5a7c5 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__vak3 {
  /* ed5a7c5 */
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.nrd-single-product-gratis-verzending__kop3 {
  /* 84223a9 */
  font-size: 1em;
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-single-product-gratis-verzending__tekst3 {
  /* 0132456 */
  font-size: 0.8em;
}
.nrd-single-product-gratis-verzending__rij4 {
  /* 118bf77f */
  position: relative;
  background-color: #FFFFFF80;
  padding: 0px 16px 0px 16px;
  border-radius: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #2F2F2F33;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__rij4 {
  /* 118bf77f */
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.nrd-single-product-gratis-verzending__icoon4 {
  /* 361ed5f4 */
  width: auto;
  max-width: 100%;
}
.nrd-single-product-gratis-verzending__icoon4 svg {
  /* 361ed5f4 */
  width: 32px;
  height: 32px;
  display: block;
  color: var(--theme-palette-color-2);
}
.nrd-single-product-gratis-verzending__icoon4 img {
  /* 361ed5f4 */
  width: 32px;
  height: 32px;
}
.nrd-single-product-gratis-verzending__icoon4 {
  /* 361ed5f4 */
  padding: 8px;
}
.nrd-single-product-gratis-verzending__vak4 {
  /* 18388cfa */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-single-product-gratis-verzending__vak4 {
  /* 18388cfa */
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.nrd-single-product-gratis-verzending__kop4 {
  /* 6ef7d5ca */
  font-size: 1em;
  line-height: 1;
  color: var(--theme-palette-color-4);
}
.nrd-single-product-gratis-verzending__tekst4 {
  /* 19e42068 */
  font-size: 0.8em;
}

@media (max-width: 767px) {
  .nrd-single-product-gratis-verzending {
    /* 6b61e474 */
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij1 {
    /* 43302a2f */
    padding: 8px 8px 8px 8px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij1 {
    /* 43302a2f */
    gap: 0px;
  }
  .nrd-single-product-gratis-verzending__vak1 {
    /* 4ea37c76 */
    padding: 0px 0px 0px 0px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij2 {
    /* 524a0db5 */
    padding: 8px 8px 8px 8px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij2 {
    /* 524a0db5 */
    gap: 0px;
  }
  .nrd-single-product-gratis-verzending__vak2 {
    /* 3ebad03 */
    padding: 0px 0px 0px 0px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij3 {
    /* 5a249af */
    padding: 8px 8px 8px 8px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij3 {
    /* 5a249af */
    gap: 0px;
  }
  .nrd-single-product-gratis-verzending__vak3 {
    /* ed5a7c5 */
    padding: 0px 0px 0px 0px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij4 {
    /* 118bf77f */
    padding: 8px 8px 8px 8px;
    width: 100%;
  }
  .nrd-single-product-gratis-verzending__rij4 {
    /* 118bf77f */
    gap: 0px;
  }
  .nrd-single-product-gratis-verzending__vak4 {
    /* 18388cfa */
    padding: 0px 0px 0px 0px;
    width: 100%;
  }
}


/* ---------- patroon: proefpakket ---------- */

.nrd-patroon-proefpakket-wil-je-no-rush-decaf::after {
  /* 6dd512d0 */
  content: "";
  position: absolute;
  inset: -42px 0 0 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%23EE6537' d='M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z' transform='scale(-1,1) translate(-1000,0) scale(1,-1) translate(0,-100)'/%3E%3C/svg%3E");
  background-position: center top;
  background-size: 108% calc(42px + 1px);
  background-repeat: no-repeat;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf {
  /* 6dd512d0 */
  position: relative;
  background-image: linear-gradient(180deg, #EE6537 0%, var(--theme-palette-color-3) 100%);
  isolation: isolate;
  padding-inline: 0px 0px;
  width: 100%;
  min-width: 0;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__binnen {
  /* 6dd512d0 */
  display: flex;
  flex-direction: column;
  max-width: min(var(--nrd-inhoudsbreedte), var(--nrd-inhoud-max, 100%));
  margin-inline: auto;
  width: 100%;
  padding-block: 120px 120px;
  gap: 20px;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__kop {
  /* 118f1269 */
  line-height: 1;
  color: var(--theme-palette-color-8);
  text-align: center;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__rij1 {
  /* 6c7432a3 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__rij1 {
  /* 6c7432a3 */
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__vak1 {
  /* 1ada020b */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__vak1 {
  /* 1ada020b */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld.nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld.nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld {
  margin: -100px -100px -100px 0px;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld {
  /* 614aeacf */
  width: 100%;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__vak2 {
  /* 3dfd58f6 */
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 100%;
  min-width: 0;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__vak2 {
  /* 3dfd58f6 */
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst {
  /* 531faccb */
  padding: 4px 8px 4px 8px;
  width: auto;
  max-width: 100%;
  border-radius: 8px 8px 8px 8px;
  color: var(--theme-palette-color-8);
  background-color: #FFFFFF1A;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst > li {
  /* 531faccb */
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 700;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst .nrd-icoon {
  /* 531faccb */
  width: 32px;
  height: 32px;
  margin-inline: calc(32px * 0.125);
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst2 {
  /* bdd8015 */
  padding: 4px 8px 4px 8px;
  width: auto;
  max-width: 100%;
  border-radius: 8px 8px 8px 8px;
  color: var(--theme-palette-color-8);
  background-color: #FFFFFF1A;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst2 > li {
  /* bdd8015 */
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 700;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst2 .nrd-icoon {
  /* bdd8015 */
  width: 32px;
  height: 32px;
  margin-inline: calc(32px * 0.125);
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst3 {
  /* 27b9130c */
  padding: 4px 8px 4px 8px;
  width: auto;
  max-width: 100%;
  border-radius: 8px 8px 8px 8px;
  color: var(--theme-palette-color-8);
  background-color: #FFFFFF1A;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst3 > li {
  /* 27b9130c */
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 700;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst3 .nrd-icoon {
  /* 27b9130c */
  width: 32px;
  height: 32px;
  margin-inline: calc(32px * 0.125);
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst4 {
  /* 1be27ad0 */
  padding: 4px 8px 4px 8px;
  width: auto;
  max-width: 100%;
  border-radius: 8px 8px 8px 8px;
  color: var(--theme-palette-color-8);
  background-color: #FFFFFF1A;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst4 > li {
  /* 1be27ad0 */
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 700;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst4 .nrd-icoon {
  /* 1be27ad0 */
  width: 32px;
  height: 32px;
  margin-inline: calc(32px * 0.125);
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__knop .wp-block-button__link {
  /* 2ab3466c */
  background-color: var(--theme-palette-color-8);
  color: var(--theme-palette-color-3);
  border-radius: 8px 8px 8px 8px;
  gap: 10px;
  padding: 12px 24px;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1;
}
.nrd-patroon-proefpakket-wil-je-no-rush-decaf__tekst {
  /* 24a1019 */
  color: var(--theme-palette-color-8);
}

@media (max-width: 767px) {
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf {
    /* 6dd512d0 */
    width: 100%;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__rij1 {
    /* 6c7432a3 */
    width: 100%;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__vak1 {
    /* 1ada020b */
    width: 100%;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld.nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld.nrd-patroon-proefpakket-wil-je-no-rush-decaf__beeld {
    margin: 0px 0px 0px 0px;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__vak2 {
    /* 3dfd58f6 */
    width: 100%;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst .nrd-icoon {
    /* 531faccb */
    align-self: flex-start;
    position: relative;
    top: 0px;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst .nrd-icoon {
    /* 531faccb */
    width: 24px;
    height: 24px;
    margin-inline: calc(24px * 0.125);
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst2 .nrd-icoon {
    /* bdd8015 */
    align-self: flex-start;
    position: relative;
    top: 0px;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst2 .nrd-icoon {
    /* bdd8015 */
    width: 24px;
    height: 24px;
    margin-inline: calc(24px * 0.125);
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst3 .nrd-icoon {
    /* 27b9130c */
    align-self: flex-start;
    position: relative;
    top: 0px;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst3 .nrd-icoon {
    /* 27b9130c */
    width: 24px;
    height: 24px;
    margin-inline: calc(24px * 0.125);
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst4 .nrd-icoon {
    /* 1be27ad0 */
    align-self: flex-start;
    position: relative;
    top: 0px;
  }
  .nrd-patroon-proefpakket-wil-je-no-rush-decaf__lijst4 .nrd-icoon {
    /* 1be27ad0 */
    width: 24px;
    height: 24px;
    margin-inline: calc(24px * 0.125);
  }
}


/* ---------- uitlijning ---------- */

/* Uitlijning op de lijn van het logo, binnen een sectie.
   Handmatig onderhouden, niet gegenereerd. De converter zet dit bestand
   achteraan in gutenberg.css.

   _basis.css zet de inhoud van elke sectie op de container van Blocksy, net
   als het logo, de oranje balk en de winkel. Binnen een sectie gaven nog een
   paar groepen uit de bron hun eigen zijmarge mee (10, 24, 32 of 80px, per
   breedte anders). Daardoor stond bijvoorbeeld "Shop per categorie" 24px en
   "Fan van koffie" 32px rechts van het logo, en op een telefoon de hero 32px.
   Nagemeten op 8 oktober 2026 op 390, 900 en 1440px.

   Een groep die de hele breedte vult, verliest beide zijkanten. Een kolom
   naast een beeld alleen de kant van de lijn; de ruimte tot het beeld blijft.
   Groepen met een eigen achtergrond (kaarten, de pillen in de hero's)
   houden hun binnenmarge. Een groep met gecentreerde inhoud verliest beide
   kanten, anders schuift het midden op ("Onze missie", waarvan de grote kop
   vanaf 768px links staat).

   De klassen komen van de converter en zijn afgeleid van de eerste kop of
   tekst. Verandert die tekst in de bron, dan verandert de klasse ook en moet
   hij hier mee.

   Live sinds 9 oktober 2026. Elke regel is een enkele klasse, en die
   wint van dezelfde klasse in de paginaregels doordat dit bestand achteraan
   staat. Een regel buiten gutenberg.css die zwaarder is, wint dan nog
   steeds; die leest daarom zelf --nrd-sectie-zij ("Shop per categorie" in
   mu-plugins/nrd/assets/homepage-volgorde.css). */

/* Homepage */
:is(
	.nrd-home-meest-verkocht__vak1,
	.nrd-home-meest-verkocht__vak3,
	.nrd-home-meest-verkocht__vak4,
	.nrd-over-ons-onze-missie__vak1
) {
	padding-inline: 0;
}

:is(
	.nrd-home-intense-smaak__vak1,
	.nrd-home-fan-van-koffie-niet-van__vak1
) {
	padding-inline-start: 0;
}

/* De productlijsten op Cafeïnevrij, Cafeïnearm en Accessoires: kop en lijst
   hadden op tablet en telefoon allebei 24px. */
:is(
	.nrd-cafeinevrij-onze-cafeinevrije-koffies__kop,
	.nrd-cafeinevrij-onze-cafeinevrije-koffies__vak1,
	.nrd-koffie-laag-in-onze-cafeinearme-koffies__kop,
	.nrd-koffie-laag-in-onze-cafeinearme-koffies__vak1,
	.nrd-accessoires-onze-accessoires__kop,
	.nrd-accessoires-onze-accessoires__vak1
) {
	padding-inline: 0;
}

/* Accessoires en Over ons: de standaardmarge van 10px die Elementor elke
   groep geeft, en "Onze geschiedenis", die 80px insprong (op een telefoon
   32px). */
:is(
	.nrd-accessoires-hero__rij2,
	.nrd-over-ons-wij-zijn-no-rush-decaf__vak1,
	.nrd-over-ons-wie-zijn-wij__rij1,
	.nrd-over-ons-wie-zijn-wij__vak3
) {
	padding-inline-start: 0;
}