/* Sektions-CSS, aus den entfernten Reparaturschichten zurueckgewonnen.
   Statisch, sektions-spezifisch, kein nmg-Praefix (bleibt erhalten). */
/* --- pr-social --- */
*, ::before, ::after { box-sizing: border-box; }
h1, h2, h3, h4, .headline, .premium-title { hyphens: none !important; overflow-wrap: normal !important; word-break: normal !important; }
* { hyphens: none !important; word-break: normal !important; }
* { hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; }
body * { hyphens: none !important; }
.influencer-partners-section { background: linear-gradient(135deg, rgb(7, 21, 56) 0%, rgb(16, 32, 74) 100%) !important; color: rgb(255, 255, 255) !important; padding: clamp(84px, 8vw, 128px) 0px !important; }
.influencer-partners-section .section-inner { width: min(1180px, 100% - 48px) !important; margin: 0px auto !important; }
.influencer-head { display: grid !important; grid-template-columns: minmax(0px, 0.9fr) minmax(320px, 0.8fr) !important; gap: clamp(34px, 5vw, 70px) !important; align-items: end !important; margin-bottom: 48px !important; }
.influencer-head h2, .influencer-block h3, .influencer-system h3 { font-family: Georgia, "Times New Roman", serif !important; color: rgb(255, 255, 255) !important; line-height: 0.96 !important; }
.influencer-head h2 { font-size: clamp(46px, 5vw, 86px) !important; margin: 0px !important; }
.influencer-head p, .influencer-block p, .influencer-system p { color: rgba(255, 255, 255, 0.78) !important; line-height: 1.55 !important; }
.influencer-block { display: grid !important; grid-template-columns: minmax(280px, 0.55fr) minmax(0px, 1fr) !important; gap: 30px !important; margin-top: 34px !important; padding: 28px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.043) !important; }
.influencer-label, .influencer-head .section-kicker { color: rgb(255, 122, 26) !important; font-size: 12px !important; font-weight: 950 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }
.influencer-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 14px !important; }
.influencer-card { min-height: 210px !important; padding: 18px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.08) !important; }
.influencer-avatar { width: 54px !important; height: 54px !important; border-radius: 50% !important; display: grid !important; place-items: center !important; background: rgb(255, 255, 255) !important; color: rgb(7, 21, 56) !important; font-weight: 950 !important; margin-bottom: 14px !important; }
.influencer-card h4 { color: rgb(255, 255, 255) !important; margin: 0px 0px 8px !important; font-size: 16px !important; line-height: 1.12 !important; }
.influencer-card p { margin: 0px 0px 14px !important; font-size: 13px !important; }
.influencer-card strong { color: rgb(255, 122, 26) !important; font-size: 12px !important; text-transform: uppercase !important; }
.influencer-system { margin-top: 34px !important; padding: 34px !important; border-left: 5px solid rgb(255, 122, 26) !important; background: rgb(255, 255, 255) !important; color: rgb(7, 21, 56) !important; border-radius: 8px !important; }
.influencer-system h3 { color: rgb(7, 21, 56) !important; font-size: clamp(30px, 3vw, 52px) !important; }
.influencer-system p { color: rgb(85, 91, 102) !important; }
.influencer-examples { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; margin-top: 22px !important; }
.influencer-examples span { border: 1px solid rgba(7, 21, 56, 0.16) !important; border-radius: 999px !important; padding: 10px 16px !important; font-weight: 900 !important; }
@media (max-width: 980px){.influencer-head, .influencer-block { grid-template-columns: 1fr !important; }}
@media (max-width: 980px){.influencer-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
@media (max-width: 620px){.influencer-grid { grid-template-columns: 1fr !important; }}
.influencer-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 16px !important; }
.influencer-card { min-height: 250px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 8px !important; background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.043)) !important; padding: 18px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; overflow: hidden !important; position: relative !important; }
.influencer-card strong { position: relative !important; font-size: 18px !important; color: rgb(255, 255, 255) !important; }
@media (max-width: 1100px){.influencer-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
.influencer-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 16px !important; }
.influencer-card { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 8px !important; padding: 22px !important; color: rgb(255, 255, 255) !important; min-height: 260px !important; }
.influencer-card span, .influencer-card strong { color: var(--nmg-orange) !important; font-weight: 900 !important; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 0.08em !important; }
@media (max-width: 1020px){.influencer-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
/* Review-Fix: finaler Phone-Override. Die vorher interleavten unbedingten
   repeat(5)-Regeln liessen bei <=620px zuletzt repeat(2) gewinnen -> 2 Spalten.
   Diese Regel steht als allerletzte im Block und gewinnt bei <=620px per Reihenfolge. */
@media (max-width: 620px){.influencer-grid { grid-template-columns: 1fr !important; }}
/* Review-Fix (Verifikation 375px): der 1fr-Track von .influencer-head blaeht sich auf
   die min-content-Breite eines Kindes (~438px) auf und ueberlaeuft den 375px-Viewport
   (im Original per Layer-JS responsiv, in der statischen Extraktion nicht). minmax(0,1fr)
   kappt die Track-Mindestbreite auf 0, min-width:0 laesst die Kinder schrumpfen. */
@media (max-width: 980px){.influencer-head { grid-template-columns: minmax(0px, 1fr) !important; } .influencer-head > * { min-width: 0 !important; overflow-wrap: break-word !important; }}