:root{--navy:#092b68;--red:#e5243b;--text:#26344a;--aqua:#e5243b;--aqua-light:#f1f4fa;--line:#d4dce9;--max:1265px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#ffffff;line-height:1.55}a{color:inherit}.topbar{height:30px;background:var(--navy);color:#f4f6fb;display:flex;justify-content:space-between;align-items:center;padding:0 7.1%;font-size:11px;letter-spacing:.11em;font-weight:700}.site-header{height:82px;background:#fff;border-bottom:1px solid #d4dce9;display:flex;align-items:center;justify-content:space-between;padding:0 max(7.1%,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:10px;background:var(--navy);display:grid;place-items:center;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand strong{display:block;font-size:17px;line-height:1.1}.brand small{display:block;font-size:11px;letter-spacing:.15em;color:#092b68;font-weight:800;margin-top:3px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:750}nav a{text-decoration:none}.nav-button{border:1px solid var(--navy);padding:12px 18px;border-radius:3px}.menu-toggle{display:none}.hero{min-height:620px;display:grid;grid-template-columns:46% 54%;background:var(--navy);color:#fff}.hero-copy{padding:116px max(40px,calc((100vw - var(--max))/2)) 80px max(40px,calc((100vw - var(--max))/2))}.hero h1{font-size:72px;line-height:1.02;letter-spacing:-.055em;margin:30px 0 22px;font-weight:800}.hero h1 span{color:var(--aqua)}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#e5243b;margin:0 0 18px}.hero .eyebrow{color:var(--aqua)}.lead{font-size:17px;max-width:440px;color:#e1e7f1}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-block;text-decoration:none;padding:14px 21px;border-radius:3px;font-weight:800;font-size:14px}.button-primary{background:var(--aqua);color:var(--navy)}.button-outline{border:1px solid #a9b8d3;color:#fff}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:30px;left:34px;color:#fff;font-size:12px;letter-spacing:.12em;font-weight:800}.section{max-width:var(--max);margin:auto;padding:86px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end}.intro h2,.destination h2,.membership h2,.safety h2,.contact h2{margin:0;font-size:47px;line-height:1.08;letter-spacing:-.045em;color:var(--navy)}.intro>p{font-size:17px;max-width:560px;margin:0 0 3px}.locations{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0}.location-card{background:#fff;border:1px solid var(--line)}.location-card>img{display:block;width:100%;height:310px;object-fit:cover}.card-body{padding:30px 32px 35px}.card-number{color:#092b68;font-size:12px;letter-spacing:.14em;font-weight:800}.card-body h3{font-size:29px;line-height:1.1;color:var(--navy);margin:16px 0}.card-body p{font-size:16px}.card-body a{display:inline-block;margin-top:10px;color:#092b68;font-weight:800;text-decoration:none}.destination{max-width:none;background:var(--aqua-light);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-left:max(7.1%,calc((100vw - var(--max))/2));padding-right:max(7.1%,calc((100vw - var(--max))/2))}.destination-list{border:1px solid #d4dce9;background:#fff}.destination-list a{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid #d4dce9;text-decoration:none}.destination-list a:last-child{border-bottom:0}.destination-list small{display:block;color:#e5243b;font-weight:800;letter-spacing:.13em;font-size:11px}.destination-list strong{display:block;color:var(--navy);font-size:20px;margin-top:5px}.destination-list b{font-size:24px;font-weight:400}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-grid article{padding-right:30px}.info-grid h2,.practical h2{font-size:42px;line-height:1.08;letter-spacing:-.04em;color:var(--navy);margin:0 0 22px}.info-grid p,.practical p,.membership p,.safety p{font-size:16px}.info-grid a,.membership a,.contact a{color:#092b68;font-weight:700}.practical{max-width:none;background:#fff;padding-left:max(7.1%,calc((100vw - var(--max))/2));padding-right:max(7.1%,calc((100vw - var(--max))/2))}.practical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.practical-grid article{border-top:2px solid var(--navy);padding-top:20px}.practical-grid h3{color:var(--navy);font-size:19px}.membership{display:grid;grid-template-columns:1fr 1fr;gap:70px}.membership-copy{max-width:590px}.safety{max-width:none;background:var(--navy);color:#dcebec;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-left:max(7.1%,calc((100vw - var(--max))/2));padding-right:max(7.1%,calc((100vw - var(--max))/2))}.safety h2{color:#fff}.safety .eyebrow{color:#ff7180}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:45px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-details small{font-size:11px;letter-spacing:.12em;color:#17657c;font-weight:800}.contact-details p{margin-top:6px}footer{background:#061b43;color:#e3e9f4;display:flex;justify-content:space-between;gap:30px;padding:30px max(7.1%,calc((100vw - var(--max))/2));font-size:12px}footer strong,footer span{display:block}footer span{color:#b9c6df;margin-top:3px}
@media(max-width:900px){.topbar{padding:0 20px}.topbar div:last-child{display:none}.site-header{padding:0 20px}nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;flex-direction:column;align-items:stretch;gap:10px;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-toggle{display:block;background:#fff;border:1px solid var(--navy);padding:9px 13px;font-weight:800}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 24px 55px}.hero h1{font-size:55px}.hero-image{height:420px}.section{padding:65px 24px}.intro,.locations,.destination,.info-grid,.membership,.safety,.contact{grid-template-columns:1fr;gap:35px}.destination,.practical,.safety{padding-left:24px;padding-right:24px}.practical-grid{grid-template-columns:1fr 1fr}.contact-details{grid-template-columns:1fr}footer{padding:28px 24px;flex-direction:column}}
@media(max-width:560px){.hero h1{font-size:48px}.actions{flex-direction:column}.actions .button{text-align:center}.intro h2,.destination h2,.membership h2,.safety h2,.contact h2{font-size:38px}.location-card>img{height:230px}.practical-grid{grid-template-columns:1fr}}
/* Maritiem Teylingen logo-thema: marineblauw, rood en wit */
nav a:hover,.info-grid a:hover,.membership a:hover,.contact a:hover{color:var(--red)}
.nav-button:hover{background:var(--navy);color:#fff}
.button-primary{background:var(--red);color:#fff}

/* Uitbreiding: zelfstandige locatie- en activiteitenpagina's */
.welcome-copy{max-width:900px}.welcome-copy h2{font-size:clamp(32px,4vw,47px);line-height:1.08;color:var(--navy);letter-spacing:-.04em;margin:0 0 24px}.welcome-copy p:not(.eyebrow){font-size:16px}
.card-number{display:none!important}.location-card{display:flex;flex-direction:column}.location-card .card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1}.location-card .card-body>a{margin-top:auto;padding-top:18px}.location-card .card-body>a:hover{color:var(--red)}
.page-hero{background:var(--navy);color:#fff;padding:76px max(7.1%,calc((100vw - var(--max))/2)) 70px}.page-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.page-hero .lead{max-width:760px}.page-hero .eyebrow{color:#ff7180}.breadcrumb{font-size:13px;margin-bottom:25px;color:#d8e2f4}.breadcrumb a{color:#fff}.page-content{max-width:var(--max);margin:auto;padding:72px 0}.page-content h2{color:var(--navy);font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.page-content h3{color:var(--navy)}.page-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}.detail-panel{padding:28px;border:1px solid var(--line);background:#f8faff}.detail-panel p:first-child{margin-top:0}.detail-panel a,.page-content a:not(.button){color:var(--navy);font-weight:700}.map-link{display:inline-flex;margin-top:12px}.activity-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.activity-tile{border:1px solid var(--line);background:#f1f4fa;min-width:0}.activity-photo{height:230px;background:linear-gradient(135deg,#e5eaf3,#cbd6e8);position:relative;overflow:hidden;display:grid;place-items:center}.activity-photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-placeholder{padding:18px;text-align:center;color:#52627b;font-size:13px}.activity-caption{padding:16px 18px 20px}.activity-caption h3{margin:0 0 5px;font-size:18px}.activity-caption p{margin:0;font-size:14px}.activity-note{margin-top:24px;color:#53627a;font-size:14px}.back-link{display:inline-block;margin-top:26px;text-decoration:none;font-weight:800;color:var(--navy)}.back-link:hover{color:var(--red)}.site-header .brand strong{max-width:390px}.nav-current{color:var(--red)}
@media(max-width:900px){.page-hero{padding:55px 24px}.page-content{padding:55px 24px}.page-columns{grid-template-columns:1fr;gap:28px}.activity-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .brand strong{max-width:250px;font-size:15px}}
@media(max-width:560px){.activity-gallery{grid-template-columns:1fr}.activity-photo{height:240px}.site-header .brand strong{max-width:205px;font-size:13px}.brand-mark{width:42px;height:42px;flex-basis:42px}}