/* land.css — 6 nov 2026 (Bart: "de landensites mogen helemaal niet op elkaar lijken").
   .nl = zwart/rood (site.css + winkel.css). Hier de eigen huisstijl van .be, .de en .com. */

/* ================= BELGIË: geel/antraciet, Oswald + Inter, rond ================= */
body.shop-be { --zwart: #141414; --kooi: #1d1d1d; --rand: #303030; --bot: #ecebe6; --staal: #a3a3a0; --rood: #ffd100; --rood-donker: #e6bc00; --wit: #fff;
  --kop: 'Oswald', 'Arial Narrow', sans-serif; --tekst: 'Inter', system-ui, sans-serif; }
body.shop-be h1, body.shop-be h2, body.shop-be h3 { font-weight: 700; letter-spacing: -.005em; line-height: 1.02; }
body.shop-be .knop { border-radius: 999px; }
body.shop-be .knop-rood, body.shop-be .knop-rood:hover, body.shop-be .wsn-chip-sale, body.shop-be .ws-sale, body.shop-be .wsl-snel .wsl-snel-sale, body.shop-be .ws-kassa-stap span, body.shop-be .gy-hoe li::before { color: #111 !important; }
body.shop-be .ws-kaart, body.shop-be .ws-foto, body.shop-be .wsl-tegel, body.shop-be .wsn-tegel, body.shop-be .kn-land, body.shop-be .ws-p-trust, body.shop-be input, body.shop-be select, body.shop-be textarea { border-radius: 14px; }
body.shop-be .ws-foto { overflow: hidden; }
body.shop-be .kop.vast, body.shop-be .mobielmenu { background: #141414; }
body.shop-be .hoofdnav a:hover, body.shop-be .hoofdnav a[aria-current] { border-color: var(--rood); color: #fff; }
body.shop-be .topbalk { background: var(--rood); color: #111; } body.shop-be .topbalk span::before { background: #111 !important; }
body.shop-be .kn-cta { background: var(--rood); border-radius: 22px; margin-left: var(--gutter); margin-right: var(--gutter); } body.shop-be .kn-cta h2, body.shop-be .kn-cta p, body.shop-be .kn-cta .wsl-kicker { color: #111; } body.shop-be .kn-cta .knop-rood { background: #111; color: var(--rood) !important; }
body.shop-be .wsn-kop { background: radial-gradient(circle at 85% 0%, #3a3000 0%, #141414 55%); }
body.shop-be .wsn-kop h1 em, body.shop-be .wsl-held h1 em { color: var(--rood); font-style: normal; }
.be-label { display: inline-block; background: var(--rood); color: #111; font: 600 13px/1 var(--tekst); letter-spacing: .06em; text-transform: uppercase; padding: 7px 12px; border-radius: 999px; margin: 0 0 14px; }
.be-held { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 640px; padding-top: 102px; background: #141414; }
.be-held-tekst { padding: clamp(32px, 5vw, 80px) var(--gutter); display: flex; flex-direction: column; justify-content: center; background: var(--rood); color: #111; border-radius: 0 28px 28px 0; }
.be-held-tekst .be-label { background: #111; color: var(--rood); align-self: flex-start; }
.be-held h1 { color: #111; font-size: clamp(44px, 6vw, 88px); text-transform: none; margin-bottom: 18px; }
.be-held-tekst > p { font-size: 19px; max-width: 46ch; color: #222; }
.be-knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0; } body.shop-be .be-held .knop-rood, body.shop-be .be-held .knop-rood:hover { background: #111; color: #ffd100 !important; } .be-knop-rand { border: 2px solid #111; color: #111; background: transparent; }
.be-badges { list-style: none; padding: 0; margin: 6px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; font-size: 15px; } .be-badges b { font-weight: 700; }
.be-held-foto { position: relative; overflow: hidden; border-radius: 28px 0 0 28px; margin-left: 18px; } .be-held-foto img { width: 100%; height: 100%; object-fit: cover; }
.be-stempel { position: absolute; right: 28px; bottom: 28px; width: 128px; height: 128px; border-radius: 50%; background: var(--rood); color: #111; display: grid; place-items: center; text-align: center; font: 700 20px/1.05 var(--kop); text-transform: uppercase; transform: rotate(-10deg); }
.be-booster { max-width: var(--max); margin: 72px auto 0; padding: 0 var(--gutter); display: grid; grid-template-columns: 1fr 2fr; gap: 36px; align-items: start; }
.be-booster h2 { font-size: clamp(34px, 4vw, 54px); } .be-booster p { color: #cfcfcb; }
.be-booster-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.be-cats, .be-keuze, .be-stappen, .be-gidsen, .be-faq { max-width: var(--max); margin: 80px auto 0; padding: 0 var(--gutter); }
.be-cats h2, .be-stappen h2, .be-gidsen h2, .be-faq h2 { font-size: clamp(32px, 4vw, 52px); }
.be-cat-rij { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.be-cat-rij a { display: grid; gap: 6px; text-decoration: none; color: var(--bot); text-align: center; }
.be-cat-foto { aspect-ratio: 1; border-radius: 50%; background: #fff; overflow: hidden; border: 3px solid transparent; transition: border-color .2s; } .be-cat-foto img { width: 100%; height: 100%; object-fit: contain; padding: 14%; }
.be-cat-rij a:hover .be-cat-foto { border-color: var(--rood); } .be-cat-rij b { font: 600 18px/1.1 var(--kop); color: #fff; } .be-cat-rij small { color: var(--staal); font-size: 13px; }
.be-keuze-kop { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: end; margin-bottom: 22px; } .be-keuze-kop h2 { font-size: clamp(32px, 4vw, 52px); margin: 0; } .be-keuze-kop > p { font-size: 18px; color: #d8d8d4; border-left: 4px solid var(--rood); padding-left: 16px; margin: 0; }
.be-stappen ol { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; counter-reset: s; }
.be-stappen li { counter-increment: s; background: #1d1d1d; border-radius: 18px; padding: 24px 20px; display: grid; gap: 8px; } .be-stappen li::before { content: counter(s); width: 40px; height: 40px; border-radius: 50%; background: var(--rood); color: #111; display: grid; place-items: center; font: 700 20px var(--kop); }
.be-stappen b { font: 600 21px/1.1 var(--kop); color: #fff; } .be-stappen span { font-size: 15px; color: #c9c9c5; }
.be-gym { max-width: var(--max); margin: 80px auto 0; padding: 0 var(--gutter); display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .be-gym img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px 0 0 22px; min-height: 360px; }
.be-gym > div { background: #1d1d1d; border-radius: 0 22px 22px 0; padding: clamp(28px, 4vw, 56px); } .be-gym h2 { font-size: clamp(32px, 4vw, 50px); } .be-gym p { color: #d0d0cc; }
.be-gids-rij { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .be-gids-rij a { background: #1d1d1d; border-radius: 18px; padding: 22px; text-decoration: none; display: grid; gap: 8px; border: 1px solid transparent; } .be-gids-rij a:hover { border-color: var(--rood); }
.be-gids-rij b { color: #fff; font: 600 20px/1.15 var(--kop); } .be-gids-rij span { color: #bdbdb9; font-size: 15px; } .be-gids-rij i { color: var(--rood); font-style: normal; font-weight: 600; }
.be-faq { margin-bottom: 80px; } .be-faq details { border-bottom: 1px solid var(--rand); } .be-faq summary { cursor: pointer; font-weight: 600; padding: 15px 0; } .be-faq p { color: #cfcfcb; }
@media (max-width: 900px) { .be-held { grid-template-columns: 1fr; padding-top: 88px; } .be-held-tekst { border-radius: 0 0 26px 26px; } .be-held-foto { margin: 16px 0 0; border-radius: 26px 26px 0 0; height: 340px; }
  .be-booster, .be-keuze-kop, .be-gym { grid-template-columns: 1fr; } .be-cat-rij { grid-template-columns: repeat(3, minmax(0, 1fr)); } .be-stappen ol, .be-gids-rij { grid-template-columns: 1fr; }
  .be-gym img { border-radius: 22px 22px 0 0; min-height: 240px; } .be-gym > div { border-radius: 0 0 22px 22px; } }

/* ================= DEUTSCHLAND: licht, oranje, Barlow, strak/hoekig ================= */
body.shop-de { --zwart: #f2f0eb; --kooi: #ffffff; --rand: #d6d1c6; --bot: #262626; --staal: #646464; --rood: #ff5a1f; --rood-donker: #d94300; --wit: #111;
  --kop: 'Barlow Condensed', 'Arial Narrow', sans-serif; --tekst: 'Barlow', system-ui, sans-serif; background: var(--zwart); color: var(--bot); }
body.shop-de h1, body.shop-de h2, body.shop-de h3 { font-weight: 800; letter-spacing: 0; }
body.shop-de a:hover { color: var(--rood-donker); }
body.shop-de .knop { border-radius: 0; } body.shop-de .knop-rood { color: #fff; } body.shop-de .knop-rand { border-color: #111; color: #111; }
body.shop-de .kop, body.shop-de .kop.vast, body.shop-de .mobielmenu { background: #fff; border-bottom: 2px solid #111; }
body.shop-de .hoofdnav a { color: #222; } body.shop-de .hoofdnav a:hover { color: var(--rood); border-color: var(--rood); }
body.shop-de .merk, body.shop-de .kop .merk { color: #111; } body.shop-de .menuknop span, body.shop-de .menuknop span::before, body.shop-de .menuknop span::after { background: #111; }
body.shop-de .topbalk { background: #111; }
body.shop-de .voet { background: #1a1a1a; color: #d9d9d9; --wit: #fff; --bot: #d9d9d9; --staal: #9a9a9a; --rand: #333; } body.shop-de .voet a { color: #e8e8e8; } body.shop-de .voet h2 { color: #fff; } body.shop-de .voet .merk { color: #fff; }
body.shop-de .wsn-kop { background: #fff; border-bottom: 2px solid #111; } body.shop-de .wsn-kop h1 em { color: var(--rood); font-style: normal; }
body.shop-de input, body.shop-de select, body.shop-de textarea, body.shop-de .ws-zoek input, body.shop-de .wsn-sort select, body.shop-de .ws-stepper button, body.shop-de .ws-aantal input, body.shop-de .ws-kassa input:not([type=checkbox]), body.shop-de .ws-kassa select, body.shop-de .ws-kassa textarea { background: #fff !important; color: #111 !important; border: 2px solid #111 !important; border-radius: 0; }
body.shop-de .ws-kaart { background: #fff; border: 2px solid #111; } body.shop-de .ws-kaart:hover { box-shadow: 6px 6px 0 var(--rood); }
body.shop-de .ws-badge { background: #111; } body.shop-de .ws-k-info h3 { color: #111; }
body.shop-de .ws-p-intro p, body.shop-de .ws-p-kenmerken li, body.shop-de .bh-verhaal-tekst p, body.shop-de .bh-over p, body.shop-de .gy-hoe li, body.shop-de .gy-home p, body.shop-de .bh-faq p, body.shop-de .held-sub { color: #333 !important; }
body.shop-de .bh-drie div, body.shop-de .bh-feiten div, body.shop-de .wsl-usp div, body.shop-de .wsn-tegel-vi { background: #fff !important; border: 2px solid #111 !important; color: #222; } body.shop-de .wsl-usp b { color: #111; }
body.shop-de .wsl-held h1, body.shop-de .wsl-held p, body.shop-de .paginakop h1, body.shop-de .paginakop p, body.shop-de .bh-breed blockquote p, body.shop-de .wsl-tegel b, body.shop-de .wsn-tegel b, body.shop-de .wsn-tegel span, body.shop-de .wsl-merken span { color: #fff; }
body.shop-de .paginakop-smal { background: #fff; border-bottom: 2px solid #111; } body.shop-de .paginakop-smal::after { display: none; } body.shop-de .paginakop-smal h1, body.shop-de .paginakop-smal p { color: #111; }
body.shop-de .kn-cta { background: #111; } body.shop-de .kn-cta h2, body.shop-de .kn-cta p { color: #fff; } body.shop-de .kn-cta .wsl-kicker { color: var(--rood); }
body.shop-de .kn-art table th, body.shop-de .kn-tabel th { background: #111; color: #fff; } body.shop-de .kn-billy { background: #fff; border: 2px solid #111; }
body.shop-de .kn-land { background: #fff; border: 2px solid #111; border-left: 8px solid var(--rood); } body.shop-de .kn-land a { color: #111; }
body.shop-de .wsl-pakket { background: var(--rood); } body.shop-de .wsl-snel { background: #ffffffee; border-bottom: 2px solid #111; }
body.shop-de .wsn-chip, body.shop-de .kn-chips a { border-radius: 0; }
.de-nr { font: 700 14px/1 var(--tekst); letter-spacing: .12em; text-transform: uppercase; color: var(--rood); margin: 0 0 12px; }
.de-held { max-width: var(--max); margin: 0 auto; padding: 128px var(--gutter) 0; display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.de-held h1 { font-size: clamp(48px, 6.4vw, 96px); line-height: .92; color: #111; text-transform: uppercase; }
.de-held-tekst > p:not(.de-nr) { font-size: 19px; color: #333; max-width: 48ch; }
.de-knoppen { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; } .de-knop-rand { border: 2px solid #111; color: #111; background: #fff; }
.de-held-foto { margin: 0; border: 2px solid #111; box-shadow: 14px 14px 0 var(--rood); background: #111; } .de-held-foto img { width: 100%; aspect-ratio: 4/5; object-fit: cover; } .de-held-foto figcaption { background: #111; color: #fff; font-size: 13px; padding: 8px 12px; letter-spacing: .05em; text-transform: uppercase; }
.de-zahlen { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 36px 0 0; border: 2px solid #111; background: #fff; }
.de-zahlen div { padding: 20px 22px; border-right: 2px solid #111; } .de-zahlen div:last-child { border-right: 0; } .de-zahlen dt { font: 800 clamp(30px, 3.4vw, 46px)/1 var(--kop); color: #111; } .de-zahlen dd { margin: 6px 0 0; color: #555; font-size: 15px; }
.de-blok { max-width: var(--max); margin: 88px auto 0; padding: 0 var(--gutter); } .de-blok h2 { font-size: clamp(34px, 4.4vw, 60px); color: #111; text-transform: uppercase; }
.de-groesse-in { display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: start; } .de-groesse-in p { color: #333; font-size: 18px; } .de-link { font-weight: 700; color: var(--rood-donker); }
.de-tabel { width: 100%; border-collapse: collapse; background: #fff; border: 2px solid #111; font-size: 16px; } .de-tabel th { background: #111; color: #fff; text-align: left; padding: 12px 14px; font-weight: 600; } .de-tabel td { padding: 12px 14px; border-top: 1px solid #d6d1c6; color: #222; } .de-tabel tbody tr:nth-child(odd) td { background: #faf8f4; }
.de-tabel-wrap { overflow-x: auto; } .de-merk-tabel td:first-child a { font-weight: 700; color: #111; } .de-merk-tabel td:last-child { font-weight: 700; color: var(--rood-donker); white-space: nowrap; }
.de-cats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid #111; border-left: 2px solid #111; }
.de-cats a { position: relative; display: grid; grid-template-columns: 96px 1fr; grid-template-rows: auto auto; column-gap: 16px; align-items: center; padding: 18px; background: #fff; border-right: 2px solid #111; border-bottom: 2px solid #111; text-decoration: none; }
.de-cats a:hover { background: #fff4ee; } .de-cats img { grid-row: 1 / 3; width: 96px; height: 96px; object-fit: contain; } .de-cats b { font: 800 26px/1 var(--kop); color: #111; text-transform: uppercase; align-self: end; } .de-cats small { color: #666; align-self: start; }
.de-cat-nr { position: absolute; right: 14px; top: 10px; font: 700 13px var(--tekst); color: var(--rood); }
.de-versand-in { display: grid; grid-template-columns: .8fr 1.2fr; gap: 40px; align-items: center; } .de-versand-in img { width: 100%; border: 2px solid #111; } .de-versand ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; } .de-versand li { padding: 14px 16px; background: #fff; border: 2px solid #111; color: #333; } .de-versand li b { color: #111; }
.de-gidsen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-left: 2px solid #111; border-top: 2px solid #111; }
.de-gidsen a { display: grid; align-content: start; gap: 8px; padding: 22px; background: #fff; border-right: 2px solid #111; border-bottom: 2px solid #111; text-decoration: none; } .de-gidsen span { font: 800 34px/1 var(--kop); color: var(--rood); } .de-gidsen b { color: #111; font-size: 18px; line-height: 1.25; } .de-gidsen small { color: #555; font-size: 14px; } .de-gidsen a:hover { background: #fff4ee; }
.de-gym > div { background: #111; padding: clamp(28px, 4vw, 56px); } .de-gym h2 { color: #fff !important; } .de-gym p { color: #ddd; max-width: 60ch; font-size: 18px; }
.de-faq { margin-bottom: 88px; } .de-faq details { background: #fff; border: 2px solid #111; margin-bottom: -2px; } .de-faq summary { cursor: pointer; font-weight: 700; padding: 16px 18px; color: #111; } .de-faq p { padding: 0 18px 16px; margin: 0; color: #333; }
@media (max-width: 900px) { .de-held { grid-template-columns: 1fr; padding-top: 104px; } .de-held-foto { box-shadow: 8px 8px 0 var(--rood); } .de-zahlen { grid-template-columns: repeat(2, minmax(0, 1fr)); } .de-zahlen div:nth-child(2) { border-right: 0; } .de-zahlen div:nth-child(-n+2) { border-bottom: 2px solid #111; }
  .de-groesse-in, .de-versand-in { grid-template-columns: 1fr; } .de-cats { grid-template-columns: 1fr; } .de-gidsen { grid-template-columns: 1fr 1fr; } }

/* ================= EUROPE (.com): navy/elektrisch blauw, Saira Condensed + Manrope ================= */
body.shop-com { --zwart: #0a1226; --kooi: #111c38; --rand: #22305a; --bot: #dde4f3; --staal: #8e9cbf; --rood: #3b82f6; --rood-donker: #2563eb; --wit: #fff; --oranje: #22d3ee;
  --kop: 'Saira Condensed', 'Arial Narrow', sans-serif; --tekst: 'Manrope', system-ui, sans-serif; background: var(--zwart); }
body.shop-com h1, body.shop-com h2, body.shop-com h3 { font-weight: 800; letter-spacing: .01em; }
body.shop-com .knop { border-radius: 8px; } body.shop-com .knop-rood { background: linear-gradient(135deg, #3b82f6, #22d3ee); color: #06122a !important; } body.shop-com .knop-rood:hover { filter: brightness(1.08); }
body.shop-com .kop.vast, body.shop-com .mobielmenu { background: #0a1226; } body.shop-com .topbalk { background: #06102a; } body.shop-com .topbalk span::before { background: #22d3ee !important; }
body.shop-com .wsn-kop { background: radial-gradient(circle at 80% -10%, #1d3b8a 0%, #0a1226 60%); }
body.shop-com .wsn-kop h1 em, body.shop-com .wsl-held h1 em { color: #22d3ee; font-style: normal; }
body.shop-com input, body.shop-com select, body.shop-com textarea, body.shop-com .ws-zoek input, body.shop-com .wsn-sort select, body.shop-com .ws-stepper button, body.shop-com .ws-aantal input { background: #0d1830 !important; border-radius: 8px; }
body.shop-com .ws-kaart { background: #111c38; border-radius: 12px; overflow: hidden; } body.shop-com .ws-foto { border-radius: 12px 12px 0 0; }
body.shop-com .ws-badge { background: #3b82f6; color: #06122a; } body.shop-com .ws-p-trust, body.shop-com .kn-land { background: #111c38; border-radius: 10px; }
body.shop-com .bh-drie div, body.shop-com .bh-feiten div, body.shop-com .wsl-usp div, body.shop-com .wsn-tegel-vi { background: #111c38 !important; }
body.shop-com .kn-cta { background: linear-gradient(135deg, #1d4ed8, #0e7490); } body.shop-com .kn-cta .wsl-kicker { color: #a5f3fc; } body.shop-com .kn-cta .knop-rood { background: #fff; }
body.shop-com .wsl-pakket { background: linear-gradient(135deg, #1d4ed8, #0e7490); } body.shop-com .voet { background: #060d1d; }
.com-pil { display: inline-block; padding: 7px 14px; border: 1px solid #22d3ee66; border-radius: 999px; color: #a5f3fc; font-size: 13px; font-weight: 600; letter-spacing: .04em; margin: 0 0 16px; background: #22d3ee14; }
.com-held { position: relative; min-height: 640px; display: grid; place-items: center; text-align: center; padding: 140px var(--gutter) 80px; overflow: hidden; }
.com-held-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .32; } .com-held::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, #0a122600 0%, #0a1226 75%), linear-gradient(0deg, #0a1226 0%, #0a122600 40%); }
.com-held-tekst { position: relative; z-index: 2; max-width: 880px; } .com-held h1 { font-size: clamp(48px, 7vw, 104px); line-height: .95; text-transform: uppercase; background: linear-gradient(90deg, #fff, #a5f3fc); -webkit-background-clip: text; background-clip: text; color: transparent; }
.com-held-tekst > p:not(.com-pil) { font-size: 20px; color: #c9d3ea; max-width: 58ch; margin: 0 auto; } .com-knoppen { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 26px; } .com-knop-rand { border: 1px solid #3b82f6; color: #dbeafe; background: #3b82f61a; }
.com-stats { max-width: var(--max); margin: -30px auto 0; padding: 0 var(--gutter); position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.com-stats div { background: #111c38; border: 1px solid #22305a; border-radius: 12px; padding: 20px; text-align: center; } .com-stats b { display: block; font: 800 38px/1 var(--kop); color: #fff; } .com-stats span { color: #8e9cbf; font-size: 14px; }
.com-sectie { max-width: var(--max); margin: 84px auto 0; padding: 0 var(--gutter); } .com-kop { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 22px; flex-wrap: wrap; } .com-kop h2 { font-size: clamp(34px, 4vw, 56px); margin: 0; text-transform: uppercase; } .com-kop p { color: #a9b5d3; margin: 0; max-width: 52ch; } .com-kop a { color: #7dd3fc; font-weight: 700; }
.com-disc { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.com-disc a { position: relative; aspect-ratio: 3/4; border-radius: 14px; overflow: hidden; text-decoration: none; } .com-disc img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; } .com-disc a:hover img { transform: scale(1.05); }
.com-disc span { position: absolute; inset: auto 0 0 0; padding: 18px; background: linear-gradient(0deg, #0a1226f2 10%, #0a122600); display: grid; gap: 6px; } .com-disc b { font: 800 36px/1 var(--kop); color: #fff; text-transform: uppercase; } .com-disc small { color: #c9d3ea; font-size: 14px; } .com-disc i { font-style: normal; color: #7dd3fc; font-weight: 700; font-size: 14px; }
.com-tabel-wrap { overflow-x: auto; } .com-tabel { width: 100%; border-collapse: separate; border-spacing: 0; background: #111c38; border: 1px solid #22305a; border-radius: 12px; overflow: hidden; } .com-tabel th { text-align: left; padding: 14px 16px; background: #16234a; color: #fff; } .com-tabel td { padding: 14px 16px; border-top: 1px solid #22305a; color: #d5ddf0; } .com-tabel td:nth-child(2) { font-weight: 700; color: #7dd3fc; white-space: nowrap; }
.com-billy { max-width: var(--max); margin: 84px auto 0; padding: 0 var(--gutter); display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; align-items: center; } .com-billy img { width: 100%; border-radius: 16px; } .com-billy h2 { font-size: clamp(40px, 5vw, 72px); text-transform: uppercase; } .com-billy p:not(.com-pil) { color: #c9d3ea; font-size: 18px; }
.com-gidsen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .com-gidsen a { background: #111c38; border: 1px solid #22305a; border-radius: 12px; padding: 22px; text-decoration: none; display: grid; gap: 8px; } .com-gidsen a:hover { border-color: #3b82f6; } .com-gidsen b { color: #fff; font-size: 18px; line-height: 1.25; } .com-gidsen small { color: #a9b5d3; }
.com-gym { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 36px clamp(22px, 4vw, 48px) !important; background: linear-gradient(135deg, #16234a, #0f2b3d); border: 1px solid #22305a; border-radius: 16px; max-width: calc(var(--max) - 2 * var(--gutter)); } .com-gym h2 { margin: 0 0 6px; font-size: clamp(28px, 3vw, 40px); text-transform: uppercase; } .com-gym p { margin: 0; color: #c9d3ea; }
.com-faq { margin-bottom: 84px; } .com-faq h2 { font-size: clamp(32px, 4vw, 52px); text-transform: uppercase; } .com-faq details { background: #111c38; border: 1px solid #22305a; border-radius: 10px; margin-bottom: 8px; } .com-faq summary { cursor: pointer; font-weight: 700; padding: 16px 18px; color: #fff; } .com-faq p { padding: 0 18px 16px; margin: 0; color: #c9d3ea; }
@media (max-width: 900px) { .com-held { min-height: 560px; padding-top: 120px; } .com-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .com-disc { grid-template-columns: repeat(2, minmax(0, 1fr)); } .com-billy { grid-template-columns: 1fr; } .com-gidsen { grid-template-columns: 1fr; } .com-gym { flex-direction: column; align-items: flex-start; } }
/* DE: lichte achtergrond → alle lichte tekstkleuren donker (automatisch verzameld 6 nov) */
body.shop-de .bh-faq p,
body.shop-de .bh-over p,
body.shop-de .bh-record span,
body.shop-de .bh-verhaal-tekst p,
body.shop-de .faq details p,
body.shop-de .gy-hoe li,
body.shop-de .hoofdnav a,
body.shop-de .keuze-binnen span,
body.shop-de .pakket-per,
body.shop-de .tijdlijn p,
body.shop-de .ws-p-intro p,
body.shop-de .ws-p-kenmerken li,
body.shop-de .ws-p-specs td,
body.shop-de .ws-p-trust,
body.shop-de .ws-resform input,
body.shop-de .ws-revform input[name=naam],
body.shop-de .ws-revform textarea,
body.shop-de .wsl-binnenkort,
body.shop-de .wsl-usp b,
body.shop-de .wsn-sort select,
body.shop-de .wsn-stappen li[aria-current]::before { color: #2b2b2b; }