:root {
  --regler-knopf: 28px;
  --regler-spur: 4px;
  --regler-marke: 8px;
  --regler-stufen: 11;
  --etikett-breite: 296px;
  --etikett-hoehe: 76px;
}

.pr-preisblock {
  padding-bottom: var(--abschnitt-y-mobil);
}

.pr-preise {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}

.pr-steuerblock {
  --pr-polster: var(--s-1);
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
}

.pr-steuerleiste {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4);
  align-items: end;
  padding: var(--s-3) var(--pr-polster);
}

.pr-steuerleiste__regler {
  min-width: 0;
}

.pr-steuerleiste__label {
  display: block;
  margin-bottom: var(--s-2);
  font-size: var(--fs-label-mobil);
  line-height: var(--lh-label-mobil);
  font-weight: var(--fw-semibold);
  color: var(--text);
}

.pr-steuerleiste .r-stufenregler__marken::before,
.pr-steuerleiste .r-stufenregler__marken::after {
  border-radius: var(--radius-knopf);
}

.pr-segment {
  display: flex;
  width: 100%;
}

.pr-segment .r-segment__text {
  padding-inline: var(--s-1);
  gap: var(--s-1);
  font-size: var(--fs-chip);
}

.pr-badge {
  display: inline-flex;
  align-items: center;
  padding: 0 var(--s-1);
  border-radius: var(--radius-knopf);
  font-size: var(--fs-chip);
  line-height: var(--lh-label-mobil);
  font-weight: var(--fw-semibold);
  letter-spacing: normal;
  white-space: nowrap;
}

.pr-badge--segment {
  background-color: var(--akzent-soft);
  color: var(--link);
}

.pr-steuerhinweis {
  max-width: none;
  padding-inline: var(--pr-polster);
  font-size: var(--fs-label-mobil);
  line-height: var(--lh-label-mobil);
  color: var(--text-2);
  text-wrap: balance;
}

.pr-karten {
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--kachel-abstand-mobil);
  margin: 0;
  padding: 0;
}

.pr-karte {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pr-karte > * + * {
  margin-top: 0;
}

.pr-karte--bundle {
  margin-top: var(--s-2);
}

.pr-karte__name {
  font-size: var(--fs-h3-mobil);
  line-height: var(--lh-h3-mobil);
}

.pr-karte__unterzeile {
  margin-top: var(--s-1);
  color: var(--text-2);
}

.pr-karte__alt,
.pr-karte__zusatz,
.pr-karte__zahlweise,
.pr-karte__hinweis {
  font-size: var(--fs-label-mobil);
  line-height: var(--lh-label-mobil);
  font-variant-numeric: tabular-nums;
  color: var(--text);
}

.pr-karte__alt {
  display: none;
  min-height: 1lh;
  margin-top: var(--s-3);
}

.pr-karte--bundle .pr-karte__alt {
  display: block;
}

.pr-karte__alt s {
  color: var(--text);
}

.pr-karte__preis {
  display: flex;
  align-items: flex-end;
  min-height: calc(var(--fs-kachel-gross) * var(--lh-h2-mobil));
  margin-top: var(--s-3);
}

.pr-karte--bundle .pr-karte__alt + .pr-karte__preis {
  margin-top: var(--s-1);
}

.pr-karte__betrag {
  font-size: var(--fs-kachel-gross);
  line-height: var(--lh-h2-mobil);
  font-weight: var(--fw-semibold);
  letter-spacing: normal;
  color: var(--titel);
}

.pr-karte__zusatz {
  min-height: 1lh;
  margin-top: var(--s-1);
}

.pr-karte__mwst:has([data-preis]:empty) {
  display: none;
}

.pr-karte__zahlweise {
  min-height: 1lh;
}

.pr-karte__hinweis {
  min-height: 1lh;
  margin-top: var(--s-1);
}

.pr-karte__aktion {
  margin-top: var(--s-3);
}

.pr-karte__aktion .btn--accent {
  width: 100%;
  padding-block: var(--s-1);
}

.pr-liste {
  display: grid;
  align-content: start;
  gap: var(--s-2);
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: var(--rand) solid var(--linie-auf-dunkel);
  list-style: none;
}

.pr-liste li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--s-1);
  align-items: start;
  color: var(--text);
}

.pr-haken {
  width: var(--icon);
  height: var(--icon);
  margin-top: calc((1lh - var(--icon)) / 2);
  fill: none;
  stroke: var(--link);
  stroke-width: var(--rand-betont);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pr-badge--karte {
  position: absolute;
  top: calc(-1 * var(--rand-betont));
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  padding: var(--chip-innen);
  background-color: var(--tiefblau);
  color: var(--weiss);
}

.pr-badge--karte:empty {
  display: none;
}

.pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__alt,
.pr-preise[data-individuell="true"] .pr-karte--personal .pr-karte__zusatz,
.pr-preise[data-individuell="true"] .pr-karte--personal .pr-karte__zahlweise,
.pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__zusatz,
.pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__zahlweise {
  display: none;
}

.pr-preise[data-individuell="true"] .pr-karte--personal .pr-karte__betrag,
.pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__betrag {
  font-size: var(--fs-h3-mobil);
  line-height: var(--lh-h3-mobil);
}

.pr-preise[data-individuell="true"] .pr-badge--karte {
  display: none;
}

.pr-stufen {
  width: 100%;
  max-width: var(--einl-breite);
  margin: 0 auto;
}

.pr-stufen > .r-fold__summary {
  display: flex;
  justify-content: center;
}

.pr-stufen__scroll {
  overflow-x: auto;
  margin-top: var(--s-2);
  border: var(--rand) solid var(--glas-rand);
  border-radius: var(--radius-glas);
}

.pr-stufen__tabelle {
  min-width: 100%;
  margin-top: 0;
}

.pr-stufen__tabelle caption {
  padding: var(--s-2) var(--s-1) var(--s-1);
}

.pr-stufen__tabelle caption [data-preis$=".mwst"] {
  white-space: nowrap;
}

.pr-stufen__tabelle th,
.pr-stufen__tabelle td {
  padding: var(--s-1);
}

.pr-stufen__tabelle thead th {
  border-top: var(--rand) solid var(--linie-auf-dunkel);
  background-color: var(--glas);
  color: var(--titel);
  font-weight: var(--fw-semibold);
}

.pr-stufen__tabelle tr[aria-current="true"] th,
.pr-stufen__tabelle tr[aria-current="true"] td {
  background-color: var(--glas-betont);
  color: var(--titel);
  font-weight: var(--fw-semibold);
}

.pr-fuss {
  font-size: var(--fs-label-mobil);
  line-height: var(--lh-label-mobil);
  color: var(--text-2);
  text-align: center;
  margin-inline: auto;
}

.pr-faq {
  padding-block: var(--abschnitt-y-mobil);
}

.pr-faq h2 {
  text-align: center;
}

.pr-faq__liste {
  display: grid;
  gap: var(--s-2);
  max-width: var(--einl-breite);
  margin: var(--s-5) auto 0;
}

.pr-faq__frage {
  margin-top: 0;
  padding: 0;
  border: var(--rand) solid var(--glas-rand);
  border-radius: var(--radius-glas);
  background-color: var(--glas);
}

.pr-faq__frage > .r-fold__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-2);
  width: 100%;
  min-height: var(--s-8);
  padding: var(--s-1) var(--s-3);
  color: var(--text);
  font-weight: var(--fw-semibold);
}

.pr-faq__frage > .r-fold__summary:hover {
  text-decoration: none;
}

.pr-faq__frage > .r-fold__summary:focus-visible {
  outline-offset: calc(-1 * var(--fokus-breite));
}

.pr-faq__frage > p {
  padding: 0 var(--s-3) var(--s-3);
  color: var(--text);
}

@media (forced-colors: active) {
  .pr-karte {
    border-color: Canvas;
  }

  .pr-karte--bundle {
    border-color: CanvasText;
  }

  .pr-karte--bundle .btn--accent {
    border: var(--rand) solid CanvasText;
  }

  .pr-badge--segment {
    forced-color-adjust: auto;
  }

  .pr-preise .r-stufenregler__marke.is-erreicht {
    forced-color-adjust: none;
    background-color: CanvasText;
  }

  .pr-stufen__tabelle tr[aria-current="true"] th,
  .pr-stufen__tabelle tr[aria-current="true"] td {
    forced-color-adjust: none;
    background-color: Highlight;
    color: HighlightText;
  }
}

@media (max-width: 21.99em) {
  .pr-stufen__tabelle th,
  .pr-stufen__tabelle td {
    padding-inline: calc(var(--s-1) / 2);
  }

  .pr-stufen__tabelle tr > :first-child {
    padding-inline-start: var(--s-1);
  }
}

@media (min-width: 22em) {
  .pr-steuerblock {
    --pr-polster: var(--s-2);
  }
}

@media (min-width: 25em) {
  .pr-steuerblock {
    --pr-polster: var(--s-3);
  }

  .pr-segment .r-segment__text {
    padding-inline: var(--s-2);
  }

  .pr-stufen__tabelle caption {
    padding-inline: var(--s-2);
  }

  .pr-stufen__tabelle th,
  .pr-stufen__tabelle td {
    padding-inline: var(--s-2);
  }
}

@media (min-width: 735px) {

  .pr-preisblock {
    padding-bottom: var(--abschnitt-y-tablet);
  }

  .pr-steuerblock {
    --pr-polster: var(--kachel-innen);
  }

  .pr-steuerleiste {
    padding: var(--kachel-innen);
  }

  .pr-steuerleiste__label {
    font-size: var(--fs-label);
    line-height: var(--lh-label);
  }

  .pr-segment {
    width: auto;
    justify-self: start;
  }

  .pr-segment .r-segment__text {
    padding-inline: var(--s-3);
    font-size: var(--fs-knopf);
  }

  .pr-karten {
    gap: var(--kachel-abstand-tablet);
  }

  .pr-karte__name {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
  }

  .pr-stufen__tabelle caption,
  .pr-stufen__tabelle th,
  .pr-stufen__tabelle td {
    white-space: nowrap;
  }

  .pr-faq {
    padding-block: var(--abschnitt-y-tablet);
  }

}

@media (min-width: 1069px) {

  .pr-preisblock {
    padding-bottom: var(--abschnitt-y);
  }

  .pr-steuerleiste {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--s-6);
  }

  .pr-segment {
    justify-self: end;
  }

  .pr-karten {
    grid-template-columns: minmax(0, 1fr);
    gap: 0 var(--kachel-abstand);
  }

  .pr-karte--bundle {
    margin-top: 0;
  }

  .pr-karte__alt,
  .pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__alt,
  .pr-preise[data-individuell="true"] .pr-karte--personal .pr-karte__zusatz,
  .pr-preise[data-individuell="true"] .pr-karte--personal .pr-karte__zahlweise,
  .pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__zusatz,
  .pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__zahlweise {
    display: block;
  }

  .pr-preise[data-individuell="true"] .pr-karte--bundle .pr-karte__alt {
    visibility: hidden;
  }

  .pr-karte__preis,
  .pr-karte--bundle .pr-karte__alt + .pr-karte__preis {
    margin-top: var(--s-1);
  }

  .pr-karte__aktion .btn--accent {
    padding-inline: var(--s-1);
  }

  .pr-segment {
    align-self: end;
    margin-bottom: calc(var(--fs-klein-mobil) * var(--lh-klein) - (var(--s-1) + 2 * var(--rand)) / 2);
  }

  .pr-faq {
    padding-block: var(--abschnitt-y);
  }

  @supports (grid-template-rows: subgrid) {
    .pr-karten {
      grid-template-rows: repeat(8, auto);
    }

    .pr-karte {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: subgrid;
      grid-row: span 8;
    }

    .pr-karte__aktion {
      align-self: end;
    }
  }
}

.pr-preise {
  gap: var(--s-3);
}
.pr-steuerleiste {
  gap: var(--s-2);
  padding: var(--s-2) var(--pr-polster);
}
.pr-steuerleiste__label {
  margin-bottom: var(--s-1);
}
.pr-steuerhinweis {
  color: var(--text);
}
@media (min-width: 735px) {
  .pr-steuerleiste {
    padding: var(--s-3);
  }
}

.pr-steuerleiste .r-stufenregler__etikett,
.pr-steuerleiste .r-segment {
  background-color: var(--menue-grund);
  border-color: var(--glas-rand);
}
.pr-steuerleiste .r-stufenregler__marken::after,
.pr-steuerleiste .r-stufenregler__marke.is-erreicht {
  background-color: var(--akzent-text);
}
.pr-steuerleiste .r-rechner__slider::-webkit-slider-thumb {
  background-color: var(--knopf-grund);
  border-color: var(--knopf-grund);
}
.pr-steuerleiste .r-rechner__slider::-moz-range-thumb {
  background-color: var(--knopf-grund);
  border-color: var(--knopf-grund);
}
.pr-steuerleiste .r-segment__input:checked + .r-segment__text {
  background-color: var(--knopf-grund);
  color: var(--knopf-text);
}
.pr-steuerleiste .pr-badge {
  color: var(--akzent-text);
  background-color: var(--glas);
}
.pr-steuerleiste .r-segment__input:checked + .r-segment__text .pr-badge {
  color: var(--app-blau);
  background-color: var(--soft);
}

.pr-karten {
  max-width: var(--inhalt-tablet);
  margin-inline: auto;
}