.main-section{
    height: calc(100vh - 150px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    flex-direction: column;
    width: 100%;

}

.fehlermeldung{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80%;

}
   span.-xl
  {
    font-size: 5em;
    text-transform: uppercase;
    font-size: 5rem;
    line-height: 5rem !important;
  }

/* HTML: <div class="loader"></div> */
.loader {
  width: fit-content;
  text-transform: uppercase;
  color: #ee0d0d00;
  background: 
    linear-gradient(90deg,#0000 33%,#AF1737 0 67%,#0000 0) 
    0/300% 100% no-repeat text;
  animation: l2 2s linear infinite;
    font-size: 5em;
    text-transform: uppercase;
    font-size: 5rem;
    font-weight: bold;
}
.loader:before {
  content: "Stay tuned";
}
@keyframes l2 {
  0%{background-position: 100%}
}

  /* RESPONSIV */

/* „sm“ – größere Smartphones / portrait */
@media (max-width: 768px) { 
  .main-section{
    height: calc(100vh - 80px);
    text-align: center;
  }

}

/* „md“ – Tablets, kleinere Tablets */
@media (min-width: 768px) { }

/* „lg“ – Laptops, größere Tablets */
@media (min-width: 1024px) { }

/* „xl“ – klassische Desktop-Breiten */
@media (min-width: 1280px) { }

/* „xxl“ – große Desktop-/Ultra-Wide Screens */
@media (min-width: 1440px) { }