:root {
  --MaxBreite: 1200px;
}


body {
  background-color: #ededed;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

a:link {
  color: white;
}
a:visited {
  color: #202020;
}

.Pixel5 {
  background-color: #ededed;
  height: 5px;
}

.Pixel5Black {
  background-color: #606060;
  height: 10px;
  max-width: var(--MaxBreite);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Ueberschrift {
  max-width: var(--MaxBreite);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.UeberschriftZurück {
  background-color: firebrick;
  color: yellow;
  max-width: 115px;
  min-width: 115px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.04em;
  transition: all ease-in-out 0.2s;
}
.UeberschriftZurück:hover {
  background-color: red;
  -webkit-transform: translate3d(2px, 2px, 2px);
          transform: translate3d(2px, 2px, 2px);
}

.UeberschriftText {
  background-color: firebrick;
  color: white;
  max-width: var(--MaxBreite);
  width: 100%;
  margin-left: 10px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.UeberschriftTOP {
  background-color: firebrick;
  color: white;
  max-width: var(--MaxBreite);
  width: 100;
  margin: 0 auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.KopfLogo {
  max-width: var(--MaxBreite);
  width: 100%;
  margin: 0 auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ButtonContainer {
  max-width: var(--MaxBreite);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: white;
  align-items: center;
  justify-content: center;
}

.LinkButton {
  background-color: firebrick;
  width: 380px;
  height: 50px;
  margin: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 1.1 em;
  display: flex;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  letter-spacing: 0.02em;
  transition: all ease-in-out 0.2s;
}
.LinkButton:hover {
  background-color: red;
  -webkit-transform: translate3d(2px, 2px, 2px);
          transform: translate3d(2px, 2px, 2px);
}

footer {
  position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: firebrick;
  color: black;
  opacity: 0.9;
  letter-spacing: 0.13em;
  max-width: var(--MaxBreite);
  width: 100%;
  margin: 0 auto;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  font-weight: 500;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (min-resolution: 1.5dppx) {
  body {
    font-size: 25px;
  }
  .UeberschriftZurück {
    height: 65px;
    max-width: 140px;
    min-width: 140px;
  }
  .UeberschriftText {
    height: 65px;
  }
  .UeberschriftTOP {
    height: 65px;
  }
  .LinkButton {
    height: 65px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
  body {
    font-size: 29px;
  }
  .UeberschriftZurück {
    height: 75px;
    max-width: 180px;
    min-width: 180px;
  }
  .UeberschriftText {
    height: 75px;
  }
  .UeberschriftTOP {
    height: 75px;
  }
  .LinkButton {
    height: 80px;
    width: 450px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
  screen and (-webkit-min-device-pixel-ratio: 3),
  screen and (min-resolution: 288dpi),
  screen and (min-resolution: 3dppx) {
  body {
    font-size: 30px;
  }
  .UeberschriftZurück {
    height: 90px;
    max-width: 200px;
    min-width: 200px;
  }
  .UeberschriftText {
    height: 90px;
  }
  .UeberschriftTOP {
    height: 90px;
  }
  .LinkButton {
    height: 100px;
    width: 450px;
  }
  footer {
    height: 60px;
  }
}