.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) {
--hv-kaart-lijn: var(--line);
--hv-kaart-hoek: var(--hoek, 14px);
--hv-kaart-hoek-groot: calc(var(--hoek, 14px) + 4px);
--hv-vloer: var(--card, #fff);
--hv-fotovloer: #eff3f4;
--hv-kaart-schaduw: 0 18px 36px -28px color-mix(in srgb, var(--ink) 50%, transparent);
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .hv-label {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 12px;
box-sizing: border-box;
border-radius: 999px;
background: #fff;
color: var(--ink);
font-size: 13px;
line-height: 18px;
font-weight: 600;
box-shadow: 0 1px 0 var(--line);
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .hv-label-groen { color: var(--h-groen, #3f8a22); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .hv-label-oranje { color: var(--h-let, #9a5300); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .hv-stip { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) {
--hv-tas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 13H6L5 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) {
gap: 0;
padding: 0;
border: 1px solid var(--hv-kaart-lijn);
border-radius: var(--hv-kaart-hoek);
background: var(--hv-vloer);
box-shadow: none;
overflow: hidden;
transition: border-color .15s, box-shadow .15s;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart):hover { border-color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); box-shadow: var(--hv-kaart-schaduw); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) > img {
order: 0;
box-sizing: content-box;
width: 100%;
aspect-ratio: 1;
height: auto;
margin: 0;
padding: 0;
object-fit: contain;
border-radius: 0;
border-bottom: 1px solid var(--hv-kaart-lijn);
background: var(--hv-fotovloer);
transform: none;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm).kaart-liggend :is(.shop-kaart, #hv-kaart) > img { aspect-ratio: 4 / 3; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart):hover > img { transform: none; }
@media (min-width: 560px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-producten-in { gap: 24px; }
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) > :not(img, .kaart-vlak, .kaart-tand, .kaart-labels, .shop-kaart-vergelijk) { margin-inline: 18px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-titel {
order: 1;
display: block;
min-height: 0;
margin-top: 16px;
margin-bottom: 0;
font-size: 17px;
line-height: 23px;
font-weight: 600;
letter-spacing: 0;
-webkit-line-clamp: none;
overflow: visible;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .h-kaart-getal { order: 1; margin-top: 16px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .h-kaart-getal + .nova-titel { margin-top: 2px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) :is(.nova-specs, .shop-kaart-spec) { order: 2; display: flex; flex-direction: column; gap: 2px; margin-top: 8px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-spec {
display: flex;
align-items: flex-start;
gap: 8px;
min-height: 0;
height: auto;
padding: 0;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff)));
white-space: normal;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-spec::before {
content: "";
flex: 0 0 6px;
width: 6px;
height: 6px;
margin: 7px 0 0;
border: 0;
border-radius: 2px;
background: var(--winkel-accent);
-webkit-mask: none;
mask: none;
transform: none;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-voet {
order: 3;
margin-top: auto;
margin-bottom: 0;
padding-top: 16px;
border-top: 0;
align-items: flex-end;
gap: 12px;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-prijsvak { flex: 1 1 auto; min-width: 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-hartvorm { display: none; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-prijs { font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-tweedeprijs { font-size: 13px; line-height: 18px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .h-kaart-perliter { margin-top: 0; font-size: 13px; line-height: 18px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen :is(button, a) {
display: inline-grid;
place-items: center;
position: relative;
width: 44px;
min-width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--winkel-koop, var(--winkel-accent));
color: var(--winkel-koop-ink, var(--winkel-accent-ink, #fff));
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen :is(button, a):hover { background: color-mix(in srgb, var(--winkel-koop, var(--winkel-accent)) 88%, #000); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen button svg { display: none; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen a.nova-kijk svg { width: 20px; height: 20px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen button::before {
content: "";
display: block;
position: absolute;
inset: 0;
margin: auto;
width: 20px;
height: 20px;
background: currentColor;
-webkit-mask: var(--hv-tas) center / 20px no-repeat;
mask: var(--hv-tas) center / 20px no-repeat;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-chiprij {
order: 9;
box-sizing: content-box;
min-height: 18px;
margin-top: 12px;
margin-bottom: 0;
padding: 12px 0 18px;
border-top: 1px solid var(--hv-kaart-lijn);
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-chiprij .nova-chip { height: auto; padding: 0; font-size: 13px; line-height: 18px; font-weight: 600; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-chiprij .nova-chip::before { width: 8px; height: 8px; margin-right: 6px; vertical-align: 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-code {
order: 11;
align-self: flex-end;
margin-top: -36px;
margin-bottom: 18px;
font-size: 13px;
line-height: 18px;
color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff)));
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart):not(:has(.nova-chiprij)) .nova-code { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--hv-kaart-lijn); align-self: stretch; }
@container (max-width: 299px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-chiprij { padding-bottom: 2px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-code { align-self: flex-start; margin-top: 0; margin-bottom: 14px; }
}
@container (max-width: 219px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) > :not(img, .kaart-vlak, .kaart-tand, .kaart-labels, .shop-kaart-vergelijk) { margin-inline: 12px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart):not(#hv-smal) .nova-titel { margin-top: 12px; font-size: 15px; line-height: 21px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-prijs { font-size: 17px; line-height: 22px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-voet { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 6px; padding-top: 12px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-prijsvak { flex: 1 0 auto; min-width: min-content; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-prijsvak:has(> .nova-prijs > .nova-opaanvraag) { flex: 1 1 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen { margin-left: auto; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .nova-knoppen :is(button, a) { width: 40px; min-width: 40px; height: 40px; }
}
@container (max-width: 165px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart):not(#hv-smal) .nova-titel { font-size: 14px; line-height: 20px; }
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-lijst .shop-tegels.als-lijst { grid-template-columns: minmax(0, 1fr); border-top: 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) { grid-template-columns: 130px minmax(0, 1fr) 200px; grid-template-rows: auto auto auto 1fr auto; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) > img { grid-column: 1; grid-row: 1 / -1; align-self: stretch; box-sizing: border-box; width: 100%; height: 100%; min-height: 130px; aspect-ratio: auto; border-bottom: 0; border-right: 1px solid var(--hv-kaart-lijn); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .kaart-labels { position: static; grid-column: 2; grid-row: 1; margin: 16px 18px 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-titel { grid-column: 2; grid-row: 2; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) :is(.nova-specs, .shop-kaart-spec) { grid-column: 2; grid-row: 3; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-chiprij { grid-column: 2; grid-row: 5; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-code { grid-column: 2; grid-row: 5; justify-self: end; align-self: start; margin: 25px 18px 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-voet { grid-column: 3; grid-row: 1 / -1; align-self: stretch; align-items: start; margin-top: 0; padding: 16px 0 18px; }
@media (max-width: 559px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) { grid-template-columns: 96px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) > img { min-height: 96px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-voet { grid-column: 2; grid-row: 4; display: flex; align-items: flex-end; justify-content: space-between; padding: 16px 0 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-prijsvak { text-align: left; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-prijs { justify-content: flex-start; }
}
@container (max-width: 639px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) > img { grid-row: 1 / 7; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-chiprij { padding-bottom: 2px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-code { grid-row: 6; justify-self: start; margin: 0 18px 14px; }
}
@media (min-width: 560px) {
@container (max-width: 639px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .shop-tegels.als-lijst :is(.shop-kaart, #hv-kaart) .nova-voet { grid-row: 1 / 7; }
}
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .kaart-labels { top: 14px; left: 14px; gap: 6px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.shop-kaart, #hv-kaart) .kaart-labels .kaart-label {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 12px;
box-sizing: border-box;
border-radius: 999px;
background: #fff;
color: var(--ink);
font-size: 13px;
line-height: 18px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
box-shadow: 0 1px 0 var(--line);
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels-kaart {
border: 1px solid var(--hv-kaart-lijn);
border-radius: var(--hv-kaart-hoek);
background: var(--hv-vloer);
overflow: hidden;
transition: border-color .15s, box-shadow .15s;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .opm-vlak-grijs .site-kaartregels-kaart { border-color: var(--hv-kaart-lijn); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels-kaart.is-metfoto { border-radius: var(--hv-kaart-hoek-groot); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels-kaart:hover { border-color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); box-shadow: var(--hv-kaart-schaduw); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels-foto { background: var(--hv-vloer); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.site-kaartregels.is-zes, .site-kaartregels.is-portret) .site-kaartregels-foto { border-bottom: 1px solid var(--hv-kaart-lijn); }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.site-kaartregels.is-zes, .site-kaartregels.is-portret) .site-kaartregels-foto img { object-fit: contain; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels.is-zes .site-kaartregels-kaart { border-radius: var(--hv-kaart-hoek); }
@media (min-width: 761px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels:not(.is-zes, .is-portret) .site-kaartregels-in { gap: 24px; }
}
@supports (grid-template-rows: subgrid) {
@media (min-width: 761px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels:not(.is-compact, .is-portret, .met-erbij) .site-kaartregels-in:has(> .site-kaartregels-kaart.is-metfoto) { row-gap: 0; margin-bottom: -24px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels:not(.is-compact, .is-portret, .met-erbij) .site-kaartregels-kaart.is-metfoto { margin-bottom: 24px; }
}
}
@media (min-width: 761px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels.is-drie:not(.is-portret) .site-kaartregels-in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-kaartregels-icoon svg { width: 24px; height: 24px; stroke-width: 1.5; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-fotoverhaal.met-punten .site-fotoverhaal-foto {
border: 1px solid var(--hv-kaart-lijn);
border-radius: calc(var(--hv-kaart-hoek) + 6px);
background: var(--hv-vloer);
overflow: hidden;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) :is(.site-kaart.metfoto, .site-bericht) {
border: 1px solid var(--hv-kaart-lijn);
border-radius: var(--hv-kaart-hoek);
background: var(--hv-vloer);
overflow: hidden;
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten:not(.groot-links) :is(.site-bericht-foto, .site-bericht-foto img) { border-radius: 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten:not(.groot-links) .site-bericht-tekst { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 24px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten:not(.groot-links) .site-bericht-tekst > * { padding: 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten:not(.groot-links) .site-bericht-tekst > .cell-sub { margin-top: auto; padding-top: 4px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht.groot { grid-template-rows: auto; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht.groot .site-bericht-tekst { padding: 32px 40px 32px 0; }
@media (max-width: 800px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht.groot { gap: 0; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht.groot .site-bericht-tekst { padding: 20px 22px 24px; }
}
@media (min-width: 801px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht.groot > .site-bericht-foto { align-self: stretch; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht.groot > .site-bericht-foto img { height: 100%; }
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-berichten-in { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 760px) {
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-berichten-in { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-berichten.uitgelicht:not(.groot-links) .site-bericht img { aspect-ratio: 16 / 9; }
}
.winkel.terra.shop-page.hv-kader:is(.hv-kader, #vorm) .site-fotoverhaal.met-punten .site-fotoverhaal-onderdeel.is-aan { background: var(--h-vlak, var(--wash2, #eef2f3)); box-shadow: inset 0 0 0 1px var(--hv-kaart-lijn); }