/* Preise-Seite */

/* Hinweis für Mitch, solange die Seite Arbeitsstand ist */
.devnote{border:2px dashed var(--blue);padding:18px 22px;margin-bottom:clamp(40px,6vh,64px);
  font-size:.92rem;color:var(--ink-2);max-width:74ch;line-height:1.6}
.devnote strong{display:block;color:var(--ink);margin-bottom:6px;font-size:.98rem}

/* Preis-Platzhalter, solange keine Zahl feststeht */
.folgt{color:var(--ink-3);font-style:italic;font-weight:400}
li.folgt{list-style:none}

/* Paket-Karten: drei gleich hohe Spalten, Inhalt gleichmäßig verteilt */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink);border-left:2px solid var(--ink);
  align-items:stretch}
.pkg{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:clamp(28px,3vw,40px);
  display:flex;flex-direction:column;position:relative;background:var(--bg)}
.pkg-beliebt{background:var(--bg-2)}
.pkg-tag{position:absolute;top:0;right:0;background:var(--btn-blue);color:#fff;font-size:11px;
  text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:6px 14px}
.pkg-n{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(1.8rem,3vw,2.4rem);line-height:.9;margin-bottom:8px}
.pkg-sub{color:var(--ink-2);font-size:.92rem;min-height:2.6em;margin-bottom:18px}

/* Preis: große Zahl, kleine Einheit daneben (nicht gleich groß) */
.pkg-price{display:flex;align-items:baseline;gap:5px;margin-bottom:6px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.pkg-price .p-num{font-family:"Anton",sans-serif;font-size:clamp(2.2rem,4vw,3rem);line-height:1}
.pkg-price .p-unit{font-size:.95rem;color:var(--ink-2)}
.pkg-price .folgt{font-family:"Space Grotesk";font-size:1.3rem}

.pkg-deposit{color:var(--ink-3);font-size:.82rem;margin:0 0 22px}

.pkg-h{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600;margin-bottom:6px}

/* Jeder Punkt ein eigener Abschnitt: eigene Zeile, eigener Abstand, eigene Trennlinie */
.pkg-list{list-style:none;display:flex;flex-direction:column;flex:1;margin-bottom:24px}
.pkg-list li{position:relative;padding:13px 0 13px 22px;color:var(--ink-2);font-size:.95rem;line-height:1.4;
  border-bottom:1px solid var(--line)}
.pkg-list li:last-child{border-bottom:0}
.pkg-list li:not(.folgt)::before{content:"/";position:absolute;left:0;top:13px;color:var(--blue);font-weight:700}
.pkg-list li strong{color:var(--ink)}

.pkg-fit{color:var(--ink-2);font-size:.9rem;line-height:1.5;margin-bottom:22px}
.pkg-fit strong{color:var(--ink)}
.pkg .btn{align-self:flex-start;margin-top:auto}

.pkg-fine{margin-top:clamp(32px,5vh,48px);color:var(--ink-3);font-size:.85rem;max-width:80ch;line-height:1.6}

/* Mobil: gestapelte Karten brauchen Luft dazwischen, sonst kleben sie aneinander.
   Rahmen wandert dafür von der Rasterkante an jede einzelne Karte. */
@media(max-width:900px){
  .pkg-grid{grid-template-columns:1fr;gap:20px;border:0}
  .pkg{border:2px solid var(--ink)}
}