@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Work+Sans:wght@400;500;600;700&display=swap");

/* ============================================================
   Tailwind Regatta — stijlblad
   Kleuren en typografie sluiten aan op de nieuwsbrieven.
   ============================================================ */

.tw {
  --navy:        #12283F;
  --navy-diep:   #0C1B2E;
  --oranje:      #C4671A;
  --oranje-licht:#E08A2E;
  --turquoise:   #0E6E70;
  --turquoise-l: #2E9A96;
  --zand:        #F3EADD;
  --zand-donker: #E8CFA6;
  --papier:      #FFFFFF;
  --tekst:       #3B4A57;
  --tekst-zacht: #8A9AA6;
  --lijn:        #E2E8E6;

  --breedte:     1080px;
  --radius:      14px;
}

.tw, .tw *, .tw *::before, .tw *::after { box-sizing: border-box; }

.tw { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  .tw { scroll-behavior: auto; }
  .tw, .tw * { animation: none !important; transition: none !important; }
}

.tw {
  margin: 0;
  background: var(--zand);
  color: var(--tekst);
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.tw img { max-width: 100%; height: auto; display: block; }

.tw a { color: var(--turquoise); }
.tw a:focus-visible, .tw button:focus-visible {
  outline: 3px solid var(--oranje-licht);
  outline-offset: 3px;
}

/* ---------- Typografie ---------- */

.tw h1, .tw h2, .tw h3, .tw .display {
  font-family: 'Barlow Condensed', 'Work Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--navy);
  margin: 0;
  line-height: 1.05;
}

.tw h1 { font-size: clamp(2.4rem, 6vw, 4rem); }
.tw h2 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); }
.tw h3 { font-size: clamp(1.25rem, 2.4vw, 1.55rem); letter-spacing: 0.04em; }

.tw p { margin: 0 0 1.1em 0; }
.tw p:last-child { margin-bottom: 0; }

.tw strong { color: var(--navy); font-weight: 600; }

.tw .eyebrow {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--oranje);
  margin: 0 0 0.7rem 0;
}
.tw .eyebrow.op-navy { color: var(--oranje-licht); }

.tw .streepje { width: 56px; height: 3px; background: var(--oranje); margin: 1.2rem 0 0 0; border: 0; }

/* ---------- Baanstreep (het terugkerende element) ---------- */

.tw .baanstreep { display: flex; height: 7px; width: 100%; }
.tw .baanstreep i { display: block; height: 100%; }
.tw .baanstreep i:nth-child(1) { flex: 45; background: var(--oranje-licht); }
.tw .baanstreep i:nth-child(2) { flex: 35; background: var(--turquoise-l); }
.tw .baanstreep i:nth-child(3) { flex: 20; background: var(--zand-donker); }
.tw .baanstreep.omgekeerd i:nth-child(1) { flex: 20; background: var(--zand-donker); }
.tw .baanstreep.omgekeerd i:nth-child(3) { flex: 45; background: var(--oranje-licht); }

/* ---------- Navigatie ---------- */

@media (max-width: 860px) {
  .tw .menuknop { display: block; }
  .tw .menu {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 100%;
    flex-direction: column;
    background: var(--navy-diep);
    padding: 10px 16px 18px;
    gap: 2px;
  }
  .tw .menu.open { display: flex; }
  .tw .menu a { padding: 12px 10px; font-size: 1.15rem; }
}

/* ---------- Hero ---------- */

.tw .hero { background: var(--navy); color: #fff; text-align: center; padding: 74px 24px 62px; }
.tw .hero img.zegel { width: 150px; margin: 0 auto 26px; }
.tw .hero .titel {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(2.6rem, 8vw, 5.2rem);
  letter-spacing: 0.06em;
  line-height: 0.94;
  color: #fff;
  margin: 0;
}
.tw .hero .titel span { display: block; color: var(--oranje-licht); }
.tw .hero .onder {
  font-size: 0.95rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8FB6BC;
  margin-top: 22px;
  font-weight: 600;
}
.tw .hero.klein { padding: 54px 24px 46px; }
.tw .hero.klein .titel { font-size: clamp(2.2rem, 6vw, 3.6rem); }

/* ---------- Opbouw ---------- */

.tw .blad { max-width: var(--breedte); margin: 0 auto; padding: 0 24px; }
.tw .sectie { padding: 60px 0; }
.tw .sectie.strak { padding-top: 40px; }

.tw .kaart {
  background: var(--papier);
  border-radius: var(--radius);
  padding: 38px 40px;
}
.tw .kaart + .kaart { margin-top: 22px; }

.tw .kaart.zand { background: #F4F1EA; }
.tw .kaart.zee { background: var(--turquoise); color: #CDEDE8; }
.tw .kaart.zee h2, .tw .kaart.zee h3 { color: #fff; }
.tw .kaart.zee strong { color: #fff; }

@media (max-width: 620px) {
  .tw .kaart { padding: 26px 22px; }
  .tw .sectie { padding: 42px 0; }
}

.twee {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
}
@media (max-width: 820px) { .twee { grid-template-columns: 1fr; } }

/* ---------- Knoppen ---------- */

.tw .knop {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 8px;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  background: var(--oranje);
  color: #fff;
  border: 2px solid var(--oranje);
  transition: transform .12s ease, background .15s ease;
}
.tw .knop:hover { background: #A8560F; border-color: #A8560F; transform: translateY(-1px); }
.tw .knop.lijn { background: transparent; color: var(--turquoise); border-color: var(--turquoise); }
.tw .knop.lijn:hover { background: var(--turquoise); color: #fff; }
.tw .knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
@media (max-width: 520px) { .tw .knop { display: block; text-align: center; width: 100%; } }

/* ---------- Tijdlijn / dagblokken ---------- */

.tw .dag { display: flex; gap: 20px; margin-top: 26px; }
.tw .dag .lijn { flex: 0 0 4px; border-radius: 2px; background: var(--turquoise-l); }
.tw .dag.oranje .lijn { background: var(--oranje); }
.tw .dag.zand  .lijn { background: var(--zand-donker); }
.tw .dag .datum {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 1rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--turquoise);
}
.tw .dag.oranje .datum { color: var(--oranje); }
.tw .dag.zand .datum { color: #9C7C45; }
.tw .dag ul { margin: 10px 0 0; padding-left: 20px; }
.tw .dag li { margin-bottom: 6px; }

/* ---------- Melding ---------- */

.tw .melding {
  background: #FBF0DF;
  border-left: 4px solid var(--oranje);
  border-radius: 0 8px 8px 0;
  padding: 14px 18px;
  margin: 18px 0 0;
  font-size: 0.97rem;
  color: #5C4A32;
}
.tw .melding strong { color: #8A4F13; }

/* ---------- Reglement: briefingblad ---------- */

.tw .regel { border-top: 1px solid var(--lijn); padding: 22px 0; }
.tw .regel:first-of-type { border-top: 0; padding-top: 0; }
.tw .regel h3 { margin-bottom: 8px; }

.tw .formule {
  background: var(--navy);
  color: #fff;
  border-radius: 10px;
  padding: 20px 24px;
  margin: 18px 0;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 1.45rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}
.tw .formule small {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8FB6BC;
  margin-bottom: 8px;
}

.tw .vlaggen { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.tw .vlag {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 1rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 7px 16px; border-radius: 999px;
  background: var(--zand-donker); color: #6B5326;
}

.tw .notities { margin-top: 8px; padding-left: 20px; font-style: italic; color: #5C6A75; }
.tw .notities li { margin-bottom: 4px; }

/* ---------- Historie ---------- */

.tw .verhaal { max-width: 720px; }
.tw .verhaal p { margin-bottom: 1.25em; }
.tw .verhaal .auteur {
  font-size: 0.9rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--tekst-zacht); margin-bottom: 2rem;
}
.tw .intro-groot { font-size: 1.28rem; line-height: 1.55; color: var(--navy); }

/* ---------- Organisatie ---------- */

.tw .rollen { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 26px; }
.tw .rol { border-top: 3px solid var(--turquoise-l); padding-top: 14px; }
.tw .rol .functie {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 1.1rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--navy); margin-bottom: 6px;
}
.tw .rol .namen { color: var(--tekst); }

.tw .teamlijst { columns: 2; column-gap: 32px; padding-left: 20px; margin-top: 12px; }
@media (max-width: 560px) { .tw .teamlijst { columns: 1; } }

/* ---------- Plaatshouders ---------- */

.tw .plaatshouder {
  border: 2px dashed #C9BCA6;
  border-radius: 10px;
  padding: 26px;
  text-align: center;
  color: #8A7A66;
  background: rgba(255,255,255,0.5);
  font-size: 0.95rem;
}

/* ---------- Voettekst ---------- */




/* =============================================================
   Aanvullingen op het ontwerp: site-schil, submenu en tabellen.
   Alle waarden komen uit dezelfde variabelen als hierboven.
   ============================================================= */

html { background: #F3EADD; }
body {
  margin: 0;
  background: #F3EADD;
  color: #3B4A57;
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* ---------- Kopbalk en hoofdmenu ---------- */

.tw-topbar { position: sticky; top: 0; z-index: 20; background: #12283F; border-bottom: 3px solid #C4671A; }
.tw-topbar-inner { max-width: 1080px; margin: 0 auto; padding: 14px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 28px; }
.tw-merk {
  display: flex; align-items: center; gap: 14px;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  color: #fff; margin-right: auto; line-height: 1; text-decoration: none;
}
.tw-merk img { height: 64px; width: auto; flex: none; }
@media (max-width: 700px) { .tw-merk img { height: 44px; } .tw-merk { gap: 10px; } }
.tw-merk .tw-merk-tekst { color: #fff; }
.tw-merk .tw-merk-tekst span { color: #E8CFA6; }
.tw-nav { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.tw-nav a {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; font-size: 1.02rem;
  color: rgba(255,255,255,0.78); text-decoration: none; padding: 4px 0 6px; border-bottom: 2px solid transparent;
}
.tw-nav a:hover { color: #fff; }
.tw-nav a[aria-current="page"] { color: #fff; border-bottom-color: #E08A2E; }
.tw-topbar a:focus-visible { outline: 3px solid #E08A2E; outline-offset: 3px; }

/* ---------- Submenu binnen een rubriek ---------- */

.tw .submenu { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 0 0 34px; padding: 0; list-style: none; }
.tw .submenu a {
  display: inline-block; text-decoration: none;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.98rem;
  color: var(--navy); background: rgba(255,255,255,0.72);
  border: 1px solid var(--zand-donker); border-radius: 999px; padding: 8px 18px;
}
.tw .submenu a:hover { background: #fff; }
.tw .submenu a[aria-current="page"] { background: var(--navy); border-color: var(--navy); color: #fff; }

/* ---------- Tabellen (deelnemers, uitslagen) ---------- */

.tw .tabelhouder { overflow-x: auto; margin-top: 18px; }
.tw table.tw-tabel { width: 100%; border-collapse: collapse; font-size: 0.97rem; }
.tw table.tw-tabel caption {
  caption-side: top; text-align: left; padding-bottom: 10px;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  text-transform: uppercase; letter-spacing: 0.08em; color: var(--oranje); font-weight: 700;
}
.tw table.tw-tabel th {
  text-align: left; padding: 10px 14px; background: var(--navy); color: #fff;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; white-space: nowrap;
}
.tw table.tw-tabel td { padding: 9px 14px; border-bottom: 1px solid var(--lijn); vertical-align: top; }
.tw table.tw-tabel tbody tr:nth-child(even) { background: rgba(243,234,221,0.5); }
.tw table.tw-tabel td.plaats { width: 3.2em; text-align: right; color: var(--oranje); font-weight: 600; font-variant-numeric: tabular-nums; }
.tw table.tw-tabel .boot { font-weight: 600; color: var(--navy); }

/* ---------- Voettekst ---------- */

.tw-voet { background: #0C1B2E; color: rgba(255,255,255,0.72); padding: 34px 24px 40px; font-size: 0.93rem; }
.tw-voet-inner { max-width: 1080px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 18px 40px; align-items: flex-start; }
.tw-voet p { margin: 0 0 6px; max-width: 34ch; }
.tw-voet a { color: #2E9A96; }
.tw-voet nav { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-left: auto; }
.tw-voet nav a {
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.98rem;
  color: rgba(255,255,255,0.8); text-decoration: none;
}
.tw-voet nav a:hover { color: #fff; text-decoration: underline; }
.tw-voet img.voetlogo { width: 150px; height: auto; margin: 0 0 14px; }

/* Het lustrumzegel in de hero mag iets groter dan het ontwerp aangeeft. */
.tw .hero img.zegel { width: 172px; }


/* =============================================================
   NAUTISCHE LAAG
   Zeekaart-achtergrond, kompasroos, golfranden en de seinvlaggen
   die TAILWIND spellen. Alles in CSS; geen extra afbeeldingen.
   ============================================================= */

body {
  background-color: #F3EADD;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22600%22%20viewBox%3D%220%200%20900%20600%22%3E%3Cpath%20d%3D%22M%200%2090.0%20L%2020%20101.2%20L%2040%20110.8%20L%2060%20117.5%20L%2080%20120.4%20L%20100%20119.2%20L%20120%20114.1%20L%20140%20105.9%20L%20160%2096.0%20L%20180%2085.8%20L%20200%2076.9%20L%20220%2070.6%20L%20240%2067.7%20L%20260%2068.6%20L%20280%2073.1%20L%20300%2080.3%20L%20320%2089.1%20L%20340%2097.8%20L%20360%20105.1%20L%20380%20109.8%20L%20400%20111.0%20L%20420%20108.5%20L%20440%20102.5%20L%20460%2094.0%20L%20480%2084.2%20L%20500%2074.6%20L%20520%2066.8%20L%20540%2062.0%20L%20560%2061.1%20L%20580%2064.2%20L%20600%2071.0%20L%20620%2080.7%20L%20640%2091.9%20L%20660%20102.9%20L%20680%20112.4%20L%20700%20118.8%20L%20720%20121.5%20L%20740%20119.9%20L%20760%20114.4%20L%20780%20105.8%20L%20800%2095.5%20L%20820%2085.0%20L%20840%2075.8%20L%20860%2069.2%20L%20880%2066.1%20L%20900%2066.9%22%20fill%3D%22none%22%20stroke%3D%22%23B9A88A%22%20stroke-opacity%3D%220.55%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M%200%20244.1%20L%2020%20247.6%20L%2040%20248.0%20L%2060%20245.2%20L%2080%20239.4%20L%20100%20231.1%20L%20120%20221.0%20L%20140%20209.8%20L%20160%20198.6%20L%20180%20188.3%20L%20200%20179.7%20L%20220%20173.6%20L%20240%20170.4%20L%20260%20170.5%20L%20280%20173.9%20L%20300%20180.2%20L%20320%20188.8%20L%20340%20199.1%20L%20360%20210.2%20L%20380%20221.1%20L%20400%20231.0%20L%20420%20238.9%20L%20440%20244.3%20L%20460%20246.6%20L%20480%20245.9%20L%20500%20242.1%20L%20520%20235.7%20L%20540%20227.3%20L%20560%20217.6%20L%20580%20207.5%20L%20600%20197.9%20L%20620%20189.6%20L%20640%20183.4%20L%20660%20179.7%20L%20680%20178.9%20L%20700%20181.0%20L%20720%20185.7%20L%20740%20192.6%20L%20760%20201.0%20L%20780%20210.0%20L%20800%20218.9%20L%20820%20226.8%20L%20840%20232.9%20L%20860%20236.8%20L%20880%20238.0%20L%20900%20236.4%22%20fill%3D%22none%22%20stroke%3D%22%23B9A88A%22%20stroke-opacity%3D%220.45%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M%200%20345.5%20L%2020%20338.5%20L%2040%20328.9%20L%2060%20318.5%20L%2080%20309.5%20L%20100%20303.9%20L%20120%20302.9%20L%20140%20306.7%20L%20160%20314.8%20L%20180%20325.4%20L%20200%20336.7%20L%20220%20346.2%20L%20240%20352.3%20L%20260%20353.9%20L%20280%20350.8%20L%20300%20343.8%20L%20320%20334.6%20L%20340%20325.3%20L%20360%20318.0%20L%20380%20314.2%20L%20400%20314.9%20L%20420%20319.7%20L%20440%20327.6%20L%20460%20336.8%20L%20480%20345.2%20L%20500%20350.9%20L%20520%20352.4%20L%20540%20349.2%20L%20560%20341.7%20L%20580%20331.4%20L%20600%20320.3%20L%20620%20310.6%20L%20640%20304.1%20L%20660%20302.2%20L%20680%20305.2%20L%20700%20312.5%20L%20720%20322.5%20L%20740%20333.1%20L%20760%20342.3%20L%20780%20348.2%20L%20800%20349.7%20L%20820%20346.7%20L%20840%20340.0%20L%20860%20331.3%20L%20880%20322.6%20L%20900%20316.0%22%20fill%3D%22none%22%20stroke%3D%22%23B9A88A%22%20stroke-opacity%3D%220.50%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M%200%20452.6%20L%2020%20443.9%20L%2040%20435.9%20L%2060%20429.4%20L%2080%20425.3%20L%20100%20424.1%20L%20120%20426.0%20L%20140%20430.8%20L%20160%20438.0%20L%20180%20446.9%20L%20200%20456.6%20L%20220%20465.9%20L%20240%20473.9%20L%20260%20479.6%20L%20280%20482.3%20L%20300%20481.8%20L%20320%20477.9%20L%20340%20471.1%20L%20360%20462.0%20L%20380%20451.4%20L%20400%20440.5%20L%20420%20430.4%20L%20440%20422.1%20L%20460%20416.4%20L%20480%20414.1%20L%20500%20415.2%20L%20520%20419.7%20L%20540%20427.1%20L%20560%20436.7%20L%20580%20447.4%20L%20600%20458.2%20L%20620%20467.9%20L%20640%20475.7%20L%20660%20480.7%20L%20680%20482.4%20L%20700%20480.8%20L%20720%20476.1%20L%20740%20468.9%20L%20760%20460.0%20L%20780%20450.3%20L%20800%20441.1%20L%20820%20433.2%20L%20840%20427.4%20L%20860%20424.5%20L%20880%20424.7%20L%20900%20427.8%22%20fill%3D%22none%22%20stroke%3D%22%23B9A88A%22%20stroke-opacity%3D%220.40%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M%200%20552.3%20L%2020%20548.4%20L%2040%20547.2%20L%2060%20548.9%20L%2080%20553.1%20L%20100%20558.9%20L%20120%20565.2%20L%20140%20570.8%20L%20160%20574.4%20L%20180%20575.4%20L%20200%20573.4%20L%20220%20568.6%20L%20240%20561.8%20L%20260%20553.9%20L%20280%20546.4%20L%20300%20540.4%20L%20320%20537.0%20L%20340%20536.9%20L%20360%20540.1%20L%20380%20546.1%20L%20400%20554.1%20L%20420%20562.7%20L%20440%20570.7%20L%20460%20576.8%20L%20480%20580.2%20L%20500%20580.3%20L%20520%20577.4%20L%20540%20572.0%20L%20560%20565.2%20L%20580%20558.3%20L%20600%20552.4%20L%20620%20548.6%20L%20640%20547.5%20L%20660%20549.3%20L%20680%20553.6%20L%20700%20559.5%20L%20720%20565.8%20L%20740%20571.4%20L%20760%20575.0%20L%20780%20576.0%20L%20800%20573.9%20L%20820%20569.1%20L%20840%20562.1%20L%20860%20554.1%20L%20880%20546.5%20L%20900%20540.4%22%20fill%3D%22none%22%20stroke%3D%22%23B9A88A%22%20stroke-opacity%3D%220.45%22%20stroke-width%3D%221%22%2F%3E%3Ctext%20x%3D%22361%22%20y%3D%22184%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E8%3C%2Ftext%3E%3Ctext%20x%3D%22696%22%20y%3D%2279%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E3%3C%2Ftext%3E%3Ctext%20x%3D%22870%22%20y%3D%22126%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E7%3C%2Ftext%3E%3Ctext%20x%3D%22626%22%20y%3D%2289%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E5%3C%2Ftext%3E%3Ctext%20x%3D%2268%22%20y%3D%22118%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E8%3C%2Ftext%3E%3Ctext%20x%3D%22458%22%20y%3D%22101%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E5%3C%2Ftext%3E%3Ctext%20x%3D%22122%22%20y%3D%22464%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E2%3C%2Ftext%3E%3Ctext%20x%3D%22609%22%20y%3D%22156%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E5%3C%2Ftext%3E%3Ctext%20x%3D%22675%22%20y%3D%2293%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E8%3C%2Ftext%3E%3Ctext%20x%3D%2280%22%20y%3D%22256%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E2%3C%2Ftext%3E%3Ctext%20x%3D%22600%22%20y%3D%22166%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E6%3C%2Ftext%3E%3Ctext%20x%3D%22459%22%20y%3D%22177%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E3%3C%2Ftext%3E%3Ctext%20x%3D%22614%22%20y%3D%22345%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E4%3C%2Ftext%3E%3Ctext%20x%3D%22135%22%20y%3D%22222%22%20font-family%3D%22Helvetica%2CArial%22%20font-size%3D%2211%22%20fill%3D%22%23B9A88A%22%20fill-opacity%3D%220.5%22%3E7%3C%2Ftext%3E%3C%2Fsvg%3E");
  background-size: 900px 600px;
  background-attachment: fixed;
}

/* ---------- Seinvlaggen: T A I L W I N D ---------- */

.tw-vlaggen {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  padding: 12px 24px; position: relative;
}
.tw-vlaggen::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%;
  border-top: 1px solid rgba(184,168,138,0.55); z-index: 0;
}
.tw-topbar .tw-vlaggen { padding-top: 0; padding-bottom: 14px; }
.tw-topbar .tw-vlaggen::before { border-top-color: rgba(232,207,166,0.30); }
.tw-vlaggen span {
  position: relative; z-index: 1;
  width: 38px; height: 25px; display: block;
  box-shadow: 0 1px 2px rgba(12,27,46,0.18);
  border: 1px solid rgba(12,27,46,0.12);
}
@media (max-width: 560px) { .tw-vlaggen span { width: 28px; height: 19px; } }

.vlag-t { background: linear-gradient(90deg, #C8102E 0 33.33%, #FFFFFF 0 66.66%, #0B5EA8 0); }
.vlag-a { background: linear-gradient(90deg, #FFFFFF 0 50%, #0B5EA8 0); }
.vlag-i { background: #F2C230; position: relative; }
.vlag-i::after { content: ""; position: absolute; inset: 0; margin: auto; width: 10px; height: 10px; border-radius: 50%; background: #141414; }
.vlag-l { background: conic-gradient(#F2C230 0 25%, #141414 0 50%, #F2C230 0 75%, #141414 0); }
.vlag-w { background: #C8102E; box-shadow: inset 0 0 0 4px #FFFFFF, inset 0 0 0 9px #0B5EA8, 0 1px 2px rgba(12,27,46,0.18); }
.vlag-n { background-image:
    repeating-conic-gradient(#0B5EA8 0 25%, #FFFFFF 0 50%);
  background-size: 10px 10px; }
.vlag-d { background: linear-gradient(180deg, #F2C230 0 33.33%, #0B5EA8 0 66.66%, #F2C230 0); }

/* ---------- Hero: kompasroos en golfrand ---------- */

.tw .hero {
  position: relative;
  overflow: hidden;
  background-color: var(--navy);
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%22168%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%22178%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.12%22%2F%3E%3Cline%20x1%3D%22200.0%22%20y1%3D%2232.0%22%20x2%3D%22200.0%22%20y2%3D%2222.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22217.6%22%20y1%3D%2232.9%22%20x2%3D%22218.6%22%20y2%3D%2223.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22234.9%22%20y1%3D%2235.7%22%20x2%3D%22237.0%22%20y2%3D%2225.9%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22251.9%22%20y1%3D%2240.2%22%20x2%3D%22255.0%22%20y2%3D%2230.7%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22268.3%22%20y1%3D%2246.5%22%20x2%3D%22272.4%22%20y2%3D%2237.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22284.0%22%20y1%3D%2254.5%22%20x2%3D%22289.0%22%20y2%3D%2245.8%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22298.7%22%20y1%3D%2264.1%22%20x2%3D%22304.6%22%20y2%3D%2256.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22312.4%22%20y1%3D%2275.2%22%20x2%3D%22319.1%22%20y2%3D%2267.7%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22324.8%22%20y1%3D%2287.6%22%20x2%3D%22332.3%22%20y2%3D%2280.9%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22335.9%22%20y1%3D%22101.3%22%20x2%3D%22344.0%22%20y2%3D%2295.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22345.5%22%20y1%3D%22116.0%22%20x2%3D%22354.2%22%20y2%3D%22111.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22353.5%22%20y1%3D%22131.7%22%20x2%3D%22362.6%22%20y2%3D%22127.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22359.8%22%20y1%3D%22148.1%22%20x2%3D%22369.3%22%20y2%3D%22145.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22364.3%22%20y1%3D%22165.1%22%20x2%3D%22374.1%22%20y2%3D%22163.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22367.1%22%20y1%3D%22182.4%22%20x2%3D%22377.0%22%20y2%3D%22181.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22368.0%22%20y1%3D%22200.0%22%20x2%3D%22378.0%22%20y2%3D%22200.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22367.1%22%20y1%3D%22217.6%22%20x2%3D%22377.0%22%20y2%3D%22218.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22364.3%22%20y1%3D%22234.9%22%20x2%3D%22374.1%22%20y2%3D%22237.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22359.8%22%20y1%3D%22251.9%22%20x2%3D%22369.3%22%20y2%3D%22255.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22353.5%22%20y1%3D%22268.3%22%20x2%3D%22362.6%22%20y2%3D%22272.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22345.5%22%20y1%3D%22284.0%22%20x2%3D%22354.2%22%20y2%3D%22289.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22335.9%22%20y1%3D%22298.7%22%20x2%3D%22344.0%22%20y2%3D%22304.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22324.8%22%20y1%3D%22312.4%22%20x2%3D%22332.3%22%20y2%3D%22319.1%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22312.4%22%20y1%3D%22324.8%22%20x2%3D%22319.1%22%20y2%3D%22332.3%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22298.7%22%20y1%3D%22335.9%22%20x2%3D%22304.6%22%20y2%3D%22344.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22284.0%22%20y1%3D%22345.5%22%20x2%3D%22289.0%22%20y2%3D%22354.2%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22268.3%22%20y1%3D%22353.5%22%20x2%3D%22272.4%22%20y2%3D%22362.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22251.9%22%20y1%3D%22359.8%22%20x2%3D%22255.0%22%20y2%3D%22369.3%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22234.9%22%20y1%3D%22364.3%22%20x2%3D%22237.0%22%20y2%3D%22374.1%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22217.6%22%20y1%3D%22367.1%22%20x2%3D%22218.6%22%20y2%3D%22377.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22200.0%22%20y1%3D%22368.0%22%20x2%3D%22200.0%22%20y2%3D%22378.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22182.4%22%20y1%3D%22367.1%22%20x2%3D%22181.4%22%20y2%3D%22377.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22165.1%22%20y1%3D%22364.3%22%20x2%3D%22163.0%22%20y2%3D%22374.1%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22148.1%22%20y1%3D%22359.8%22%20x2%3D%22145.0%22%20y2%3D%22369.3%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22131.7%22%20y1%3D%22353.5%22%20x2%3D%22127.6%22%20y2%3D%22362.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22116.0%22%20y1%3D%22345.5%22%20x2%3D%22111.0%22%20y2%3D%22354.2%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22101.3%22%20y1%3D%22335.9%22%20x2%3D%2295.4%22%20y2%3D%22344.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2287.6%22%20y1%3D%22324.8%22%20x2%3D%2280.9%22%20y2%3D%22332.3%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2275.2%22%20y1%3D%22312.4%22%20x2%3D%2267.7%22%20y2%3D%22319.1%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2264.1%22%20y1%3D%22298.7%22%20x2%3D%2256.0%22%20y2%3D%22304.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2254.5%22%20y1%3D%22284.0%22%20x2%3D%2245.8%22%20y2%3D%22289.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2246.5%22%20y1%3D%22268.3%22%20x2%3D%2237.4%22%20y2%3D%22272.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2240.2%22%20y1%3D%22251.9%22%20x2%3D%2230.7%22%20y2%3D%22255.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2235.7%22%20y1%3D%22234.9%22%20x2%3D%2225.9%22%20y2%3D%22237.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2232.9%22%20y1%3D%22217.6%22%20x2%3D%2223.0%22%20y2%3D%22218.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2232.0%22%20y1%3D%22200.0%22%20x2%3D%2222.0%22%20y2%3D%22200.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2232.9%22%20y1%3D%22182.4%22%20x2%3D%2223.0%22%20y2%3D%22181.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2235.7%22%20y1%3D%22165.1%22%20x2%3D%2225.9%22%20y2%3D%22163.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2240.2%22%20y1%3D%22148.1%22%20x2%3D%2230.7%22%20y2%3D%22145.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2246.5%22%20y1%3D%22131.7%22%20x2%3D%2237.4%22%20y2%3D%22127.6%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2254.5%22%20y1%3D%22116.0%22%20x2%3D%2245.8%22%20y2%3D%22111.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2264.1%22%20y1%3D%22101.3%22%20x2%3D%2256.0%22%20y2%3D%2295.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2275.2%22%20y1%3D%2287.6%22%20x2%3D%2267.7%22%20y2%3D%2280.9%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2287.6%22%20y1%3D%2275.2%22%20x2%3D%2280.9%22%20y2%3D%2267.7%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22101.3%22%20y1%3D%2264.1%22%20x2%3D%2295.4%22%20y2%3D%2256.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22116.0%22%20y1%3D%2254.5%22%20x2%3D%22111.0%22%20y2%3D%2245.8%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22131.7%22%20y1%3D%2246.5%22%20x2%3D%22127.6%22%20y2%3D%2237.4%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22148.1%22%20y1%3D%2240.2%22%20x2%3D%22145.0%22%20y2%3D%2230.7%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22165.1%22%20y1%3D%2235.7%22%20x2%3D%22163.0%22%20y2%3D%2225.9%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22182.4%22%20y1%3D%2232.9%22%20x2%3D%22181.4%22%20y2%3D%2223.0%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221%22%2F%3E%3Cpolygon%20points%3D%22200.0%2C50.0%20222.0%2C200.0%20178.0%2C200.0%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.30%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%22265.1%2C134.9%20215.6%2C215.6%20184.4%2C184.4%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%22350.0%2C200.0%20200.0%2C222.0%20200.0%2C178.0%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.30%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%22265.1%2C265.1%20184.4%2C215.6%20215.6%2C184.4%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%22200.0%2C350.0%20178.0%2C200.0%20222.0%2C200.0%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.30%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%22134.9%2C265.1%20184.4%2C184.4%20215.6%2C215.6%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%2250.0%2C200.0%20200.0%2C178.0%20200.0%2C222.0%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.30%22%20stroke-width%3D%221.2%22%2F%3E%3Cpolygon%20points%3D%22134.9%2C134.9%20215.6%2C184.4%20184.4%2C215.6%22%20fill%3D%22none%22%20stroke%3D%22%23E8CFA6%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E"),
    radial-gradient(120% 90% at 50% 8%, #1B3A5C 0%, #12283F 55%, #0C1B2E 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: right -170px top -140px, center;
  background-size: 620px 620px, cover;
  padding-bottom: 96px;
}

.tw .hero > * { position: relative; z-index: 2; }

.tw .hero::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 70px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%2270%22%20viewBox%3D%220%200%201200%2070%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200%2070%20L%200%2035.0%20L%2015%2037.8%20L%2030%2040.3%20L%2045%2042.3%20L%2060%2043.6%20L%2075%2044.0%20L%2090%2043.6%20L%20105%2042.3%20L%20120%2040.3%20L%20135%2037.8%20L%20150%2035.0%20L%20165%2032.2%20L%20180%2029.7%20L%20195%2027.7%20L%20210%2026.4%20L%20225%2026.0%20L%20240%2026.4%20L%20255%2027.7%20L%20270%2029.7%20L%20285%2032.2%20L%20300%2035.0%20L%20315%2037.8%20L%20330%2040.3%20L%20345%2042.3%20L%20360%2043.6%20L%20375%2044.0%20L%20390%2043.6%20L%20405%2042.3%20L%20420%2040.3%20L%20435%2037.8%20L%20450%2035.0%20L%20465%2032.2%20L%20480%2029.7%20L%20495%2027.7%20L%20510%2026.4%20L%20525%2026.0%20L%20540%2026.4%20L%20555%2027.7%20L%20570%2029.7%20L%20585%2032.2%20L%20600%2035.0%20L%20615%2037.8%20L%20630%2040.3%20L%20645%2042.3%20L%20660%2043.6%20L%20675%2044.0%20L%20690%2043.6%20L%20705%2042.3%20L%20720%2040.3%20L%20735%2037.8%20L%20750%2035.0%20L%20765%2032.2%20L%20780%2029.7%20L%20795%2027.7%20L%20810%2026.4%20L%20825%2026.0%20L%20840%2026.4%20L%20855%2027.7%20L%20870%2029.7%20L%20885%2032.2%20L%20900%2035.0%20L%20915%2037.8%20L%20930%2040.3%20L%20945%2042.3%20L%20960%2043.6%20L%20975%2044.0%20L%20990%2043.6%20L%201005%2042.3%20L%201020%2040.3%20L%201035%2037.8%20L%201050%2035.0%20L%201065%2032.2%20L%201080%2029.7%20L%201095%2027.7%20L%201110%2026.4%20L%201125%2026.0%20L%201140%2026.4%20L%201155%2027.7%20L%201170%2029.7%20L%201185%2032.2%20L%201200%2035.0%20L%201200%2070%20Z%22%20fill%3D%22%230E6E70%22%20fill-opacity%3D%220.35%22%2F%3E%3Cpath%20d%3D%22M%200%2070%20L%200%2041.0%20L%2015%2039.7%20L%2030%2037.8%20L%2045%2035.7%20L%2060%2033.5%20L%2075%2031.5%20L%2090%2029.8%20L%20105%2028.6%20L%20120%2028.0%20L%20135%2028.2%20L%20150%2029.0%20L%20165%2030.3%20L%20180%2032.2%20L%20195%2034.3%20L%20210%2036.5%20L%20225%2038.5%20L%20240%2040.2%20L%20255%2041.4%20L%20270%2042.0%20L%20285%2041.8%20L%20300%2041.0%20L%20315%2039.7%20L%20330%2037.8%20L%20345%2035.7%20L%20360%2033.5%20L%20375%2031.5%20L%20390%2029.8%20L%20405%2028.6%20L%20420%2028.0%20L%20435%2028.2%20L%20450%2029.0%20L%20465%2030.3%20L%20480%2032.2%20L%20495%2034.3%20L%20510%2036.5%20L%20525%2038.5%20L%20540%2040.2%20L%20555%2041.4%20L%20570%2042.0%20L%20585%2041.8%20L%20600%2041.0%20L%20615%2039.7%20L%20630%2037.8%20L%20645%2035.7%20L%20660%2033.5%20L%20675%2031.5%20L%20690%2029.8%20L%20705%2028.6%20L%20720%2028.0%20L%20735%2028.2%20L%20750%2029.0%20L%20765%2030.3%20L%20780%2032.2%20L%20795%2034.3%20L%20810%2036.5%20L%20825%2038.5%20L%20840%2040.2%20L%20855%2041.4%20L%20870%2042.0%20L%20885%2041.8%20L%20900%2041.0%20L%20915%2039.7%20L%20930%2037.8%20L%20945%2035.7%20L%20960%2033.5%20L%20975%2031.5%20L%20990%2029.8%20L%201005%2028.6%20L%201020%2028.0%20L%201035%2028.2%20L%201050%2029.0%20L%201065%2030.3%20L%201080%2032.2%20L%201095%2034.3%20L%201110%2036.5%20L%201125%2038.5%20L%201140%2040.2%20L%201155%2041.4%20L%201170%2042.0%20L%201185%2041.8%20L%201200%2041.0%20L%201200%2070%20Z%22%20fill%3D%22%232E9A96%22%20fill-opacity%3D%220.30%22%2F%3E%3Cpath%20d%3D%22M%200%2070%20L%200%2030.6%20L%2015%2030.1%20L%2030%2030.0%20L%2045%2030.5%20L%2060%2031.3%20L%2075%2032.5%20L%2090%2034.0%20L%20105%2035.6%20L%20120%2037.1%20L%20135%2038.4%20L%20150%2039.4%20L%20165%2039.9%20L%20180%2040.0%20L%20195%2039.5%20L%20210%2038.7%20L%20225%2037.5%20L%20240%2036.0%20L%20255%2034.4%20L%20270%2032.9%20L%20285%2031.6%20L%20300%2030.6%20L%20315%2030.1%20L%20330%2030.0%20L%20345%2030.5%20L%20360%2031.3%20L%20375%2032.5%20L%20390%2034.0%20L%20405%2035.6%20L%20420%2037.1%20L%20435%2038.4%20L%20450%2039.4%20L%20465%2039.9%20L%20480%2040.0%20L%20495%2039.5%20L%20510%2038.7%20L%20525%2037.5%20L%20540%2036.0%20L%20555%2034.4%20L%20570%2032.9%20L%20585%2031.6%20L%20600%2030.6%20L%20615%2030.1%20L%20630%2030.0%20L%20645%2030.5%20L%20660%2031.3%20L%20675%2032.5%20L%20690%2034.0%20L%20705%2035.6%20L%20720%2037.1%20L%20735%2038.4%20L%20750%2039.4%20L%20765%2039.9%20L%20780%2040.0%20L%20795%2039.5%20L%20810%2038.7%20L%20825%2037.5%20L%20840%2036.0%20L%20855%2034.4%20L%20870%2032.9%20L%20885%2031.6%20L%20900%2030.6%20L%20915%2030.1%20L%20930%2030.0%20L%20945%2030.5%20L%20960%2031.3%20L%20975%2032.5%20L%20990%2034.0%20L%201005%2035.6%20L%201020%2037.1%20L%201035%2038.4%20L%201050%2039.4%20L%201065%2039.9%20L%201080%2040.0%20L%201095%2039.5%20L%201110%2038.7%20L%201125%2037.5%20L%201140%2036.0%20L%201155%2034.4%20L%201170%2032.9%20L%201185%2031.6%20L%201200%2030.6%20L%201200%2070%20Z%22%20fill%3D%22%23F3EADD%22%20fill-opacity%3D%221.00%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  background-size: 1200px 70px;
  z-index: 1;
  animation: deining 26s linear infinite;
}
@keyframes deining { from { background-position-x: 0; } to { background-position-x: -1200px; } }
@media (prefers-reduced-motion: reduce) { .tw .hero::after { animation: none; } }

.tw .hero.klein { padding-bottom: 88px; }

@media (max-width: 760px) {
  .tw .hero {
    background-position: right -180px top -120px, center;
    background-size: 400px 400px, cover;
  }
}

/* De positielijn onder de titel */
.tw .positie {
  margin-top: 26px;
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #8FB6BC;
}
.tw .positie b { color: var(--zand-donker); font-weight: 600; }

/* ---------- Kaarten als kaartinzet ---------- */

.tw .kaart {
  position: relative;
  box-shadow: 0 1px 2px rgba(12,27,46,0.05), 0 12px 30px -18px rgba(12,27,46,0.35);
}
.tw .kaart::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(184,168,138,0.35);
  border-radius: 8px;
  pointer-events: none;
}
.tw .kaart.zee::before { border-color: rgba(255,255,255,0.16); }
.tw .kaart > * { position: relative; }

/* ---------- Uitslagen: podium ---------- */

.tw table.tw-tabel tbody tr:nth-child(1) td.plaats { color: #B8862B; }
.tw table.tw-tabel tbody tr:nth-child(2) td.plaats { color: #8A94A0; }
.tw table.tw-tabel tbody tr:nth-child(3) td.plaats { color: #A5673F; }
.tw table.tw-tabel tbody tr:nth-child(1) .boot::after {
  content: "";
  display: inline-block;
  width: 18px; height: 12px;
  margin-left: 9px;
  vertical-align: -1px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Cpath%20d%3D%22M1%201%20L1%2011%22%20stroke%3D%22%23C4671A%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%201.6%20L16%204.2%20L2%206.8%20Z%22%20fill%3D%22%23C4671A%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}
.tw table.tw-tabel tbody tr:nth-child(-n+3) .boot { font-weight: 700; }
.tw table.tw-tabel tbody tr:nth-child(-n+3) td.plaats { font-weight: 700; }

/* ---------- Voettekst: golfrand en positie ---------- */

.tw-voet {
  position: relative;
  padding-top: 74px;
  background-image: radial-gradient(90% 120% at 50% 0%, #12283F 0%, #0C1B2E 70%);
}
.tw-voet::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 70px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%2270%22%20viewBox%3D%220%200%201200%2070%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200%2070%20L%200%2035.0%20L%2015%2037.8%20L%2030%2040.3%20L%2045%2042.3%20L%2060%2043.6%20L%2075%2044.0%20L%2090%2043.6%20L%20105%2042.3%20L%20120%2040.3%20L%20135%2037.8%20L%20150%2035.0%20L%20165%2032.2%20L%20180%2029.7%20L%20195%2027.7%20L%20210%2026.4%20L%20225%2026.0%20L%20240%2026.4%20L%20255%2027.7%20L%20270%2029.7%20L%20285%2032.2%20L%20300%2035.0%20L%20315%2037.8%20L%20330%2040.3%20L%20345%2042.3%20L%20360%2043.6%20L%20375%2044.0%20L%20390%2043.6%20L%20405%2042.3%20L%20420%2040.3%20L%20435%2037.8%20L%20450%2035.0%20L%20465%2032.2%20L%20480%2029.7%20L%20495%2027.7%20L%20510%2026.4%20L%20525%2026.0%20L%20540%2026.4%20L%20555%2027.7%20L%20570%2029.7%20L%20585%2032.2%20L%20600%2035.0%20L%20615%2037.8%20L%20630%2040.3%20L%20645%2042.3%20L%20660%2043.6%20L%20675%2044.0%20L%20690%2043.6%20L%20705%2042.3%20L%20720%2040.3%20L%20735%2037.8%20L%20750%2035.0%20L%20765%2032.2%20L%20780%2029.7%20L%20795%2027.7%20L%20810%2026.4%20L%20825%2026.0%20L%20840%2026.4%20L%20855%2027.7%20L%20870%2029.7%20L%20885%2032.2%20L%20900%2035.0%20L%20915%2037.8%20L%20930%2040.3%20L%20945%2042.3%20L%20960%2043.6%20L%20975%2044.0%20L%20990%2043.6%20L%201005%2042.3%20L%201020%2040.3%20L%201035%2037.8%20L%201050%2035.0%20L%201065%2032.2%20L%201080%2029.7%20L%201095%2027.7%20L%201110%2026.4%20L%201125%2026.0%20L%201140%2026.4%20L%201155%2027.7%20L%201170%2029.7%20L%201185%2032.2%20L%201200%2035.0%20L%201200%2070%20Z%22%20fill%3D%22%230E6E70%22%20fill-opacity%3D%220.35%22%2F%3E%3Cpath%20d%3D%22M%200%2070%20L%200%2041.0%20L%2015%2039.7%20L%2030%2037.8%20L%2045%2035.7%20L%2060%2033.5%20L%2075%2031.5%20L%2090%2029.8%20L%20105%2028.6%20L%20120%2028.0%20L%20135%2028.2%20L%20150%2029.0%20L%20165%2030.3%20L%20180%2032.2%20L%20195%2034.3%20L%20210%2036.5%20L%20225%2038.5%20L%20240%2040.2%20L%20255%2041.4%20L%20270%2042.0%20L%20285%2041.8%20L%20300%2041.0%20L%20315%2039.7%20L%20330%2037.8%20L%20345%2035.7%20L%20360%2033.5%20L%20375%2031.5%20L%20390%2029.8%20L%20405%2028.6%20L%20420%2028.0%20L%20435%2028.2%20L%20450%2029.0%20L%20465%2030.3%20L%20480%2032.2%20L%20495%2034.3%20L%20510%2036.5%20L%20525%2038.5%20L%20540%2040.2%20L%20555%2041.4%20L%20570%2042.0%20L%20585%2041.8%20L%20600%2041.0%20L%20615%2039.7%20L%20630%2037.8%20L%20645%2035.7%20L%20660%2033.5%20L%20675%2031.5%20L%20690%2029.8%20L%20705%2028.6%20L%20720%2028.0%20L%20735%2028.2%20L%20750%2029.0%20L%20765%2030.3%20L%20780%2032.2%20L%20795%2034.3%20L%20810%2036.5%20L%20825%2038.5%20L%20840%2040.2%20L%20855%2041.4%20L%20870%2042.0%20L%20885%2041.8%20L%20900%2041.0%20L%20915%2039.7%20L%20930%2037.8%20L%20945%2035.7%20L%20960%2033.5%20L%20975%2031.5%20L%20990%2029.8%20L%201005%2028.6%20L%201020%2028.0%20L%201035%2028.2%20L%201050%2029.0%20L%201065%2030.3%20L%201080%2032.2%20L%201095%2034.3%20L%201110%2036.5%20L%201125%2038.5%20L%201140%2040.2%20L%201155%2041.4%20L%201170%2042.0%20L%201185%2041.8%20L%201200%2041.0%20L%201200%2070%20Z%22%20fill%3D%22%232E9A96%22%20fill-opacity%3D%220.30%22%2F%3E%3Cpath%20d%3D%22M%200%2070%20L%200%2030.6%20L%2015%2030.1%20L%2030%2030.0%20L%2045%2030.5%20L%2060%2031.3%20L%2075%2032.5%20L%2090%2034.0%20L%20105%2035.6%20L%20120%2037.1%20L%20135%2038.4%20L%20150%2039.4%20L%20165%2039.9%20L%20180%2040.0%20L%20195%2039.5%20L%20210%2038.7%20L%20225%2037.5%20L%20240%2036.0%20L%20255%2034.4%20L%20270%2032.9%20L%20285%2031.6%20L%20300%2030.6%20L%20315%2030.1%20L%20330%2030.0%20L%20345%2030.5%20L%20360%2031.3%20L%20375%2032.5%20L%20390%2034.0%20L%20405%2035.6%20L%20420%2037.1%20L%20435%2038.4%20L%20450%2039.4%20L%20465%2039.9%20L%20480%2040.0%20L%20495%2039.5%20L%20510%2038.7%20L%20525%2037.5%20L%20540%2036.0%20L%20555%2034.4%20L%20570%2032.9%20L%20585%2031.6%20L%20600%2030.6%20L%20615%2030.1%20L%20630%2030.0%20L%20645%2030.5%20L%20660%2031.3%20L%20675%2032.5%20L%20690%2034.0%20L%20705%2035.6%20L%20720%2037.1%20L%20735%2038.4%20L%20750%2039.4%20L%20765%2039.9%20L%20780%2040.0%20L%20795%2039.5%20L%20810%2038.7%20L%20825%2037.5%20L%20840%2036.0%20L%20855%2034.4%20L%20870%2032.9%20L%20885%2031.6%20L%20900%2030.6%20L%20915%2030.1%20L%20930%2030.0%20L%20945%2030.5%20L%20960%2031.3%20L%20975%2032.5%20L%20990%2034.0%20L%201005%2035.6%20L%201020%2037.1%20L%201035%2038.4%20L%201050%2039.4%20L%201065%2039.9%20L%201080%2040.0%20L%201095%2039.5%20L%201110%2038.7%20L%201125%2037.5%20L%201140%2036.0%20L%201155%2034.4%20L%201170%2032.9%20L%201185%2031.6%20L%201200%2030.6%20L%201200%2070%20Z%22%20fill%3D%22%23F3EADD%22%20fill-opacity%3D%221.00%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  background-size: 1200px 70px;
  transform: scaleY(-1);
}
.tw-voet-positie {
  max-width: 1080px;
  margin: 26px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.12);
  font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.82rem;
  color: rgba(255,255,255,0.45);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 26px;
}