:root {
  font-family: 'Graduate'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}

body {
  background-color: #62361b;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#flexbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100vh;
  width: 100vw;
}

#gridcontainer {
  display: grid;
  grid-template-columns: 100vw;
  grid-template-rows: 33.3vh 33.3vh 33.3vh;
}

.schriftcontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  margin: 20vh 0 0 0;
  padding: 0;
}


p {
  margin: 0;
  padding: 0;
  color: #c60c30;
  mix-blend-mode: color-dodge;
  font-size: 50vh;
  line-height: 0vh;
  animation-name: schriftanimation;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

@keyframes schriftanimation {
  0% {font-variation-settings: "XOPQ" 100, "XTRA" 100, "OPSZ" 16, "GRAD" 0, "YTRA" 850, "CNTR" 100,
    "YOPQ" 800, "SERF" 30, "YTAS" 0, "YTLC" 750, "YTDE" 0, "SELE" 0;}
  100% {font-variation-settings: "XOPQ" 900, "XTRA" 400, "OPSZ" 16, "GRAD" 0, "YTRA" 750, "CNTR" 100,
    "YOPQ" 100, "SERF" 0, "YTAS" 0, "YTLC" 650, "YTDE" 0, "SELE" 0;}
}

.verzoegerung0 {
  animation-delay: 0s;
}

.verzoegerung1 {
  animation-delay: 0.2s;
}

.verzoegerung2 {
  animation-delay: 0.4s;
}

.verzoegerung3 {
  animation-delay: 0.6s;
}

.verzoegerung4 {
  animation-delay: 0.8s;
}

.verzoegerung5 {
  animation-delay: 1s;
}

.verzoegerung6 {
  animation-delay: 1.2s;
}

.verzoegerung7 {
  animation-delay: 1.4s;
}

.verzoegerung8 {
  animation-delay: 1.6s;
}

.verzoegerung9 {
  animation-delay: 1.8s;
}

.verzoegerung10 {
  animation-delay: 2s;
}

.verzoegerung11 {
  animation-delay: 2.2s;
}

.verzoegerung12 {
  animation-delay: 2.4s;
}

.verzoegerung13 {
  animation-delay: 2.6s;
}

.verzoegerung14 {
  animation-delay: 2.8s;
}

.verzoegerung15 {
  animation-delay: 3s;
}

.verzoegerung16 {
  animation-delay: 3.2s;
}

.verzoegerung17 {
  animation-delay: 3.4s;
}