/* Preismodell (Unterseiten) - dieselben Bausteine wie auf der Startseite, in den Farben der Unterseiten */
.pricing { --pr-accent: #b86e00; --pr-accent-bg: rgba(255,178,56,.12); --pr-card: var(--surface); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .pricing { --pr-accent: #ffb238; } }
:root[data-theme="dark"] .pricing { --pr-accent: #ffb238; }
.pricing .seg { display: inline-flex; padding: 3px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); }
.pricing .seg button { border: 0; background: transparent; cursor: pointer; padding: 8px 16px; border-radius: 999px; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-soft);font-weight:650}
.pricing .seg button[aria-pressed="true"] { background: var(--ball); color: #04211b; font-weight: 700; }
.pr-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.pr-founding { margin: 0; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--pr-accent); background: var(--pr-accent-bg); font-size: .92rem; }
.pr-founding b { color: var(--pr-accent); }
.pr-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; align-items: stretch; }
.pr-more { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.pr-details { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px; margin-top: 34px; }
@media (max-width: 980px) { .pr-cards, .pr-more, .pr-details { grid-template-columns: 1fr; } }
.pr-card, .pr-mini, .pr-hwbox, .pr-incl { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 26px 24px; border-radius: 20px; border: 1px solid var(--line); background: var(--pr-card); box-shadow: 0 20px 40px -30px var(--shadow); }
.pr-card.top { border: 2px solid var(--ball); }
.pr-badge { position: absolute; top: -12px; right: 20px; margin: 0; padding: 4px 12px; border-radius: 999px; background: var(--ball); color: #04211b; font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pr-kicker { margin: 0; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .16em; color: var(--ball-deep);font-weight:650}
.pr-card h3, .pr-mini h3, .pr-hwbox h3, .pr-incl h3 { margin: 0; font-family: var(--font-display); font-size: 1.2rem; }
.pr-for, .pr-mini > p, .pr-hwbox > p { margin: 0; color: var(--ink-soft); font-size: .93rem; }
.pr-price { margin: 6px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.pr-price b { font-family: var(--font-display); font-size: 2.2rem; line-height: 1; font-variant-numeric: tabular-nums; }
.pr-price.from b::before { content: "ab "; font-size: 1rem; font-family: var(--font-body); font-weight: 600; color: var(--ink-soft); }
.pr-mini .pr-price b { font-size: 1.7rem; }
.pr-price span, .pr-price s { color: var(--ink-soft); }
.pr-price s { font-size: .9rem; }
.pr-price small { flex-basis: 100%; font-family: var(--font-mono); font-size: .72rem; color: var(--ink-soft);font-weight:650}
.pr-save { margin: 2px 0 0; font-size: .85rem; color: var(--ball-deep); }
.pr-hw { margin: 0; padding: 8px 12px; border-radius: 10px; background: var(--pr-accent-bg); color: var(--pr-accent); font-size: .88rem; font-weight: 600; }
.pricing ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.pricing li { position: relative; padding-left: 24px; font-size: .93rem; }
.pr-card li::before, .pr-mini li::before, .pr-incl .yes li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 12px; height: 7px; border-left: 2px solid var(--ball-deep); border-bottom: 2px solid var(--ball-deep); transform: rotate(-45deg); }
.pr-incl .no li { color: var(--ink-soft); }
.pr-incl .no li::before { content: "+"; position: absolute; left: 3px; top: 0; color: var(--pr-accent); font-weight: 700; }
.pr-incl h3 + ul { margin-bottom: 18px; }
.pr-terms, .pr-foot { margin: 16px 0 0; font-size: .9rem; color: var(--ink-soft); }
.pr-note { margin: 0; font-family: var(--font-mono); font-size: .72rem; line-height: 1.6; color: var(--ink-soft);font-weight:650}
.pricing a { color: var(--court-blue); }
.pr-table { width: 100%; border-collapse: collapse; font-size: .9rem; font-variant-numeric: tabular-nums; }
.pr-table th { text-align: left; font-weight: 700; padding: 8px 8px 8px 0; white-space: nowrap; border-top: 1px solid var(--line); }
.pr-table td { padding: 8px; border-top: 1px solid var(--line); color: var(--ink-soft); }
.pr-table td:nth-child(2) { color: var(--ink); white-space: nowrap; }
@media (max-width: 480px) { .pr-table td:nth-child(3) { display: none; } }
.pr-ask, .pr-mini > p.pr-ask { margin: 6px 0 0; font-family: var(--font-display); font-weight: 700; font-size: 1.35rem; line-height: 1.2; color: var(--ball-deep); }