.winkel.terra {
--inhoud-zacht: var(--terra-gedempt);
--inhoud-tekst: var(--terra-tekst-zacht);
--inhoud-groen: var(--terra-goed);
--inhoud-geel: var(--terra-letop);
--inhoud-inktknop-zweef: color-mix(in srgb, var(--nova-inkt) 80%, #000);
}
.winkel.terra .site-pagina > .soort-fotoverhaal:first-child { margin-top: 40px; }
@media (max-width: 720px) { .winkel.terra .site-pagina > .soort-fotoverhaal:first-child { margin-top: 20px; } }
@media (max-width: 720px) {
.winkel.terra .site-inhoud-pijllink { display: inline-flex; align-items: center; min-height: 44px; }
.winkel.terra .site-kaartregels-knop, .winkel.terra .site-inhoud-kopknop { min-height: 44px; }
}
@media (min-width: 1000px) {
.winkel.terra .site-kaartregels.is-portret:has(> .site-kaartregels-in > :nth-child(2):last-child) {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 1fr auto auto auto 1fr; column-gap: 56px; align-items: start;
}
.winkel.terra .site-kaartregels.is-portret:has(> .site-kaartregels-in > :nth-child(2):last-child) > .site-rijkop { display: contents; }
.winkel.terra .site-kaartregels.is-portret:has(> .site-kaartregels-in > :nth-child(2):last-child) > .site-rijkop > h2 { grid-column: 1; grid-row: 2; margin: 0 0 14px; }
.winkel.terra .site-kaartregels.is-portret:has(> .site-kaartregels-in > :nth-child(2):last-child) > .site-rijzin { grid-column: 1; grid-row: 3; margin: 0 0 22px; max-width: 560px; }
.winkel.terra .site-kaartregels.is-portret:has(> .site-kaartregels-in > :nth-child(2):last-child) > .site-rijkop > .site-inhoud-kopknop { grid-column: 1; grid-row: 4; justify-self: start; margin: 0; }
.winkel.terra .site-kaartregels.is-portret:has(> .site-kaartregels-in > :nth-child(2):last-child) > .site-kaartregels-in { grid-column: 2; grid-row: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
}
.winkel.terra .site-boom:has(+ .site-pagina > .soort-formuliervakken:first-child .dienstvorm-kruimels) { display: none; }
.winkel.terra .shop-kruimels.site-kruimelpad { margin: 24px auto 0; padding-block: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.winkel.terra .shop-kruimels.site-kruimelpad a, .winkel.terra .shop-kruimels.site-kruimelpad span { color: var(--inhoud-zacht); text-decoration: none; }
.winkel.terra .shop-kruimels.site-kruimelpad [aria-current="page"] { color: var(--nova-inkt); font-weight: 600; }
.winkel.terra .shop-kruimels.site-kruimelpad .kruimel-terug { display: inline-flex; align-items: center; gap: 6px; color: var(--nova-inkt); font-weight: 600; }
.winkel.terra .site-kruimelpad + .site-pagina > .site-blok:first-child { margin-top: 0; }
.winkel.terra .site-kruimelpad + .site-pagina > .site-blok:first-child .site-fotoverhaal.is-zonderfoto { padding-top: 0; margin-top: 0; }
@media (max-width: 760px) {
.winkel.terra .shop-kruimels.site-kruimelpad { margin-top: 12px; }
.winkel.terra .shop-kruimels.site-kruimelpad a { min-height: 44px; display: inline-flex; align-items: center; }
}
.winkel.terra .site-kruimelpad + .site-pagina > .site-blok:first-child { padding-top: 24px; }
.winkel.terra :is(.shop-menu, .shop-menu2) a.is-hier { color: var(--nova-accent) !important; box-shadow: inset 0 -3px 0 var(--nova-accent); }
.winkel.terra .site-kaartregels .site-kaartregels-kopje.is-boven { order: -2; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--inhoud-zacht); }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:has(.is-boven) .site-kaartregels-rol { order: 0; text-transform: none; letter-spacing: 0; font-weight: 400; margin-bottom: 6px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:has(.is-boven) .site-kaartregels-titel { font-size: 18px; }
.winkel.terra .site-kaartregels-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 14px; }
.winkel.terra .site-kaartregels-knoppen .site-inhoud-pijllink { margin-top: 0; }
.winkel.terra .site-kaartregels-inktknop { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: var(--nova-inkt); color: var(--card, #fff); font-weight: 700; font-size: 14px; text-decoration: none; border-radius: var(--nova-r-klein); }
.winkel.terra .site-kaartregels-inktknop:hover { background: var(--inhoud-inktknop-zweef); color: var(--card, #fff); }
@media (min-width: 761px) {
.winkel.terra .site-fotoverhaal.is-foto-rechts { grid-template-columns: minmax(0, 760fr) minmax(0, 560fr); align-items: start; }
.winkel.terra .site-fotoverhaal.is-foto-rechts .site-fotoverhaal-foto { order: 2; }
}
.winkel.terra .site-fotoverhaal-vinken { margin: 4px 0 8px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.winkel.terra .site-fotoverhaal-vinken .site-kaartregels-punttekst { color: var(--inhoud-tekst); font-size: 14.5px; }
.winkel.terra .site-fotoverhaal.is-knop-accent .site-fotoverhaal-knop.is-eerste { background: var(--nova-accent); border-color: var(--nova-accent); color: var(--nova-accent-op, #fff); }
.winkel.terra .site-fotoverhaal.is-foto-boven .site-fotoverhaal-foto img { object-position: 50% 0; }
@media (min-width: 761px) {
.winkel.terra .site-berichten.groot-links .site-berichten-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra .site-berichten.groot-links .site-bericht.groot { grid-column: 1 / span 2; grid-row: 1 / span 2; display: flex; flex-direction: column; }
.winkel.terra .site-berichten.groot-links .site-bericht.groot .site-bericht-foto { width: 100%; flex: 1 1 auto; min-height: 320px; }
.winkel.terra .site-berichten.groot-links .site-bericht.groot .site-bericht-foto img { width: 100%; height: 100%; object-fit: cover; }
.winkel.terra .site-berichten.groot-links .site-bericht.groot .site-bericht-tekst { width: auto; padding: 20px 24px 24px; }
.winkel.terra .site-berichten.groot-links .site-bericht.groot .site-bericht-naam { font-size: 24px; line-height: 1.25; }
}
.winkel.terra .site-berichten.groot-links .site-bericht-verder { margin-top: auto; padding-top: 8px; color: var(--nova-accent); font-weight: 700; font-size: 14px; }
.winkel.terra .site-berichten.groot-links .site-bericht-verder::before { content: "\2192\00a0"; }
.winkel.terra .site-keuzehulp-antwoorden { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; }
.winkel.terra .site-keuzehulp-antwoord { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 56px; padding: 8px 44px 8px 14px; border: 1px solid var(--nova-lijn); border-radius: var(--nova-r-klein); background: var(--card, #fff); color: var(--nova-inkt); text-align: left; cursor: pointer; font: inherit; }
.winkel.terra .site-keuzehulp-antwoord span:first-child { font-size: 13px; color: var(--inhoud-zacht); }
.winkel.terra .site-keuzehulp-antwoord b { font-size: 15px; }
.winkel.terra .site-keuzehulp-pen { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--nova-accent); font-size: 16px; }
.winkel.terra .site-keuzehulp-antwoord:hover { border-color: var(--nova-inkt); }
.winkel.terra .site-keuzehulp-kaarten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 20px 0 8px; }
.winkel.terra .site-keuzekaart { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.winkel.terra .site-keuzekaart-label { align-self: flex-start; padding: 4px 10px; border-radius: calc(var(--nova-r-klein) - 1px); background: var(--nova-accent); color: var(--nova-accent-op, #fff); font-size: 13px; font-weight: 700; }
.winkel.terra .site-keuzekaart-zin { margin: 0; font-size: 14px; line-height: 1.5; color: var(--inhoud-tekst); }
@media (max-width: 760px) {
.winkel.terra .site-keuzehulp-kaarten { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.winkel.terra .site-keuzehulp-antwoord { flex: 1 1 100%; }
}
.winkel.terra .site-berichtkop.is-terra { background: none; border-radius: 0; overflow: visible; padding: 0; gap: 0; }
.winkel.terra .site-berichtkop.is-terra .shop-kruimels.site-kruimelpad { margin: 24px 0 20px; padding: 0; max-width: none; }
.winkel.terra .site-berichtkop.is-terra .site-berichtkop-oog { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--inhoud-zacht); }
.winkel.terra .site-berichtkop.is-terra h1 { margin: 0; max-width: 960px; font-weight: 800; font-size: 48px; line-height: 1.05; }
.winkel.terra.stencil-koppen .site-berichtkop.is-terra h1 { font-family: "Saira Stencil One", var(--winkel-letter); font-weight: 400; letter-spacing: .03em; text-transform: uppercase; }
.winkel.terra .site-berichtkop.is-terra .site-berichtkop-door { margin: 12px 0 0; font-size: 14px; color: var(--inhoud-zacht); }
.winkel.terra .site-berichtkop.is-terra .site-berichtfoto { order: 0; display: block; width: 100%; max-width: 100%; margin: 28px 0 0; aspect-ratio: 1344 / 520; height: auto; object-fit: cover; border-radius: 0; }
@media (max-width: 760px) {
.winkel.terra .site-berichtkop.is-terra .shop-kruimels.site-kruimelpad { margin: 12px 0 12px; }
.winkel.terra .site-berichtkop.is-terra h1 { font-size: 30px; }
.winkel.terra .site-berichtkop.is-terra .site-berichtfoto { margin-top: 20px; aspect-ratio: 358 / 220; }
}
@media (min-width: 900px) {
.winkel.terra .site-pagina:has(> .soort-contactkaart .is-naast) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.winkel.terra .site-pagina:has(> .soort-contactkaart .is-naast) > .site-blok { grid-column: 1 / -1; }
.winkel.terra .site-pagina > .site-blok.soort-contactkaart:has(.is-naast) { grid-column: 1; }
.winkel.terra .site-pagina > .site-blok.soort-contactkaart:has(.is-naast) + .site-blok.soort-formulier { grid-column: 2; }
}
.winkel.terra .site-contactkaart.is-naast .site-contactkaart-in { border: 1px solid var(--nova-lijn); box-shadow: none; }
.winkel.terra .site-contactkaart.is-naast .site-contactrechts { display: flex; flex-direction: column; gap: 20px; }
.winkel.terra .site-contactkaart.is-naast .site-tijden { border-top: 1px solid var(--nova-lijn); padding-top: 16px; max-width: none; }
.winkel.terra .site-contactkaart.is-naast .site-tijden dl { max-width: none; }
.winkel.terra .site-contactkaart.is-naast .site-contactnoot { color: var(--inhoud-zacht); font-size: 14px; }
.winkel.terra .site-blok.soort-contactkaart:has(.is-naast) + .site-blok.soort-formulier .site-formulier { border: 1px solid var(--nova-lijn); padding: 28px; background: var(--card, #fff); }
.winkel.terra .site-blok.soort-contactkaart:has(.is-naast) + .site-blok.soort-formulier .site-formulier-in { max-width: none; }
.winkel.terra .site-pagina:has(> .soort-contactkaart .is-naast) { column-gap: 0; }
.winkel.terra .site-contactkaart.is-naast .site-contactkaart-in { display: block; padding: 0; }
.winkel.terra .site-contactkaart.is-naast .site-contactrechts { width: auto; padding: 28px; box-sizing: border-box; }
.winkel.terra .site-blok.soort-contactkaart:has(.is-naast) + .site-blok.soort-formulier .site-formulier { box-sizing: border-box; width: auto; max-width: none; }
@media (min-width: 900px) {
.winkel.terra .site-contactkaart.is-naast { padding: 0 20px 0 var(--kolomrand, var(--nova-zij)); }
.winkel.terra .site-blok.soort-contactkaart:has(.is-naast) + .site-blok.soort-formulier .site-formulier { margin: 0 var(--kolomrand, var(--nova-zij)) 0 20px; }
}
@media (max-width: 899px) {
.winkel.terra .site-blok.soort-contactkaart:has(.is-naast) + .site-blok.soort-formulier .site-formulier { margin: 0 16px; padding: 20px 16px; }
}
.winkel.terra .site-kaartregels.is-gewone-kop .site-kaartregels-titel,
.winkel.terra.stencil-koppen .site-kaartregels.is-gewone-kop .site-kaartregels-titel { font-family: inherit; font-weight: 800; font-size: 18px; line-height: 1.3; letter-spacing: 0; text-transform: none; hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; word-break: normal; }
.winkel.terra .site-kaartregels.is-gewone-kop .site-kaartregels-kopje:not(.is-boven) { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--nova-accent); }
.winkel.terra .site-kaartregels.is-twee .site-kaartregels-in { align-items: start; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact) > .site-rijkop .site-inhoud-kopknop { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--nova-accent); font-weight: 700; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact) > .site-rijkop .site-inhoud-kopknop::before { content: "\2192\00a0\00a0"; }
@media (max-width: 760px) {
.winkel.terra .site-kaartregels.is-portret:not(.is-compact):has(> .site-rijkop .site-inhoud-kopknop) { display: flex; flex-direction: column; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact):has(> .site-rijkop .site-inhoud-kopknop) > .site-rijkop { display: contents; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact) > .site-rijkop h2 { order: 0; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact) > .site-rijzin { order: 1; margin-top: 12px; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact) > .site-rijkop .site-inhoud-kopknop { order: 2; align-self: flex-start; margin: 0 0 16px; }
.winkel.terra .site-kaartregels.is-portret:not(.is-compact) > .site-kaartregels-in { order: 3; }
}
.winkel.terra .site-hero-oog { display: block; margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
@media (min-width: 761px) {
.winkel.terra .site-blok .site-hero:has(.site-hero-oog),
.winkel.terra .site-blok .site-hero:has(.site-hero-oog) :is(.site-hero-dias, .site-hero-dia) { height: auto; min-height: 440px; max-height: none; }
.winkel.terra .site-blok .site-hero:has(.site-hero-oog) .site-hero-in { padding-top: 48px; padding-bottom: 48px; }
.winkel.terra.stramien-ruim .site-blok .site-hero:has(.site-hero-oog) .site-hero-dia.paneel .site-hero-foto,
.winkel.terra .site-blok .site-hero:has(.site-hero-oog) .site-hero-dia.paneel .site-hero-foto { height: auto; min-height: 440px; align-self: stretch; contain: size; }
}
.winkel.terra .shop-main.site-main > .site-leesook, .winkel.terra .shop-main.site-main:has(> .site-inhoud) > .site-leesook { grid-column: 1 / -1; position: relative; margin: 48px calc(-1 * var(--kolomrand, var(--nova-zij))) 0; padding: 48px var(--kolomrand, var(--nova-zij)); background: var(--nova-vlak); }
.winkel.terra .site-leesook .site-berichten > h2 { font-weight: 800; font-size: 30px; margin: 0 0 24px; }
.winkel.terra.stencil-koppen .site-leesook .site-berichten > h2 { font-family: "Saira Stencil One", var(--winkel-letter); font-weight: 400; font-size: 30px; letter-spacing: .03em; text-transform: uppercase; margin: 0 0 24px; }
.winkel.terra .site-leesook .site-berichten .site-berichten-in { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.winkel.terra .site-leesook-alle { position: absolute; top: 56px; right: var(--kolomrand, var(--nova-zij)); }
@media (max-width: 760px) {
.winkel.terra .shop-main.site-main:has(> .site-inhoud) > .site-leesook, .winkel.terra .shop-main.site-main > .site-leesook { margin: 32px calc(-1 * var(--nova-zij)) 0; padding: 32px var(--nova-zij); }
.winkel.terra .site-leesook .site-berichten .site-berichten-in { grid-template-columns: minmax(0, 1fr); }
.winkel.terra .site-leesook-alle { position: static; margin-bottom: 8px; }
.winkel.terra .site-leesook .site-berichten > h2, .winkel.terra.stencil-koppen .site-leesook .site-berichten > h2 { font-size: 24px; }
}
.winkel.terra .site-leesook .site-bericht-samenvatting { color: var(--inhoud-zacht); }
.winkel.terra .shop-main.site-main:has(> .site-leesook:last-child) { padding-bottom: 0; }
.winkel.terra:has(.shop-main.site-main > .site-leesook:last-child) footer { margin-top: 0; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-in { gap: 12px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart { flex-direction: row; align-items: center; gap: 14px; padding: 14px 16px; }
.winkel.terra.stramien-ruim .site-kaartregels.is-compact .site-kaartregels-kaart { clip-path: none; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-foto { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 50%; background: var(--nova-vlak); }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-tekst { gap: 2px; padding: 0; min-width: 0; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-rol { order: -1; font-size: 13px; letter-spacing: .06em; color: var(--nova-ink-2, #555); }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-titel,
.winkel.terra.stencil-koppen .site-kaartregels.is-compact .site-kaartregels-titel { font-family: inherit; font-size: 16px; font-weight: 800; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-zin { min-height: 0; font-size: 13px; color: var(--nova-ink-2, #555); }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:only-child { grid-column: 1 / -1; gap: 24px; padding: 22px 24px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:only-child .site-kaartregels-foto { flex-basis: 112px; width: 112px; height: 112px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:only-child .site-kaartregels-zin { max-width: 640px; font-size: 14px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart .site-inhoud-pijllink { margin-top: 8px; }
.winkel.terra .site-kaartregels.is-zes .site-kaartregels-in { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.winkel.terra .site-kaartregels.is-zes.is-portret .site-kaartregels-foto { height: 170px; }
.winkel.terra .site-kaartregels.is-zes.is-portret .site-kaartregels-tekst { padding: 12px 12px 14px; }
.winkel.terra .site-kaartregels.is-zes.is-portret .site-kaartregels-titel,
.winkel.terra.stencil-koppen .site-kaartregels.is-zes.is-portret .site-kaartregels-titel { font-size: 15px; }
.winkel.terra .site-kaartregels.is-zes.is-portret .site-kaartregels-rol { font-size: 13px; letter-spacing: .04em; overflow-wrap: anywhere; }
.winkel.terra .site-kaartregels.is-zes.is-portret .site-kaartregels-zin { font-size: 13px; }
.winkel.terra .site-stappen.is-genummerd .site-stap > .site-stap-nummer { left: 20px; top: 20px; padding: 0; color: #fff; font-size: 14px; font-weight: 800; line-height: 1; }
@media (max-width: 1100px) {
.winkel.terra .site-kaartregels.is-zes .site-kaartregels-in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-in { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:only-child { align-items: flex-start; gap: 16px; padding: 16px; }
.winkel.terra .site-kaartregels.is-compact .site-kaartregels-kaart:only-child .site-kaartregels-foto { flex-basis: 72px; width: 72px; height: 72px; }
.winkel.terra .site-kaartregels.is-zes .site-kaartregels-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}