.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) {
--hv-h1: 62px; --hv-h1-regel: 66px;
--hv-h1-cat: 48px; --hv-h1-cat-regel: 54px;
--hv-h1-artikel: 36px; --hv-h1-artikel-regel: 42px;
--hv-h2: 38px; --hv-h2-regel: 44px;
--hv-h3: 22px; --hv-h3-regel: 28px;
--hv-lead: 19px; --hv-lead-regel: 30px;
--hv-tekst: 16px; --hv-tekst-regel: 26px;
--hv-klein: 14px; --hv-klein-regel: 21px;
}
@media (max-width: 1099px) {
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) { --hv-h1: 48px; --hv-h1-regel: 54px; }
}
@media (max-width: 700px) {
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) {
--hv-h1: 36px; --hv-h1-regel: 42px;
--hv-h1-cat: 34px; --hv-h1-cat-regel: 40px;
--hv-h1-artikel: 28px; --hv-h1-artikel-regel: 34px;
--hv-h2: 28px; --hv-h2-regel: 34px;
--hv-lead: 17px; --hv-lead-regel: 27px;
}
}
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) {
font-family: var(--winkel-letter-keuze, var(--winkel-letter, system-ui)), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
font-variation-settings: normal;
}
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(h1, h2, h3, .nova-titel, .site-rijkop h2) {
font-family: inherit;
letter-spacing: normal;
}
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(h1, h2, h3, .nova-titel, .site-koopkop-tekst h1, .site-banner-kop, .pdp-titelregel h1, .site-kaart-in b, .shop-catkop-titel, .h-kaart-getal, .shop-pdp-onder h2, .pdp-punten-titel, .pdp-deel-breed > div > div:first-child, .site-paginakop, .afr-intro h1, .hlp-titel, .hlp-h2, .hlw-titel, .site-formulier > h2, .site-rijkop h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-tekstfoto-in > h1) {
font-stretch: 100%;
}
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.h-info, .h-info-pop) { font-family: inherit; }
@media (min-width: 1024px) {
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .shop-header .shop-wagen.h-wagen-vol .wagen-teller { font-family: inherit; }
}
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(h1, h2) { font-weight: 700; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) h3 { font-weight: 600; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-rijkop h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-banner-kop, .site-fotoverhaal-titel, .site-kaarten > h2, .site-formulier > h2, .site-kaartregels > h2, .site-producten > h2, .site-tekst h2, .rkb-kop h2) {
font-size: var(--hv-h2);
line-height: var(--hv-h2-regel);
font-weight: 700;
letter-spacing: -0.015em;
text-wrap: balance;
}
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-koopkop-tekst h1 { font-size: var(--hv-h1); line-height: var(--hv-h1-regel); font-weight: 700; letter-spacing: -0.02em; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-paginakop, .site-tekstfoto-in > h1, .site-hero h1) { font-size: calc(var(--hv-h1) - 6px); line-height: calc(var(--hv-h1-regel) - 4px); font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.shop-cattitelrij h1, .shop-catkop-titel, .shop-lijsttitel) { font-size: var(--hv-h1-cat); line-height: var(--hv-h1-cat-regel); font-weight: 700; letter-spacing: -0.02em; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.pdp-titelregel h1, .hlp-titel) { font-size: var(--hv-h1-artikel); line-height: var(--hv-h1-artikel-regel); font-weight: 700; letter-spacing: -0.01em; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-koopkop-zin, .shop-cattekst-intro, .site-hero-tekst) { font-size: var(--hv-lead); line-height: var(--hv-lead-regel); }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .rkb-pompwijzer .rkb-kop h1 { margin: 0; font-size: calc(var(--hv-h1) - 6px); line-height: calc(var(--hv-h1-regel) - 4px); font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; color: var(--ink); }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .rkb-pompwijzer .rkb-kop:has(h1) .rkb-zin { margin-top: 16px; font-size: var(--hv-lead); line-height: var(--hv-lead-regel); max-width: 640px; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-rijzin, .site-tekst :is(p, ul, ol), .site-tekstfoto-in p, .site-banner-regel, .site-vraag-kop p, .site-vraag-antwoord, .site-fotoverhaal-tekst p) { font-size: var(--hv-tekst); line-height: var(--hv-tekst-regel); }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-rijzin, .site-tekst :is(p, ul, ol), .site-tekstfoto-in p, .site-vraag-kop p, .site-vraag-antwoord, .site-fotoverhaal-tekst p) { color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-tekstfoto:has(.h-tf-knoppen) .site-tekstfoto-in > p { font-size: var(--hv-tekst); line-height: var(--hv-tekst-regel); }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-tekst :is(h2, h3) { color: var(--ink); }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-tekst h3 { font-size: var(--hv-h3); line-height: var(--hv-h3-regel); margin: 32px 0 10px; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-tekst h3:first-child { margin-top: 0; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-tekst :is(p, li) { overflow-wrap: break-word; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-kaartregels-titel, .site-kaart-in b) { font-size: 20px; line-height: 26px; font-weight: 700; letter-spacing: 0; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-kaartregels.is-zes .site-kaartregels-titel { font-size: 18px; line-height: 24px; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .site-kaartregels-titel { hyphenate-limit-chars: 12 4 4; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) :is(.site-kaartregels-zin, .site-kaart-in p) { font-size: 15px; line-height: 22px; }
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .offerte-vraag .klant-flets { color: var(--nova-gedempt); }
@media (min-width: 1024px) {
.winkel.terra.shop-page.hv-letter:is(.hv-letter, #vorm) .hlw-titel { font-size: 36px; line-height: 42px; }
}