* {
  box-sizing: border-box; }

body, html {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-family: "PT Sans Caption", Arial, sans-serif;
  background-color: #1b2431;
  overflow-y: scroll; }

img {
  max-width: 100%;
  width: auto;
  height: auto; }

@supports (display: grid) {
  .page {
    width: 100%;
    display: grid;
    grid-template-rows: 7rem 87vh 7rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "header header header header header" ". inhalt inhalt inhalt ." "footer footer footer footer footer"; } }
.page {
  width: 100%;
  display: grid;
  grid-template-rows: 7rem 87vh 7rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "header header header header header" ". inhalt inhalt inhalt ." "footer footer footer footer footer"; }
  .page header {
    grid-area: header;
    background-color: #b82d0a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1.3px solid #ddd; }
    .page header h1 {
      display: inline-block;
      width: auto;
      padding: 0;
      margin: 0 0 0 3rem;
      color: #fff; }
    .page header nav {
      font-size: 1.6rem;
      margin: 0 3rem 0 0; }
      .page header nav menu menuitem a {
        color: #fff;
        text-decoration: none;
        margin: 0 0 0 1rem; }
  .page .inhalt {
    grid-area: inhalt;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page .inhalt .intro {
      margin: 10rem 0 0 10rem;
      text-align: center; }
      .page .inhalt .intro h1 {
        font-size: 3.5rem;
        color: #fff; }
      .page .inhalt .intro p {
        font-size: 2.2rem;
        color: #fff; }
      .page .inhalt .intro picture {
        max-width: 90%;
        border-radius: 2rem;
        overflow: hidden; }
        .page .inhalt .intro picture img {
          width: 8rem;
          height: 8rem; }
  .page footer {
    grid-area: footer;
    background-color: #b82d0a;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1.3px solid #ddd; }
    .page footer .copyright {
      margin: 0;
      padding: 0;
      font-size: 1.9rem;
      color: #fff;
      text-align: center;
      width: 100%;
      display: inline-block; }