/* Medienreife — Grundstile. Seitenlayouts stehen als Inline-Styles in den Vorlagen (aus dem Design erzeugt). */
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,sans-serif;color:#1d1d1f;background:#fff;-webkit-font-smoothing:antialiased;line-height:1.47;overflow-x:hidden}
a{text-decoration:none;color:inherit}a:hover{color:inherit}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
/* Logo-Laufband (Startseite) */
@keyframes mr-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mr-marquee:hover .mr-marquee-track{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.mr-marquee-track{animation:none!important}}
@media (prefers-reduced-motion:reduce){[style*="animation: rise"]{animation:none!important;opacity:1!important}}
:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Navigation: Mega-Menü per Hover/Fokus statt React-Zustand */
.mr-mega{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.mr-has-mega:hover .mr-mega,.mr-has-mega:focus-within .mr-mega{opacity:1;visibility:visible;transition-delay:0s}
.mr-chev{transition:transform .25s}
.mr-has-mega:hover .mr-chev,.mr-has-mega:focus-within .mr-chev{transform:rotate(180deg)!important}
body.mr-menu-open{overflow:hidden}

/* Beitragsinhalt (Newsroom) — Werte aus Artikel.dc.html */
.mr-prose>*:first-child{margin-top:0}
.mr-prose p{margin:0 0 24px;text-wrap:pretty}
.mr-prose a{color:#0066cc}.mr-prose a:hover{color:#0071e3}
.mr-prose h2{font-size:28px;font-weight:600;letter-spacing:-0.5px;line-height:1.2;color:#1d1d1f;margin:48px 0 16px;scroll-margin-top:90px}
.mr-prose h3{font-size:21px;font-weight:600;letter-spacing:-0.3px;line-height:1.25;color:#1d1d1f;margin:36px 0 12px}
.mr-prose ul{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.mr-prose ul li{display:flex;gap:12px;align-items:flex-start}
.mr-prose ul li::before{content:"";flex-shrink:0;width:20px;height:20px;margin-top:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066cc' stroke-width='2'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/contain}
.mr-prose ol{margin:0 0 28px;padding-left:22px}
.mr-prose blockquote{position:relative;margin:36px 0;padding:28px 32px;border-radius:24px;background:rgba(255,255,255,0.62);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.7);box-shadow:0 8px 32px rgba(0,0,0,0.08);overflow:hidden;isolation:isolate}
.mr-prose blockquote::before{content:"";position:absolute;border-radius:50%;filter:blur(60px);width:260px;height:260px;top:-120px;right:-60px;background:#c7b3ff;opacity:.4;z-index:-1}
.mr-prose blockquote p{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-0.3px;color:#1d1d1f;margin:0 0 12px}
.mr-prose blockquote cite{font-size:13.5px;font-style:normal;color:#6e6e73}
.mr-prose .mr-note{display:flex;gap:16px;align-items:flex-start;margin:32px 0;padding:22px 24px;border-radius:20px;background:#f5f5f7;font-size:15.5px;line-height:1.6;color:#424245}
.mr-prose .mr-note strong{display:block;color:#1d1d1f;font-weight:600;margin-bottom:4px}
.mr-prose .mr-note::before{content:"";flex-shrink:0;width:44px;height:44px;border-radius:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066cc' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/svg%3E") no-repeat center/20px,linear-gradient(145deg,rgba(255,255,255,0.95),rgba(255,255,255,0.55));border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 6px 16px rgba(0,102,204,0.16)}
.mr-prose img{max-width:100%;height:auto;border-radius:18px}
@media (max-width:600px){.mr-prose h2{font-size:23px}.mr-prose blockquote{padding:22px 20px}.mr-prose blockquote p{font-size:19px}}