/* Made by PapaGordon */
/* Partnerseite. Basis kommt aus mf-base.css. */
.pageHero h1 { animation: fadeIn .6s both; }

/* Hosting-Partner. */
.spotlight { width: var(--page); margin: 0 auto; display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: clamp(24px, 4vw, 56px); align-items: center; padding: clamp(24px, 4vw, 48px); border-radius: 28px; background: linear-gradient(140deg, color-mix(in srgb, var(--plum) 34%, var(--deck)), var(--deck) 70%); scroll-margin-top: 90px; }
.spotlightLogo { display: grid; place-items: center; aspect-ratio: 1; border-radius: 24px; background: var(--night); }
.spotlightLogo img { width: 70%; height: auto; }
.spotlightLabel { color: var(--plum); font-weight: 600; }
.spotlight h2 { margin: 8px 0 16px; font-size: clamp(40px, 5.4vw, 76px); }
.spotlightText > p:not(.spotlightLabel) { max-width: 34em; color: var(--soft); }
.spotlightText > p + p { margin-top: 10px; }
.partnerFacts { display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0 26px; padding: 0; list-style: none; }
.partnerFacts li { padding: 6px 14px; border-radius: 999px; background: var(--night); font-size: 14px; font-weight: 600; }

/* Dienste. */
.serviceCard { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 20px; align-items: center; max-width: 680px; padding: 20px; border-radius: 20px; background: var(--deck); text-decoration: none; transition: background .2s, transform .2s var(--ease-out); }
.serviceCard:hover { background: var(--deck-high); transform: translateY(-2px); }
.serviceLogo { display: grid; place-items: center; aspect-ratio: 1; border-radius: 16px; background: var(--moon); }
.serviceLogo img { width: 76%; height: auto; }
.serviceText { display: grid; gap: 4px; }
.serviceText small { color: var(--haze); font-size: 13px; font-weight: 600; }
.serviceText b { font: 900 24px/1.1 var(--font-display); letter-spacing: -.02em; }
.serviceText span { color: var(--soft); font-size: 15px; }

@media (max-width: 760px) {
  .spotlight { grid-template-columns: 1fr; }
  .spotlightLogo { max-width: 220px; }
  .serviceCard { grid-template-columns: 72px minmax(0, 1fr); }
}