/* ============================================================
   Budget Profi – Paket-Leiter (drei Kaufstufen)

   Nutzt die Farbvariablen der einbindenden Seite und fällt auf
   eigene Werte zurück, falls eine fehlt.
   ============================================================ */

.pk{ --pk-linie: var(--linie, #e6e6e2); }

.pk h2{
  font-size:20px; text-align:center; line-height:1.3; margin:0;
  font-family:'Montserrat',sans-serif; font-weight:800;
  color:var(--navy-text, #101f36); letter-spacing:-.02em;
}
.pk .pk-sub{
  text-align:center; color:#8a929a; margin:9px 0 20px;
  font-size:15px; line-height:1.5;
}

.pk-karten{ display:grid; gap:14px; }

.pk-karte{
  background:var(--white, #fff); border:2px solid var(--pk-linie);
  border-radius:12px; padding:20px 18px; position:relative;
}
.pk-karte.pk-empfohlen{
  border-color:var(--green, #22c58b);
  box-shadow:0 6px 22px rgba(34,197,139,.16);
}
.pk-marke{
  position:absolute; top:-11px; left:50%; transform:translateX(-50%);
  background:var(--green, #22c58b); color:#fff; white-space:nowrap;
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:11.5px;
  letter-spacing:.04em; text-transform:uppercase;
  padding:4px 12px; border-radius:20px;
}

.pk-titel{
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:18px;
  color:var(--navy-text, #101f36); letter-spacing:-.02em; line-height:1.25;
  text-align:center;
}
.pk-sterne{
  display:flex; align-items:center; justify-content:center; gap:7px;
  margin-top:6px;
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:14px;
  color:var(--navy-text, #101f36); letter-spacing:-.01em;
}
.pk-sterne .g{ color:var(--gold, #f7b500); letter-spacing:.04em; font-size:15px; }
.pk-sterne .n{ font-weight:700; color:#8a929a; }

.pk-preis{
  text-align:center; margin-top:6px;
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:30px;
  color:var(--navy-text, #101f36); letter-spacing:-.03em;
}
.pk-einzeln{ text-align:center; margin-top:3px; font-size:14px; color:#98a0a7; }
.pk-einzeln s{ text-decoration-thickness:1.5px; }
.pk-spar{
  text-align:center; margin-top:8px;
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:15px;
  color:var(--green-dark, #157a5a);
}
.pk-gratis{
  text-align:center; margin-top:7px; font-size:14.5px; line-height:1.4;
  color:var(--green-dark, #157a5a);
}
.pk-gratis b{ font-family:'Montserrat',sans-serif; font-weight:800; }

.pk-aufpreis{
  text-align:center; margin-top:8px; font-size:14px; color:#8a929a;
}
.pk-aufpreis b{ color:var(--navy-text, #101f36); }

/* Medium unter dem Paketnamen. Bewusst schmaler als die Karte –
   es soll die Box zieren, nicht sie ausfuellen. Alle Quellen sind
   quadratisch, deshalb schneidet "contain" nichts ab. */
.pk-medien{
  width:58%; max-width:230px; margin:10px auto 2px;
  border-radius:10px; overflow:hidden;
}
.pk-medien img, .pk-medien video{
  width:100%; height:auto; aspect-ratio:1; object-fit:contain; display:block;
}

.pk-liste{ list-style:none; margin:16px 0 0; padding:0; }
.pk-liste li{
  display:flex; align-items:center; gap:11px;
  font-size:15px; line-height:1.3; margin-bottom:9px;
}
.pk-liste li:last-child{ margin-bottom:0; }
.pk-link{
  display:flex; align-items:center; gap:inherit; color:inherit; text-decoration:none;
}
.pk-liste li.pk-neu .pk-link{ gap:12px; }
.pk-link:hover .pk-name{ text-decoration:underline; }
.pk-link:hover img{ opacity:.85; }
.pk-bild{
  flex:0 0 auto; width:46px; height:46px; border-radius:7px;
  overflow:hidden; background:#ececeb; border:1px solid rgba(0,0,0,.06);
}
.pk-bild img{ width:100%; height:100%; object-fit:cover; display:block; }
.pk-name{ min-width:0; }
.pk-liste .pk-extra{
  display:block; color:var(--green-dark, #157a5a);
  font-weight:700; font-size:13px; margin-top:1px;
}
.pk-liste li.pk-neu .pk-name{ font-weight:700; color:var(--navy-text, #101f36); }
.pk-btn{
  display:block; width:100%; text-align:center; text-decoration:none;
  background:var(--green, #22c58b); color:#fff;
  border:0; cursor:pointer;
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:16px;
  padding:15px 12px; border-radius:8px; margin-top:16px; line-height:1.3;
}
.pk-empfohlen .pk-btn{
  font-size:17px; padding:17px 12px;
  box-shadow:0 6px 14px rgba(34,197,139,.38);
}
.pk-trust{ text-align:center; margin:14px 0 0; font-size:13.5px; color:#98a0a7; }