:root {
  --schrift:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --tinte: #12204F;
  --tinte-hell: #1E3172;
  --tinte-hover: #283E88;
  --papier: #F6F4EE;
  --papier-2: #E9E6DC;
  --stift: #12204F;
  --stift-2: #3B4770;
  --koralle: #FF6F5E;
  --koralle-hell: #FF8577;
  --weiss: #F6F4EE;
  --blass: #B4C0E4;
  --gruen: #0F6B3E;
  --gruen-papier: #D3EEDD;
  --rand: clamp(18px, 4vw, 48px);
  --breite: 1120px;
  --text: clamp(19px, .35vw + 17.6px, 21px);
  --lese: 34em;
  --rund: 6px;
  --luecke: clamp(20px, 3vw, 40px);
  --ease: cubic-bezier(.22, .61, .36, 1);
  --bahn:
    radial-gradient(
      circle,
      #8E98BC 0 1.8px,
      transparent 2.3px);
  --sterne: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='300'%3E%3Cg fill='%23F6F4EE'%3E%3Ccircle cx='118' cy='62' r='1.3' opacity='.6'/%3E%3Ccircle cx='604' cy='38' r='1' opacity='.45'/%3E%3Ccircle cx='812' cy='214' r='1.6' opacity='.7'/%3E%3Ccircle cx='372' cy='252' r='1' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--schrift);
  font-size: var(--text);
  line-height: 1.6;
  color: var(--stift);
  background: var(--papier);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  body {
    overflow-x: clip;
  }
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
p,
ul,
ol,
figure,
blockquote {
  margin: 0;
}
ul,
ol {
  padding: 0;
  list-style: none;
}
button {
  font: inherit;
  color: inherit;
}
a {
  color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
:where(a, button):focus-visible {
  outline: 3px solid var(--tinte);
  outline-offset: 3px;
  border-radius: var(--rund);
}
.dunkel :where(a, button):focus-visible {
  outline-color: var(--weiss);
}
.koralle :where(a, button):focus-visible {
  outline-color: var(--tinte);
}
::selection {
  background: var(--koralle);
  color: var(--tinte);
}
.sprung {
  position: absolute;
  left: 16px;
  top: -120px;
  z-index: 50;
  padding: 12px 18px;
  font-size: 18px;
  font-weight: 700;
  color: var(--tinte);
  background: var(--weiss);
  border-radius: var(--rund);
}
.sprung:focus {
  top: 12px;
}
.rahmen {
  width: 100%;
  max-width: calc(var(--breite) + 2 * var(--rand));
  margin-inline: auto;
  padding-inline: var(--rand);
}
.band-kopf {
  color: var(--weiss);
  background: var(--sterne) 0 0 / 900px 300px repeat-x, var(--tinte);
}
.band-kopf .rahmen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 28px;
  padding-block: 12px;
}
.marke {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin-right: auto;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
  text-decoration: none;
  color: var(--weiss);
}
.marke img {
  height: 32px;
  width: auto;
}
.kopf-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0 22px;
}
.kopf-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  font-size: 18px;
  font-weight: 600;
  color: var(--blass);
  text-decoration: none;
}
.kopf-nav a:hover {
  color: var(--weiss);
  text-decoration: underline;
}
.kopf-nav a[aria-current=page] {
  color: var(--weiss);
  text-decoration: underline;
}
h1 {
  font-size: clamp(40px, 4vw + 20px, 76px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.035em;
  text-wrap: balance;
  overflow-wrap: break-word;
  hyphens: manual;
}
h2 {
  font-size: clamp(30px, 1.8vw + 21px, 46px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.028em;
  text-wrap: balance;
}
h3 {
  font-size: clamp(22px, .6vw + 19px, 27px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.015em;
}
.vorspann {
  margin-top: 22px;
  max-width: 30em;
  font-size: clamp(21px, .8vw + 17px, 26px);
  font-weight: 500;
  line-height: 1.45;
  color: var(--stift-2);
}
.zeile {
  font-size: 18px;
  font-weight: 600;
  color: var(--stift-2);
}
.lese {
  max-width: var(--lese);
}
.lese p + p,
.lese p + ul,
.lese ul + p {
  margin-top: .9em;
}
.abschnitt {
  margin-top: clamp(64px, 9vw, 128px);
}
.abschnitt > h2 + p,
.abschnitt > h2 + .lese {
  margin-top: 18px;
}
main {
  padding-bottom: clamp(64px, 9vw, 120px);
}
.knopf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 12px 28px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: var(--weiss);
  background: var(--tinte);
  border: 0;
  border-radius: var(--rund);
  cursor: pointer;
  transition: background-color .15s var(--ease), transform .1s var(--ease);
}
.knopf:hover {
  background: var(--tinte-hover);
}
.knopf:active {
  transform: translateY(1px);
}
.knopf.hell {
  color: var(--tinte);
  background: var(--weiss);
}
.knopf.hell:hover {
  background: #FFFFFF;
}
.knopf.leer {
  color: var(--tinte);
  background: none;
  box-shadow: inset 0 0 0 2px var(--tinte);
}
.knopf.leer:hover {
  background: var(--papier-2);
}
.textlink {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  font-size: 19px;
  font-weight: 700;
  color: var(--tinte);
  text-decoration: underline;
}
.textlink:hover {
  color: var(--tinte-hover);
}
.aktionen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 26px;
  margin-top: 32px;
}
.einstieg {
  padding-top: clamp(44px, 7vw, 104px);
}
.einstieg h1 {
  max-width: 15ch;
}
.einstieg-raster {
  display: grid;
  gap: 40px var(--luecke);
  align-items: end;
}
@media (min-width: 960px) {
  .einstieg-raster {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  }
}
.ueberblick h2 {
  font-size: 22px;
  letter-spacing: -.01em;
}
.ueberblick ul {
  margin-top: 12px;
}
.ueberblick li {
  position: relative;
  padding: 8px 0 8px 26px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4;
}
.ueberblick li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .95em;
  width: 9px;
  height: 9px;
  background: var(--tinte);
}
.strecke {
  display: grid;
  gap: 0;
  margin-top: clamp(32px, 4vw, 52px);
}
.halt {
  position: relative;
  padding: 34px 0 0;
}
.halt::before {
  content: "";
  position: absolute;
  left: 0;
  right: calc(-1 * var(--luecke));
  top: 4px;
  height: 6px;
  background: var(--bahn) 0 50% / 12px 6px repeat-x;
}
.halt:last-child::before {
  right: 0;
}
.halt::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--papier);
  box-shadow: inset 0 0 0 3px var(--tinte);
}
.halt.voll::after {
  background: var(--tinte);
  box-shadow: none;
}
@media (min-width: 900px) {
  .strecke.drei {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--luecke);
  }
  .strecke.zwei {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--luecke);
  }
}
@media (max-width: 899px) {
  .halt {
    padding: 0 0 30px 40px;
  }
  .halt::before {
    left: 4px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 6px;
    height: auto;
    background: var(--bahn) 50% 0 / 6px 12px repeat-y;
  }
  .halt:last-child::before {
    bottom: auto;
    height: 24px;
  }
  .halt::after {
    top: 8px;
  }
  .halt:last-child {
    padding-bottom: 0;
  }
}
.ziffer {
  display: block;
  font-size: clamp(88px, 7vw + 40px, 150px);
  font-weight: 200;
  line-height: .8;
  letter-spacing: -.06em;
  color: var(--stift-2);
}
.halt.voll .ziffer {
  font-weight: 800;
  color: var(--tinte);
}
.halt h3 {
  margin-top: 14px;
}
.halt p {
  margin-top: 8px;
  max-width: 26em;
}
@media (max-width: 899px) {
  .ziffer {
    font-size: 84px;
  }
}
.funk-neu {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px clamp(22px, 3.4vw, 52px);
  align-items: start;
  margin-top: clamp(32px, 4vw, 52px);
  padding: clamp(24px, 3.4vw, 48px);
  background: var(--papier-2);
  border-radius: var(--rund);
}
.funk-tag {
  font-size: clamp(110px, 9vw + 40px, 210px);
  font-weight: 800;
  line-height: .76;
  letter-spacing: -.07em;
  color: var(--tinte);
}
.funk-neu h3 {
  font-size: clamp(28px, 1.8vw + 19px, 46px);
  line-height: 1.08;
  letter-spacing: -.028em;
  text-wrap: balance;
}
.funk-neu p {
  margin-top: 12px;
  max-width: 30em;
  color: var(--stift-2);
  font-weight: 500;
}
.funk-neu .knopf {
  margin-top: 22px;
}
.funk-neu .zeile {
  margin-bottom: 10px;
}
@media (max-width: 599px) {
  .funk-neu {
    grid-template-columns: minmax(0, 1fr);
  }
  .funk-tag {
    font-size: 104px;
  }
}
.funk-halt a {
  text-decoration: none;
  display: block;
}
.funk-halt h3 {
  margin-top: 6px;
}
.funk-halt a:hover h3 {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.funk-halt p {
  color: var(--stift-2);
  font-size: 19px;
}
.wege {
  display: grid;
  gap: clamp(36px, 4vw, 56px) var(--luecke);
  margin-top: clamp(64px, 9vw, 128px);
}
@media (min-width: 960px) {
  .wege {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }
}
.weg-crew {
  padding: clamp(28px, 4vw, 56px);
  border-radius: var(--rund);
}
.weg-crew p {
  margin-top: 16px;
  max-width: 30em;
}
.weg-schule {
  padding-top: clamp(0px, 2vw, 24px);
}
.weg-schule p {
  margin-top: 14px;
}
.weg-schule .aktionen,
.weg-crew .aktionen {
  margin-top: 26px;
}
.hilfe-block {
  display: grid;
  gap: 22px var(--luecke);
  margin-top: clamp(64px, 9vw, 128px);
}
@media (min-width: 960px) {
  .hilfe-block {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.hilfe-block .lese {
  border-left: 6px solid var(--tinte);
  padding-left: clamp(18px, 2.4vw, 32px);
}
.dunkel {
  color: var(--weiss);
  background: var(--sterne) 0 0 / 900px 300px repeat, var(--tinte);
}
.dunkel p {
  color: #DCE2F2;
}
.dunkel a:not(.knopf) {
  color: var(--weiss);
}
.koralle {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 44px);
  margin-top: clamp(64px, 9vw, 128px);
  padding: clamp(26px, 4vw, 56px) clamp(24px, 4.4vw, 64px);
  color: var(--tinte);
  background: var(--koralle);
  border-radius: var(--rund);
}
.koralle-raki {
  flex: none;
  width: clamp(84px, 9vw, 130px);
}
.koralle-raki.koerper {
  width: clamp(92px, 10vw, 150px);
}
.koralle-text {
  min-width: 0;
}
.koralle .zeile {
  color: var(--tinte);
  font-weight: 700;
}
.koralle-satz {
  margin-top: 10px;
  font-size: clamp(34px, 3.4vw + 16px, 64px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.koralle-unter {
  margin-top: 16px;
  max-width: 32em;
  font-weight: 600;
}
@media (max-width: 599px) {
  .koralle {
    flex-direction: column;
    align-items: flex-start;
  }
  .koralle-raki {
    width: 84px;
  }
}
.zurueck-link {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  color: var(--stift-2);
}
.lektion-kopf {
  padding-top: clamp(28px, 4vw, 56px);
}
.lektion-kopf h1 {
  max-width: 17ch;
  margin-top: 16px;
}
.lektion-kopf .lese {
  margin-top: 28px;
}
.lektion-kopf .lese p:first-child {
  font-size: clamp(21px, .7vw + 18px, 25px);
  font-weight: 500;
  line-height: 1.5;
}
.zitat {
  margin-top: clamp(48px, 6vw, 80px);
  padding-left: clamp(18px, 2.4vw, 32px);
  border-left: 6px solid var(--tinte);
  max-width: 30em;
}
.zitat blockquote {
  font-size: clamp(26px, 1.4vw + 19px, 38px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -.02em;
}
.zitat figcaption {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 700;
  color: var(--stift-2);
}
.anruf {
  margin-top: 32px;
  max-width: 46em;
}
.anruf li {
  display: grid;
  gap: 4px 28px;
  padding: 18px 0;
}
@media (min-width: 700px) {
  .anruf li {
    grid-template-columns: 11em minmax(0, 1fr);
  }
}
.anruf .wer {
  font-size: 18px;
  font-weight: 700;
  color: var(--stift-2);
  padding-top: 3px;
}
.anruf .sie p {
  font-style: italic;
}
.anruf .fremd {
  padding: 20px 24px;
  background: var(--papier-2);
  border-radius: var(--rund);
}
.anruf .fremd p {
  font-weight: 600;
}
.schluss {
  margin-top: 28px;
  max-width: var(--lese);
  padding: 22px 26px;
  color: var(--weiss);
  background: var(--tinte);
  border-radius: var(--rund);
}
.schluss p {
  color: var(--weiss);
}
.zeichen {
  display: grid;
  gap: 30px var(--luecke);
  margin-top: 36px;
}
@media (min-width: 760px) {
  .zeichen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1040px) {
  .zeichen {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.zeichen p {
  margin-top: 8px;
}
.weg {
  margin-top: 36px;
  max-width: 46em;
}
.weg li {
  position: relative;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  column-gap: 22px;
  padding-bottom: 34px;
}
.weg li::before {
  content: "";
  position: absolute;
  left: 41px;
  top: 84px;
  bottom: 6px;
  width: 6px;
  background: var(--bahn) 50% 0 / 6px 12px repeat-y;
}
.weg li:last-child::before {
  display: none;
}
.weg .nr {
  font-size: 76px;
  font-weight: 200;
  line-height: .86;
  letter-spacing: -.05em;
  color: var(--stift-2);
  text-align: center;
}
.weg h3 {
  padding-top: 8px;
}
.weg p {
  margin-top: 8px;
}
.weg li:first-child .nr {
  font-size: 112px;
  font-weight: 800;
  color: var(--tinte);
}
.weg li:first-child h3 {
  font-size: clamp(28px, 1.4vw + 20px, 38px);
  padding-top: 14px;
}
.weg li:first-child {
  grid-template-columns: 88px minmax(0, 1fr);
}
.weg li:first-child::before {
  top: 112px;
}
.weg.knapp li {
  padding-bottom: 26px;
}
.weg.knapp .nr,
.weg.knapp li:first-child .nr {
  font-size: 64px;
  font-weight: 200;
  color: var(--stift-2);
}
.weg.knapp li::before,
.weg.knapp li:first-child::before {
  top: 70px;
}
.weg.knapp p {
  margin-top: 10px;
}
@media (max-width: 599px) {
  .weg li,
  .weg li:first-child {
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 14px;
  }
  .weg .nr {
    font-size: 56px;
  }
  .weg li:first-child .nr {
    font-size: 80px;
  }
  .weg li::before {
    left: 25px;
    top: 62px;
  }
  .weg li:first-child::before {
    top: 84px;
  }
  .weg.knapp .nr,
  .weg.knapp li:first-child .nr {
    font-size: 52px;
  }
  .weg.knapp li::before,
  .weg.knapp li:first-child::before {
    top: 58px;
  }
}
.band {
  margin-top: clamp(64px, 9vw, 128px);
  padding-block: clamp(48px, 7vw, 96px);
}
.band h2 {
  max-width: 18ch;
}
.band .lese {
  margin-top: 18px;
}
.enkel {
  margin-top: 30px;
  max-width: 40em;
}
.enkel li {
  position: relative;
  padding: 0 0 22px 40px;
}
.enkel li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  bottom: -8px;
  width: 6px;
  background:
    radial-gradient(
      circle,
      var(--blass) 0 1.8px,
      transparent 2.3px) 50% 0 / 6px 12px repeat-y;
}
.enkel li:last-child::before {
  display: none;
}
.enkel li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--tinte);
  box-shadow: inset 0 0 0 3px var(--blass);
}
.enkel strong {
  color: var(--weiss);
}
.check {
  margin-top: 32px;
  display: grid;
  gap: clamp(36px, 5vw, 56px);
  max-width: 46em;
}
.frage-nr {
  font-size: 18px;
  font-weight: 600;
  color: var(--stift-2);
}
.frage-text {
  margin-top: 6px;
  font-size: clamp(23px, .8vw + 19px, 29px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -.015em;
}
.antworten {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.antwort {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 64px;
  padding: 14px 22px;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--tinte);
  background: var(--papier);
  border: 0;
  border-radius: var(--rund);
  box-shadow: inset 0 0 0 2px var(--tinte);
  cursor: pointer;
  transition: background-color .15s var(--ease);
}
.antwort:hover:not(:disabled) {
  background: var(--papier-2);
}
.antwort:disabled {
  cursor: default;
}
.antwort.richtig {
  color: var(--gruen);
  background: var(--gruen-papier);
  box-shadow: inset 0 0 0 3px var(--gruen);
  font-weight: 700;
}
.antwort.richtig::before {
  content: "";
  flex: none;
  width: 28px;
  height: 28px;
  margin-right: 14px;
  border-radius: 50%;
  background: var(--gruen) 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='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.antwort.falsch {
  color: var(--stift-2);
  box-shadow: inset 0 0 0 2px #8E98BC;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}
.antwort.still {
  color: var(--stift-2);
  box-shadow: inset 0 0 0 2px #C9CCD6;
}
.erklaerung {
  margin-top: 14px;
  padding: 16px 20px;
  font-weight: 600;
  background: var(--papier-2);
  border-radius: var(--rund);
}
.erklaerung[hidden] {
  display: none;
}
.check-ende {
  font-size: 21px;
  font-weight: 700;
}
.geschafft {
  margin-top: clamp(64px, 9vw, 128px);
}
.geschafft p {
  margin-top: 16px;
}
.weiter-liste {
  margin-top: 26px;
  display: grid;
  gap: 4px;
}
.funk-kopf {
  margin-top: clamp(28px, 4vw, 56px);
  display: block;
}
.funk-kopf h1 {
  margin-top: 14px;
  max-width: 17ch;
  font-size: clamp(38px, 4vw + 18px, 74px);
}
.funk-kopf .vorspann {
  color: var(--tinte);
  font-weight: 600;
}
.anlass {
  margin-top: clamp(36px, 4vw, 52px);
  font-size: 18px;
  font-style: italic;
  color: var(--stift-2);
  max-width: var(--lese);
}
.funk-text {
  margin-top: 18px;
}
.funk-text strong {
  font-weight: 700;
}
.kind-block {
  margin-top: clamp(56px, 7vw, 96px);
  padding: clamp(26px, 4vw, 52px);
  border-radius: var(--rund);
}
.kind-block .lese {
  font-size: clamp(20px, .4vw + 18px, 22px);
}
.kind-nummer {
  margin-top: 20px;
  font-size: clamp(56px, 5vw + 28px, 96px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--weiss);
}
.kind-nummer + p {
  margin-top: 6px;
}
.lernwelt-links {
  margin-top: 18px;
  display: grid;
  gap: 2px;
}
.geteilt {
  margin-left: 4px;
  font-size: 18px;
  font-weight: 700;
  color: var(--gruen);
}
.aelter {
  margin-top: clamp(56px, 7vw, 88px);
}
.aelter a {
  display: block;
  max-width: 30em;
  text-decoration: none;
}
.aelter h3 {
  margin-top: 6px;
}
.aelter a:hover h3 {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.band-fuss {
  padding-block: clamp(52px, 7vw, 96px) 28px;
}
.band-fuss h2 {
  max-width: 16ch;
}
.band-fuss .lese {
  margin-top: 16px;
}
.fuss-zeile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 28px;
  margin-top: clamp(52px, 7vw, 88px);
  padding-top: 20px;
  border-top: 2px solid var(--tinte-hell);
}
.fuss-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}
.fuss-links a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  font-size: 17px;
  font-weight: 600;
  color: var(--blass);
}
.fuss-links a:hover {
  color: var(--weiss);
}
.fuss-marke {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--blass);
}
.fuss-marke img {
  height: 24px;
  width: auto;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition: none !important;
  }
}
.weg-crew h2,
.weg-schule h2,
.hilfe-block h2 {
  font-size: clamp(30px, 1.4vw + 22px, 44px);
}
.weg-crew .vorspann {
  color: var(--weiss);
  font-size: clamp(21px, .6vw + 18px, 24px);
}
.weg li > div > p:first-child {
  padding-top: 12px;
}
.weg li:first-child > div > p:first-child {
  padding-top: 26px;
}
.weg.knapp li > div > p:first-child {
  padding-top: 8px;
}
.kind-text {
  margin-top: 18px;
}
[hidden] {
  display: none !important;
}
.zeile,
.anlass {
  font-size: 19px;
}
.kind-block h2 {
  font-size: clamp(26px, 1vw + 20px, 34px);
}
@media (max-width: 599px) {
  .kopf-nav {
    gap: 0 18px;
  }
  .kopf-nav a {
    font-size: 17px;
  }
}
.zeichen {
  display: block;
  max-width: 46em;
}
.zeichen li {
  display: grid;
  gap: 4px 28px;
  padding: 18px 0;
}
.zeichen li + li {
  border-top: 2px dotted #8E98BC;
}
@media (min-width: 700px) {
  .zeichen li {
    grid-template-columns: 11em minmax(0, 1fr);
  }
  .zeichen p {
    margin-top: 0;
  }
}
.zeichen h3 {
  font-size: 22px;
}
.funk-kopf-tag {
  display: none;
}
@media (min-width: 900px) {
  .funk-kopf {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 40px;
    align-items: end;
  }
  .funk-kopf > div {
    grid-column: 1;
    grid-row: 1;
  }
  .funk-kopf-tag {
    display: block;
    grid-column: 2;
    grid-row: 1;
    font-size: clamp(150px, 14vw, 230px);
    font-weight: 800;
    line-height: .76;
    letter-spacing: -.07em;
    color: var(--tinte);
  }
}
.frage-nr {
  font-size: 19px;
}
.band-kopf {
  background: var(--tinte);
}
:root{--ml-k:"c5a0868e86288e03"}