@media (min-width: 901px) {
  .schublade {
    width: min(480px, 100vw);
  }
}
.sb-kopf {
  align-items: flex-start;
}
.sb-titelbox {
  min-width: 0;
}
.sb-art {
  margin: 0 0 4px;
  color: var(--text-2);
  font: 600 var(--t-12)/1.2 var(--sans);
}
.sb-kopf h2 {
  margin: 0;
}
.sb-koerper,
.sb-form {
  display: grid;
  gap: var(--s-4);
  min-width: 0;
}
.sb-koerper > *,
.sb-form > * {
  min-width: 0;
}
.sb-zahlarten {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px var(--s-2);
  color: var(--text-3);
  font-size: var(--t-14);
}
.sb-zahlarten .zahlarten {
  gap: 0;
}
.sb-zahlarten .zahlarten li {
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--text-2);
  font: 500 var(--t-14)/1.6 var(--sans);
}
.sb-zahlarten .zahlarten li:not(:last-child)::after {
  content: "·";
  margin: 0 var(--s-2);
  color: var(--text-3);
}
.sb-beginn {
  font-size: var(--t-14);
}
.sb-was {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.55;
}
.sb-was-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  margin-block: -12px;
  color: var(--text);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(236, 238, 242, .3);
  text-underline-offset: 3px;
  white-space: nowrap;
}
.sb-was-link .ik {
  width: 14px;
  height: 14px;
  flex: none;
}
.sb-was-link:hover {
  color: var(--cyan);
  text-decoration-color: currentColor;
}
.sb-was-link:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
  border-radius: 4px;
}
.sb-gast {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.55;
}
.sb-live-karte {
  display: grid;
  gap: var(--s-3);
  padding: var(--s-4);
  border-radius: var(--r-3);
  background: var(--cyan-grund);
}
.sb-live-karte .sb-still-satz {
  margin: 0;
}
.sb-cup {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--s-3);
  row-gap: 2px;
  padding: var(--s-3);
  border-radius: var(--r-3);
  background: var(--bg-2);
}
.sb-cup .kachel-mini {
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: center;
  width: 60px;
  height: 60px;
}
.sb-cup-text {
  display: contents;
}
.sb-cup-text b {
  grid-column: 2;
  grid-row: 1;
  overflow-wrap: anywhere;
  font: 700 var(--t-14)/1.3 var(--sans);
}
.sb-cup-text small {
  grid-column: 2 / 4;
  color: var(--text-2);
  font-size: var(--t-12);
  line-height: 1.4;
}
.sb-cup-text .sb-cup-wann {
  color: var(--text-3);
  font: 400 var(--t-12)/1.4 var(--mono);
}
.sb-cup-wechsel {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  height: 32px;
  margin-block: -6px;
  padding: 0 var(--s-2);
  font-size: var(--t-12);
}
.sb-wer {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.5;
}
.sb-wer b {
  color: var(--text);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.sb-linkknopf {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-2);
  font: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(236, 238, 242, .3);
  text-underline-offset: 3px;
  cursor: pointer;
}
.sb-linkknopf:hover {
  color: var(--cyan);
  text-decoration-color: currentColor;
}
.sb-linkknopf[aria-busy=true] {
  color: var(--text-3);
}
.sb-linkknopf .lauflicht {
  display: none;
}
.sb-wer .sb-linkknopf {
  padding-block: 12px;
  margin-block: -12px;
}
.sb-stufen {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  display: grid;
  gap: var(--s-2);
}
.sb-stufen legend {
  padding: 0;
  margin-bottom: var(--s-2);
}
.sb-stufen .stufe b {
  font-size: var(--t-14);
}
.sb-stufen.ungueltig .stufe {
  border-color: var(--fehler);
}
.sb-varianten {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  display: grid;
  gap: var(--s-2);
}
.sb-varianten legend {
  padding: 0;
  margin-bottom: var(--s-2);
}
.varianten {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-2);
}
.variante {
  display: grid;
  gap: var(--s-2);
  align-content: start;
  min-height: 92px;
}
.variante .ik {
  width: 30px;
  height: 30px;
  color: var(--text-2);
  transition: color .15s var(--ease);
}
.variante b {
  padding-right: 0;
  font-size: var(--t-16);
  overflow-wrap: anywhere;
}
.variante:has(input:checked) .ik {
  color: var(--cyan);
}
.sb-varianten.ungueltig .variante {
  box-shadow: 0 0 0 1.5px var(--fehler) inset;
}
.sb-teil {
  display: grid;
  gap: var(--s-3);
  min-width: 0;
}
.sb-teil + .sb-teil {
  padding-top: var(--s-4);
  border-top: 1px solid var(--line);
}
.sb-teil-kopf {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  margin: 0;
  font: 700 var(--t-16)/1.3 var(--sans);
  letter-spacing: 0;
}
.sb-teil-nr {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--bg-3);
  color: var(--text);
  font: 700 var(--t-14)/1 var(--sans);
  font-variant-numeric: tabular-nums;
}
.sb-teile-liste {
  display: grid;
  gap: var(--s-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sb-teile-liste li[hidden] {
  display: none;
}
.sb-games {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  display: grid;
  gap: var(--s-2);
}
.sb-games legend {
  padding: 0;
  margin-bottom: var(--s-2);
}
.games-wahl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: var(--r-1);
  background: var(--bg-2);
  color: var(--text);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color .15s var(--ease), box-shadow .15s var(--ease);
}
.games-wahl:hover {
  background: var(--bg-3);
}
.games-wahl input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.games-wahl b {
  font: 700 var(--t-20)/1 var(--sans);
  font-variant-numeric: tabular-nums;
}
.games-wahl:has(input:checked) {
  background: rgba(56, 224, 255, .07);
  box-shadow: 0 0 0 1.5px var(--cyan) inset;
}
.games-wahl:has(input:checked) b {
  color: var(--cyan);
}
.games-wahl:has(input:focus-visible) {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
.sb-games.ungueltig .games-wahl {
  box-shadow: 0 0 0 1.5px var(--fehler) inset;
}
.games-preis {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.5;
}
.games-preis b {
  color: var(--text);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  .games-wahl {
    transition: none;
  }
}
.sb-dauer.ungueltig .dauer {
  box-shadow: 0 0 0 1.5px var(--fehler) inset;
}
.umfang {
  display: grid;
  gap: var(--s-1);
  align-content: start;
}
.umfang b {
  font-size: var(--t-16);
  overflow-wrap: anywhere;
}
.umfang-preis {
  color: var(--text);
  font: 700 var(--t-16)/1.2 var(--mono, var(--sans));
  font-variant-numeric: tabular-nums;
}
.umfang:has(input:checked) .umfang-preis {
  color: var(--cyan);
}
.umfang small {
  margin-top: 0;
}
.umfang-games {
  margin-top: var(--s-2);
  display: grid;
  gap: var(--s-2);
}
.umfang-games > .feld-name {
  margin: 0;
}
.umfang-games .feld-hilfe {
  margin: 0;
}
.nr-raster {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 6px;
}
.nr-raster .games-wahl:has(input:disabled:not(:checked)) {
  opacity: .45;
  cursor: not-allowed;
}
.nr-reihen {
  display: grid;
  gap: var(--s-3);
}
.nr-reihe {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.nr-reihe-name {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  font-weight: 600;
  line-height: 1.4;
}
.nr-zaehler {
  margin: 0;
  font-weight: 600;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.planmodus b {
  font-size: var(--t-16);
  overflow-wrap: anywhere;
}
.sb-planmodus.ungueltig .planmodus {
  box-shadow: 0 0 0 1.5px var(--fehler) inset;
}
.sb-planmodus-fest {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.sb-planmodus-fest[hidden] {
  display: none;
}
.sb-planmodus-fest > p {
  margin: 0;
}
.spot-modus {
  display: inline-flex;
  justify-self: start;
  gap: 2px;
  padding: 3px;
  border-radius: 11px;
  border: 1px solid var(--line-2);
}
.spot-modus button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  height: 44px;
  padding: 0 var(--s-4);
  border: 0;
  border-radius: var(--r-1);
  background: transparent;
  color: var(--text-2);
  font: 600 var(--t-14)/1 var(--sans);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    color .15s var(--ease),
    background-color .15s var(--ease),
    transform .12s var(--ease);
}
.spot-modus button:hover {
  color: var(--text);
  background: var(--bg-2);
}
.spot-modus button:active {
  transform: scale(.96);
}
.spot-modus button[aria-pressed=true] {
  color: var(--text);
  background: var(--bg-3);
  box-shadow: var(--licht-kante), 0 1px 2px rgba(2, 6, 16, .45);
}
.spot-modus button::before {
  content: "";
  position: absolute;
  left: var(--s-4);
  right: var(--s-4);
  bottom: 6px;
  height: 2px;
  border-radius: 1px;
  background: var(--verlauf-quer);
  opacity: 0;
  transition: opacity .15s var(--ease);
}
.spot-modus button[aria-pressed=true]::before {
  opacity: 1;
}
.spot-modus button:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .spot-modus button,
  .spot-modus button::before {
    transition: none;
  }
}
.spot-flaeche {
  --spot-gelb: #FFCB52;
  --spot-gelb-hell: #FFE08A;
  --spot-gold: #8A6516;
  --spot-kipp: 50deg;
  --spot-s: 470px;
  --spot-dicke: 18px;
  --spot-gr: 46px;
  --spot-saeule: 30;
  --heben: 0;
  display: grid;
  gap: var(--s-3);
  min-width: 0;
}
.spot-buehne {
  position: relative;
  isolation: isolate;
  padding: 20px 0 var(--s-5);
  perspective: var(--perspektive);
  perspective-origin: 50% 35%;
}
.spot-buehne::before {
  content: "";
  position: absolute;
  inset: 12% 2% 4%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      46% 42% at 34% 48%,
      rgba(56, 224, 255, .11),
      rgba(56, 224, 255, 0) 72%),
    radial-gradient(
      44% 40% at 68% 64%,
      rgba(168, 85, 247, .12),
      rgba(168, 85, 247, 0) 72%);
}
.spot-buehne::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  z-index: -1;
  width: min(98%, calc(var(--spot-s) * 1.12));
  height: 56px;
  transform: translateX(-50%);
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      closest-side,
      rgba(2, 6, 16, .95),
      rgba(2, 6, 16, .55) 50%,
      rgba(2, 6, 16, 0));
  filter: blur(8px);
}
.spot-liste,
.spot-karte {
  position: relative;
  z-index: 1;
}
.spot-raum {
  position: relative;
  width: min(100%, var(--spot-s));
  aspect-ratio: 10 / 7;
  margin: 0 auto;
  transform-style: preserve-3d;
  pointer-events: none;
}
.spot-welt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  aspect-ratio: 1 / 1;
  transform-style: preserve-3d;
  transform: translateY(-50%) rotateX(var(--spot-kipp));
}
.spot-kante {
  position: absolute;
  inset: 0;
  border-radius: 28px;
  pointer-events: none;
  background: rgb(calc(31 - var(--i) * 1.6) calc(52 - var(--i) * 2.6) calc(92 - var(--i) * 4.4));
  transform: translateZ(calc(var(--spot-dicke) * var(--i) / -12));
}
.spot-kante:first-child {
  box-shadow: 0 0 0 1px rgba(56, 224, 255, .1), 0 0 26px rgba(2, 6, 16, .5);
}
.spot-platte {
  position: absolute;
  inset: 0;
  border-radius: 28px;
  transform-style: preserve-3d;
  background:
    radial-gradient(
      64% 50% at 30% 26%,
      rgba(56, 224, 255, .1),
      rgba(56, 224, 255, 0) 72%),
    radial-gradient(
      58% 50% at 74% 78%,
      rgba(168, 85, 247, .13),
      rgba(168, 85, 247, 0) 72%),
    linear-gradient(
      180deg,
      #1D3762 0%,
      #14294F 46%,
      #0F2043 100%);
  box-shadow:
    inset 0 0 0 1px rgba(150, 172, 222, .26),
    inset 0 2px 0 rgba(255, 255, 255, .12),
    inset 0 0 48px rgba(2, 6, 16, .42);
}
.spot-raster {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image:
    linear-gradient(
      90deg,
      transparent calc(50% - .75px),
      rgba(56, 224, 255, .34) calc(50% - .75px),
      rgba(56, 224, 255, .34) calc(50% + .75px),
      transparent calc(50% + .75px)),
    linear-gradient(
      transparent calc(50% - .75px),
      rgba(56, 224, 255, .34) calc(50% - .75px),
      rgba(56, 224, 255, .34) calc(50% + .75px),
      transparent calc(50% + .75px)),
    linear-gradient(rgba(56, 224, 255, .15) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(56, 224, 255, .15) 1px,
      transparent 1px);
  background-size:
    100% 100%,
    100% 100%,
    10% 10%,
    10% 10%;
  filter: drop-shadow(0 0 2px rgba(56, 224, 255, .6));
  -webkit-mask-image:
    radial-gradient(
      closest-side,
      #000 58%,
      transparent 100%);
  mask-image:
    radial-gradient(
      closest-side,
      #000 58%,
      transparent 100%);
}
.spot-ring {
  position: absolute;
  left: 7%;
  top: 7%;
  width: 86%;
  height: 86%;
  border-radius: 50%;
  pointer-events: none;
  border: 1.5px solid rgba(56, 224, 255, .34);
  box-shadow: 0 0 14px rgba(56, 224, 255, .16), inset 0 0 14px rgba(56, 224, 255, .1);
}
.spot-ring::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: repeating-conic-gradient(rgba(150, 172, 222, .55) 0 1deg, rgba(150, 172, 222, 0) 1deg 10deg);
  -webkit-mask-image:
    radial-gradient(
      closest-side,
      transparent calc(100% - 8px),
      #000 calc(100% - 7px));
  mask-image:
    radial-gradient(
      closest-side,
      transparent calc(100% - 8px),
      #000 calc(100% - 7px));
}
.spot-kompass {
  position: absolute;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  pointer-events: none;
  transform: rotateX(calc(var(--spot-kipp) * -1));
}
.spot-kompass > b {
  position: absolute;
  left: -13px;
  bottom: 2px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #10203C;
  box-shadow: inset 0 0 0 1.5px rgba(150, 172, 222, .5), 0 6px 12px -4px rgba(2, 6, 16, .8);
  font: 700 var(--t-12)/1 var(--mono);
  color: var(--text-2);
}
.spot-kompass-n {
  left: 50%;
  top: 7%;
}
.spot-kompass-s {
  left: 50%;
  top: 93%;
}
.spot-kompass-w {
  left: 7%;
  top: 50%;
}
.spot-kompass-o {
  left: 93%;
  top: 50%;
}
.spot-kompass-n > b {
  color: var(--cyan);
  box-shadow:
    inset 0 0 0 1.5px var(--cyan),
    0 0 14px rgba(56, 224, 255, .45),
    0 6px 12px -4px rgba(2, 6, 16, .8);
}
.spot-marker {
  position: absolute;
  left: calc(var(--x) * 100%);
  top: calc(var(--y) * 100%);
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  cursor: pointer;
  pointer-events: auto;
}
.spot-marker:hover,
.spot-marker:has(.spot-radio:focus-visible) {
  --heben: 8;
}
.spot-marker:has(.spot-radio:checked) {
  --heben: 12;
}
.spot-radio {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.spot-fuss {
  position: absolute;
  left: calc(var(--spot-gr) * -1.05);
  top: calc(var(--spot-gr) * -1.05);
  width: calc(var(--spot-gr) * 2.1);
  height: calc(var(--spot-gr) * 2.1);
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      closest-side,
      rgba(255, 236, 170, .9),
      rgba(255, 203, 82, .5) 16%,
      rgba(255, 203, 82, .16) 48%,
      rgba(255, 203, 82, 0));
}
.spot-fuss::after {
  content: "";
  position: absolute;
  inset: 24%;
  border-radius: 50%;
  border: 2px solid rgba(255, 203, 82, .7);
  opacity: 0;
}
.spot-pin {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  transform-origin: 0 0;
  transform: rotateX(calc(var(--spot-kipp) * -1));
}
.spot-saeule {
  position: absolute;
  left: -3.5px;
  bottom: 0;
  width: 7px;
  height: calc(var(--spot-saeule) * 1px);
  border-radius: 3px 3px 1px 1px;
  background:
    linear-gradient(
      90deg,
      #5E450F 0%,
      #D99A2B 30%,
      #FFF0C2 50%,
      #F0B53A 66%,
      #5E450F 100%);
  box-shadow: 0 0 12px rgba(255, 203, 82, .45);
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 + var(--heben) / var(--spot-saeule)));
  transition: transform .22s var(--ease);
}
.spot-kopf {
  position: absolute;
  left: 0;
  bottom: calc(var(--spot-saeule) * 1px);
  width: 0;
  height: 0;
  transform: translateY(calc(var(--heben) * -1px));
  transition: transform .22s var(--ease);
}
.spot-strahl {
  position: absolute;
  left: calc(var(--spot-gr) * -.34);
  bottom: calc(var(--spot-gr) - 10px);
  width: calc(var(--spot-gr) * .68);
  height: 96px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s var(--ease);
  background:
    linear-gradient(
      to top,
      rgba(255, 236, 170, .8),
      rgba(255, 203, 82, .32) 40%,
      rgba(255, 203, 82, 0));
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 32%,
      #000 68%,
      transparent);
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 32%,
      #000 68%,
      transparent);
}
.spot-kaestchen {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: var(--spot-gr);
  height: var(--spot-gr);
  border-radius: 12px;
  background:
    radial-gradient(
      circle at 50% 30%,
      #1F3B69,
      #0D1B31 76%);
  box-shadow:
    inset 0 0 0 2px var(--spot-gelb),
    inset 0 3px 0 rgba(255, 255, 255, .16),
    0 0 16px 2px rgba(255, 203, 82, .32);
}
.spot-zeichen {
  display: block;
  width: 84%;
  height: 84%;
}
.spot-kopf > .spot-kaestchen {
  position: absolute;
  left: calc(var(--spot-gr) / -2);
  bottom: -5px;
  box-shadow:
    inset 0 0 0 2px var(--spot-gelb),
    inset 0 3px 0 rgba(255, 255, 255, .18),
    0 5px 0 var(--spot-gold),
    0 16px 22px -8px rgba(2, 6, 16, .85),
    0 0 24px 3px rgba(255, 203, 82, .36);
  transition: box-shadow .22s var(--ease), background .22s var(--ease);
}
.spot-kopf > .spot-kaestchen::before {
  content: "";
  position: absolute;
  inset: -8px;
}
.spot-schild {
  position: absolute;
  display: block;
  width: max-content;
  max-width: 15em;
  padding: 6px 11px;
  border-radius: 9px;
  background:
    linear-gradient(
      180deg,
      rgba(30, 50, 84, .97),
      rgba(14, 26, 48, .97));
  color: var(--text);
  font: 700 var(--t-14)/1.25 var(--sans);
  text-align: center;
  text-wrap: balance;
  box-shadow:
    inset 0 0 0 1px rgba(255, 203, 82, .5),
    inset 0 1px 0 rgba(255, 255, 255, .1),
    0 14px 24px -10px rgba(2, 6, 16, .9);
  transition:
    background .22s var(--ease),
    color .22s var(--ease),
    box-shadow .22s var(--ease);
}
.spot-schild b {
  font-weight: 700;
}
.schild-oben .spot-schild {
  left: 0;
  bottom: calc(var(--spot-gr) + 8px);
  transform: translateX(-50%);
}
.schild-rechts .spot-schild {
  left: calc(var(--spot-gr) / 2 + 10px);
  bottom: calc(var(--spot-gr) / 2 - 3px);
  text-align: left;
  transform: translateY(50%);
}
.schild-links .spot-schild {
  right: calc(var(--spot-gr) / 2 + 10px);
  bottom: calc(var(--spot-gr) / 2 + 2px);
  text-align: right;
}
.spot-marker:has(.spot-radio:checked) .spot-kopf > .spot-kaestchen {
  background:
    radial-gradient(
      circle at 50% 30%,
      #2A4C80,
      #13233E 76%);
  box-shadow:
    inset 0 0 0 3px var(--spot-gelb-hell),
    inset 0 3px 0 rgba(255, 255, 255, .22),
    0 5px 0 var(--spot-gold),
    0 0 0 7px rgba(255, 203, 82, .22),
    0 16px 22px -8px rgba(2, 6, 16, .85),
    0 0 36px 8px rgba(255, 203, 82, .5);
}
.spot-marker:has(.spot-radio:checked) .spot-schild {
  background: var(--spot-gelb);
  color: #1B1405;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .45),
    0 0 22px rgba(255, 203, 82, .45),
    0 14px 24px -10px rgba(2, 6, 16, .9);
}
.spot-marker:has(.spot-radio:checked) .spot-strahl {
  opacity: .95;
}
.spot-marker:has(.spot-radio:checked) .spot-fuss::after {
  opacity: .7;
}
.spot-marker:has(.spot-radio:focus-visible) .spot-kopf > .spot-kaestchen {
  outline: 2px solid var(--text);
  outline-offset: 5px;
}
.spot-marker:has(.spot-radio:focus-visible) .spot-schild {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: no-preference) {
  .spot-marker:has(.spot-radio:checked) .spot-strahl {
    animation: spot-strahl 1.6s ease-in-out 2;
  }
  .spot-marker:has(.spot-radio:checked) .spot-fuss::after {
    animation: spot-puls 1.6s var(--ease) 2;
  }
}
@media (prefers-reduced-motion: reduce) {
  .spot-saeule,
  .spot-kopf,
  .spot-strahl,
  .spot-kopf > .spot-kaestchen,
  .spot-schild {
    transition: none;
  }
}
@keyframes spot-strahl {
  0%, 100% {
    opacity: .95;
  }
  50% {
    opacity: .55;
  }
}
@keyframes spot-puls {
  0% {
    opacity: .8;
    transform: scale(.7);
  }
  80%, 100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
.sb-spots.ungueltig .spot-platte {
  box-shadow:
    inset 0 0 0 2px var(--fehler),
    inset 0 2px 0 rgba(255, 255, 255, .12),
    inset 0 0 48px rgba(2, 6, 16, .42);
}
.spot-flaeche.insel .spot-platte {
  background: #0A2240 url(/bilder/gameplan-insel/wasser.webp) center / 100% 100% no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(150, 172, 222, .26),
    inset 0 2px 0 rgba(255, 255, 255, .12),
    inset 0 0 70px rgba(2, 6, 16, .3);
}
.spot-land {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: url(/bilder/gameplan-insel/land.webp) center / 100% 100% no-repeat;
  transform: translateZ(calc(var(--l) * 1.2px));
  filter: brightness(.38) saturate(.75);
}
.spot-land.oben {
  filter: drop-shadow(0 2px 3px rgba(2, 6, 16, .55));
}
.spot-flaeche.insel .spot-marker {
  transform: translateZ(7px);
}
.spot-rose-ort {
  position: absolute;
  left: 89%;
  top: 11%;
  width: 0;
  height: 0;
  pointer-events: none;
}
.spot-rose {
  position: absolute;
  left: -26px;
  top: -26px;
  width: 52px;
  height: 52px;
  max-width: none;
  filter: drop-shadow(0 4px 6px rgba(2, 6, 16, .6));
}
.spot-kaestchen.klein {
  --spot-gr: 36px;
  border-radius: 9px;
  box-shadow:
    inset 0 0 0 2px var(--spot-gelb),
    inset 0 2px 0 rgba(255, 255, 255, .14),
    0 0 10px 2px rgba(255, 203, 82, .3);
}
.spot-liste {
  display: none;
}
.spot-zeile {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  min-height: 48px;
  padding: 6px var(--s-4) 6px var(--s-3);
  border-radius: var(--r-1);
  background: var(--bg-2);
  cursor: pointer;
  transition: background-color .15s var(--ease), box-shadow .15s var(--ease);
}
.spot-zeile-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px var(--s-2);
  min-width: 0;
}
.spot-zeile-text b {
  font: 700 var(--t-16)/1.3 var(--sans);
  color: var(--text);
  overflow-wrap: anywhere;
}
.spot-zeile.ist-gewaehlt {
  background: rgba(255, 203, 82, .08);
  box-shadow: 0 0 0 1.5px var(--spot-gelb) inset;
}
.sb-spots.ungueltig .spot-zeile {
  box-shadow: 0 0 0 1.5px var(--fehler) inset;
}
@media (max-width: 560px) {
  .spot-flaeche {
    --spot-gr: 34px;
    --spot-saeule: 20;
    --spot-dicke: 14px;
    --spot-kipp: 44deg;
  }
  .spot-marker:hover,
  .spot-marker:has(.spot-radio:focus-visible) {
    --heben: 4;
  }
  .spot-marker:has(.spot-radio:checked) {
    --heben: 6;
  }
  .spot-buehne {
    padding-top: 20px;
  }
  .spot-raum {
    width: 88%;
    aspect-ratio: 10 / 7.6;
  }
  .spot-liste {
    display: grid;
    gap: var(--s-2);
  }
  .spot-schild {
    max-width: 11.5em;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
  }
  .schild-rechts .spot-schild,
  .schild-links .spot-schild {
    max-width: 15em;
  }
  .spot-marker:has(.spot-radio:checked) .spot-schild,
  .spot-marker:has(.spot-radio:focus-visible) .spot-schild {
    opacity: 1;
    pointer-events: auto;
  }
  .schild-handy-oben .spot-schild {
    left: 0;
    right: auto;
    bottom: calc(var(--spot-gr) + 8px);
    text-align: center;
    transform: translateX(-50%);
  }
  .schild-handy-rechts .spot-schild {
    left: calc(var(--spot-gr) / 2 + 10px);
    right: auto;
    bottom: calc(var(--spot-gr) / 2 - 3px);
    text-align: left;
    transform: translateY(50%);
  }
  .schild-handy-links .spot-schild {
    left: auto;
    right: calc(var(--spot-gr) / 2 + 10px);
    bottom: calc(var(--spot-gr) / 2 + 2px);
    text-align: right;
    transform: none;
  }
  .spot-kompass > b {
    left: -11px;
    width: 22px;
    height: 22px;
  }
  .spot-rose {
    left: -19px;
    top: -19px;
    width: 38px;
    height: 38px;
  }
}
.spot-karte {
  display: grid;
  gap: var(--s-2);
  padding: var(--s-4);
  border-radius: var(--r-1);
  background: var(--bg-2);
  box-shadow: inset 3px 0 0 var(--spot-gelb);
}
.spot-karte.leer {
  background: transparent;
  box-shadow: none;
  border: 1.5px dashed var(--line-2);
}
.spot-karte-kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px var(--s-2);
}
.spot-karte-kopf .spot-kaestchen {
  margin-right: 2px;
}
.spot-karte-name {
  font: 700 var(--t-16)/1.3 var(--sans);
  color: var(--text);
  overflow-wrap: anywhere;
}
.spot-karte-leer {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.5;
}
.spot-marke {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px var(--s-2);
  border-radius: 6px;
  background: var(--bg-3);
  color: var(--text-2);
  font: 600 var(--t-12)/1.2 var(--sans);
  white-space: nowrap;
}
.spot-marke.spot-plus {
  background: var(--cyan-grund);
  color: var(--cyan);
}
.spot-satz {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.5;
}
.spot-link {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin: -10px 0 -12px;
  color: var(--text-2);
  font: 500 var(--t-12)/1.3 var(--sans);
  text-decoration: underline;
  text-decoration-color: rgba(174, 184, 204, .4);
  text-underline-offset: 3px;
}
.spot-link .ik {
  width: 14px;
  height: 14px;
  flex: none;
}
.spot-link:hover {
  color: var(--text);
  text-decoration-color: currentColor;
}
.spot-link:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
  border-radius: 4px;
}
.spot-hinweis {
  margin: 0;
  color: var(--text-3);
  font-size: var(--t-14);
  line-height: 1.5;
}
.sb-uebersicht {
  padding: var(--s-4);
  border-radius: var(--r-3);
  background: var(--bg-2);
}
.sb-uebersicht h3 {
  margin: 0 0 var(--s-3);
  font: 700 var(--t-14)/1.3 var(--sans);
  letter-spacing: 0;
}
.sb-uebersicht dl {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px var(--s-4);
  margin: 0;
  font-size: var(--t-14);
}
.sb-uebersicht dt {
  color: var(--text-3);
  line-height: 1.5;
}
.sb-uebersicht dd {
  margin: 0;
  color: var(--text);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.sb-uebersicht dd b {
  font-weight: 700;
}
.sb-leistung-zeilen {
  display: grid;
  gap: var(--s-2);
}
.sb-leistung-zeile {
  display: block;
}
.sb-summe {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-3);
  margin-top: var(--s-4);
  padding-top: var(--s-3);
  border-top: 1px solid var(--line);
}
.sb-summe > span {
  color: var(--text-2);
  font-size: var(--t-14);
}
.sb-summe b {
  font: 800 var(--t-32)/1 var(--sans);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.sb-preis-hinweis {
  margin: var(--s-1) 0 0;
  color: var(--text-2);
  font-size: var(--t-14);
  text-align: right;
}
.sb-absage-zeile {
  margin-top: var(--s-3);
}
.sb-absage-zeile > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
  min-height: 44px;
  color: var(--text-2);
  font: 600 var(--t-14)/1.3 var(--sans);
  cursor: pointer;
  list-style: none;
}
.sb-absage-zeile > summary::-webkit-details-marker {
  display: none;
}
.sb-absage-zeile > summary .ik {
  width: 18px;
  height: 18px;
  flex: none;
}
.sb-absage-zeile[open] > summary .ik {
  transform: rotate(180deg);
}
.sb-absage-zeile > summary:hover {
  color: var(--text);
}
.sb-absage-zeile > summary:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
  border-radius: 4px;
}
.sb-absage-zeile > .sb-absage {
  padding-bottom: var(--s-2);
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.55;
}
.sb-absage-zeile > .sb-absage + .sb-absage {
  margin-top: var(--s-3);
}
.sb-posten {
  display: grid;
  gap: var(--s-2);
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: 1px solid var(--line);
}
.sb-posten-zeile {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-3);
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.4;
}
.sb-posten-preis {
  color: var(--text);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.sb-zusatz .sb-zusatz-hinweis {
  margin: 0;
  padding-left: 34px;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.5;
}
.sb-zusatz .haken:has(input:disabled) {
  cursor: not-allowed;
  border-color: var(--line);
}
.sb-zusatz .haken:has(input:disabled):hover {
  border-color: var(--line);
}
.sb-zusatz .haken:has(input:disabled) .haken-kasten {
  opacity: .45;
}
.sb-zusatz .haken:has(input:disabled) > span:last-child {
  color: var(--text-2);
}
.sb-zusatz .sb-verbinden-satz {
  padding-left: 34px;
  color: var(--text-2);
}
.sb-zusatz .sb-zusatz-epic {
  justify-self: start;
  margin-left: 34px;
  min-height: 44px;
}
.sb-haken {
  display: grid;
  gap: 6px;
}
.sb-haken .haken {
  background: var(--bg-1);
}
.sb-haken-zeit {
  margin: 0;
  padding-left: calc(var(--s-4) + 22px + var(--s-3));
}
.sb-kauf {
  margin-top: var(--s-1);
}
.sb-unter {
  margin: 0;
  color: var(--text-3);
  font-size: var(--t-14);
  line-height: 1.55;
}
.sb-unter a {
  color: var(--text-2);
  text-decoration: underline;
  text-decoration-color: rgba(236, 238, 242, .3);
  text-underline-offset: 3px;
}
.sb-unter a:hover {
  color: var(--text);
}
.sb-formfehler:focus {
  outline: none;
}
.sb-anmelden {
  display: grid;
  gap: var(--s-3);
  padding: var(--s-4);
  border-radius: var(--r-3);
  border: 0;
  background: var(--bg-2);
}
.sb-kontext,
.sb-danach {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.55;
}
.sb-still {
  padding: var(--s-5);
}
.sb-still-satz {
  color: var(--text);
  font-size: var(--t-16);
  font-weight: 600;
}
.sb-kurz {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
}
.sb-region,
.sb-absage {
  margin: 0;
}
.sb-skelett {
  display: grid;
  gap: var(--s-3);
}
.sb-skelett .skelett {
  border-radius: var(--r-2);
}
.sb-fertig {
  display: grid;
  gap: var(--s-4);
}
.sb-fertig:focus {
  outline: none;
}
.sb-nummer {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
}
.sb-nummer b {
  color: var(--text);
  letter-spacing: .08em;
}
.bs {
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 420px);
  gap: var(--s-7);
  align-items: start;
  justify-content: center;
  min-height: calc(100dvh - var(--kopf-h));
  padding-top: clamp(16px, 2.4vw, 40px);
}
@media (scripting: enabled) {
  .bs-kasse[data-laedt] {
    min-height: calc(100dvh - var(--kopf-h));
  }
}
.bs-kasse {
  padding: var(--s-5);
  border-radius: var(--r-3);
  background: var(--glanz), var(--bg-1);
  box-shadow: var(--tiefe-2);
}
.sb-seitenkopf {
  margin-bottom: var(--s-4);
}
.sb-seitenkopf h1 {
  margin: 0;
  font-size: clamp(26px, 2.3vw, 32px);
  letter-spacing: -.035em;
  line-height: 1.1;
}
.sb-zurueck {
  margin: 0 0 var(--s-2) calc(-1 * var(--s-3));
}
.bs-seite {
  display: grid;
  gap: var(--s-4);
  align-content: start;
}
.bs-seite h2 {
  margin: 0;
  font-size: var(--t-20);
}
.bs-seite p {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
}
.bs-hilfe {
  display: grid;
  gap: var(--s-2);
  padding: var(--s-5);
  border-radius: var(--r-3);
  background: var(--glanz), var(--bg-1);
  box-shadow: var(--tiefe-1);
}
.bs-hilfe a {
  color: var(--text);
}
.bs-wahl {
  display: grid;
  gap: var(--s-2);
}
.bs-wahl-zeile {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s-3);
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-3);
  background: var(--bg-2);
  color: var(--text);
  transition: background-color .15s var(--ease);
}
a.bs-wahl-zeile:hover {
  background: var(--bg-3);
}
.bs-wahl-zeile .produkt-ikon {
  width: 40px;
  height: 40px;
}
.bs-wahl-zeile b {
  display: block;
  font: 700 var(--t-16)/1.3 var(--sans);
}
.bs-wahl-zeile small {
  display: block;
  color: var(--text-2);
  font-size: var(--t-12);
  line-height: 1.45;
}
.bs-wahl-zeile .bs-preis {
  font: 800 var(--t-20)/1 var(--sans);
  font-variant-numeric: tabular-nums;
}
.bs-wahl-zeile.bald {
  background: transparent;
  border: 1.5px dashed var(--line-2);
}
.bs-kacheln {
  margin-top: var(--s-2);
}
@media (max-width: 1100px) {
  .bs {
    grid-template-columns: minmax(0, 640px);
    gap: var(--s-5);
  }
}
.bs.bs-schritte {
  grid-template-columns: minmax(0, 1080px);
}
.bs.bs-schritte .bs-seite {
  display: none;
}
.bs.bs-schritte .bs-kasse {
  padding: 0;
  background: none;
  box-shadow: none;
}
.bs.bs-schritte .sb-seitenkopf {
  margin-bottom: var(--s-5);
}
.bs.bs-schritte .sb-seitenkopf h1 {
  font-size: clamp(30px, 3.2vw, 44px);
  letter-spacing: -.04em;
}
.ks-unter {
  margin: 8px 0 0;
  color: var(--text-2);
  font-size: var(--t-16);
}
.ks {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  grid-template-rows: auto auto 1fr;
  gap: var(--s-4) clamp(20px, 2.6vw, 36px);
  align-items: start;
}
.ks-haupt {
  grid-column: 1;
  grid-row: 1 / span 3;
  display: grid;
  gap: var(--s-4);
  min-width: 0;
}
.ks-haupt > .sb-form {
  gap: var(--s-4);
}
.ks-gut {
  grid-column: 2;
  grid-row: 1;
}
.ks-fragen {
  grid-column: 2;
  grid-row: 2;
}
.ks-schritt {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 22px 24px 24px;
  border-radius: var(--r-3);
  background: var(--glanz), var(--bg-1);
  box-shadow: var(--tiefe-1);
}
.ks-schritt > * {
  min-width: 0;
}
.ks-kopf {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 32px;
}
.ks-kopf h2 {
  margin: 0;
  flex: 1;
  font: 700 var(--t-20)/1.25 var(--sans);
  letter-spacing: -.02em;
}
.ks-kopf .sb-cup-wechsel {
  flex: none;
}
.ks-nr {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: none;
  border-radius: 50%;
  background: var(--cyan-grund);
  color: var(--cyan);
  box-shadow: inset 0 0 0 1px rgba(56, 224, 255, .32);
  font: 700 var(--t-14)/1 var(--mono);
}
.ks-schritt.fertig .ks-nr {
  background: var(--gut-grund);
  color: var(--gut);
  box-shadow: inset 0 0 0 1px rgba(76, 193, 130, .4);
}
.ks-nr .ik {
  width: 15px;
  height: 15px;
}
.ks-schritt .sb-umfang > legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ks-ganz {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: var(--r-2);
  background: var(--bg-2);
}
.ks-ganz small {
  color: var(--text-2);
  font-size: var(--t-14);
}
.ks-ticket {
  min-height: 0;
}
.s-ticket.ohne-aktion {
  min-height: 112px;
  grid-template-rows: 1fr;
}
.s-ticket.ohne-aktion .s-ticket-datum b {
  color: var(--text);
}
.ks-gut,
.ks-fragen {
  display: grid;
  gap: 14px;
  padding: 20px 22px;
  border-radius: var(--r-3);
  background: var(--glanz), var(--bg-1);
  box-shadow: var(--tiefe-1);
}
.ks-gut h2,
.ks-fragen h2 {
  margin: 0;
  font: 700 var(--t-16)/1.25 var(--sans);
}
.ks-fragen p {
  margin: 0;
  color: var(--text-2);
  font-size: var(--t-14);
}
.ks-fragen a {
  color: var(--text);
}
.ks-gzw {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: var(--text-2);
  font-size: var(--t-14);
  line-height: 1.55;
}
.ks-gzw > .ik {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: var(--cyan);
}
.ks-gzw p {
  margin: 0;
}
.ks-gzw .sb-zahlarten {
  gap: 2px var(--s-2);
}
@media (max-width: 1100px) {
  .bs.bs-schritte {
    grid-template-columns: minmax(0, 720px);
  }
  .ks {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
  .ks-haupt,
  .ks-gut,
  .ks-fragen {
    grid-column: 1;
    grid-row: auto;
  }
  .ks-haupt {
    display: contents;
  }
  .ks-haupt > .ks-schritt {
    order: 1;
  }
  .ks-gut {
    order: 2;
  }
  .ks-haupt > .sb-form {
    order: 3;
  }
  .ks-fragen {
    order: 4;
  }
}
.ks .sb-linkknopf {
  padding-block: 12px;
  margin-block: -12px;
}
@media (max-width: 560px) {
  .ks-schritt {
    padding: 18px 16px 20px;
  }
  .ks-gut,
  .ks-fragen {
    padding: 18px 16px;
  }
  .ks .umfang-karten {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  .sb-uebersicht dl {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .sb-uebersicht dd + dt {
    margin-top: 10px;
  }
  .bs-kasse {
    padding: var(--s-4);
    border-radius: var(--r-3);
  }
  .schublade .sb-cup .kachel-mini {
    width: 52px;
    height: 52px;
  }
  .sb-cup-wechsel {
    height: 44px;
    margin-block: -12px;
  }
  .schublade > .blatt-kopf,
  .schublade > .sb-inhalt {
    width: 100%;
    max-width: calc(640px - 2 * var(--s-4));
    margin-inline: auto;
  }
  .sb-cup-text small,
  .sb-cup-text .sb-cup-wann,
  .sb-cup-wechsel {
    font-size: var(--t-14);
  }
  .bs-wahl-zeile small {
    font-size: var(--t-14);
  }
  .sb-uebersicht.kurz dl {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px var(--s-4);
  }
  .sb-uebersicht.kurz dd + dt {
    margin-top: 0;
  }
  .sb-uebersicht.kurz.eine-zeile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-3);
    padding: var(--s-3) var(--s-4);
  }
  .sb-uebersicht.kurz.eine-zeile h3,
  .sb-uebersicht.kurz.eine-zeile dt,
  .sb-uebersicht.kurz.eine-zeile .sb-summe > span {
    display: none;
  }
  .sb-uebersicht.kurz.eine-zeile dl {
    display: block;
  }
  .sb-uebersicht.kurz.eine-zeile .sb-summe {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .sb-uebersicht.kurz.eine-zeile .sb-summe b {
    font-size: var(--t-20);
  }
  .schublade .sb-koerper,
  .schublade .sb-form {
    gap: var(--s-3);
  }
}
.sb-form .feld-name small {
  font-size: inherit;
}
@media (max-width: 560px) {
  .bs-kasse {
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
  }
  .bs {
    padding-top: 0;
  }
}
.bs .sb-anmelden {
  padding: 0;
  border-radius: 0;
  background: none;
}
.bs .sb-uebersicht {
  padding: var(--s-4) 0 0;
  border-radius: 0;
  background: none;
  border-top: 1px solid var(--line);
}
.bs .ks-gzw > .ik {
  color: var(--text-2);
}