.lauftext {
  margin: 7rem 0;
  padding: 0;
  position: relative;
  margin-bottom: 4rem !important;
}
@media screen and (width >= 1025px) { .lauftext { margin: 2rem 0; margin-bottom: 4rem !important; } }
@media screen and (width >= 1441px) { .lauftext { margin-bottom: 7rem !important; } }
@media screen and (width >= 1729px) { .lauftext { margin: 9rem 0; margin-bottom: 9rem !important; } }

.lauftext__behaelter { display: flex; flex-direction: column; }
@media screen and (width >= 1025px) {
  .lauftext__behaelter {
    display: grid;
    grid-template-columns: repeat(var(--raster-spalten), 1fr);
    gap: var(--raster-abstand);
    padding: 0;
  }
}

.lauftext__satz {
  color: var(--farbe-tinte);
  letter-spacing: -0.12rem;
  text-wrap: pretty;
  font-family: Inter, sans-serif;
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 118%;
}
@media screen and (width >= 1025px) { .lauftext__satz { font-size: 4.2rem; } }
@media screen and (width <= 700px)  { .lauftext__satz { font-size: 2.6rem; letter-spacing: -.08rem; } }
@media screen and (width >= 1025px) {
  .lauftext__satz { grid-column: 1 / span 9; font-size: 2.5rem; padding-right: 16rem; }
}
@media screen and (width >= 1441px) {
  .lauftext__satz {
    letter-spacing: -0.12rem;
    grid-column: 1 / span 18;
    max-width: 84.7rem;
    font-size: 3.2rem;
    padding-right: 5rem;
  }
}
@media screen and (width >= 1729px) {
  .lauftext__satz { letter-spacing: -0.14rem; max-width: 93.7rem; font-size: 3.5rem; }
}

.lauftext--mitte { margin: 7rem 0 !important; }
@media screen and (width >= 1025px) { .lauftext--mitte { margin: 8rem 0 !important; } }
@media screen and (width >= 1729px) { .lauftext--mitte { margin: 10rem 0 !important; } }

.lauftext--mitte .lauftext__satz {
  text-align: center;
  max-width: 68rem;
  margin: 0 auto;
  padding-right: 0;
}
@media screen and (width >= 1025px) {
  .lauftext--mitte .lauftext__satz { grid-column: 1 / -1; max-width: 76rem; }
}
@media screen and (width >= 1441px) {
  .lauftext--mitte .lauftext__satz { max-width: 104rem; }
}
@media screen and (width >= 1729px) {
  .lauftext--mitte .lauftext__satz { max-width: 116rem; }
}

.lauftext__wort {
  color: inherit;
  transition: color var(--dauer-3) var(--kurve-weich);
}
.lauftext__wort.ist-auf { color: var(--farbe-tinte); }

.lauftext__wort.ergebnis.ist-auf {
  background: var(--verlauf-gelb-zahl);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.grossmedium__huelle {
  aspect-ratio: 1320 / 824;
  background-color: var(--farbe-flaeche);
  margin-top: 3rem;
  display: flex;
}

.grossmedium__huelle--spot { aspect-ratio: 16 / 9; }
@media screen and (width >= 1025px) { .grossmedium__huelle { grid-column: 1 / -1; margin-top: 5rem; } }

.grossmedium {
  width: 100%;
  margin: auto;
  transition: transform var(--dauer-55) var(--kurve-feder) var(--verzug-3);
  box-shadow: var(--schatten-medium);
  background-color: var(--farbe-linie);
}
@media screen and (width >= 1025px) { .grossmedium { transform: scale(0); } }
.ist-drin .grossmedium { transform: scale(1); }