/* ── Layout ────────────────────────────────────────── */
.pr-section        { padding: 72px 0; }
.pr-section-alt    { padding: 72px 0; background: #F9FAFB; }
.pr-section-dark   { padding: 72px 0; background: var(--lp-navy); }
.pr-section-purple { padding: 72px 0; background: #F5F0FF; }

/* ── Hero ──────────────────────────────────────────── */
.pr-hero {
    background: linear-gradient(160deg, #06183E 0%, var(--lp-blue) 100%);
    padding: 80px 0 72px; text-align: center; color: #fff;
}
.pr-hero-badge {
    display: inline-block; background: rgba(58,155,213,.18);
    color: #7DD3FC; border: 1px solid rgba(58,155,213,.3);
    font-size: 11px; font-weight: 800; letter-spacing: .1em;
    text-transform: uppercase; padding: 6px 18px; border-radius: 999px; margin-bottom: 24px;
}
.pr-hero h1 { font-size: clamp(30px,5vw,52px); font-weight: 800; line-height:1.1; margin:0 0 16px; letter-spacing:-.02em; }
.pr-hero-sub { font-size:18px; color:rgba(255,255,255,.75); margin:0 auto 32px; max-width:560px; line-height:1.65; }
.pr-hero-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ── Section header ────────────────────────────────── */
.pr-hd { text-align:center; margin-bottom:48px; }
.pr-hd h2 { font-size:clamp(22px,3.5vw,34px); font-weight:800; color:var(--lp-blue); margin:0 0 10px; }
.pr-hd.light h2 { color:#fff; }
.pr-hd p { font-size:15px; color:#6B7280; margin:0; max-width:640px; margin:0 auto; }
.pr-hd.light p { color:rgba(255,255,255,.7); }

/* ── Tables (shared) ───────────────────────────────── */
.pr-tbl { width:100%; border-collapse:collapse; font-size:13.5px; }
.pr-tbl th { padding:13px 18px; font-weight:700; text-align:left; }
.pr-tbl td { padding:12px 18px; border-bottom:1px solid #F3F4F6; }
.pr-tbl td:not(:first-child) { text-align:center; }
.pr-tbl th:not(:first-child) { text-align:center; }
.pr-tbl tbody tr:nth-child(even) { background:#F9FAFB; }
.pr-tbl tbody tr:hover { background:#EFF6FF; }
.pr-tbl-wrap { border-radius:16px; overflow:hidden; border:1px solid #E5E7EB; box-shadow:0 2px 12px rgba(0,0,0,.06); }

/* ── Marktvergleich ────────────────────────────────── */
.pr-mkt-head { background:#374151; color:#fff; }
.pr-mkt-iia  { background:#EAF7F0; font-weight:700; }
.pr-mkt-iia td { color:#1A6B40; font-weight:700; }
.pr-mkt-red  { color:#C0392B; font-weight:700; }
.pr-mkt-green { color:#2E8B57; font-weight:700; }

/* ── ROI ───────────────────────────────────────────── */
.pr-roi-head   { background:#F3F4F6; color:#6B7280; border-bottom:2px solid #E5E7EB; }
.pr-roi-bad    { color:#C0392B; font-weight:700; }
.pr-roi-ok     { color:#1B4F8A; }
.pr-roi-save   { background:#EAF7F0; font-weight:700; color:#1A6B40; }
.pr-roi-save td { color:#1A6B40; font-weight:700; }

/* ── Zitat-Boxen ───────────────────────────────────── */
.pr-quotes { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.pr-quote  { background:#EFF6FF; border-left:4px solid #1B4F8A; border-radius:0 12px 12px 0; padding:22px 24px; }
.pr-quote p { font-size:14px; color:#1E3A5F; line-height:1.7; margin:0; font-weight:600; }

/* ── Einzigartigkeit ───────────────────────────────── */
.pr-uniq-iia   { color:#2E8B57; font-weight:700; }
.pr-uniq-other { color:#9CA3AF; }
.pr-uniq-red   { color:#C0392B; }

/* ── Feature-Vergleich ─────────────────────────────── */
.pr-feat-group td,
.pr-feat-group th {
    background:#0D3060; color:#fff; font-weight:700; font-size:12px;
    text-transform:uppercase; letter-spacing:.06em; padding:10px 18px;
}
.pr-feat-opt  { color:#6B4FA0; font-style:italic; font-size:12px; }
.pr-feat-incl { color:#2E8B57; font-weight:700; font-size:12px; }
.pr-yes   { color:#2E8B57; font-weight:700; font-size:16px; }
.pr-no    { color:#D1D5DB; font-size:16px; }
.pr-val   { color:var(--lp-blue); font-weight:600; font-size:12px; }
.pr-biz-star { background:#2E8B57; color:#fff; font-size:10px; font-weight:700; padding:2px 7px; border-radius:999px; }

/* ── KI-Paket ──────────────────────────────────────── */
.pr-ki-head { background:#6B4FA0; color:#fff; }
.pr-ki-opt  { color:#6B4FA0; font-weight:700; }
.pr-ki-incl { color:#2E8B57; font-weight:700; }

/* ── Preiskarten ───────────────────────────────────── */
.pr-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin-bottom:32px; }
.pr-card  { background:#fff; border-radius:20px; border:2px solid #E5E7EB; display:flex; flex-direction:column; overflow:hidden; position:relative; transition:box-shadow .2s,transform .2s; }
.pr-card:hover { box-shadow:0 12px 40px rgba(0,0,0,.12); transform:translateY(-2px); }
.pr-card.basic      { border-color:var(--lp-blue); }
.pr-card.business   { border-color:#2E8B57; box-shadow:0 0 0 3px rgba(46,139,87,.25); }
.pr-card.enterprise { border-color:#B8860B; }
.pr-card-badge { position:absolute; top:0; left:50%; transform:translate(-50%,-50%); background:#2E8B57; color:#fff; font-size:11px; font-weight:800; padding:5px 18px; border-radius:999px; white-space:nowrap; z-index:1; }
.pr-card-head { padding:28px 24px 20px; color:#fff; }
.pr-card.basic      .pr-card-head { background:var(--lp-blue); }
.pr-card.business   .pr-card-head { background:#2E8B57; padding-top:36px; }
.pr-card.enterprise .pr-card-head { background:#B8860B; }
.pr-card-head h3 { font-size:20px; font-weight:700; margin:0 0 4px; }
.pr-card-head p  { font-size:13px; opacity:.88; margin:0; }
.pr-card-price { padding:18px 24px; border-bottom:1px solid #F3F4F6; }
.pr-price-main { font-size:34px; font-weight:800; color:#111827; }
.pr-price-period { font-size:13px; color:#6B7280; }
.pr-price-vat    { font-size:11px; color:#9CA3AF; margin-top:4px; }
.pr-price-yearly { font-size:11px; color:#2E8B57; font-weight:600; margin-top:4px; }
.pr-price-users  { font-size:11px; color:#6B7280; margin-top:6px; }
.pr-price-extra  { font-size:11px; color:#6B7280; }
.pr-card-features { padding:18px 24px; flex:1; }
.pr-card-features ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
.pr-card-features li { display:flex; gap:8px; font-size:13px; color:#374151; align-items:flex-start; }
.pr-check { color:#2E8B57; font-weight:700; flex-shrink:0; }
.pr-card-cta { padding:0 24px 24px; }
.pr-cta-btn { display:block; width:100%; text-align:center; padding:12px; border-radius:12px; font-size:14px; font-weight:700; text-decoration:none; transition:opacity .15s; }
.pr-cta-basic      { background:var(--lp-blue); color:#fff; }
.pr-cta-business   { background:#2E8B57; color:#fff; }
.pr-cta-enterprise { background:#B8860B; color:#fff; }

/* ── Add-on Tabelle ────────────────────────────────── */
.pr-addon-head { background:#6B4FA0; color:#fff; border-radius:14px 14px 0 0; padding:14px 20px; }
.pr-addon-head h3 { color:#fff; font-weight:700; margin:0; }
.pr-addon-tbl-wrap { border:1px solid #E0D0FF; border-top:none; border-radius:0 0 14px 14px; overflow:hidden; }
.pr-addon-opt  { color:#6B4FA0; font-weight:700; font-size:12px; }
.pr-addon-incl { color:#2E8B57; font-weight:700; font-size:12px; }

/* ── Hinweis-Box ───────────────────────────────────── */
.pr-hint { background:#EFF6FF; border:1px solid #BFDBFE; border-radius:12px; padding:16px 20px; font-size:12px; color:#1E40AF; text-align:center; line-height:1.7; }

/* ── Responsiv ─────────────────────────────────────── */
@media (max-width:640px) {
    .pr-section,.pr-section-alt,.pr-section-dark,.pr-section-purple { padding:52px 0; }
    .pr-hero { padding:52px 0; }
    .pr-tbl { font-size:12px; }
    .pr-tbl th,.pr-tbl td { padding:9px 10px; }
}