* {
  box-sizing: border-box;
}
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0px;
  display: flow-root;
}
h1 {
  color: #333;
}
p {
  margin-bottom: 10px;
}
strong {
  font-weight: bold;
}

/* Content */
.content{
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.content-headline{
  font-size: 2em;
  background-color: rgb(253, 176, 32);
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding: 3rem;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.content-text p strong{
  display: flex;
  justify-content: center;
}

.content-text p {
  max-width: 800px;
  line-height: 1.5em;
  color: #4a4a4a;
  font-weight: normal;
  text-align: center;
}

.content-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.content-header h1{
  font-size: 3rem;
  margin-bottom: 1.5rem;
}

/* Tablets und kleinere Bildschirme */
@media screen and (max-width: 768px) {
  .content-headline h1 {
    margin-top: 2rem;
    font-size: 3rem;
  }
}

@keyframes slideLeft {
  from {
    transform: translateX(300%);
  }
}
@keyframes slideUp {
  from {
    transform: translateY(10%);
  }
}
@keyframes shrink {
  50% {
    transform: scale(0, 1);
  }
}
@keyframes glow {
  50% {
    box-shadow: 0px 0px 20px hsl(34, 100%, 50%);
  }
}

@keyframes opacity{
  from {
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}