/* Stationsplein 13 — eigen aanpassingen (2026-07-05) */

/* Groter basisfont (Rob: artikelen waren te klein) */
body {
  font-size: 1.125rem;   /* 18px */
}
@media (max-width: 767.98px) {
  body {
    font-size: 1.25rem;  /* 20px, twee stappen extra op de telefoon */
  }
}

/* Header-banner: foto als achtergrond (robuuster dan een <img>), 
   hoogte schaalt mee, url is relatief zodat alias- en hostname-route
   allebei werken */
.stpl13-hero {
  position: relative;
  background: url("../../../../../images/headers/stationsplein.png") center / cover no-repeat;
  height: clamp(150px, 25vw, 360px);
}
.stpl13-hero h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  color: #fff;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(1.4rem, 4.5vw, 3.4rem);
  letter-spacing: .08em;
  white-space: nowrap;
  text-shadow: 0 2px 10px rgba(0,0,0,.9), 0 0 3px rgba(0,0,0,.9);
}
.stpl13-quote {
  text-align: center;
  font-style: italic;
  color: #444;
  margin: 6px 0 0 0;
}

/* Video-embeds: vaste verhouding, geen vormloze blokken op iOS */
.mp4embed video {
  aspect-ratio: 16 / 9;
  width: 100%;
  background: #000;
}