:root{--bg:#f4f1ea;--paper:#fffdf8;--ink:#1d2528;--muted:#657174;--accent:#a84f2a;--dark:#263238;--line:#d9d1c3;--shadow:0 14px 35px rgba(24,33,35,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(38,50,56,.96);color:white;border-bottom:3px solid var(--accent)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:1.3rem;font-weight:800;letter-spacing:.04em}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{text-decoration:none;color:#f7f3eb}.nav-links .admin-link{padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:8px}.hero{min-height:65vh;display:grid;align-items:end;background:linear-gradient(90deg,rgba(18,26,30,.82),rgba(18,26,30,.23)),url('../uploads/fumo52-wijk-aan-zee.jpg') center/cover}.hero-content{color:white;padding:90px 0 72px;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#f1c7ad}.hero h1{font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.04;margin:.15em 0}.hero p{font-size:1.15rem;max-width:700px}.button{display:inline-block;background:var(--accent);color:white;border:none;border-radius:8px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:var(--dark)}section{padding:72px 0}.section-title{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);margin:0 0 12px}.lead{color:var(--muted);max-width:760px}.story-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(24px,5vw,54px);box-shadow:var(--shadow);white-space:pre-line}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 7px 20px rgba(31,40,42,.08)}.photo-card a{display:block;background:#ddd}.photo-card img{width:100%;height:260px;object-fit:cover;display:block;filter:grayscale(100%);transition:.25s}.photo-card:hover img{filter:grayscale(20%);transform:scale(1.02)}.photo-meta{padding:16px}.photo-meta h3{margin:0 0 6px;font-family:Georgia,serif}.photo-meta p{margin:0;color:var(--muted)}.comments-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea{width:100%;padding:12px;border:1px solid #b9b1a5;border-radius:8px;font:inherit;background:white}.field textarea{min-height:130px;resize:vertical}.comment{border-bottom:1px solid var(--line);padding:15px 0}.comment:last-child{border-bottom:0}.comment strong{display:block}.comment small{color:var(--muted)}.notice{padding:12px 15px;border-radius:8px;background:#e8f5e9;color:#235b2c;margin-bottom:18px}.error{background:#fdeaea;color:#7b2020}.footer{background:var(--dark);color:#e8ecec;padding:28px 0;text-align:center}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%);background:var(--paper);border-radius:16px;padding:30px;box-shadow:var(--shadow)}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-nav{background:var(--dark);color:white;padding:28px 18px}.admin-nav a{display:block;padding:10px 12px;color:white;text-decoration:none;border-radius:7px;margin-bottom:5px}.admin-nav a:hover{background:rgba(255,255,255,.1)}.admin-main{padding:30px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.thumb-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.thumb-row img{width:110px;height:80px;object-fit:cover}.danger{background:#9f2f2f}.muted{color:var(--muted)}@media(max-width:800px){.gallery{grid-template-columns:1fr 1fr}.comments-wrap,.admin-grid,.admin-layout{grid-template-columns:1fr}.admin-nav{position:static}.nav{align-items:flex-start;padding:16px 0}.nav-links{flex-wrap:wrap;justify-content:flex-end}.hero{min-height:58vh}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.nav{display:block}.nav-links{margin-top:12px;justify-content:flex-start}.photo-card img{height:230px}.thumb-row{grid-template-columns:80px 1fr}.thumb-row img{width:80px;height:65px}.thumb-row form{grid-column:1/-1}}

/* Vernieuwde fotogalerij en fotoviewer */
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.gallery-heading .lead{margin-bottom:0}.gallery-count{flex:0 0 auto;background:var(--dark);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700}.photo-open{display:block;position:relative;width:100%;padding:0;border:0;background:#d8d3c9;cursor:pointer;overflow:hidden;text-align:left}.photo-open img{width:100%;height:280px;object-fit:cover;display:block;filter:grayscale(100%);transition:transform .35s ease,filter .35s ease}.photo-card:hover .photo-open img,.photo-open:focus-visible img{filter:grayscale(15%);transform:scale(1.045)}.zoom-label{position:absolute;right:12px;bottom:12px;background:rgba(24,33,35,.86);color:white;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:700;opacity:0;transform:translateY(5px);transition:.25s}.photo-card:hover .zoom-label,.photo-open:focus-visible .zoom-label{opacity:1;transform:none}.photo-open:focus-visible{outline:4px solid #e7a078;outline-offset:-4px}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(7,11,13,.94);padding:34px 90px}.lightbox figure{margin:0;max-width:min(1200px,100%);max-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center}.lightbox figure img{display:block;max-width:100%;max-height:calc(100vh - 175px);object-fit:contain;background:#111;box-shadow:0 20px 70px rgba(0,0,0,.5)}.lightbox figcaption{width:100%;color:white;padding:15px 2px 0;display:grid;grid-template-columns:1fr auto;gap:3px 20px}.lightbox figcaption strong{font-family:Georgia,serif;font-size:1.2rem}.lightbox figcaption span{grid-column:1/2;color:#cfd6d8}.lightbox figcaption small{grid-column:2;grid-row:1/3;align-self:center;color:#cfd6d8;font-weight:700}.lightbox-close,.lightbox-arrow{position:fixed;border:0;color:white;background:rgba(255,255,255,.12);cursor:pointer;display:grid;place-items:center;transition:.2s}.lightbox-close{right:24px;top:20px;width:48px;height:48px;border-radius:50%;font-size:2rem;line-height:1}.lightbox-arrow{top:50%;transform:translateY(-50%);width:58px;height:86px;border-radius:12px;font-size:4rem;font-family:Arial,sans-serif;line-height:1}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close:hover,.lightbox-arrow:hover,.lightbox-close:focus-visible,.lightbox-arrow:focus-visible{background:var(--accent);outline:none}.lightbox-open{overflow:hidden}
@media(max-width:800px){.gallery-heading{align-items:flex-start}.photo-open img{height:250px}.lightbox{padding:68px 18px 90px}.lightbox-arrow{top:auto;bottom:18px;transform:none;width:64px;height:54px;font-size:3rem}.lightbox-prev{left:calc(50% - 76px)}.lightbox-next{right:calc(50% - 76px)}.lightbox-close{right:14px;top:12px}.lightbox figure img{max-height:calc(100vh - 235px)}.lightbox figcaption{grid-template-columns:1fr}.lightbox figcaption small{grid-column:1;grid-row:auto}.lightbox figcaption span{grid-column:1}}
@media(max-width:520px){.gallery-heading{display:block}.gallery-count{display:inline-block;margin-top:12px}.photo-open img{height:245px}}

/* Reacties per foto in de fotoviewer */
.photo-comment-count{display:block;margin-top:10px;color:var(--accent);font-weight:700}.lightbox{overflow-y:auto;align-items:start}.lightbox-shell{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:22px;align-items:start}.lightbox-shell figure{width:100%;max-height:none}.lightbox-shell figure img{width:100%;max-height:calc(100vh - 185px)}.photo-discussion{padding:0;background:#fffdf8;color:var(--ink);border-radius:14px;overflow:hidden;max-height:calc(100vh - 68px);display:flex;flex-direction:column}.photo-comments-list{padding:20px 20px 4px;overflow-y:auto;min-height:180px}.photo-comments-list h3{margin:0 0 10px;font-family:Georgia,serif}.viewer-comment{padding:12px 0;border-bottom:1px solid var(--line)}.viewer-comment:last-child{border-bottom:0}.viewer-comment strong,.viewer-comment small{display:block}.viewer-comment small{color:var(--muted);font-size:.78rem}.viewer-comment p{margin:5px 0 0}.photo-comment-form{padding:18px 20px 20px;border-top:1px solid var(--line);background:#f7f2e9}.photo-comment-form .field{margin-bottom:11px}.photo-comment-form textarea{min-height:84px}.photo-comment-form .notice{margin-bottom:12px}.honeypot{position:absolute;left:-9999px}
@media(max-width:980px){.lightbox{padding:68px 70px 90px}.lightbox-shell{grid-template-columns:1fr}.lightbox-shell figure img{max-height:65vh}.photo-discussion{max-height:none}.photo-comments-list{max-height:320px}}
@media(max-width:800px){.lightbox{padding:68px 18px 90px}.lightbox-shell{gap:14px}.lightbox-shell figure img{max-height:52vh}.photo-discussion{margin-bottom:20px}.photo-comments-list{max-height:260px}}

/* V4: reacties altijd duidelijk direct onder de geopende foto */
.lightbox-shell{grid-template-columns:1fr;max-width:980px}
.lightbox-shell figure img{max-height:68vh}
.photo-discussion{max-height:none;overflow:visible;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.35)}
.photo-reaction-heading{padding:20px 22px 8px;background:#fffdf8}
.photo-reaction-heading h3{margin:0 0 4px;font-family:Georgia,serif;font-size:1.35rem}
.photo-reaction-heading p{margin:0;color:var(--muted)}
.photo-comment-form{order:1;padding:16px 22px 22px}
.photo-comments-list{order:2;padding:20px 22px;overflow:visible;max-height:none;border-top:1px solid var(--line)}
.form-explanation{font-weight:700;margin-bottom:12px;color:var(--ink)}
.photo-submit{width:100%;font-size:1rem;padding:13px 18px}
.photo-comment-form input,.photo-comment-form textarea{background:#fff}
@media(max-width:800px){.lightbox-shell figure img{max-height:48vh}.photo-reaction-heading,.photo-comment-form,.photo-comments-list{padding-left:16px;padding-right:16px}}

/* V5: reactieformulier en reacties altijd zichtbaar naast de foto op desktop */
@media (min-width: 981px){
  .lightbox{padding:28px 82px;overflow:hidden;align-items:center}
  .lightbox-shell{max-width:1500px;width:100%;grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr);gap:22px;align-items:center}
  .lightbox-shell figure{min-width:0}
  .lightbox-shell figure img{max-height:70vh;width:100%;object-fit:contain}
  .photo-discussion{height:min(76vh,760px);max-height:76vh;overflow:hidden;display:flex;flex-direction:column;border:2px solid #e7a078}
  .photo-reaction-heading{flex:0 0 auto;background:#fff7ef;border-bottom:1px solid var(--line)}
  .photo-comment-form{flex:0 0 auto;order:1;padding:14px 20px 18px}
  .photo-comment-form .field{margin-bottom:10px}
  .photo-comment-form textarea{min-height:72px;max-height:120px}
  .photo-comments-list{flex:1 1 auto;order:2;overflow-y:auto;min-height:150px;padding:16px 20px 22px;background:#fffdf8}
  .photo-comments-list h3{position:sticky;top:0;background:#fffdf8;padding:3px 0 10px;z-index:1}
}

@media (max-width:980px){
  .lightbox{overflow-y:auto}
  .lightbox-shell{grid-template-columns:1fr;max-width:980px}
  .lightbox-shell figure img{max-height:48vh}
  .photo-discussion{display:flex;max-height:none;overflow:visible}
  .photo-comments-list{overflow:visible;max-height:none}
}

/* V6: groter leesvlak voor fotoreacties, compacter invoerformulier */
@media (min-width: 981px){
  .photo-discussion{height:min(82vh,820px);max-height:82vh}
  .photo-reaction-heading{padding:10px 16px 7px}
  .photo-reaction-heading h3{font-size:1.05rem;margin:0 0 1px}
  .photo-reaction-heading p{font-size:.78rem;line-height:1.25}
  .photo-comment-form{padding:9px 16px 11px}
  .form-explanation{display:none}
  .photo-comment-form .field{margin-bottom:6px}
  .photo-comment-form .field label{font-size:.78rem;margin-bottom:2px}
  .photo-comment-form input{padding:7px 9px;height:36px}
  .photo-comment-form textarea{padding:7px 9px;min-height:48px;max-height:62px;line-height:1.3}
  .photo-submit{width:auto;padding:8px 13px;font-size:.82rem}
  .photo-comment-form .notice{padding:7px 9px;margin-bottom:7px;font-size:.8rem}
  .photo-comments-list{min-height:300px;padding:12px 18px 18px}
  .photo-comments-list h3{font-size:1.05rem;padding:2px 0 8px;margin-bottom:2px}
  .viewer-comment{padding:9px 0}
  .viewer-comment p{margin:3px 0 0;line-height:1.45}
}

/* V7: German Radar logo in header and hero */

.site-header{backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.3rem;font-weight:800;letter-spacing:.04em}
.site-logo{width:54px;height:54px;display:block;object-fit:contain;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}
.brand-text{display:block}
.hero-badge{display:inline-flex;align-items:center;gap:16px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.10);backdrop-filter:blur(4px);margin-bottom:20px}
.hero-logo{width:84px;height:84px;object-fit:contain;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.30))}
.hero-badge-title{font-size:1.1rem;font-weight:800;letter-spacing:.04em;color:#fff}
@media(max-width:800px){.site-logo{width:46px;height:46px}.hero-badge{gap:12px;padding:8px 10px}.hero-logo{width:64px;height:64px}.brand-text{font-size:1.1rem}}
@media(max-width:520px){.brand{gap:10px}.site-logo{width:40px;height:40px;padding:3px}.hero-badge{align-items:center}.hero-logo{width:54px;height:54px}}

/* V9: logo-achtergrond wordt via JavaScript transparant gemaakt */
.js-transparent-logo{background:transparent!important}


/* V10: bewegende Mammut V143-presentatie */
.mammut-section{background:#202b30;color:#f6f3eb;overflow:hidden}
.mammut-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:42px;align-items:center}
.mammut-animation{position:relative;min-height:480px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.32);background:#0d1417}
.mammut-animation img{width:100%;height:100%;min-height:480px;display:block;object-fit:cover;filter:grayscale(100%) contrast(1.08);animation:mammutZoom 18s ease-in-out infinite alternate}
.mammut-animation::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,10,.08),rgba(3,8,10,.32));pointer-events:none}
.radar-sweep{position:absolute;left:50%;bottom:9%;width:78%;height:78%;transform-origin:0 100%;background:conic-gradient(from -8deg at 0 100%,rgba(111,231,190,.00) 0deg,rgba(111,231,190,.04) 5deg,rgba(111,231,190,.34) 10deg,rgba(111,231,190,.00) 18deg);filter:blur(.2px);animation:radarSweep 7s ease-in-out infinite alternate;mix-blend-mode:screen;z-index:2;pointer-events:none}
.scan-line{position:absolute;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,rgba(128,255,212,.9),transparent);box-shadow:0 0 12px rgba(128,255,212,.8);z-index:3;opacity:.7;pointer-events:none}
.scan-line-one{top:34%;animation:scanPulse 3.6s ease-in-out infinite}
.scan-line-two{top:61%;animation:scanPulse 3.6s ease-in-out 1.8s infinite}
.animation-label{position:absolute;left:18px;bottom:16px;z-index:4;background:rgba(10,18,21,.78);border:1px solid rgba(255,255,255,.24);padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.03em}
.mammut-story{font-size:1.04rem}
.mammut-story .section-title{color:#fff;margin-top:5px}
.mammut-story p{color:#d8e0e1}
.dark-eyebrow{color:#efb38f}
.mammut-note{font-size:.9rem;padding:13px 15px;border-left:3px solid var(--accent);background:rgba(255,255,255,.07);border-radius:0 8px 8px 0}
@keyframes mammutZoom{from{transform:scale(1)}to{transform:scale(1.065)}}
@keyframes radarSweep{from{transform:rotate(-54deg)}to{transform:rotate(54deg)}}
@keyframes scanPulse{0%,100%{opacity:.15;transform:translateY(-5px)}50%{opacity:.8;transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.mammut-animation img,.radar-sweep,.scan-line{animation:none}}
@media(max-width:900px){.mammut-grid{grid-template-columns:1fr}.mammut-animation,.mammut-animation img{min-height:400px}.mammut-story{max-width:760px}}
@media(max-width:520px){.mammut-animation,.mammut-animation img{min-height:300px}.mammut-grid{gap:26px}.radar-sweep{width:92%;height:92%;left:46%}}


/* V11: uitgebreid Mammut-blok met extra tekening */
.mammut-visuals{display:grid;gap:18px}
.mammut-blueprint{margin:0;background:#f7f5ef;color:var(--ink);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 48px rgba(0,0,0,.24)}
.mammut-blueprint img{width:100%;display:block;background:#fff;object-fit:contain;max-height:620px}
.mammut-blueprint figcaption{padding:14px 16px;font-size:.95rem;color:#425055}
.mammut-story a{color:#f1c7ad;font-weight:700}
.mammut-story a:hover{text-decoration:none}

/* V19: videoblok verwijderd; afbeeldingen staan weer als één kolom */
.mammut-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center}
.mammut-media{display:block}
@media(max-width:900px){.mammut-grid{grid-template-columns:1fr}.mammut-story{max-width:760px}}



/* Foto- en videobeheer */
.photo-open video { width:100%; height:100%; min-height:220px; object-fit:cover; display:block; }
.video-badge { position:absolute; left:12px; top:12px; background:rgba(0,0,0,.78); color:#fff; padding:7px 11px; border-radius:999px; font-weight:700; z-index:2; }
#lightbox-video { display:block; width:100%; max-height:70vh; background:#000; border-radius:12px; }
#lightbox-video[hidden], #lightbox-image[hidden] { display:none !important; }
.media-admin-row img, .media-admin-row video { width:110px; height:76px; object-fit:cover; border-radius:8px; background:#000; }
@media (max-width:700px){ .media-admin-row { grid-template-columns:80px 1fr; } .media-admin-row form { grid-column:1/-1; } .media-admin-row img,.media-admin-row video{width:80px;height:60px;} }


/* Vrij toegevoegde paginaonderdelen */
.extra-content-section { padding: 42px 0; }
.custom-page-block { margin: 0 0 38px; padding: 26px; border-radius: 18px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); }
.custom-page-block:last-child { margin-bottom: 0; }
.custom-page-media { margin: 18px 0; }
.custom-page-media img, .custom-page-media video { width: 100%; max-height: 720px; object-fit: contain; display: block; border-radius: 14px; background: #050b12; }
.custom-page-text { margin-top: 14px; }
.section-admin-preview img, .section-admin-preview video { width: 100%; max-height: 320px; object-fit: contain; border-radius: 12px; background: #071018; margin-top: 14px; }
.admin-main select { width:100%; padding:12px; border-radius:10px; }


/* Pagina-uitbreiding met 1, 2 of 3 kolommen */
.custom-columns{display:grid;gap:24px;margin:0 0 34px}
.custom-columns-1{grid-template-columns:minmax(0,1fr)}
.custom-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.custom-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.custom-column-card{padding:22px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);min-width:0}
.custom-column-card .section-title{font-size:clamp(1.35rem,2vw,2rem);margin:16px 0 10px}
.custom-column-media img,.custom-column-media video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:13px;background:#050b12}
.custom-column-text{line-height:1.72}
.admin-column-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.column-editor{min-width:0;padding:16px;border:1px solid rgba(0,0,0,.15);border-radius:12px}
.column-editor legend{font-weight:800;padding:0 7px}
.section-admin-top,.section-actions,.section-delete-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.section-admin-top{justify-content:space-between}.section-delete-actions{margin-top:14px}
@media(max-width:900px){.custom-columns-3,.admin-column-editor{grid-template-columns:1fr}.custom-columns-2{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.custom-columns-2{grid-template-columns:1fr}}


/* Evenementenkalender */
.events-section{padding:72px 0;background:rgba(5,20,34,.72)}
.events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.event-card{background:#fff;color:#17212b;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.2);display:flex;flex-direction:column}
.event-image{width:100%;height:220px;object-fit:cover;display:block}
.event-body{padding:22px;display:flex;flex-direction:column;gap:10px;height:100%}
.event-body h3{margin:0;font-size:1.35rem}.event-body p{margin:0}.event-date{font-weight:800;color:#0b6f9d}.event-location{font-weight:700}.event-description{line-height:1.65}.event-link{align-self:flex-start;margin-top:auto}
.event-admin-image{width:220px;max-height:160px;object-fit:cover;border-radius:12px;margin-bottom:16px}
@media(max-width:980px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.events-grid{grid-template-columns:1fr}.event-image{height:200px}}

/* NL / EN / FR taalkeuze */
.language-menu{position:relative;display:inline-block}
.language-menu summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.08);color:inherit;cursor:pointer;font-weight:800;white-space:nowrap;user-select:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:hover,.language-menu[open] summary{background:rgba(255,255,255,.14)}
.language-current-flag{font-size:1.15rem;line-height:1}
.language-current-code{font-size:.82rem;letter-spacing:.04em}
.language-chevron{font-size:.72rem;transition:transform .18s ease}
.language-menu[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;min-width:170px;padding:6px;background:#263238;border:1px solid rgba(255,255,255,.18);border-radius:11px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.language-options a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}
.language-options a:hover{background:rgba(255,255,255,.12)}
.language-options a.active{background:#fff;color:#263238}
.language-options a span{font-size:1.1rem}
@media(max-width:800px){.language-menu{order:10}.language-options{left:0;right:auto}}

/* Verbeterde taal-dropdown */
.site-header,.nav,.nav-links{overflow:visible}
.language-menu{position:relative;display:inline-block;z-index:5000;flex:0 0 auto}
.language-menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 12px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:#1f2a2f;color:#fff;cursor:pointer;font-weight:800;white-space:nowrap;user-select:none;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:hover,.language-menu[open] summary{background:#33444b;border-color:rgba(255,255,255,.55)}
.language-globe{font-size:1rem;opacity:.85}
.language-current-flag{font-size:1.65rem;line-height:1}
.language-current-label{font-size:.88rem;letter-spacing:.01em}
.language-chevron{font-size:.78rem;margin-left:2px;transition:transform .18s ease}
.language-menu[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 10px);z-index:99999;width:230px;padding:8px;background:#fff;color:#17212b;border:1px solid #d6dadd;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.language-options-title{padding:7px 10px 8px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b757a;border-bottom:1px solid #e6e9ea;margin-bottom:4px}
.language-options a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;color:#17212b!important;text-decoration:none;font-size:.92rem;font-weight:700;white-space:nowrap}
.language-options a:hover{background:#eef2f3}
.language-options a.active{background:#263238;color:#fff!important}
.language-options a>span:last-child{display:flex;flex-direction:column;line-height:1.15}
.language-options a strong{font-size:.92rem}
.language-options a small{font-size:.68rem;opacity:.65;margin-top:3px}
.language-option-flag{font-size:1.7rem;line-height:1}
@media(max-width:800px){.language-menu{order:10}.language-options{left:0;right:auto}.language-current-label{display:none}.language-menu summary{padding:7px 10px}}


/* Header taalmenu v3 - compact en buiten de navigatielinks */
.site-header{overflow:visible}
.site-header .nav{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:24px;overflow:visible}
.site-header .nav-links{display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:visible}
.site-header .nav-actions{display:flex;align-items:center;gap:12px;white-space:nowrap;position:relative;z-index:6000}
.site-header .nav-actions .admin-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid rgba(255,255,255,.35);border-radius:9px;text-decoration:none;color:#fff}
.language-menu{position:relative;display:block;z-index:7000}
.language-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;min-width:82px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-weight:800;white-space:nowrap;box-shadow:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::marker{content:""}
.language-menu summary:hover,.language-menu[open] summary{background:rgba(255,255,255,.14)}
.language-current-flag{font-size:1.25rem;line-height:1}
.language-short-label{font-size:.82rem;letter-spacing:.05em}
.language-chevron{font-size:.72rem;margin-left:1px}
.language-menu[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute!important;display:block!important;right:0!important;left:auto!important;top:calc(100% + 10px)!important;width:220px!important;min-width:220px!important;padding:8px!important;background:#fff!important;color:#17212b!important;border:1px solid #d9dee1!important;border-radius:12px!important;box-shadow:0 18px 40px rgba(0,0,0,.30)!important;z-index:999999!important}
.language-menu:not([open]) .language-options{display:none!important}
.language-options-title{display:block;padding:6px 10px 9px;margin-bottom:4px;border-bottom:1px solid #e7eaec;color:#6a7479;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.language-options a{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;padding:10px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#17212b!important;text-decoration:none!important;line-height:1.2!important}
.language-options a:hover{background:#eef2f3!important}
.language-options a.active{background:#263238!important;color:#fff!important}
.language-option-flag{font-size:1.45rem!important;line-height:1!important;flex:0 0 auto}
.language-options a>span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.language-options a strong{font-size:.9rem!important}
.language-options a small{font-size:.68rem!important;opacity:.65!important;margin-top:2px!important}
@media(max-width:1050px){.site-header .nav{grid-template-columns:1fr auto}.site-header .nav-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-bottom:12px;flex-wrap:wrap}.site-header .nav-actions{grid-column:2;grid-row:1}.site-header .nav{padding-top:10px}}
@media(max-width:620px){.site-header .nav{display:flex;flex-wrap:wrap;gap:12px}.site-header .brand{flex:1 1 210px}.site-header .nav-actions{margin-left:auto}.site-header .nav-links{order:3;width:100%;gap:14px;padding-bottom:10px}.site-header .nav-actions .admin-link{font-size:.82rem;padding:7px 10px}.language-menu summary{min-width:72px;height:40px}.language-options{right:0!important;width:205px!important;min-width:205px!important}}

/* V4: 24 officiële EU-talen - lange taalkeuze blijft leesbaar */
.language-options{max-height:min(68vh,520px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;}
.language-options a{min-height:48px;}
@media(max-width:620px){.language-options{max-height:60vh!important;}}
\n\n/* EU translator v5: compact, readable language selector in header */\n.eu-translate{display:flex;align-items:center;min-height:44px;position:relative;z-index:8000}\n.gtranslate_wrapper{display:flex;align-items:center;max-width:210px}\n.gtranslate_wrapper select,.gtranslate_wrapper .gt_selector{height:42px;max-width:205px;padding:0 34px 0 12px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:#263238;color:#fff;font:inherit;font-weight:800;cursor:pointer;outline:none}\n.gtranslate_wrapper select option,.gtranslate_wrapper .gt_selector option{background:#fff;color:#17212b}\n.gtranslate_wrapper a{color:#fff!important;text-decoration:none!important}\n.gtranslate_wrapper img{vertical-align:middle}\n@media(max-width:800px){.eu-translate{order:10;width:auto}.gtranslate_wrapper{max-width:170px}.gtranslate_wrapper select,.gtranslate_wrapper .gt_selector{max-width:165px}}\n
/* v7: ruimere desktop-header; logo verder links, navigatie rustiger naar rechts */
@media (min-width:1051px){
  .site-header .container.nav{
    width:min(1380px,calc(100% - 24px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
  .site-header .nav{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:30px;
  }
  .site-header .brand{
    justify-self:start;
  }
  .site-header .nav-links{
    justify-self:end;
    gap:24px;
  }
  .site-header .nav-actions{
    justify-self:end;
  }
}

/* Header positie fix */
@media (min-width:901px){
  .site-header .container.nav{
    max-width:none;
    width:100%;
    padding-left:18px;
    padding-right:28px;
  }
  .site-header .brand{
    margin-right:40px;
    flex-shrink:0;
  }
  .site-header .nav-links{
    margin-left:auto;
  }
  .site-header .nav-actions{
    margin-left:28px;
    flex-shrink:0;
  }
}

/* Desktop header - logo echt links, menu rechts */
@media (min-width:901px){

  .site-header .container.nav{
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:12px !important;
    padding-right:22px !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    column-gap:28px !important;
  }

  .site-header .brand{
    margin:0 !important;
    padding:0 !important;
    justify-self:start !important;
  }

  .site-header .nav-links{
    margin:0 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
  }

  .site-header .nav-actions{
    margin:0 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

}


/* Header layout: merk links, navigatie rechts */
@media (min-width:901px){

  .site-header .container.nav{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding-left:14px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    column-gap:42px !important;
  }

  .site-header .brand{
    justify-self:start !important;
    margin:0 !important;
  }

  .site-header .nav-links{
    justify-self:end !important;
    margin-left:auto !important;
    display:flex !important;
    gap:28px !important;
  }

  .site-header .nav-actions{
    justify-self:end !important;
    margin-left:18px !important;
    display:flex !important;
    gap:14px !important;
  }

}

/* German-Radar: toon de volledige tijdschriftcover in de galerij. */
.photo-open img[src$="20261020-185356-468b9d8c80c34f68.jpg"] {
  width: 100%;
  height: 280px;
  object-fit: contain;
  object-position: center;
  background: #f2f2f2;
  filter: none;
}
.photo-card:hover .photo-open img[src$="20261020-185356-468b9d8c80c34f68.jpg"],
.photo-open:focus-visible img[src$="20261020-185356-468b9d8c80c34f68.jpg"] {
  transform: none;
  filter: none;
}
@media (max-width: 800px) {
  .photo-open img[src$="20261020-185356-468b9d8c80c34f68.jpg"] {height: 250px;}
}
@media (max-width: 520px) {
  .photo-open img[src$="20261020-185356-468b9d8c80c34f68.jpg"] {height: 245px;}
}