/* LivingLink — Jahres-Einträge, Preisfläche.
   Neu gesetzt 2026-08-06: Die Seite brachte eine eigene Palette und Georgia
   mit und stand damit neben der übrigen Welt. Jetzt gelten die Marken-Token
   aus styles.css — Cormorant Garamond, Inter, Gold, Creme.
   ------------------------------------------------------------------------ */

.p-wrap{width:min(100% - 48px,var(--maxw,1200px));margin-inline:auto}

/* ---------- Auftakt ---------- */
.p-hero{
  position:relative;color:#F6F1E6;padding:clamp(140px,16vw,208px) 0 clamp(64px,7vw,92px);
  background:
    radial-gradient(112% 88% at 84% 2%, rgba(201,169,110,.22), transparent 58%),
    radial-gradient(90% 76% at 3% 98%, rgba(62,142,134,.16), transparent 62%),
    linear-gradient(158deg,#0B1F24 0%,#10262B 55%,#081A1E 100%);
}
.p-hero-inner{max-width:900px}
.p-kicker{
  font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.22em;
  font-size:11px;font-weight:600;color:var(--gold-soft,#CBAA54);margin:0 0 26px
}
.p-hero h1{
  font-family:var(--font-serif);font-weight:300;font-size:clamp(42px,6.4vw,82px);
  line-height:1.02;letter-spacing:-.015em;margin:0;color:#FBF7EE
}
.p-hero h1 em{font-style:italic;color:var(--gold-soft,#CBAA54)}
.p-lead{
  font-family:var(--font-sans);font-size:clamp(16px,1.35vw,19px);line-height:1.7;
  max-width:62ch;color:rgba(246,241,230,.82);margin:30px 0 38px
}
.p-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin:0 0 44px}
.p-hero-primary{
  display:inline-flex;align-items:center;min-height:52px;padding:15px 26px;border-radius:100px;
  background:var(--gold);color:#1c1508;font-family:var(--font-sans);font-size:14px;font-weight:600;
  text-decoration:none;transition:background .2s ease,transform .2s ease
}
.p-hero-primary:hover{background:#d9bd7f;transform:translateY(-1px)}
.p-hero-secondary{
  color:#F6F1E6;font-family:var(--font-sans);font-size:14px;font-weight:500;
  text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(246,241,230,.45)
}
.p-hero-secondary:hover{text-decoration-color:var(--gold-soft,#CBAA54)}
.p-hero-primary:focus-visible,.p-hero-secondary:focus-visible,
.p-action:focus-visible,.p-toggle button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.p-note{
  display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline;max-width:62ch;
  border-top:1px solid rgba(246,241,230,.22);padding-top:22px;font-family:var(--font-sans);font-size:14px
}
.p-note span{color:rgba(246,241,230,.6)}
.p-note strong{font-weight:600;color:#F6F1E6}

/* ---------- Abrechnung ---------- */
.p-plans{padding:clamp(64px,7vw,96px) 0;background:var(--cream)}
.p-billing{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 44px;text-align:center}
.p-toggle{
  display:inline-flex;padding:4px;gap:4px;border:1px solid var(--hair,#e6e0d4);
  border-radius:100px;background:var(--paper)
}
.p-toggle button{
  appearance:none;border:0;cursor:pointer;background:transparent;color:var(--muted);
  font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.02em;
  padding:10px 22px;border-radius:100px;transition:background .2s ease,color .2s ease
}
.p-toggle button[aria-pressed="true"]{background:var(--gold);color:#1c1508}
.p-billing-note{font-family:var(--font-sans);font-size:13px;color:var(--muted);margin:0}

/* ---------- Stufen ---------- */
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:18px;align-items:stretch}
.p-card{grid-row:span 4;display:grid;grid-template-rows:subgrid;row-gap:22px;background:var(--paper);border:1px solid var(--hair,#e6e0d4);border-radius:16px;padding:34px 30px;position:relative}
.p-featured{border-color:var(--gold);box-shadow:0 26px 60px -40px rgba(26,26,26,.45)}
.p-label{
  position:absolute;top:-11px;left:30px;background:var(--gold);color:#1c1508;
  font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:5px 12px;border-radius:100px
}
.p-number{font-family:var(--font-sans);font-size:11px;letter-spacing:.2em;color:var(--muted);margin:0 0 8px}
.p-card h2{font-family:var(--font-serif);font-weight:400;font-size:1.85rem;line-height:1.1;margin:0}
.p-scope-text{font-family:var(--font-sans);font-size:14.5px;line-height:1.6;color:var(--muted);margin:10px 0 0;max-width:34ch}
.p-example{
  display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-family:var(--font-sans);
  font-size:13px;font-weight:600;color:var(--gold);text-decoration:none
}
.p-example:hover{text-decoration:underline;text-underline-offset:4px}
.p-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0}
.p-price strong{font-family:var(--font-serif);font-weight:400;font-size:2.9rem;line-height:1;color:var(--ink)}
.p-price span{font-family:var(--font-sans);font-size:13.5px;color:var(--muted)}
.p-price-sub{font-family:var(--font-sans);font-size:12.5px;line-height:1.5;color:var(--muted);margin:6px 0 0;min-height:1.5em}
.p-scope{display:flex;flex-direction:column;gap:8px;font-family:var(--font-sans);font-size:12.5px;color:var(--muted);margin:0}
.p-scope select{
  font-family:var(--font-sans);font-size:14px;color:var(--ink);background:var(--paper);
  border:1px solid var(--hair,#e6e0d4);border-radius:9px;padding:11px 12px;min-height:44px
}
.p-action{
  appearance:none;border:0;cursor:pointer;width:100%;min-height:52px;border-radius:100px;
  background:var(--ink);color:var(--paper);font-family:var(--font-sans);font-size:14px;font-weight:600;
  transition:background .2s ease,transform .2s ease
}
.p-action:hover{background:#000;transform:translateY(-1px)}
.p-action[disabled]{opacity:.55;cursor:progress;transform:none}
.p-featured .p-action{background:var(--gold);color:#1c1508}
.p-featured .p-action:hover{background:#d9bd7f}
.p-status{font-family:var(--font-sans);font-size:13.5px;color:var(--muted);margin:22px 0 0;text-align:center;min-height:1.3em}
.p-status.error{color:#a8342a}
.p-tax{font-family:var(--font-sans);font-size:13px;line-height:1.7;color:var(--muted);margin:26px auto 0;max-width:74ch;text-align:center}

/* ---------- Belege: echte Einträge ---------- */
.p-proof{padding:clamp(64px,7vw,96px) 0;background:var(--paper)}
.p-proof-head{max-width:60ch;margin:0 0 34px}
.p-proof-head h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12;margin:8px 0 0}
.p-proof-head p{font-family:var(--font-sans);font-size:15.5px;line-height:1.7;color:var(--muted);margin:14px 0 0;max-width:58ch}
.p-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.p-proof-card{
  display:block;text-decoration:none;color:inherit;border:1px solid var(--hair,#e6e0d4);
  border-radius:16px;overflow:hidden;background:var(--paper);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
.p-proof-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 26px 54px -34px rgba(16,38,42,.45)}
.p-proof-card img{display:block;width:100%;height:210px;object-fit:cover}
.p-proof-body{padding:20px 22px 24px}
.p-proof-body .k{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:block}
.p-proof-body h3{font-family:var(--font-serif);font-weight:400;font-size:1.5rem;line-height:1.15;margin:7px 0 0}
.p-proof-body p{font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--muted);margin:9px 0 0}

/* ---------- Enthalten ---------- */
.p-included{padding:clamp(64px,7vw,96px) 0;background:var(--cream)}
.p-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,72px);align-items:start}
.p-split h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12;margin:8px 0 0;max-width:16ch}
.p-list{display:grid;gap:26px}
.p-list > div{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline}
.p-list span{font-family:var(--font-sans);font-size:11px;letter-spacing:.18em;color:var(--gold);padding-top:5px}
.p-list h3{font-family:var(--font-serif);font-weight:400;font-size:1.45rem;line-height:1.2;margin:0}
.p-list p{grid-column:2;font-family:var(--font-sans);font-size:14.5px;line-height:1.7;color:var(--muted);margin:6px 0 0;max-width:58ch}

/* ---------- Schlusssatz ---------- */
.p-principle{padding:clamp(60px,7vw,92px) 0;background:var(--paper);text-align:center}
.p-principle blockquote{
  font-family:var(--font-serif);font-weight:300;font-style:italic;
  font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.3;max-width:22ch;margin:0 auto;color:var(--ink)
}
.p-principle p{font-family:var(--font-sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:26px 0 0}

@media(max-width:980px){
  .p-grid,.p-proof-grid{grid-template-columns:1fr 1fr}
  .p-split{grid-template-columns:1fr}
}
@media(max-width:680px){
  .p-wrap{width:min(100% - 32px,var(--maxw,1200px))}
  .p-grid,.p-proof-grid{grid-template-columns:1fr}
  .p-hero-actions{gap:14px}
  .p-hero-primary{width:100%;justify-content:center}
}


/* Gleicher Rhythmus über alle drei Karten — 2026-08-11.
   Die dritte Stufe hat keine Anzahl-Auswahl. Ohne Platzhalter sass ihr Knopf
   höher als die der anderen beiden. */
.p-card > *{min-width:0}
.p-card .p-preis-block{display:block}
.p-card .p-action{align-self:end;margin:0}
@supports not (selector(:has(*))){
  .p-card{row-gap:20px}
}

.p-scope-leer{display:block}
@supports not (grid-template-rows: subgrid){
  /* Ohne subgrid bleibt es bei gleicher Kartenhoehe und unterem Knopf. */
  .p-card{grid-template-rows:auto auto auto 1fr}
  .p-card .p-action{align-self:end}
}