/* Sektions-CSS, aus den entfernten Reparaturschichten zurueckgewonnen.
   Statisch, sektions-spezifisch, kein nmg-Praefix (bleibt erhalten). */
/* --- home --- */
*, ::before, ::after { box-sizing: border-box; }
img, video { max-width: 100%; }
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; }
img { max-width: 100%; }
body * { hyphens: none !important; }
body.home .brand-world .brand-deepcopy { background: linear-gradient(135deg, rgba(7, 21, 56, 0.055), rgba(255, 122, 26, 0.08)) !important; border-width: 1px 1px 1px 4px !important; border-style: solid !important; border-color: rgba(7, 21, 56, 0.12) rgba(7, 21, 56, 0.12) rgba(7, 21, 56, 0.12) rgb(255, 122, 26) !important; border-image: initial !important; border-radius: 8px !important; padding: 18px 20px !important; color: rgb(51, 51, 51) !important; box-shadow: rgba(7, 21, 56, 0.06) 0px 18px 46px !important; }
body.home .brand-world h3 { letter-spacing: -0.01em !important; }
body.home .brand-world:nth-of-type(2) h3 { color: rgb(245, 46, 50) !important; }
body.home .brand-world:nth-of-type(2) .brand-world-media img { content: url("../sports-mag-logo-red-hq.png") !important; }
body.home .media-route-card { max-width: 920px !important; margin: 44px auto 0px !important; border-radius: 10px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(7, 21, 56, 0.12) !important; box-shadow: rgba(7, 21, 56, 0.1) 0px 24px 68px !important; }
body.home .media-route-card > div { display: grid !important; grid-template-columns: auto minmax(0px, 1fr) auto !important; gap: 22px !important; align-items: center !important; padding: 26px 30px !important; }
body.home .media-route-card .plus-copy h3 { font-family: "Playfair Display", Georgia, serif !important; font-size: clamp(24px, 2.1vw, 34px) !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0.01em !important; margin: 0px 0px 8px !important; color: rgb(7, 21, 56) !important; }
body.home .media-route-card .plus-copy p { font-size: 15px !important; line-height: 1.45 !important; margin: 0px !important; color: rgb(85, 85, 85) !important; }
@media (max-width: 640px){body.home .media-route-card > div { grid-template-columns: 1fr !important; text-align: center !important; }}
body.home .premium-brand-head { align-items: end !important; }
body.home .stacked-premium-title { display: flex !important; flex-direction: column !important; gap: 0.02em !important; }
body.home .stacked-premium-title span { display: block !important; }
body.home .premium-brand-lead { display: flex !important; flex-direction: column !important; gap: 14px !important; }
body.home .premium-brand-lead small { display: block !important; font-size: clamp(14px, 1.05vw, 16px) !important; line-height: 1.55 !important; color: rgb(107, 100, 112) !important; padding-left: 18px !important; border-left: 3px solid rgb(255, 122, 26) !important; max-width: 680px !important; }
@media (max-width: 760px){body.home .premium-brand-head { align-items: start !important; }}
body.home .premium-brand-head .stacked-premium-title { display: flex !important; flex-direction: column !important; gap: 0.04em !important; }
body.home .premium-brand-head .stacked-premium-title span { display: none !important; }
body.home .premium-brand-head .stacked-premium-title::before { content: "Unsere\a Premium-\a Medienmarken." !important; white-space: pre-line !important; display: block !important; }
body.home .media-route-card { max-width: 960px !important; margin: 52px auto 0px !important; border-radius: 8px !important; background: linear-gradient(135deg, rgb(255, 255, 255), rgb(247, 248, 251)) !important; border: 1px solid rgba(7, 21, 56, 0.14) !important; box-shadow: rgba(7, 21, 56, 0.12) 0px 28px 78px !important; overflow: hidden !important; }
body.home .media-route-card > div { display: grid !important; grid-template-columns: 58px minmax(0px, 1fr) auto !important; gap: 24px !important; align-items: center !important; padding: 28px 34px !important; }
body.home .media-route-card .plus-sign { width: 52px !important; height: 52px !important; border-radius: 999px !important; background: rgb(7, 21, 56) !important; color: rgb(255, 255, 255) !important; display: grid !important; place-items: center !important; }
body.home .media-route-card .plus-sign svg { width: 24px !important; height: 24px !important; stroke: rgb(255, 255, 255) !important; }
body.home .media-route-card .plus-copy h3 { font-family: "Playfair Display", Georgia, "Times New Roman", serif !important; font-size: clamp(27px, 2.4vw, 40px) !important; line-height: 0.98 !important; text-transform: none !important; letter-spacing: 0.01em !important; color: rgb(7, 21, 56) !important; margin: 0px 0px 8px !important; }
body.home .media-route-card .plus-copy p { font-size: 15px !important; line-height: 1.5 !important; color: rgb(85, 85, 85) !important; margin: 0px !important; max-width: 680px !important; }
body.home .media-route-note { display: block !important; margin-top: 10px !important; padding-left: 14px !important; border-left: 3px solid rgb(255, 122, 26) !important; color: rgb(7, 21, 56) !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 800 !important; letter-spacing: 0.01em !important; }
body.home .media-route-card .btn { height: 44px !important; min-width: 210px !important; border-radius: 999px !important; background: rgb(7, 21, 56) !important; color: rgb(255, 255, 255) !important; border: 0px !important; box-shadow: rgba(7, 21, 56, 0.18) 0px 16px 34px !important; }
@media (max-width: 760px){body.home .media-route-card > div { grid-template-columns: 1fr !important; text-align: center !important; justify-items: center !important; }}
@media (max-width: 760px){body.home .media-route-note { border-left: 0px !important; border-top: 3px solid rgb(255, 122, 26) !important; padding-left: 0px !important; padding-top: 10px !important; }}
body.home .media-route-card { width: min(1040px, 100% - 48px) !important; margin: clamp(34px, 4vw, 58px) auto 0px !important; border-radius: 10px !important; border-width: 1px 1px 1px 5px !important; border-style: solid !important; border-color: rgba(7, 21, 56, 0.13) rgba(7, 21, 56, 0.13) rgba(7, 21, 56, 0.13) rgb(255, 122, 26) !important; border-image: initial !important; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(247, 249, 252) 100%) !important; box-shadow: rgba(7, 21, 56, 0.09) 0px 24px 70px !important; padding: clamp(22px, 2.4vw, 34px) !important; }
body.home .media-route-card > div { display: grid !important; grid-template-columns: minmax(180px, 0.34fr) minmax(260px, 1fr) auto !important; align-items: center !important; gap: clamp(18px, 3vw, 38px) !important; }
body.home .media-route-card h3, body.home .media-route-card strong, body.home .media-route-card .media-route-title { font-family: "Playfair Display", Georgia, serif !important; font-size: clamp(20px, 2vw, 32px) !important; line-height: 1.02 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: rgb(7, 21, 56) !important; margin: 0px !important; }
body.home .media-route-card p { color: rgb(78, 85, 100) !important; font-size: clamp(15px, 1.05vw, 18px) !important; line-height: 1.45 !important; margin: 0px !important; }
body.home .media-route-card p span { display: block !important; margin-top: 7px !important; color: rgb(7, 21, 56) !important; font-weight: 850 !important; }
body.home .media-route-card a, body.home .media-route-card .btn { border-radius: 999px !important; background: rgb(7, 21, 56) !important; color: rgb(255, 255, 255) !important; padding: 13px 20px !important; font-size: 12px !important; font-weight: 950 !important; text-transform: uppercase !important; white-space: nowrap !important; text-decoration: none !important; box-shadow: rgba(7, 21, 56, 0.14) 0px 18px 38px !important; }
.brand-panel.sports .btn-primary, .brand-panel.sports .btn-dark, .magazine-card.sports .btn-primary, .magazine-card.sports .btn-dark, a[href*="sports-mag"].btn-primary, a[href*="sports-mag"].btn-dark { background: rgb(247, 51, 51) !important; border-color: rgb(247, 51, 51) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(247, 51, 51, 0.18) 0px 18px 42px !important; }
@media (max-width: 700px){body.home .media-route-card > div { grid-template-columns: 1fr !important; text-align: left !important; }}
html body.home .media-route-card { width: min(980px, 100% - 48px) !important; border-radius: 12px !important; border: 1px solid rgba(7, 21, 56, 0.16) !important; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(246, 248, 252) 100%) !important; box-shadow: rgba(7, 21, 56, 0.11) 0px 24px 70px !important; }
html body.home .media-route-card > div { display: grid !important; grid-template-columns: 0.35fr 1fr auto !important; gap: 26px !important; align-items: center !important; }
html body.home .media-route-card p span { display: block !important; margin-top: 6px !important; color: rgba(7, 21, 56, 0.62) !important; font-family: "Playfair Display", Georgia, serif !important; font-size: 15px !important; }
/* Review-Fix (Finding 2): Mobil-Override. Die Karte ist zugleich .mag-card.plus-card;
   die Regel `body.home section.magazines .mag-card.plus-card > div {42px 1fr} @680`
   (Spezifitaet 0,0,4,3) schlug einen einfacheren Override und liess sie 2-spaltig.
   Diese Regel ist spezifischer (0,0,5,4) + steht zuletzt. minmax(0,1fr) statt 1fr
   verhindert zusaetzlich ein min-content-Aufblaehen des Tracks. */
@media (max-width: 760px){html body.home section.magazines .mag-card.plus-card.media-route-card > div{grid-template-columns:minmax(0px, 1fr)!important;justify-items:center!important;text-align:center!important} html body.home section.magazines .mag-card.plus-card.media-route-card > div > *{min-width:0!important}}