.folien-seite {
  --e: min(1vw, 1.7778vh);
  --grund: var(--papier);
  --schrift-f: var(--tinte);
  --leise: var(--stift-2);
  --linie: var(--tinte);
  --bahn-f:
    radial-gradient(
      circle,
      #8E98BC 0 1.8px,
      transparent 2.3px);
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  color: var(--schrift-f);
  background: var(--grund);
  font-size: calc(var(--e) * 2);
}
.folien-seite[data-ton=dunkel] {
  --grund: var(--tinte);
  --schrift-f: var(--weiss);
  --leise: var(--blass);
  --linie: var(--weiss);
  --bahn-f:
    radial-gradient(
      circle,
      #6F7DB0 0 1.8px,
      transparent 2.3px);
  background: var(--sterne) 0 0 / 900px 300px repeat, var(--tinte);
}
.folien-seite[data-ton=koralle] {
  --grund: var(--koralle);
  --schrift-f: var(--tinte);
  --leise: var(--tinte);
  --linie: var(--tinte);
  --bahn-f:
    radial-gradient(
      circle,
      var(--tinte) 0 1.8px,
      transparent 2.3px);
  background: var(--koralle);
}
.folien-seite :where(a, button):focus-visible {
  outline-color: var(--linie);
}
.folie {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: safe center;
  padding: calc(var(--e) * 4) calc(var(--e) * 7) max(104px, calc(var(--e) * 7.4));
  overflow-y: auto;
  animation: folie-auf .35s var(--ease) both;
}
.folie[hidden] {
  display: none;
}
@keyframes folie-auf {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .folie {
    animation: none;
  }
}
.folie > * {
  max-width: calc(var(--e) * 86);
}
.f-zeile {
  font-size: calc(var(--e) * 1.5);
  font-weight: 700;
  line-height: 1.3;
  color: var(--leise);
}
.folie h1 {
  margin-top: calc(var(--e) * 1.2);
  max-width: 11ch;
  font-size: calc(var(--e) * 6.6);
  line-height: 1;
  letter-spacing: -.04em;
}
.folie h2 {
  margin-top: calc(var(--e) * 1);
  max-width: 21ch;
  font-size: calc(var(--e) * 4.3);
  line-height: 1.06;
  letter-spacing: -.032em;
}
.f-unter {
  margin-top: calc(var(--e) * 1.8);
  font-size: calc(var(--e) * 2.4);
  font-weight: 500;
  line-height: 1.3;
  color: var(--leise);
}
.folien-seite[data-ton=koralle] .f-unter {
  font-weight: 600;
}
.f-rumpf {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 0 calc(var(--e) * 5);
  align-items: start;
  margin-top: calc(var(--e) * 3.6);
}
.f-rumpf.voll {
  grid-template-columns: minmax(0, 1fr);
}
.f-liste li {
  position: relative;
  padding-left: calc(var(--e) * 2.2);
  font-size: calc(var(--e) * 2.1);
  font-weight: 500;
  line-height: 1.3;
}
.f-liste li + li {
  margin-top: calc(var(--e) * 1.5);
}
.f-liste li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .5em;
  width: calc(var(--e) * .6);
  height: calc(var(--e) * .6);
  background: var(--linie);
}
.f-liste b {
  font-weight: 800;
}
.f-regeln li {
  display: grid;
  grid-template-columns: calc(var(--e) * 3.4) minmax(0, 1fr);
  align-items: baseline;
}
.f-regeln li + li {
  margin-top: calc(var(--e) * 1.1);
}
.f-regeln .nr {
  font-size: calc(var(--e) * 3.4);
  font-weight: 200;
  line-height: 1;
  letter-spacing: -.05em;
  color: var(--leise);
}
.f-regeln li span:last-child {
  font-size: calc(var(--e) * 2.05);
  font-weight: 600;
  line-height: 1.28;
}
.f-regeln li.wichtig .nr {
  font-weight: 800;
  color: var(--schrift-f);
}
.f-regeln li.wichtig span:last-child {
  font-weight: 800;
}
.f-merksatz {
  padding-left: calc(var(--e) * 1.8);
  border-left: calc(var(--e) * .4) solid var(--linie);
  font-size: calc(var(--e) * 2.7);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.02em;
}
.f-notiz {
  position: relative;
  padding-left: calc(var(--e) * 2.2);
  font-size: calc(var(--e) * 1.7);
  font-weight: 500;
  line-height: 1.42;
  color: var(--leise);
}
.f-notiz::before {
  content: "";
  position: absolute;
  left: calc(var(--e) * .3);
  top: .35em;
  bottom: .2em;
  width: 6px;
  background: var(--bahn-f) 50% 0 / 6px 12px repeat-y;
}
.f-notiz b {
  color: var(--schrift-f);
  font-weight: 700;
}
.f-unten {
  margin-top: calc(var(--e) * 3);
}
.f-merksatz + .f-notiz,
.f-notiz + .f-merksatz {
  margin-top: calc(var(--e) * 2.4);
}
.f-halte {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 calc(var(--e) * 3.4);
  margin-top: calc(var(--e) * 3.6);
}
.f-halt {
  position: relative;
  padding-top: calc(var(--e) * 2.6);
}
.f-halt::before {
  content: "";
  position: absolute;
  left: 0;
  right: calc(var(--e) * -3.4);
  top: 4px;
  height: 6px;
  background: var(--bahn-f) 0 50% / 12px 6px repeat-x;
}
.f-halt:last-child::before {
  right: 0;
}
.f-halt::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--grund);
  box-shadow: inset 0 0 0 3px var(--linie);
}
.f-halt:first-child::after {
  background: var(--linie);
  box-shadow: none;
}
.f-halt h3 {
  font-size: calc(var(--e) * 2.4);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.015em;
}
.f-halt p {
  margin-top: calc(var(--e) * .8);
  font-size: calc(var(--e) * 1.7);
  font-weight: 500;
  line-height: 1.38;
  color: var(--leise);
}
.f-halt .ziffer-f {
  display: block;
  font-size: calc(var(--e) * 6);
  font-weight: 200;
  line-height: .85;
  letter-spacing: -.06em;
  color: var(--leise);
}
.f-halt:first-child .ziffer-f {
  font-weight: 800;
  color: var(--schrift-f);
}
.f-halt .ziffer-f + p {
  margin-top: calc(var(--e) * 1.2);
  font-size: calc(var(--e) * 2);
  color: var(--schrift-f);
  line-height: 1.3;
}
.f-halt .ziffer-f + p b {
  font-weight: 800;
}
.f-halte + .f-rumpf {
  margin-top: calc(var(--e) * 3.4);
}
.f-marke {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--e) * .8);
  font-size: calc(var(--e) * 1.8);
  font-weight: 700;
  letter-spacing: -.02em;
}
.f-marke img {
  height: calc(var(--e) * 3);
  width: auto;
}
.f-titel-raki {
  position: absolute;
  right: calc(var(--e) * 7);
  bottom: max(104px, calc(var(--e) * 7.4));
  width: calc(var(--e) * 19);
}
.f-titel h1 {
  margin-top: calc(var(--e) * 4);
}
.f-fuss {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: 0 calc(var(--e) * 4);
  margin-top: calc(var(--e) * 4.4);
}
.f-fuss .f-halt {
  padding-top: calc(var(--e) * 2.2);
}
.f-fuss .f-halt::before {
  right: calc(var(--e) * -4);
}
.f-fuss .f-halt:last-child::before {
  right: 0;
}
.f-fuss p {
  margin: 0;
  font-size: calc(var(--e) * 1.7);
  font-weight: 600;
  color: var(--schrift-f);
}
.f-qr {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0 calc(var(--e) * 4);
  align-items: center;
  margin-top: calc(var(--e) * 3.4);
}
.f-qr-karte {
  padding: calc(var(--e) * 1.1);
  background: #FFFFFF;
  border-radius: var(--rund);
  box-shadow: inset 0 0 0 2px var(--tinte);
}
.f-qr-karte img {
  width: calc(var(--e) * 17);
  height: auto;
  image-rendering: pixelated;
}
.f-adresse {
  display: block;
  font-size: calc(var(--e) * 3.8);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.03em;
}
.f-qr-text p {
  margin-top: calc(var(--e) * 1);
  font-size: calc(var(--e) * 1.75);
  font-weight: 500;
  line-height: 1.38;
  color: var(--leise);
}
.f-qr-text p b {
  color: var(--schrift-f);
}
.f-schluss {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0 calc(var(--e) * 4);
  align-items: center;
}
.f-schluss-raki {
  width: calc(var(--e) * 15);
}
.f-schluss h2 {
  font-size: calc(var(--e) * 5);
  max-width: 15ch;
}
.f-schluss .f-merksatz {
  margin-top: calc(var(--e) * 3);
  max-width: 30ch;
}
.leiste {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 14px calc(var(--e) * 7 - 4px) 16px;
  background: var(--grund);
}
.folien-seite[data-ton=dunkel] .leiste {
  background: transparent;
}
.leiste-zurueck {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 4px;
  font-size: 17px;
  font-weight: 600;
  color: var(--leise);
  text-decoration: underline;
}
.leiste-zurueck:hover {
  color: var(--schrift-f);
}
.z-kurz {
  display: none;
}
.verlauf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.bahn-punkte {
  display: flex;
  align-items: center;
  gap: 0;
}
.bahn-punkte i {
  position: relative;
  display: block;
  width: 26px;
  height: 14px;
}
.bahn-punkte i::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
  height: 6px;
  background: var(--bahn-f) 0 50% / 12px 6px repeat-x;
}
.bahn-punkte i:last-child {
  width: 14px;
}
.bahn-punkte i:last-child::before {
  display: none;
}
.bahn-punkte i::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--grund);
  box-shadow: inset 0 0 0 2.5px var(--leise);
}
.bahn-punkte i.war::after {
  background: var(--leise);
  box-shadow: none;
}
.bahn-punkte i.jetzt::after {
  background: var(--linie);
  box-shadow: 0 0 0 3px var(--grund), 0 0 0 5px var(--linie);
}
.zaehler {
  font-size: 15px;
  font-weight: 700;
  color: var(--leise);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.knoepfe {
  justify-self: end;
  display: flex;
  gap: 10px;
}
.folien-seite .knoepfe .knopf {
  min-height: 52px;
  padding: 10px 22px;
  font-size: 18px;
  gap: 8px;
}
.folien-seite .knopf svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.folien-seite .knopf:disabled {
  opacity: .35;
  cursor: default;
}
.folien-seite .knopf.leer {
  color: var(--schrift-f);
  box-shadow: inset 0 0 0 2px var(--schrift-f);
}
.folien-seite .knopf.leer:hover:not(:disabled) {
  background: rgba(127, 127, 127, .14);
}
.folien-seite[data-ton=dunkel] .knopf:not(.leer) {
  color: var(--tinte);
  background: var(--weiss);
}
.folien-seite[data-ton=dunkel] .knopf:not(.leer):hover {
  background: #FFFFFF;
}
.vorbereitung {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(18, 32, 79, .94);
}
.vorbereitung-karte {
  width: 100%;
  max-width: 640px;
  max-height: 100%;
  overflow-y: auto;
  padding: clamp(24px, 4vw, 40px);
  color: var(--tinte);
  background: var(--papier);
  border-radius: var(--rund);
}
.vorbereitung .zeile {
  font-size: 18px;
}
.vorbereitung h2 {
  margin-top: 8px;
  font-size: clamp(26px, 2vw + 16px, 34px);
}
.vorbereitung ul {
  margin-top: 18px;
}
.vorbereitung li {
  position: relative;
  padding: 8px 0 8px 26px;
  font-size: 19px;
  line-height: 1.45;
}
.vorbereitung li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .95em;
  width: 9px;
  height: 9px;
  background: var(--tinte);
}
.vorbereitung li a {
  font-weight: 700;
}
.vorbereitung .aktionen {
  margin-top: 24px;
}
.folien-seite[data-ton] .vorbereitung .knopf {
  color: var(--weiss);
  background: var(--tinte);
}
.folien-seite[data-ton] .vorbereitung .knopf:hover {
  background: var(--tinte-hover);
}
@media (max-width: 760px), (max-aspect-ratio: 1/1), (max-height: 500px) {
  .folien-seite {
    --e: 9px;
  }
  .folie {
    padding: 28px 20px 112px;
    justify-content: flex-start;
  }
  .folie h1 {
    font-size: 46px;
  }
  .folie h2 {
    font-size: 34px;
  }
  .f-zeile,
  .f-notiz,
  .f-halt p,
  .f-qr-text p,
  .f-fuss p {
    font-size: 17px;
  }
  .f-unter {
    font-size: 21px;
  }
  .f-liste li,
  .f-regeln li span:last-child,
  .f-halt .ziffer-f + p {
    font-size: 19px;
  }
  .f-merksatz {
    font-size: 23px;
  }
  .f-halt h3 {
    font-size: 21px;
  }
  .f-rumpf,
  .f-halte,
  .f-qr,
  .f-schluss,
  .f-fuss {
    grid-template-columns: minmax(0, 1fr);
  }
  .f-rumpf > * + *,
  .f-fuss > * + * {
    margin-top: 24px;
  }
  .f-halte {
    gap: 0;
  }
  .f-halt {
    padding: 0 0 22px 34px;
  }
  .f-halt::before {
    left: 4px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 6px;
    height: auto;
    background: var(--bahn-f) 50% 0 / 6px 12px repeat-y;
  }
  .f-halt:last-child::before {
    height: 20px;
    bottom: auto;
  }
  .f-fuss .f-halt {
    padding: 0 0 0 34px;
  }
  .f-fuss .f-halt::before {
    right: auto;
    bottom: -24px;
  }
  .f-halt::after {
    top: 6px;
  }
  .f-qr-karte {
    justify-self: start;
    margin-bottom: 20px;
  }
  .f-qr-karte img {
    width: 180px;
  }
  .f-adresse {
    font-size: 30px;
  }
  .f-titel-raki {
    position: static;
    width: 120px;
    margin-top: 28px;
  }
  .f-schluss-raki {
    width: 110px;
    margin-bottom: 18px;
  }
  .f-schluss h2 {
    font-size: 36px;
  }
  .f-marke img {
    height: 32px;
  }
  .f-marke {
    font-size: 20px;
  }
  .leiste {
    padding: 10px 14px 12px;
    gap: 10px;
  }
  .bahn-punkte {
    display: none;
  }
  .z-lang {
    display: none;
  }
  .z-kurz {
    display: inline;
  }
  .folien-seite .knoepfe .knopf {
    min-height: 48px;
    padding: 10px 14px;
  }
  .knopf .wort {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .folien-seite[data-ton=dunkel] .leiste {
    background: var(--tinte);
  }
}
.blatt-seite {
  --druck: #1C1F26;
  --druck-2: #4A505C;
  --druck-3: #8A909C;
  --druck-linie: #C9CCD3;
  margin: 0;
  padding: 0 0 40px;
  background: var(--papier-2);
  color: var(--druck);
  font-size: 16px;
  line-height: 1.35;
}
.blatt-seite,
.blatt-seite .sheet {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ml-toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
  padding: 12px var(--rand);
  color: var(--weiss);
  background: var(--tinte);
}
.ml-toolbar a,
.ml-toolbar button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 10px 20px;
  font: inherit;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  border-radius: var(--rund);
}
.ml-toolbar .ml-pdf {
  color: var(--tinte);
  background: var(--koralle);
}
.ml-toolbar .ml-pdf:hover {
  background: var(--koralle-hell);
}
.ml-toolbar .ml-print {
  color: var(--tinte);
  background: var(--weiss);
}
.ml-toolbar .ml-print:hover {
  background: #FFFFFF;
}
.ml-toolbar .ml-back {
  color: var(--weiss);
  background: none;
  box-shadow: inset 0 0 0 2px var(--blass);
}
.ml-toolbar .ml-back:hover {
  box-shadow: inset 0 0 0 2px var(--weiss);
}
.ml-toolbar svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.ml-toolbar :focus-visible {
  outline-color: var(--weiss);
}
.sheet {
  width: 210mm;
  height: 297mm;
  margin: 28px auto 0;
  overflow: hidden;
  position: relative;
  padding: 12mm 15mm 10mm;
  background: #FFFFFF;
  color: var(--druck);
  box-shadow: 0 10px 40px rgba(18, 32, 79, .18);
}
.inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.b-kopf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6mm;
  padding-bottom: 3.2mm;
  border-bottom: .5mm solid var(--druck);
}
.b-marke {
  display: inline-flex;
  align-items: center;
  gap: 2.4mm;
  font-size: 13pt;
  font-weight: 700;
  letter-spacing: -.02em;
}
.b-marke img {
  height: 8.5mm;
  width: auto;
}
.b-kopf-text {
  text-align: right;
  font-size: 8.5pt;
  line-height: 1.4;
  color: var(--druck-2);
}
.b-kopf-text b {
  display: block;
  font-size: 9.5pt;
  color: var(--druck);
}
.b-titel {
  margin-top: 4.6mm;
}
.b-zeile {
  font-size: 9.5pt;
  font-weight: 700;
  color: var(--druck-2);
}
.b-titel h1 {
  margin-top: 1.4mm;
  max-width: none;
  font-size: 24pt;
  line-height: 1.04;
  letter-spacing: -.03em;
}
.b-titel h1 span {
  display: block;
  margin-top: 1.6mm;
  font-size: 12pt;
  font-weight: 600;
  letter-spacing: -.005em;
  color: var(--druck-2);
}
.b-lead {
  margin-top: 2.6mm;
  max-width: 165mm;
  font-size: 10.5pt;
  line-height: 1.42;
  color: var(--druck-2);
}
.b-regeln {
  margin-top: 4.2mm;
}
.b-regeln li {
  position: relative;
  display: grid;
  grid-template-columns: 12mm minmax(0, 1fr);
  padding-bottom: 2.2mm;
}
.b-regeln .nr {
  font-size: 20pt;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--druck);
  text-align: center;
}
.b-regeln b {
  display: block;
  padding-top: .6mm;
  font-size: 11pt;
  line-height: 1.25;
}
.b-regeln span.txt {
  display: block;
  margin-top: .7mm;
  font-size: 9.5pt;
  line-height: 1.34;
  color: var(--druck-2);
}
.b-codewort {
  margin-top: 3mm;
  padding: 3.2mm 5mm 3.6mm;
  border: .45mm solid var(--druck);
  border-radius: 1.6mm;
}
.b-codewort .b-zeile {
  color: var(--druck-2);
}
.b-codewort b.zeile-b {
  display: block;
  margin-top: 1mm;
  font-size: 11.5pt;
  line-height: 1.22;
}
.b-codewort p {
  margin-top: 1.4mm;
  font-size: 9.5pt;
  line-height: 1.36;
  color: var(--druck-2);
}
.b-feld {
  display: flex;
  align-items: baseline;
  gap: 3mm;
  margin-top: 2.6mm;
  font-size: 9pt;
  font-weight: 700;
  color: var(--druck-2);
}
.b-feld .linie {
  flex: 1;
  height: 6mm;
  border-bottom: .3mm solid var(--druck);
}
.b-vertrag {
  margin-top: 4.4mm;
}
.b-vertrag b {
  display: block;
  font-size: 11pt;
  line-height: 1.25;
}
.b-vertrag p {
  margin-top: 1.2mm;
  font-size: 9.5pt;
  line-height: 1.36;
  color: var(--druck-2);
}
.b-raki {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5mm;
  align-items: center;
  margin-top: 4.2mm;
  padding-left: 4.4mm;
  border-left: 1.4mm solid var(--druck);
}
.b-raki p {
  font-size: 10.5pt;
  font-weight: 600;
  line-height: 1.38;
}
.b-raki p b {
  font-weight: 800;
}
.b-raki img {
  width: 12mm;
  height: auto;
}
.b-qr {
  display: flex;
  gap: 6mm;
  align-items: center;
  margin-top: auto;
  padding-top: 3.4mm;
  border-top: .3mm dotted var(--druck-3);
}
.b-qr img {
  flex: none;
  width: 24mm;
  height: 24mm;
  image-rendering: pixelated;
}
.b-qr .adresse {
  display: block;
  font-size: 14pt;
  font-weight: 800;
  letter-spacing: -.02em;
}
.b-qr p {
  margin-top: 1.2mm;
  font-size: 9pt;
  line-height: 1.38;
  color: var(--druck-2);
}
.b-qr p.hilfe {
  margin-top: 1.8mm;
  font-weight: 700;
  color: var(--druck);
}
.b-fuss {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 6mm;
  margin-top: 3mm;
  padding-top: 2.4mm;
  border-top: .5mm solid var(--druck);
  font-size: 8.5pt;
  color: var(--druck-2);
}
.b-fuss b {
  color: var(--druck);
  font-size: 9pt;
}
@media screen and (max-width: 860px) {
  .sheet {
    width: auto;
    height: auto;
    margin: 16px 12px 0;
    padding: 22px 18px 18px;
    overflow: visible;
    box-shadow: none;
  }
  .inner {
    height: auto;
  }
  .b-kopf {
    flex-wrap: wrap;
  }
  .b-kopf-text {
    text-align: left;
  }
  .b-titel h1 {
    font-size: 30px;
  }
  .b-titel h1 span {
    font-size: 19px;
  }
  .b-lead,
  .b-regeln span.txt,
  .b-codewort p,
  .b-vertrag p,
  .b-qr p,
  .b-raki p {
    font-size: 17px;
  }
  .b-regeln b,
  .b-codewort b.zeile-b,
  .b-vertrag b {
    font-size: 18px;
  }
  .b-zeile,
  .b-fuss,
  .b-kopf-text,
  .b-feld {
    font-size: 15px;
  }
  .b-regeln li {
    grid-template-columns: 48px minmax(0, 1fr);
    padding-bottom: 16px;
  }
  .b-regeln .nr {
    font-size: 32px;
  }
  .b-qr {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 22px;
  }
  .b-qr img {
    width: 120px;
    height: 120px;
  }
  .b-fuss {
    flex-direction: column;
    gap: 4px;
  }
  .b-codewort,
  .b-vertrag,
  .b-raki {
    margin-top: 20px;
  }
  .ml-toolbar a,
  .ml-toolbar button {
    padding: 10px 14px;
    font-size: 16px;
  }
}
@page {
  size: A4;
  margin: 0;
}
@media print {
  .blatt-seite {
    background: #FFFFFF;
    padding: 0;
  }
  .ml-toolbar {
    display: none !important;
  }
  .sheet {
    margin: 0;
    width: 210mm;
    height: 296mm;
    overflow: hidden;
    box-shadow: none;
    zoom: .85;
  }
  body#blatt:target .sheet {
    zoom: 1;
  }
}
.f-halte.gleich .f-halt:first-child::after,
.f-fuss.gleich .f-halt:first-child::after {
  background: var(--grund);
  box-shadow: inset 0 0 0 3px var(--linie);
}
.f-halt .f-bsp {
  margin-top: calc(var(--e) * 1);
  font-style: italic;
  color: var(--schrift-f);
}
.f-halt p.f-satz {
  margin-top: 0;
  font-size: calc(var(--e) * 2);
  line-height: 1.3;
  color: var(--schrift-f);
}
.f-halt p.f-satz b {
  font-weight: 800;
}
.kc-schmal {
  max-width: calc(var(--e) * 62);
}
.kc-titel .f-fuss {
  max-width: calc(var(--e) * 62);
  grid-template-columns: max-content max-content minmax(0, 1fr);
}
.f-fragen li {
  display: grid;
  grid-template-columns: calc(var(--e) * 3.4) minmax(0, 1fr);
  align-items: baseline;
  padding-bottom: calc(var(--e) * 1.8);
  background: var(--bahn-f) 0 100% / 12px 6px repeat-x;
}
.f-fragen li + li {
  margin-top: calc(var(--e) * 1.8);
}
.f-fragen .nr {
  font-size: calc(var(--e) * 3.4);
  font-weight: 200;
  line-height: 1;
  letter-spacing: -.05em;
  color: var(--leise);
}
.f-fragen li span:last-child {
  font-size: calc(var(--e) * 2.05);
  font-weight: 600;
  line-height: 1.28;
}
.f-merksatz.kc-gross {
  font-size: calc(var(--e) * 3.1);
  max-width: 24ch;
}
.f-quelle {
  margin-top: calc(var(--e) * 1.2);
  font-size: calc(var(--e) * 1.5);
  font-weight: 700;
  line-height: 1.3;
  color: var(--leise);
}
.f-quelle + .f-notiz {
  margin-top: calc(var(--e) * 2.6);
}
.f-schluss .f-notiz {
  max-width: 46ch;
}
@media (max-width: 760px), (max-aspect-ratio: 1/1), (max-height: 500px) {
  .f-halt p.f-satz,
  .f-fragen li span:last-child {
    font-size: 19px;
  }
  .f-halt .f-bsp {
    font-size: 17px;
  }
  .f-fragen .nr {
    font-size: 30px;
  }
  .f-fragen li {
    grid-template-columns: 40px minmax(0, 1fr);
  }
  .f-merksatz.kc-gross {
    font-size: 25px;
  }
  .f-quelle {
    font-size: 15px;
  }
  .kc-titel .f-fuss {
    max-width: none;
    grid-template-columns: minmax(0, 1fr);
  }
}
:root{--ml-k:"c5a0868e86288e03"}