
.s2-preise .s2-preise-kopf{margin-bottom:36px}
.s2-preise .s2-preise-kopf .s2-text{max-width:46ch}
.s2-preise .s2-preise-schalter-platz{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(40px,4.4vw,64px)}
.s2-preise .s2-preise-schalter{display:inline-flex;gap:4px;padding:4px;border-radius:var(--s2-r-rund);background:var(--s2-flaeche)}
.s2-preise .s2-preise-schalter button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 17px;border-radius:var(--s2-r-rund);
  font:600 14px/1 var(--s2-sans);color:var(--s2-grau);white-space:nowrap;transition:background-color 200ms var(--s2-kurve),color 200ms var(--s2-kurve),box-shadow 200ms var(--s2-kurve)}
.s2-preise .s2-preise-schalter button:hover{color:var(--s2-schwarz)}
.s2-preise .s2-preise-schalter button.an{background:var(--s2-weiss);color:var(--s2-schwarz);box-shadow:0 0 0 1px var(--s2-linie),0 2px 6px rgba(20,20,20,.06)}
.s2-preise .s2-preise-schalter button:focus-visible{outline:2px solid var(--s2-schwarz);outline-offset:2px}
.s2-preise .s2-preise-schalter .spar{font-size:12px;font-weight:600;color:var(--s2-grau-hell);font-variant-numeric:tabular-nums}
.s2-preise .s2-preise-schalter button.an .spar{color:var(--s2-schwarz)}
.s2-preise .s2-preise-laufzeit{min-height:19px;text-align:center}
.s2-preise .s2-preise-band{width:100%;max-width:calc(var(--s2-breite) + 2 * var(--s2-rand));margin-inline:auto;padding-inline:var(--s2-rand)}
.s2-preise .s2-preise-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2-spalt);align-items:stretch}
.s2-preise .s2-preise-karte{position:relative;display:flex;flex-direction:column;padding:8px;border-radius:var(--s2-r-kachel);background:var(--s2-weiss);box-shadow:var(--s2-schatten-ruhig)}
.s2-preise .s2-preise-karte.beliebt{box-shadow:var(--s2-schatten-schwebe)}
.s2-preise .s2-preise-bild{height:96px;min-height:0;border-radius:calc(var(--s2-r-kachel) - 8px)}
.s2-preise .s2-preise-marke{position:absolute;z-index:2;top:22px;left:22px;height:28px;padding:0 12px;font-size:12px}
.s2-preise .s2-preise-inhalt{display:flex;flex-direction:column;flex:1;padding:24px 16px 18px}
.s2-preise .s2-preise-satz{margin-top:8px;min-height:3em;line-height:1.5;text-wrap:pretty}
.s2-preise .s2-preise-preis{display:flex;align-items:baseline;margin-top:24px;white-space:nowrap}
.s2-preise .s2-preise-zahl{display:inline-block;font-family:var(--s2-sans);font-weight:600;font-size:clamp(50px,3.6vw,58px);line-height:.9;letter-spacing:-.025em;
  color:var(--s2-schwarz);font-variant-numeric:tabular-nums;transition:opacity 220ms var(--s2-kurve),transform 420ms var(--s2-kurve)}
.s2-preise .s2-preise-zahl.wechselt{opacity:0;transform:translate3d(0,8px,0)}
.s2-preise .s2-preise-eur{margin-left:3px;font-family:var(--s2-sans);font-weight:600;font-size:28px;line-height:1;color:var(--s2-schwarz)}
.s2-preise .s2-preise-pro{margin-left:10px;font-size:14px;line-height:1;color:var(--s2-grau)}
.s2-preise .s2-preise-gesamt{margin-top:10px;min-height:19px;font-variant-numeric:tabular-nums}
.s2-preise .s2-preise-knopf{width:100%;margin-top:22px}
.s2-preise .s2-preise-liste{display:flex;flex-direction:column;gap:13px;margin-top:22px;padding-top:20px;border-top:1px solid var(--s2-linie)}
.s2-preise .s2-preise-liste li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.4;color:var(--s2-tinte)}
.s2-preise .s2-preise-liste li b{color:var(--s2-schwarz);font-weight:600}
.s2-preise .s2-preise-liste .s2-ic{width:17px;height:17px;margin-top:1px;color:var(--s2-grau-hell)}
.s2-preise .s2-preise-punkte{display:none}
.s2-preise .s2-preise-immer{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(36px,3.6vw,52px)}
.s2-preise .s2-preise-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px;margin-top:22px}
.s2-preise .s2-preise-chips .s2-chip{color:var(--s2-tinte)}
.s2-preise .s2-preise-chips .s2-ic{color:var(--s2-grau)}
.s2-preise .s2-preise-immer .s2-link-pfeil{margin-top:0}
.s2-preise .s2-preise-fuss{margin-top:18px;max-width:52ch;text-wrap:balance}
.s2-preise .s2-preise-belege{text-align:center}
@media (max-width:1080px){
  .s2-preise .s2-preise-reihe{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin-inline:auto}
  .s2-preise .s2-preise-satz{min-height:0}
}
@media (max-width:600px){
  .s2-preise .s2-preise-kopf{margin-bottom:28px}
  .s2-preise .s2-preise-schalter-platz{margin-bottom:12px}
  .s2-preise .s2-preise-schalter button{height:44px;padding:0 11px;font-size:13.5px;gap:5px}
  .s2-preise .s2-preise-schalter .spar{font-size:11.5px}
  .s2-preise .s2-preise-band{padding-inline:0}
  .s2-preise .s2-preise-reihe{display:flex;gap:12px;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    padding:20px var(--s2-rand) 28px;scroll-padding-inline:var(--s2-rand);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .s2-preise .s2-preise-reihe::-webkit-scrollbar{display:none}
  .s2-preise .s2-preise-karte{flex:0 0 84%;scroll-snap-align:start}
  .s2-preise .s2-preise-bild{height:80px}
  .s2-preise .s2-preise-marke{top:20px;left:20px}
  .s2-preise .s2-preise-inhalt{padding:22px 14px 16px}
  .s2-preise .s2-preise-satz{min-height:0}
  .s2-preise .s2-preise-zahl{font-size:52px}
  .s2-preise .s2-preise-liste li{font-size:15px}
  .s2-preise .s2-preise-punkte{display:flex;justify-content:center;gap:8px;margin-top:2px}
  .s2-preise .s2-preise-punkte i{width:7px;height:7px;border-radius:50%;background:var(--s2-linie-stark);transition:background-color 300ms var(--s2-kurve)}
  .s2-preise .s2-preise-punkte i.an{background:var(--s2-schwarz)}
  .s2-preise .s2-preise-chips{gap:8px}
}
.s2-preise .s2-preise-immer .s2-link-pfeil{position:relative}
.s2-preise .s2-preise-immer .s2-link-pfeil::after{content:"";position:absolute;left:-8px;right:-8px;top:-12px;bottom:-12px}
.s2-preise .s2-pv{margin-top:clamp(96px,9vw,140px)}
.s2-preise .s2-pv-kopf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:clamp(36px,4vw,56px)}
.s2-preise .s2-pv-kopf .s2-text{max-width:52ch}
.s2-preise .s2-pv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.s2-preise .s2-pv-tabs-platz{display:none}
.s2-preise .s2-pv-tabelle{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:15px;color:var(--s2-tinte)}
.s2-preise .s2-pv-tabelle th,.s2-preise .s2-pv-tabelle td{padding:0;font-weight:400;text-align:left;vertical-align:middle}
.s2-preise .s2-pv-tabelle thead th{width:17.5%}
.s2-preise .s2-pv-tabelle thead th.s2-pv-ecke{width:30%}
.s2-preise .s2-pv-tabelle thead th{position:sticky;top:var(--s2-leiste);z-index:3;background:var(--s2-weiss);
  padding:22px 14px 20px;border-bottom:1px solid var(--s2-linie-stark);vertical-align:bottom}
.s2-preise .s2-pv-tabelle thead th.s2-pv-ecke{padding-left:0}
.s2-preise .s2-pv-tabelle thead th:not(.s2-pv-ecke){text-align:center}
.s2-preise .s2-pv-name{display:block;font:600 16px/1.2 var(--s2-sans);color:var(--s2-schwarz)}
.s2-preise .s2-pv-preis{display:flex;align-items:baseline;justify-content:center;gap:3px;margin-top:8px;font-family:var(--s2-sans);font-weight:600;font-size:24px;line-height:1;color:var(--s2-schwarz);white-space:nowrap}
.s2-preise .s2-pv-zahl{font-size:40px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:opacity 220ms var(--s2-kurve)}
.s2-preise .s2-pv-zahl.wechselt{opacity:0}
.s2-preise .s2-pv-pro{margin-left:4px;font:400 13px/1 var(--s2-sans);color:var(--s2-grau)}
.s2-preise .s2-pv-knopf{width:100%;max-width:190px;height:42px;margin-top:16px;padding:0 14px;font-size:14px}
.s2-preise .s2-pv-tabelle.klebt thead th{box-shadow:0 calc(-1 * var(--s2-leiste)) 0 0 var(--s2-weiss),0 8px 16px -12px rgba(20,20,20,.18)}
.s2-preise .s2-pv-gruppe th{padding:44px 0 14px;font:600 13px/1.3 var(--s2-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--s2-schwarz);
  border-bottom:1px solid var(--s2-linie-stark)}
.s2-preise .s2-pv-tabelle tbody:first-of-type .s2-pv-gruppe th{padding-top:32px}
.s2-preise .s2-pv-tabelle tbody tr:not(.s2-pv-gruppe) th,.s2-preise .s2-pv-tabelle tbody td{border-bottom:1px solid var(--s2-linie)}
.s2-preise .s2-pv-tabelle tbody tr:not(.s2-pv-gruppe) th{padding:17px 24px 17px 0;font-size:15.5px;line-height:1.4;color:var(--s2-tinte)}
.s2-preise .s2-pv-tabelle tbody td{padding:14px 10px;text-align:center;line-height:1.3}
.s2-preise .s2-pv-tabelle tbody tr:not(.s2-pv-gruppe):hover>*{background:var(--s2-flaeche-ruhig)}
.s2-preise .s2-pv-tabelle td b{display:block;font-weight:600;font-size:15.5px;color:var(--s2-schwarz);font-variant-numeric:tabular-nums}
.s2-preise .s2-pv-tabelle td b+span{display:block;margin-top:3px;font-size:12.5px;color:var(--s2-grau-hell)}
.s2-preise .s2-pv-ja{width:20px;height:20px;margin:0 auto;color:var(--s2-schwarz)}
.s2-preise .s2-pv-nein{display:block;width:18px;height:18px;margin:0 auto;color:var(--s2-grau-hell)}
.s2-preise .s2-pv .s2-preise-fuss{margin:28px auto 0;text-align:center}
@media (max-width:1080px){
  .s2-preise .s2-pv-tabelle thead th.s2-pv-ecke{width:26%}
  .s2-preise .s2-pv-zahl{font-size:32px}
  .s2-preise .s2-pv-knopf{height:40px;font-size:12.5px;padding:0 6px}
  .s2-preise .s2-pv-tabelle thead th{padding-inline:6px}
}
@media (max-width:760px){
  .s2-preise .s2-pv-tabs-platz{display:block;position:sticky;top:var(--s2-leiste);z-index:4;margin:0 calc(-1 * var(--s2-rand)) 4px;padding:8px var(--s2-rand);background:var(--s2-weiss)}
  .s2-preise .s2-pv-tabs-platz.klebt{box-shadow:0 -40px 0 0 var(--s2-weiss),0 calc(-1 * var(--s2-leiste)) 0 0 var(--s2-weiss),0 1px 0 var(--s2-linie)}
  .s2-preise .s2-pv-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--s2-r-rund);background:var(--s2-flaeche)}
  .s2-preise .s2-pv-tabs button{flex:1;height:44px;border-radius:var(--s2-r-rund);font:600 14px/1 var(--s2-sans);color:var(--s2-grau);
    transition:background-color 200ms var(--s2-kurve),color 200ms var(--s2-kurve),box-shadow 200ms var(--s2-kurve)}
  .s2-preise .s2-pv-tabs button.an{background:var(--s2-weiss);color:var(--s2-schwarz);box-shadow:0 0 0 1px var(--s2-linie),0 2px 6px rgba(20,20,20,.06)}
  .s2-preise .s2-pv-tabs button:focus-visible{outline:2px solid var(--s2-schwarz);outline-offset:2px}
  .s2-preise .s2-pv-tabelle.w0 [data-t]:not([data-t="0"]),.s2-preise .s2-pv-tabelle.w1 [data-t]:not([data-t="1"]),
  .s2-preise .s2-pv-tabelle.w2 [data-t]:not([data-t="2"]),.s2-preise .s2-pv-tabelle.w3 [data-t]:not([data-t="3"]){display:none}
  .s2-preise .s2-pv-tabelle{table-layout:auto}
  .s2-preise .s2-pv-tabelle thead th{position:static;width:auto;padding:18px 0 18px}
  .s2-preise .s2-pv-tabelle thead th.s2-pv-ecke{width:60%;vertical-align:middle}
  .s2-preise .s2-pv-tabelle thead th:not(.s2-pv-ecke){text-align:right}
  .s2-preise .s2-pv-tabelle thead th:not(.s2-pv-ecke) .s2-pv-preis{justify-content:flex-end}
  .s2-preise .s2-pv-name{display:none}
  .s2-preise .s2-pv-zahl{font-size:34px}
  .s2-preise .s2-pv-knopf{max-width:none;width:auto;height:40px;padding:0 14px}
  .s2-preise .s2-pv-gruppe th{padding:32px 0 12px;font-size:12px}
  .s2-preise .s2-pv-tabelle tbody tr:not(.s2-pv-gruppe) th{padding:15px 12px 15px 0;font-size:15px}
  .s2-preise .s2-pv-tabelle tbody td{padding:12px 0 12px 8px;text-align:right;white-space:nowrap}
  .s2-preise .s2-pv-ja,.s2-preise .s2-pv-nein{margin:0 0 0 auto}
  .s2-preise .s2-pv-tabelle tbody tr:not(.s2-pv-gruppe):hover>*{background:none}
}
html.s2-js .s2-preise .s2-pv-klapp:not(.auf) .s2-pv-mehr{display:none}
.s2-preise .s2-pv-klapp.laeuft{overflow:clip;transition:height 560ms var(--s2-kurve)}
.s2-preise .s2-pv-mehr-platz{display:none;justify-content:center;margin-top:28px}
html.s2-js .s2-preise .s2-pv-mehr-platz{display:flex}
.s2-preise .s2-pv-mehr-knopf{height:48px;padding:0 22px;font-size:15px}
.s2-preise .s2-pv-pfeil{width:16px;height:16px;transition:transform 400ms var(--s2-kurve)}
.s2-preise .s2-pv-mehr-knopf[aria-expanded="true"] .s2-pv-pfeil{transform:rotate(180deg)}
.s2-preise .s2-pv-mehr-knopf:hover .s2-pv-pfeil{transform:translateY(2px)}
.s2-preise .s2-pv-mehr-knopf[aria-expanded="true"]:hover .s2-pv-pfeil{transform:rotate(180deg) translateY(2px)}
@media (prefers-reduced-motion:reduce){.s2-preise .s2-pv-klapp.laeuft{transition:none}.s2-preise .s2-pv-pfeil{transition:none}}
@media (max-width:760px){.s2-preise .s2-pv-mehr-platz{margin-top:22px}.s2-preise .s2-pv-mehr-knopf{width:100%}}
