/* Business & Kooperation – seitenbezogen */

/* Abstände */
.section-padding-80{padding-top:80px;padding-bottom:80px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mt-60{margin-top:60px}

/* Intro */
.lead-muted{color:#666;max-width:720px;margin:8px auto 0}

/* Pakete */
.pkg-grid{align-items:stretch}
.card.pkg{border:1px solid #eee;border-radius:14px;padding:20px 18px;height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:0 6px 22px rgba(0,0,0,.04)}
.card.pkg .pkg-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.card.pkg .pkg-head h3{margin:0;font-size:1.1rem}
.card.pkg .price{font-weight:700;font-size:1.1rem}
.card.pkg .pkg-list{list-style:none;padding-left:0;margin:10px 0 18px}
.card.pkg .pkg-list li{margin:6px 0}
.card.pkg .btn.block{width:100%;margin-top:auto}
.card.pkg.featured{border-color:#111;box-shadow:0 8px 26px rgba(0,0,0,.08)}

/* Hinweise */
.note{border-left:3px solid #111;padding-left:14px;color:#444}

/* Kooperationen */
ul.bullet{margin:0 0 14px 0;padding-left:18px}
ul.bullet li{margin:6px 0}
.coop-cta .link{margin-left:6px;display:inline-block}

/* Partner-Logos */
.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width: 768px){ .partners{grid-template-columns:repeat(2,1fr)} }
.partner{display:flex;align-items:center;justify-content:center;padding:14px;border:1px dashed #e6e6e6;border-radius:12px;background:#fafafa}
.partner-img{max-width:100%;max-height:48px;object-fit:contain;filter:grayscale(100%);opacity:.9;transition:filter .2s ease,opacity .2s ease}
.partner:hover .partner-img{filter:none;opacity:1}

/* CTA Button an Theme angelehnt */
.btn-cta{background:#111;border:1px solid #111;color:#fff;padding:.7rem 1.2rem;font-weight:500;letter-spacing:.02em}
.btn-cta:hover{filter:brightness(1.15);color:#fff;text-decoration:none}

/* Karten als anklickbare Links */
.card.pkg { position: relative; text-decoration: none; color: inherit; }
.card.pkg:hover { box-shadow: 0 10px 28px rgba(0,0,0,.08); transform: translateY(-1px); transition: box-shadow .2s ease, transform .2s ease; }
.card.pkg .btn.block { text-align: center; }

/* Variante: Outline für Sponsoring */
.card.pkg.outline { background:#fff; border:1px dashed #bbb; }
.card.pkg.outline .price { color:#111; }

/* Cursor-Hinweis */
.pkg-link { cursor: pointer; display: block; height: 100%; }



/* ===============================================
   MODERNER CTA – Anfrage senden (integriert)
   =============================================== */

.pkg .btn-cta.block{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  width:100%;
  margin-top:14px;

  border-radius:999px;
  padding:0.65rem 1rem;
  font-size:0.9rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-align:center;

  background:linear-gradient(135deg,#4f46e5,#ec4899);
  color:#ffffff;
  border:1px solid rgba(248,250,252,0.8);

  box-shadow:0 14px 30px rgba(15,23,42,0.7);
  transition:
    transform .16s ease-out,
    box-shadow .16s ease-out,
    background .16s ease-out,
    border-color .16s ease-out,
    opacity .16s ease-out;
}

.pkg .btn-cta.block::after{
  content:'→';
  font-size:0.95rem;
  opacity:0.9;
  transform:translateX(0);
  transition:transform .16s ease-out,opacity .16s ease-out;
}

.card.pkg:hover .btn-cta.block,
.pkg .btn-cta.block:hover{
  transform:translateY(-1px) scale(1.01);
  box-shadow:0 18px 40px rgba(15,23,42,0.9);
  background:linear-gradient(135deg,#6366f1,#f97316);
  border-color:rgba(248,250,252,1);
  opacity:1;
}

.card.pkg:hover .btn-cta.block::after,
.pkg .btn-cta.block:hover::after{
  transform:translateX(3px);
  opacity:1;
}

.pkg .btn-cta.block:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 2px rgba(15,23,42,1),
    0 0 0 4px rgba(129,140,248,0.9);
}

.card.pkg:not(.featured) .btn-cta.block{
  opacity:0.9;
}

.card.pkg:not(.featured):hover .btn-cta.block{
  opacity:1;
}