:root {
  color-scheme: light;
  color: #263746;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  line-height: 1.65;
}

.brand {
  min-height: 310px;
  display: grid;
  place-items: center;
  padding: 32px 24px;
  border-bottom: 1px solid #e8edf0;
}

.brand img {
  display: block;
  width: min(580px, 100%);
  height: auto;
}

.imprint {
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 42px 24px 64px;
}

h1, h2 { line-height: 1.25; color: #18334a; }
h1 { margin: 0 0 32px; font-size: clamp(2rem, 5vw, 2.6rem); }
h2 { margin: 30px 0 8px; font-size: 1.2rem; }
address { font-style: normal; }
p { margin: 12px 0; color: #526976; }
a { color: #146a8a; text-underline-offset: 3px; }
.date { margin-top: 32px; font-size: .9rem; }

@media (max-width: 560px) {
  .brand { min-height: 230px; }
  .imprint { padding-top: 32px; }
}
