* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  /* background: radial-gradient(at 80% 20%, #fbf4f1 0%, #f4e4d9 50%); */
  background: #000;
  min-height: 100vh;
  font-family: Arial, sans-serif;
}

#main-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 6%;
  text-align: right;
}

#logo {
  display: block;
  margin: 10% auto 12%;
  width: 65%;
}

#images,
#text-container {
  width: 100%;
  /* background-color: #fbf5f0; */
  background: #d5d5d5;
  border: 2px solid #fff;
  margin: 0 auto 10%;
  padding: 10% 0 0;
  text-align: left;
}

#text-container {
  padding: 10% 6% 6%;
}

#text-container img,
#images img,
#images .error {
  display: block;
  width: 75%;
  margin: 0 auto 3%;
}

#images img.btnimg {
  width: 100%;
  margin: 0;
}

#images img#title {
  margin: 0 auto 10%;
}

#images a {
  display: block;
  width: 75%;
  margin: 0 auto 10%;
}

#link-impressum,
#link-datenschutz {
  display: inline-block;
  width: 27%;
  margin-bottom: 6%;
}

#link-impressum img,
#link-datenschutz img {
  display: block;
  width: 100%;
}

h1 {
  margin: 0 0 20px;
  font-size: 24px;
}
p {
  margin: 0 0 14px;
  font-size: 16px;
}

#btn-close {
  position: absolute;
  top: 20px;
  right: 3%;
  width: 6%;
  max-width: 30px;
}

#btn-close img {
  width: 100%;
}

#text-container img#title {
  display: block;
  width: 100%;
  margin: 0 auto 10%;
}