:root {
  --tinte: #12204F;
  --tinte-tief: #0C1740;
  --tinte-hell: #1E3172;
  --tinte-hover: #283E88;
  --weiss: #F4F3EF;
  --blass: #B4C0E4;
  --koralle: #FF6F5E;
  --koralle-hell: #FF8577;
  --kohle: #2A0D07;
  --gruen: #3CC98A;
  --gruen-tief: #06281A;
  --gelb: #F5C451;
  --gelb-tief: #3A2800;
  --luecke: clamp(18px, 2.4vw, 30px);
  --grund: var(--tinte);
  --papier: var(--tinte-hell);
  --papier-2: var(--tinte-tief);
  --stift: var(--weiss);
  --stift-2: var(--blass);
  --akzent: var(--koralle);
  --akzent-kante: var(--koralle);
  --akzent-text: var(--kohle);
  --markierung: rgba(255, 111, 94, .35);
  --gut-papier: var(--gruen);
  --gut-kante: var(--gruen);
  --gut-tief: var(--gruen-tief);
  --tipp-papier: var(--gelb);
  --tipp-tief: var(--gelb-tief);
  --fokus: var(--weiss);
  --schild: var(--tinte-hell);
  --schild-kante: var(--tinte-hell);
  --schild-text: var(--weiss);
  --hinweis: var(--blass);
  --rund: 6px;
  --bahn:
    radial-gradient(
      circle,
      var(--blass) 0 1.7px,
      transparent 2.2px);
}
body {
  color: var(--weiss);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cg fill='%23F4F3EF'%3E%3Ccircle cx='84' cy='96' r='1.4' opacity='.75'/%3E%3Ccircle cx='402' cy='52' r='1' opacity='.5'/%3E%3Ccircle cx='611' cy='188' r='1.8' opacity='.8'/%3E%3Ccircle cx='250' cy='311' r='1' opacity='.45'/%3E%3Ccircle cx='532' cy='430' r='1.2' opacity='.55'/%3E%3Ccircle cx='38' cy='502' r='1' opacity='.4'/%3E%3Ccircle cx='688' cy='604' r='1' opacity='.45'/%3E%3Ccircle cx='331' cy='640' r='1.5' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 720px 720px repeat, var(--tinte);
}
:where(a, button, [tabindex]):focus-visible {
  outline: 3px solid var(--weiss);
  outline-offset: 3px;
  border-radius: var(--rund);
}
.eltern :where(a, button, [tabindex]):focus-visible {
  outline-color: var(--tinte);
}
::selection {
  background: var(--koralle);
  color: var(--kohle);
}
.sprung {
  background: var(--weiss);
  color: var(--tinte);
  border-radius: var(--rund);
}
.kopfleiste {
  margin-bottom: clamp(20px, 3.4vw, 44px);
}
.marke {
  background: none;
  padding: 4px 0;
  border-radius: 0;
  color: var(--weiss);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.01em;
}
.marke img {
  width: 32px;
}
.hinweis,
.stufe-marke {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--blass);
}
.vergleich-link,
.leise-link {
  min-height: 44px;
  padding: 6px 0;
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--blass);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}
.vergleich-link:hover,
.leise-link:hover {
  color: var(--weiss);
}
.zurueck span[aria-hidden] {
  display: none;
}
.streifen {
  display: block;
  padding: 0;
  background: none;
  color: var(--weiss);
  font-size: clamp(38px, 4vw + 18px, 70px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.streifen.klein {
  font-size: clamp(28px, 1.6vw + 20px, 40px);
  letter-spacing: -.025em;
}
.unterzeile {
  display: block;
  margin-top: 16px;
  padding: 0;
  max-width: 34ch;
  background: none;
  border-radius: 0;
  font-size: clamp(20px, .6vw + 17px, 25px);
  font-weight: 500;
  line-height: 1.4;
  color: var(--blass);
}
.schild {
  color: var(--weiss);
  background: var(--tinte-hell);
  border: 0;
  border-radius: var(--rund);
  font-weight: 700;
  box-shadow: none;
  transform: none;
  transition: background-color .15s var(--ease), transform .1s var(--ease);
}
.schild:hover {
  background-color: var(--tinte-hover);
}
.schild:active {
  transform: translateY(1px);
}
.schild.primaer,
.weiter-frage {
  color: var(--kohle);
  background: var(--koralle);
}
.schild.primaer:hover,
.weiter-frage:hover {
  background: var(--koralle-hell);
}
.schild.ruhig {
  color: var(--blass);
  background: none;
  box-shadow: inset 0 0 0 2px var(--tinte-hell);
}
.start-kopf {
  align-items: flex-end;
  gap: clamp(22px, 4vw, 60px);
  margin-top: 0;
}
.szene,
.szene-bild {
  border-radius: var(--rund);
}
.raki-knopf {
  height: 74%;
  right: 3%;
  bottom: -3%;
}
.raki-voll {
  filter: drop-shadow(0 10px 10px rgba(6, 12, 36, .45));
  animation: none;
}
.raki-knopf.hopst .raki-voll {
  animation: hopsen .6s var(--ease);
}
.tipp-faehnchen {
  left: auto;
  right: 86%;
  top: 18%;
  transform: none;
  animation: none;
  padding: 7px 13px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--tinte);
  background: var(--weiss);
  border-radius: var(--rund);
  box-shadow: none;
}
.tipp-faehnchen::after {
  right: -6px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 0 2px 0 0;
}
.blase {
  background: var(--weiss);
  color: var(--tinte);
  font-weight: 700;
  border-radius: var(--rund);
}
.raki-blase {
  right: 30%;
  top: 20%;
  width: 48%;
  padding: 14px 18px;
  font-size: clamp(16px, 3cqi, 22px);
}
.reihen-raster {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-top: clamp(36px, 5vw, 64px);
}
.reihe-karte {
  position: relative;
}
.reihe-karte.erste {
  grid-column: 1 / -1;
  margin-bottom: clamp(30px, 4.4vw, 56px);
}
.reihe-karte.erste > a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  column-gap: clamp(18px, 3vw, 44px);
  row-gap: 8px;
  min-height: 0;
  padding: clamp(22px, 3vw, 40px);
  background: var(--koralle);
  color: var(--tinte);
  border-radius: var(--rund);
  transition: background-color .15s var(--ease);
}
.reihe-karte.erste > a:hover {
  background: var(--koralle-hell);
}
.reihe-karte.erste .reihe-nr {
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: start;
  display: block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  font-size: clamp(110px, 11vw, 188px);
  font-weight: 800;
  line-height: .76;
  letter-spacing: -.06em;
  color: var(--tinte);
}
.reihe-karte.erste .reihe-titel {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  font-size: clamp(30px, 2vw + 20px, 48px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.025em;
  color: var(--tinte);
}
.reihe-karte.erste .reihe-kurz {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  font-size: clamp(19px, .5vw + 16px, 23px);
  font-weight: 600;
  color: var(--tinte);
}
.reihe-karte.erste .reihe-stand {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  margin-top: 18px;
  font-size: 17px;
  font-weight: 700;
  color: var(--tinte);
}
.reihe-karte.erste .punkt {
  width: 30px;
  height: 8px;
  border: 0;
  border-radius: 4px;
  background: rgba(18, 32, 79, .22);
}
.reihe-karte.erste .punkt.an {
  background: var(--tinte);
}
.karte-raki {
  position: static;
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
  width: clamp(92px, 10vw, 136px);
  transform: none;
  filter: drop-shadow(0 8px 10px rgba(90, 24, 14, .3));
}
.los-schild {
  position: static;
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
  white-space: nowrap;
  min-height: 54px;
  padding: 10px 26px;
  font-size: 19px;
  font-weight: 700;
  color: var(--weiss);
  background: var(--tinte);
  border: 0;
  border-radius: var(--rund);
  transform: none;
  box-shadow: none;
}
.reihe-karte:not(.erste) > a,
.reihe-karte:not(.erste) > .karte-innen {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: none;
  row-gap: 6px;
  min-height: 0;
  height: auto;
  padding: 30px 0 0;
  background: none;
  border: 0;
  color: var(--weiss);
}
.reihe-karte:not(.erste) .reihe-nr {
  grid-column: 1;
  grid-row: auto;
  display: block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  font-size: 64px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--blass);
}
.reihe-karte:not(.erste) .reihe-titel {
  grid-column: 1;
  margin-top: 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--weiss);
}
.reihe-karte:not(.erste) .reihe-kurz {
  grid-column: 1;
  font-size: 17px;
  font-weight: 500;
  color: var(--blass);
}
.reihe-karte.offen:not(.erste) .reihe-nr {
  font-weight: 800;
  color: var(--koralle);
}
.reihe-karte.offen:not(.erste) > a:hover .reihe-titel {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.reihe-karte:not(.erste) .reihe-stand {
  grid-column: 1;
  color: var(--blass);
  font-size: 16px;
}
.bald-stempel {
  grid-column: 1;
  justify-self: start;
  margin-top: 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  transform: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--gelb);
}
.reihe-karte:not(.erste)::before {
  content: "";
  position: absolute;
  left: 0;
  right: calc(-1 * var(--luecke));
  top: 4px;
  height: 6px;
  background: var(--bahn) 0 50% / 12px 6px repeat-x;
}
.reihe-karte:not(.erste):last-child::before {
  right: 0;
}
.reihe-karte:not(.erste)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--tinte);
  box-shadow: inset 0 0 0 2.5px var(--blass);
}
.reihe-karte.offen:not(.erste)::after {
  background: var(--koralle);
  box-shadow: none;
}
@media (min-width: 900px) {
  .reihen-raster {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: var(--luecke);
  }
}
@media (max-width: 899px) {
  .reihe-karte:not(.erste) {
    padding-left: 34px;
  }
  .reihe-karte:not(.erste)::before {
    left: 4px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 6px;
    height: auto;
    background: var(--bahn) 50% 0 / 6px 12px repeat-y;
  }
  .reihe-karte:not(.erste):last-child::before {
    bottom: auto;
    height: 42px;
  }
  .reihe-karte:not(.erste)::after {
    top: 30px;
  }
  .reihe-karte:not(.erste) > a,
  .reihe-karte:not(.erste) > .karte-innen {
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 20px 0 22px;
  }
  .reihe-karte:not(.erste) .reihe-nr {
    grid-column: 1;
    grid-row: 1 / span 3;
    font-size: 52px;
  }
  .reihe-karte:not(.erste) .reihe-titel,
  .reihe-karte:not(.erste) .reihe-kurz,
  .reihe-karte:not(.erste) .reihe-stand,
  .reihe-karte:not(.erste) .bald-stempel {
    grid-column: 2;
  }
  .reihe-karte:not(.erste) .reihe-titel {
    margin-top: 2px;
  }
}
.neu-anfangen {
  margin-top: clamp(40px, 6vw, 72px);
}
.neu-frage,
.neu-erledigt {
  background: var(--tinte-hell);
  color: var(--weiss);
  border-radius: var(--rund);
}
.reihe-kopf {
  margin-top: 0;
}
.stationen-liste {
  gap: var(--luecke);
  margin-top: clamp(30px, 4vw, 52px);
}
.station-karte > a,
.station-karte > .karte-innen {
  background: none;
  color: var(--weiss);
}
.station-bild {
  border-radius: var(--rund);
}
.station-bild img {
  transition: transform .3s var(--ease);
}
.station-karte.offen > a:hover .station-bild img {
  transform: scale(1.03);
}
.station-text {
  position: relative;
  padding: 30px 0 4px;
  gap: 4px;
}
.station-text::before {
  content: "";
  position: absolute;
  left: 0;
  right: calc(-1 * var(--luecke));
  top: 4px;
  height: 6px;
  background: var(--bahn) 0 50% / 12px 6px repeat-x;
}
.station-karte:last-child .station-text::before {
  right: 0;
}
.station-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--tinte);
  box-shadow: inset 0 0 0 2.5px var(--blass);
}
.ist-geschafft .station-text::after {
  background: var(--gruen);
  box-shadow: none;
}
.station-nr {
  font-size: 17px;
  font-weight: 700;
  color: var(--koralle);
}
.station-titel {
  font-size: clamp(22px, .7vw + 18px, 27px);
  font-weight: 800;
  letter-spacing: -.015em;
  color: var(--weiss);
}
.station-karte.offen > a:hover .station-titel {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.station-karte.bald .karte-innen {
  padding: 0;
}
.station-karte.bald .station-nr {
  color: var(--blass);
}
.station-karte.bald .bald-stempel {
  margin: 6px 0 0;
}
.haken-kasten {
  top: 12px;
  right: 12px;
  width: 48px;
  height: 48px;
  background: var(--tinte);
  border: 2.5px solid var(--weiss);
  color: transparent;
}
.ist-geschafft .haken-kasten {
  background: var(--gruen);
  border-color: var(--gruen);
  color: var(--gruen-tief);
}
.abzeichen-feld {
  margin-top: clamp(40px, 5vw, 64px);
  padding: 0;
  background: none;
  gap: 24px;
}
.abzeichen {
  width: 100px;
  height: 100px;
  background: var(--tinte-tief);
  box-shadow: 0 0 0 4px var(--tinte), 0 0 0 7px rgba(180, 192, 228, .45);
}
.verdient .abzeichen {
  box-shadow: 0 0 0 4px var(--tinte), 0 0 0 7px var(--koralle);
}
.abzeichen-name {
  color: var(--weiss);
  font-weight: 800;
}
.abzeichen-stand {
  color: var(--blass);
  font-weight: 500;
}
.verdient .abzeichen-stand {
  color: var(--gruen);
}
.station > .streifen {
  margin-top: 0;
  max-width: 18ch;
}
.geschichte {
  margin-top: clamp(28px, 3.6vw, 48px);
}
.bild-rahmen img {
  border-radius: var(--rund);
}
.karteikarte {
  padding: 0;
  background: none;
}
.karteikarte p {
  max-width: 36em;
  color: var(--weiss);
  font-weight: 400;
  line-height: 1.7;
}
.merksatz {
  align-items: center;
  background: var(--koralle);
  color: var(--tinte);
  border: 0;
  border-radius: var(--rund);
  box-shadow: none;
}
.merksatz-raki {
  width: clamp(84px, 9vw, 128px);
  transform: none;
  filter: drop-shadow(0 8px 10px rgba(90, 24, 14, .3));
}
.merksatz-label {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--tinte);
}
.merksatz-label img {
  width: 30px;
}
.merksatz-text {
  font-size: clamp(32px, 3.4vw + 16px, 62px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.08;
  color: var(--tinte);
}
.merksatz-zitat {
  color: var(--tinte);
  font-weight: 600;
}
.frage {
  margin-top: 22px;
  padding: 0;
  background: none;
}
.frage-nr {
  font-size: 17px;
  font-weight: 600;
  color: var(--blass);
}
.frage-text {
  margin-top: 8px;
  font-size: clamp(24px, 1.2vw + 18px, 32px);
  font-weight: 800;
  letter-spacing: -.015em;
  color: var(--weiss);
}
.antwort {
  min-height: 72px;
  padding: 16px 22px;
  color: var(--weiss);
  background: var(--tinte-hell);
  border: 0;
  border-radius: var(--rund);
  box-shadow: none;
  transform: none;
  font-weight: 700;
  transition: background-color .15s var(--ease), transform .1s var(--ease);
}
.antwort:not(:disabled):not(.versucht):not(.richtig):hover {
  background: var(--tinte-hover);
}
.antwort:not(:disabled):not(.versucht):not(.richtig):active {
  transform: translateY(1px);
}
.antwort.richtig {
  background: var(--gruen);
  color: var(--gruen-tief);
}
.antwort.richtig::before {
  content: "";
  flex: none;
  width: 28px;
  height: 28px;
  margin-right: 14px;
  border-radius: 50%;
  background: var(--gruen-tief) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%233CC98A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.antwort.versucht,
.antwort:disabled {
  opacity: 1;
  color: var(--blass);
  background: none;
  box-shadow: inset 0 0 0 2px var(--tinte-hell);
}
.antwort.versucht {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(180, 192, 228, .7);
}
.antwort.richtig:disabled {
  color: var(--gruen-tief);
  background: var(--gruen);
  box-shadow: none;
}
.rueck-kopf {
  width: 64px;
  transform: none;
  filter: drop-shadow(0 6px 8px rgba(6, 12, 36, .45));
}
.erklaerung {
  border-radius: var(--rund);
  font-weight: 600;
  line-height: 1.5;
}
.weiter-frage {
  margin-top: 20px;
}
.geschafft {
  margin-top: clamp(36px, 5vw, 56px);
  padding: 0;
  background: none;
  gap: 22px;
}
.haken-stempel {
  width: 84px;
  height: 84px;
  border: 3px solid var(--tinte-hell);
  background: none;
}
.geschafft-text {
  color: var(--blass);
  font-weight: 700;
}
.geschafft-raki {
  width: 76px;
  transform: none;
  filter: drop-shadow(0 8px 10px rgba(6, 12, 36, .45));
}
.ist-geschafft .haken-stempel {
  width: 92px;
  height: 92px;
  transform: none;
  border: 0;
  color: var(--gruen-tief);
  background: var(--gruen);
  box-shadow: none;
}
.ist-geschafft .geschafft-text {
  color: var(--gruen);
}
.frisch .haken-stempel {
  animation: einrasten .45s var(--ease) both;
}
@keyframes einrasten {
  0% {
    transform: scale(.6);
    opacity: 0;
  }
  70% {
    transform: scale(1.06);
    opacity: 1;
  }
  100% {
    transform: none;
  }
}
.hilfe {
  margin-top: 32px;
  padding: clamp(20px, 2.6vw, 30px);
  background: var(--tinte-hell);
  border: 0;
  border-radius: var(--rund);
}
.hilfe p {
  color: var(--weiss);
  font-size: 20px;
  font-weight: 500;
}
.hilfe-wege {
  margin-top: 16px;
}
.hilfe-wege .schild:first-child {
  color: var(--kohle);
  background: var(--koralle);
}
.hilfe-wege .schild:first-child:hover {
  background: var(--koralle-hell);
}
.hilfe-wege .schild + .schild {
  background: none;
  box-shadow: inset 0 0 0 2px var(--blass);
}
.hilfe-wege .schild + .schild:hover {
  background: var(--tinte-hover);
}
.weiter-nav {
  margin-top: clamp(36px, 5vw, 56px);
}
.eltern {
  background: var(--weiss);
  color: var(--tinte);
  border-top: 0;
  border-radius: var(--rund);
  box-shadow: none;
}
.eltern h2,
.eltern h3 {
  color: var(--tinte);
  font-weight: 800;
}
.eltern-aufgabe {
  background: #E3E7F2;
  border-radius: var(--rund);
}
.eltern-klein {
  color: #3B4770;
}
.eltern a {
  color: #1D3A8A;
}
.eltern .schild,
.eltern a.schild {
  color: var(--weiss);
  background: var(--tinte);
  text-decoration: none;
}
.eltern .schild:hover {
  background: var(--tinte-hover);
}
.fuss {
  margin-top: clamp(32px, 5vw, 56px);
  padding-top: 0;
}
.fuss-link {
  min-height: 44px;
  padding: 8px 16px;
  color: var(--weiss);
  background: var(--tinte-hell);
  border-radius: var(--rund);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.fuss-link:hover {
  background: var(--tinte-hover);
}
.fuss-marke {
  color: var(--blass);
  font-size: 15px;
  font-weight: 600;
}
.fuss-marke img {
  width: 22px;
}
@media (max-width: 599px) {
  .station-text::before {
    right: 0;
  }
  .reihe-karte.erste > a {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: none;
    padding: 22px;
  }
  .reihe-karte.erste .reihe-nr {
    grid-column: 1;
    grid-row: 1;
    font-size: 104px;
  }
  .karte-raki {
    grid-column: 2;
    grid-row: 1;
    width: 78px;
    align-self: start;
  }
  .reihe-karte.erste .reihe-titel {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 14px;
  }
  .reihe-karte.erste .reihe-kurz {
    grid-column: 1 / -1;
    grid-row: 3;
  }
  .reihe-karte.erste .reihe-stand {
    grid-column: 1 / -1;
    grid-row: 4;
  }
  .los-schild {
    grid-column: 1 / -1;
    grid-row: 5;
    justify-self: stretch;
    justify-content: center;
    margin: 18px 0 0;
  }
}
@media (max-width: 700px) {
  .raki-knopf {
    height: 78%;
    bottom: -4%;
    right: 2%;
  }
  .tipp-faehnchen {
    left: auto;
    right: 90%;
    top: 14%;
    font-size: 14px;
  }
  .raki-blase {
    right: auto;
    top: auto;
    margin-top: 14px;
    width: auto;
  }
  .kopfleiste .hinweis {
    font-size: 16px;
  }
  .hilfe p {
    font-size: 19px;
  }
}
body.stufe-ab-klasse-5 .kopf-band .kopfleiste {
  margin-bottom: 0;
}
body.stufe-ab-klasse-5 main {
  margin-top: clamp(20px, 3.4vw, 44px);
}
@media (max-width: 560px) {
  body.stufe-ab-klasse-5 .ml-marke {
    min-width: 48px;
    justify-content: center;
  }
}
@media (max-width: 900px) {
  body.stufe-ab-klasse-5 .kopf-band .kopfleiste {
    flex-wrap: nowrap;
    gap: 10px;
  }
  body.stufe-ab-klasse-5 .kopf-band .zurueck {
    min-width: 0;
    flex: 0 1 auto;
    padding: 0 12px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 44px;
  }
  body.stufe-ab-klasse-5 .kopf-band .ausweis-chip,
  body.stufe-ab-klasse-5 .kopf-band .kopf-hilfe {
    flex: none;
  }
}
:root{--ml-k:"c5a0868e86288e03"}