/* v128.7 — uitsluitend nieuwe informatieve pagina's en footerlinks.
   BZK-, Etil- en Esri-logoelementen, afbeeldingen en afmetingen blijven gelijk. */
.site-footer-inner { position: relative; }
.site-footer-links {
  position: absolute;
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: flex; justify-content: center; align-items: center;
  gap: 20px; white-space: nowrap; z-index: 1;
}
.site-footer-links a {
  font-size: 12px !important; font-weight: 600; color: #16426f;
  text-decoration: none; text-underline-offset: 3px;
}
.site-footer-links a:hover, .site-footer-links a:focus-visible { text-decoration: underline; }
.site-footer-links a:focus-visible { outline: 2px solid #16426f; outline-offset: 4px; }
@media (max-width: 1250px) {
  .site-footer-inner { flex-wrap: wrap; row-gap: 0; }
  .site-footer-links {
    position: static; transform: none; order: 3; flex: 0 0 100%;
    width: 100%; justify-content: center; padding: 0 12px 8px;
  }
  .site-footer-left { order: 1; }
  .site-footer-right { order: 2; }
}
@media (max-width: 760px) {
  .site-footer-links { justify-content: flex-start; padding-left: 12px; gap: 18px; }
}
.pa-info-page {
  width: min(1060px,100%); margin: 12px auto 34px; color: #173858;
}
.pa-info-page .pa-info-heading { margin: 0 0 22px; }
.pa-info-page h1 { color:#153e68; font-size: 30px; line-height:1.2; margin: 0 0 12px; }
.pa-info-page .pa-info-lead { font-size: 16px; line-height: 1.7; color: #3a5268; margin: 0; }
.pa-info-page .pa-info-panel {
  border: 1px solid #d6e0eb; border-radius: 7px; background: #fff;
  padding: 24px 28px; margin: 16px 0;
}
.pa-info-page h2 { color:#153e68; font-size: 20px; margin: 0 0 12px; }
.pa-info-page h3 { color:#153e68; font-size: 17px; margin: 20px 0 8px; }
.pa-info-page p, .pa-info-page li { font-size: 14px; line-height: 1.7; }
.pa-info-page p { margin: 0 0 12px; }
.pa-info-page p:last-child { margin-bottom: 0; }
.pa-info-page ul { padding-left: 22px; margin: 0 0 12px; }
.pa-info-page a { color:#174779; text-decoration: underline; text-underline-offset:2px; }
.pa-info-page a:focus-visible { outline:2px solid #174779; outline-offset:3px; }
.pa-info-page .pa-info-note { border-left: 4px solid #8caed2; background:#edf5fb; padding: 14px 16px; border-radius: 4px; }
.pa-info-page .pa-info-note p { margin: 0; }
.pa-info-page .pa-info-table { width:100%; border-collapse:collapse; table-layout:fixed; margin-top: 10px; }
.pa-info-page .pa-info-table th, .pa-info-page .pa-info-table td {
  font-size: 13px; line-height:1.55; padding:10px 12px; vertical-align:top;
  border-bottom:1px solid #dbe4ed; text-align:left; overflow-wrap:anywhere;
}
.pa-info-page .pa-info-table th { background:#edf3f8; color:#17416b; }
.pa-info-page .pa-info-back { display:inline-block; margin: 14px 0 0; font-weight:600; }
@media (max-width: 700px) {
  .pa-info-page { margin: 10px auto 24px; }
  .pa-info-page .pa-info-panel { padding: 18px 16px; }
  .pa-info-page h1 { font-size: 24px; }
  .pa-info-page .pa-info-table { display:block; overflow-x:auto; }
  .pa-info-page .pa-info-table th, .pa-info-page .pa-info-table td { min-width:135px; }
}
/* v128.15: rapportage-achtige kaarten, lichtblauwe uitstraling en landschapsachtergrond */
body.pa-info-landscape .shell{position:relative;}
body.pa-info-landscape .pa-info-page{
 max-width:1360px;width:min(1360px,100%);box-sizing:border-box;
 background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(247,251,255,.95) 37%,rgba(231,243,252,.78) 100%),
            url('../img/planatlas-landscape.png') center right/cover no-repeat;
 padding:28px 32px 34px;border:1px solid #c3d8e9;border-radius:16px;
 box-shadow:0 8px 34px rgba(20,63,96,.10);margin:14px auto 38px;
}
body.pa-info-landscape .pa-info-heading{padding:4px 8px;}
body.pa-info-landscape .pa-info-panel{
 background:rgba(235,246,254,.94);border:1px solid #bed5e7;border-radius:12px;
 box-shadow:0 4px 15px rgba(30,71,109,.06);padding:23px 28px;margin:18px 0;
}
body.pa-info-landscape .pa-info-note{background:rgba(255,255,255,.73);}
body.pa-info-landscape .pa-etil-contact{
 display:grid;grid-template-columns:minmax(260px, 0.85fr) minmax(320px,1.25fr);
 align-items:stretch;gap:0;overflow:hidden;padding:0;
}
body.pa-info-landscape .pa-etil-photo{min-height:340px;}
body.pa-info-landscape .pa-etil-photo img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;}
body.pa-info-landscape .pa-etil-details{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 gap:22px;padding:26px 34px;background:rgba(255,255,255,.88);
}
body.pa-info-landscape .pa-etil-intro{font-size:15px;line-height:1.5;font-weight:700;color:#193650;max-width:540px;margin:0;}
body.pa-info-landscape .pa-etil-logo{height:auto;max-width:370px;width:min(100%,370px);max-height:105px;object-fit:contain;object-position:left center;}
body.pa-info-landscape .pa-etil-details address{font-size:15px;font-style:normal;line-height:1.5;color:#253f54;}
body.pa-info-landscape .pa-etil-details p:last-child{margin:0;}
@media(max-width:760px){body.pa-info-landscape .pa-info-page{padding:17px 14px;}body.pa-info-landscape .pa-etil-contact{grid-template-columns:1fr;}body.pa-info-landscape .pa-etil-photo{min-height:240px;max-height:360px;}body.pa-info-landscape .pa-etil-photo img{min-height:240px;}body.pa-info-landscape .pa-etil-details{padding:22px 19px;}}

/* v128.16: info page cards left-aligned, original size preserved. */
body.pa-info-landscape main.shell{width:100%!important;max-width:none!important;margin:0!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box;}
body.pa-info-landscape .pa-info-page{margin-left:0!important;margin-right:auto!important;}
@media(max-width:760px){body.pa-info-landscape main.shell{padding-left:9px!important;padding-right:9px!important;}}

/* v128.19: compacte Contactpagina; twee even brede kaarten boven de campuskaart. */
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels){
  padding:clamp(12px,1.5vw,22px) clamp(14px,1.7vw,26px) 18px;
  margin-top:6px;margin-bottom:14px;
}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-info-heading{margin-bottom:6px;padding:0 3px;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-info-heading h1{margin-bottom:3px;font-size:clamp(21px,1.7vw,27px);}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-info-lead{font-size:13px;line-height:1.35;}
body.pa-info-landscape .pa-contact-top-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch;margin:10px 0;}
body.pa-info-landscape .pa-contact-top-panels .pa-info-panel{margin:0;padding:14px 18px;min-width:0;}
body.pa-info-landscape .pa-contact-top-panels .pa-info-panel:first-child{background:#ffffff;}
body.pa-info-landscape .pa-contact-top-panels h2{font-size:16px;margin-bottom:5px;}
body.pa-info-landscape .pa-contact-top-panels p{font-size:12.5px;line-height:1.4;margin-bottom:7px;}
body.pa-info-landscape .pa-contact-top-panels .button{padding:7px 12px;min-height:0;font-size:12px;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-contact{margin:9px 0;grid-template-columns:minmax(190px,.95fr) minmax(280px,1.3fr);}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-photo{min-height:210px;max-height:265px;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-photo img{min-height:210px;height:100%;object-fit:cover;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-details{padding:14px 20px;gap:9px;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-intro{font-size:13px;line-height:1.35;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-logo{max-height:64px;width:min(100%,255px);}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-details address{font-size:12.5px;line-height:1.4;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-details p{font-size:12.5px;line-height:1.4;}
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-info-back{margin-top:3px;}
@media(max-width:820px){body.pa-info-landscape .pa-contact-top-panels{grid-template-columns:1fr;}body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-contact{grid-template-columns:1fr;}body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-photo{min-height:200px;max-height:250px;}}

/* v128.21: lager richten op campusbord/entree, zonder de container te vergroten. */
body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-photo img{
 object-position:center 72%;
}

/* v128.24: Privacy and Contact scroll inside their landscape content frame,
   not behind the shared header or three-logo footer. */
body.pa-info-landscape > main.shell {
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
body.pa-info-landscape > main.shell > .pa-info-page {
  flex:1 1 auto;
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overflow-x:auto;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
  margin-top:0!important;
  margin-bottom:0!important;
}
@media print {
  body.pa-info-landscape > main.shell,
  body.pa-info-landscape > main.shell > .pa-info-page {
    overflow:visible!important; max-height:none!important;
    flex:none!important;
  }
}

/* v128.30: align the Etil information column with the Privacyvragen panel.
   The top panels use two equal columns with a 13px gap. Matching the bottom
   columns and compensating for half of that gap aligns the left text edges.
   The campus image and the existing footer/scroll behavior remain intact. */
@media (min-width:821px) {
  body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-contact {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.pa-info-landscape .pa-info-page:has(.pa-contact-top-panels) .pa-etil-details {
    padding-left:26px;
  }
}