/* Leistungen-Seite: gleiches Format wie Hauptseite, einheitliche Typo */
h1{ font-size:24px; margin:0 0 6px; text-align:center; color:var(--text-primary); font-family: "Orbitron", sans-serif; letter-spacing: 0.03em;
  opacity:0; transform:translateY(10px); animation: leistFadeUp 0.6s ease-out forwards; }
.intro{ text-align:center; color:var(--text-secondary); margin:0 auto 24px; max-width:440px; line-height:1.6; font-size:14px; letter-spacing: 0.01em;
  animation: leistFadeUp 0.6s ease-out 0.1s forwards; opacity:0; transform:translateY(10px); }
@keyframes leistFadeUp{ to{ opacity:1; transform:translateY(0); } }

.packages{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:24px 0 36px; }
.pkg.pkg-featured:first-of-type{ border-color:var(--card-border-hover); box-shadow:var(--shadow-card-hover); }
.pkg{
  background: rgba(255,255,255,0.94);
  backdrop-filter:blur(12px);
  padding:18px; border-radius:var(--radius);
  border:1px solid var(--card-border);
  box-shadow: var(--shadow-card);
  transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) ease;
  display:flex; flex-direction:column;
  animation: pkgEnter 0.5s ease-out backwards;
}
.pkg:nth-child(1){ animation-delay: 0.05s; }
.pkg:nth-child(2){ animation-delay: 0.1s; }
.pkg:nth-child(3){ animation-delay: 0.15s; }
.pkg:nth-child(4){ animation-delay: 0.2s; }
.pkg:nth-child(5){ animation-delay: 0.25s; }
.pkg:nth-child(6){ animation-delay: 0.3s; }
.pkg:nth-child(7){ animation-delay: 0.35s; }
.pkg:nth-child(8){ animation-delay: 0.4s; }
@keyframes pkgEnter{
  from{ opacity:0; transform: translateY(20px); }
  to{ opacity:1; transform: translateY(0); }
}
.pkg:hover{ transform: translateY(-6px) scale(1.02); box-shadow: var(--shadow-card-hover); border-color: var(--card-border-hover); }
.pkg > div strong{ font-size:15px; color:var(--green); display:block; margin-bottom:6px; font-family: "Orbitron", sans-serif; letter-spacing: 0.02em; }
.price{ font-size:13px; font-weight:600; color:var(--green); margin:2px 0 10px 0; letter-spacing: 0.02em; text-transform: uppercase; }
.pkg ul{ padding-left:18px; margin:0; color:var(--green); list-style:none; }
.pkg li{ font-size:13px; line-height:1.65; margin:5px 0; position:relative; padding-left:6px; letter-spacing: 0.01em; }
.pkg li::before{ content:'•'; color:var(--green); font-weight:bold; position:absolute; left:-8px; }

.small-note{ font-size:12px; color:var(--muted); text-align:center; letter-spacing: 0.02em; line-height:1.5; }
.packages-buy{ margin-top:48px; }
.packages-buy h2{ font-size:20px; color:var(--text-primary); text-align:center; margin:0 0 24px; font-family: "Orbitron", sans-serif; letter-spacing: 0.03em; }
.packages-buy .grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; }
.pkg-buy{
  background:rgba(255,255,255,0.94); backdrop-filter:blur(12px);
  padding:24px; border-radius:var(--radius); border:1px solid var(--card-border);
  box-shadow:var(--shadow-card);
  display:flex; flex-direction:column; transition: all var(--duration) var(--ease);
}
.pkg-buy:hover{ transform:translateY(-4px); box-shadow:var(--shadow-card-hover); border-color:var(--card-border-hover); }
.pkg-buy.featured{ border-color:var(--card-border-hover); box-shadow:var(--shadow-card-hover); }
.pkg-buy strong{ font-size:16px; color:var(--green); display:block; margin-bottom:8px; font-family: "Orbitron", sans-serif; }
.pkg-buy .price-tag{ font-size:22px; font-weight:700; color:var(--green); margin:8px 0 16px; }
.pkg-buy .price-tag span{ font-size:13px; font-weight:500; opacity:0.9; }
.pkg-buy ul{ padding-left:18px; margin:0 0 20px; list-style:none; flex-grow:1; }
.pkg-buy li{ font-size:13px; line-height:1.6; margin:6px 0; position:relative; padding-left:14px; color:var(--text-secondary); }
.pkg-buy li::before{ content:'•'; color:var(--green); position:absolute; left:0; }
.pkg-buy .btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:var(--radius-md); font-weight:600; font-size:13px; text-decoration:none; transition:all var(--duration) var(--ease); background:linear-gradient(135deg, var(--green), var(--green-dark)); color:white; box-shadow:0 4px 12px rgba(41,168,84,0.25); }
.pkg-buy .btn:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(41,168,84,0.35); background:linear-gradient(135deg, var(--green-dark), var(--green)); }

@media (prefers-reduced-motion: reduce){
  h1, .intro{ animation: none; opacity: 1; transform: none; }
  .pkg{ animation: none; }
  .pkg:hover{ transform: translateY(-2px); }
}
@media (max-width:1100px){
  .packages{ grid-template-columns:repeat(3,1fr); }
  .packages-buy .grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:800px){
  .packages{ grid-template-columns:repeat(2,1fr); gap:16px; }
  .packages-buy .grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:680px){
  .packages{ grid-template-columns:1fr; gap:14px; }
  .pkg{ padding:20px; }
  .packages-buy .grid{ grid-template-columns:1fr; }
  .pkg-buy{ padding:20px; }
  h1{ font-size:22px; }
  .intro{ font-size:14px; }
}
@media (max-width:420px){
  h1{ font-size:20px; }
  .intro{ font-size:13px; }
  .pkg{ padding:18px; }
}