header, main, footer, nav {
  max-width:var(--page-max); margin:0 auto; padding:8px;
  line-height:1.5; color:#545454;
  box-shadow:0 0 2px rgba(0,0,0,.06);
}
header { background:#fff; font-size:16px; }
main   { background:var(--gptblue); font-size:16px; }
footer { background:var(--gptgelb); font-size:16px; }

main h2, header h2 {
  background-color:var(--gptlogofarbe); color:#fff;
  padding:8px; line-height:1.0;
  margin:3px auto; margin-top:1.3em;
}

footer h2 { text-transform:uppercase; font-size:16px; }
footer h2 a, footer h3 a { color:darkblue; text-decoration:none; }

nav { color:var(--gptlogofarbe); font-weight:bold; }
nav#menu { width:auto; height:100%; }
nav a { color:var(--gptlogofarbe); }

/* Generisches 2→4-Spalten Grid (für allgemeine Einbindungen, NICHT die iFrame-Spezialleiste) */
.container { display:grid; grid-gap:10px; grid-template-columns:1fr 1fr; }
.iframe    { width:100%; height:310px; border:none; }

@media all and (min-width:70em) {
  .container { grid-template-columns:repeat(4,1fr); }
}