body {
      background: linear-gradient(to bottom, #ffebd9, #ffffff);
      background-repeat: no-repeat;
      background-size: 100% 400px;
      margin: 0px;
      font-family: 'Open Sans', sans-serif;
      font-size: 17px;
      font-weight: 400;
      color: #555555;
      line-height: 1.5;
    }

    h1 {
      padding-top: 30px;
      font-size: 34px;
      font-weight: 500;
      text-transform: uppercase;
      color: #2c3e50;
    }

    h2, h3, h4 {
      font-weight: 500;
      text-transform: uppercase;
      color: #2c3e50;
    }

    h2 { font-size: 24px; }
    h3 { font-size: 22px; padding-top: 30px; }
    h4 { font-size: 17px; }

    a {
      font-weight: 500;
      color: #2c3e50;
    }

    table {
      border-collapse: collapse;
    }

    td {
      vertical-align: top;
    }

    address {
      font-style: normal;
    }

    .container {
      background-image: url('./mensch.png');
      background-repeat: no-repeat;
      background-position: right;
      display: grid;
      justify-content: center;
      gap: 20px;
    }

    .container-impressum {
      background-repeat: no-repeat;
      background-position: right;
      display: grid;
      justify-content: center;
      gap: 20px;
    }

    .top {
      display: grid;
      grid-template-columns: 1fr;
      max-width: 1000px;
    }

    .bottom {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      max-width: 1000px;
      gap: 20px;
      margin-top: 30px;
      padding: 0px 10px;
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid #2c3e50;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(20, 20, 20, 0.3);
      font-size: 16px;
      font-weight: 400;
      color: #555555;
    }

    .box {
      padding: 20px;
    }

    .copyright {
      font-size: 14px;
      color: #555555;
      text-align: center;
      margin-bottom: 10px;
    }

    @media (max-width: 768px) {
      .top,
      .middle,
      .bottom {
        grid-template-columns: 1fr;
      }
    }