/* medienwerk.eu – Design-Auffrischung 2026-11 (weiß/EU-Blau). Entfernen = altes Design. */
:root{--mw-blue:#34528c;--mw-blue-d:#24395f;--mw-yellow:#f3dc96;--mw-yellow-h:#eed283;--mw-ink:#2a3340;--mw-muted:#667080;--mw-soft:#f4f6fa;--mw-soft2:#e9eef6;--mw-line:#e2e7ef}
body{color:var(--mw-ink);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
:where(#main) :where(p,li){color:var(--mw-ink)}
:where(#main) :where(h1,h2,h3,h4){color:var(--mw-blue-d);letter-spacing:-.005em}
#main .dark h1,#main .dark h2,#main .dark h3,#main .dark h4,#main .dark p,#main .dark li,#main .dark strong{color:#fff!important}
.banner .text-box-content.dark{background:rgba(229,236,247,.93)!important;border-radius:12px;box-shadow:0 4px 16px rgba(36,57,95,.12)}
#main .banner .text-box-content.dark :is(h1,h2,h3,h4,p,strong,span,div){color:var(--mw-blue-d)!important;text-shadow:none!important}
#main .banner .text-box-content.dark span[data-text-bg]{color:#fff!important;background:var(--mw-blue)!important;padding:2px 8px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.mw-news-apps{background:#dfe7f4!important}
.mw-news-label{background:var(--mw-blue)!important}
.header-wrapper.stuck,.header-main{box-shadow:0 2px 14px rgba(0,34,102,.08)}
/* Buttons */
.button.primary,.button.is-gloss{border-radius:8px!important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(36,57,95,.15)}
.mw-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:8px;font-weight:700;font-size:16px;line-height:1.2;
  text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap}
.mw-btn:hover{transform:translateY(-1px)}
.mw-btn-cta{background:var(--mw-yellow);color:var(--mw-blue-d)!important;box-shadow:0 2px 8px rgba(36,57,95,.10)}
.mw-btn-cta:hover{background:var(--mw-yellow-h);box-shadow:0 4px 12px rgba(36,57,95,.14)}
.mw-btn-blue{background:var(--mw-blue);color:#fff!important}
.mw-btn-blue:hover{background:var(--mw-blue-d)}
.mw-btn-ghost{background:#fff;color:var(--mw-blue)!important;border:2px solid var(--mw-blue)}
.mw-btn-ghost:hover{background:var(--mw-soft)}
.mw-btn svg{width:18px;height:18px;flex:0 0 18px}
/* Kopf: Anfrage-Button im Menü */
.header-nav-main>li.mw-nav-cta{margin-left:14px!important}
.header-nav-main>li.mw-nav-cta>a.mw-btn{padding:9px 16px;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--mw-blue-d)!important}
.header-nav-main>li.mw-nav-cta>a.mw-btn:after,.header-nav-main>li.mw-nav-cta>a.mw-btn:before{display:none}
/* Einleitung unter dem Seitenbanner (H1 + Text + CTA – ohne Scrollen sichtbar) */
.mw-intro{max-width:1080px;margin:22px auto 26px;padding:0 15px}
.mw-intro-card{background:#fff;border:1px solid var(--mw-line);border-left:5px solid var(--mw-blue);border-radius:12px;padding:22px 26px;
  box-shadow:0 4px 18px rgba(36,57,95,.05);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:center}
.mw-intro h1{margin:0 0 6px;font-size:1.75em;line-height:1.2;color:var(--mw-blue-d);text-transform:none}
.mw-intro p{margin:0;color:var(--mw-muted)!important;font-size:1.02em;line-height:1.6;max-width:68ch}
.mw-intro-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.mw-intro-actions small{color:var(--mw-muted);font-size:12.5px;text-align:center}
.mw-crumbs{font-size:13px;color:var(--mw-muted);margin:0 0 6px}
.mw-crumbs a{color:var(--mw-blue)}
.mw-intro.mw-legal .mw-intro-card{display:block;border-left-width:1px}
/* Startseite: Hero */
.mw-hero{max-width:1080px;margin:18px auto 6px;padding:0 15px}
.mw-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;align-items:stretch;background:linear-gradient(135deg,#f7f9fc 0%,#edf1f7 100%);
  border:1px solid var(--mw-line);border-radius:14px;padding:20px 24px;overflow:hidden}
.mw-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mw-blue);margin-bottom:4px}
.mw-hero h1{margin:0 0 8px;font-size:1.7em;line-height:1.15;color:var(--mw-blue-d);text-transform:none;text-wrap:balance}
.mw-hero p{margin:0 0 12px;color:#3a4656!important;font-size:1em;line-height:1.55}
.mw-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.mw-usps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0;padding:0;list-style:none}
.mw-usps li{margin:0!important;padding-left:24px;position:relative;font-size:14px;color:var(--mw-ink);line-height:1.35}
.mw-usps li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--mw-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.mw-hero-img{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 8px 22px rgba(36,57,95,.10)}
.mw-collage{aspect-ratio:auto;min-height:220px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;box-shadow:none;border-radius:12px}
.mw-collage a{position:relative;display:block;border-radius:10px;overflow:hidden;min-height:0}
.mw-collage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .4s ease}
.mw-collage a:hover img{transform:scale(1.05)}
.mw-collage span{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);color:var(--mw-blue-d);font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px}
.mw-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0!important}
.mw-hero-badge{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);color:var(--mw-blue-d);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
.mw-refstrip{max-width:1080px;margin:10px auto 0;padding:0 15px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;color:var(--mw-muted);font-size:14px}
.mw-refstrip b{color:var(--mw-blue-d)}
/* Abschnitte (Warum, Ablauf, FAQ, verwandte Leistungen) */
.mw-sec{max-width:1080px;margin:44px auto;padding:0 15px}
.mw-sec>h2{text-align:center;margin:0 0 22px;font-size:1.7em}
.mw-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mw-card{background:#fff;border:1px solid var(--mw-line);border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(36,57,95,.04)}
.mw-card h3{margin:0 0 6px;font-size:1.08em;color:var(--mw-blue-d)}
.mw-card p{margin:0;font-size:15px;color:var(--mw-muted)!important;line-height:1.55}
.mw-ico{width:40px;height:40px;border-radius:10px;background:var(--mw-soft);color:var(--mw-blue);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-weight:800}
.mw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.mw-steps .mw-card{position:relative;padding-top:24px}
.mw-steps .mw-card:before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:20px;width:30px;height:30px;border-radius:50%;
  background:var(--mw-yellow);color:var(--mw-blue-d);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:none}
.mw-center{text-align:center;margin-top:22px}
.mw-faq{max-width:820px;margin:0 auto}
.mw-faq details{background:#fff;border:1px solid var(--mw-line);border-radius:10px;margin:0 0 10px;padding:0 18px;transition:box-shadow .15s}
.mw-faq details[open]{box-shadow:0 3px 12px rgba(36,57,95,.05)}
.mw-faq summary{cursor:pointer;list-style:none;padding:15px 30px 15px 0;font-weight:700;color:var(--mw-blue-d);position:relative;font-size:16.5px}
.mw-faq summary::-webkit-details-marker{display:none}
.mw-faq summary:after{content:"+";position:absolute;right:0;top:11px;font-size:24px;font-weight:400;color:var(--mw-blue)}
.mw-faq details[open] summary:after{content:"–"}
.mw-faq details p{margin:0 0 16px;color:#3a4656!important}
.mw-faq-more{text-align:center;color:var(--mw-muted);margin-top:16px}
.mw-faq-more a{font-weight:700}
.mw-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mw-rel a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--mw-soft);border:1px solid var(--mw-line);border-radius:10px;
  padding:16px 18px;font-weight:700;color:var(--mw-blue-d)!important;text-decoration:none;transition:background .15s,transform .15s}
.mw-rel a:hover{background:var(--mw-soft2);transform:translateY(-1px)}
.mw-rel a:after{content:"›";font-size:22px;color:var(--mw-blue)}
/* bestehende „Sprechen Sie noch heute …“-Leiste als blaue CTA-Leiste */
section.mw-cta-band{background:var(--mw-soft2)!important;border:1px solid #d6deeb;border-radius:14px;max-width:1080px;margin:34px auto!important;padding:18px 10px!important}
section.mw-cta-band .section-bg{display:none}
section.mw-cta-band [data-animate]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
section.mw-cta-band h2{color:var(--mw-blue-d)!important;margin:0!important}
section.mw-cta-band .col-inner{margin:0!important}
section.mw-cta-band .row{align-items:center}
section.mw-cta-band img{display:none}
section.mw-cta-band .button{background:var(--mw-yellow)!important;color:var(--mw-blue-d)!important;border-radius:8px!important;padding:6px 14px!important;margin:6px 0!important;font-weight:800}
section.mw-cta-band .hide-for-small{display:none}
/* Felder mit runden Ecken */
.mw-panel{background:var(--mw-soft);border:1px solid var(--mw-line);border-radius:16px;padding:30px 30px 24px}
.mw-panel>h2{text-align:center;margin:0 0 10px;font-size:1.6em}
.mw-panel-lead{max-width:820px;margin:0 auto 22px!important;text-align:center;color:#4a5566!important}
.mw-nm .mw-card{background:#fff}
.mw-ico-fmt span{display:block;height:22px;max-width:30px;border:2px solid var(--mw-blue);border-radius:4px}
.mw-ico-fmt span[style*='16/9'],.mw-ico-fmt span[style*='21/9']{height:auto;width:30px}
.mw-nm-extras{margin-top:18px!important;max-width:820px;margin-left:auto!important;margin-right:auto!important}
.mw-usps li:before{background-color:var(--mw-blue)}
:where(#main) .col-inner > ul:not([class]){background:var(--mw-soft);border:1px solid var(--mw-line);border-radius:12px;padding:16px 20px 12px 40px;margin:12px 0 20px}
:where(#main) .col-inner > ul:not([class]) li{margin-bottom:6px}
.mw-news-frame{border-radius:14px!important}
.mw-faq details{border-radius:12px}
/* Bilder-Kacheln */
.banner,.img-inner{border-radius:12px}
.has-hover .img-inner img,.banner .banner-bg img{transition:transform .5s ease}
.has-hover:hover .img-inner img{transform:scale(1.03)}
/* Fußzeile */
#footer .absolute-footer{font-size:14px}
/* Mobil: feste Kontaktleiste unten */
.mw-sticky{display:none}
@media (max-width:849px){
  .mw-panel{padding:22px 16px 18px}.mw-panel-lead{text-align:left}
  .mw-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);box-shadow:0 -2px 12px rgba(36,57,95,.10)}
  .mw-sticky a{flex:1;justify-content:center;padding:12px 10px;font-size:15px}
  body{padding-bottom:70px}
  .mw-intro-card{grid-template-columns:1fr;padding:18px}
  .mw-intro h1{font-size:1.4em}
  .mw-intro-actions{flex-direction:row;flex-wrap:wrap}
  .mw-intro-actions .mw-btn{flex:1 1 auto;justify-content:center}
  .mw-intro-actions small{width:100%}
  .mw-hero-in{grid-template-columns:1fr;padding:22px 18px;gap:18px}
  .mw-hero h1{font-size:1.6em}
  .mw-hero-img{order:-1;aspect-ratio:16/9}.mw-collage{aspect-ratio:16/10;min-height:0}
  .mw-usps{grid-template-columns:1fr}
  .mw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mw-steps,.mw-rel{grid-template-columns:1fr}
  .mw-steps{gap:24px}
  section.mw-cta-band{margin:24px 15px!important}
  section.mw-cta-band .col{text-align:center}
}
@media (max-width:520px){.mw-cards{grid-template-columns:1fr}.mw-hero-actions .mw-btn{flex:1 1 100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.mw-btn,.mw-rel a,.has-hover .img-inner img{transition:none}}