/* ==================================================================
   Marketing March — Redesign 2026 ("mmx")
   Source: design canvas (redesign/canvas in the repo). Everything is
   scoped to .mmx so legacy pages keep their old styles until rebuilt.
   ================================================================== */

@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mmx/instrument-serif-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mmx/instrument-serif-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/mmx/instrument-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/mmx/instrument-serif-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/mmx/inter-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/mmx/inter-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Site shell: no gap between header, main and footer */
.wp-site-blocks > *{margin-block-start:0}
.wp-site-blocks > main > .wp-block-post-content > .mmx.alignfull{margin-top:0;margin-bottom:0}

/* ---- Base ---- */
.mmx{--ink:#15181B;--slate:#3D434A;--grey:#5E656D;--line:#E4E1DB;--stone:#F6F4F0;
  background:#FFFFFF;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;box-sizing:border-box}
.mmx *,.mmx *::before,.mmx *::after{box-sizing:border-box}
.mmx h1,.mmx h2,.mmx h3,.mmx .serif{hyphens:manual;-webkit-hyphens:manual}
.mmx h1,.mmx h2,.mmx h3,.mmx p,.mmx ul{margin:0}
.mmx .h1,.mmx .h2{overflow-wrap:normal}
.mmx a{color:var(--ink)}
.mmx a:hover{color:#2C6E8A}
.mmx img{display:block;max-width:100%}
.mmx .wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}
.mmx .pad{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.mmx .serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:0}
.mmx .kicker{hyphens:manual;-webkit-hyphens:manual;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--grey);margin:0;line-height:1.4}
.mmx .h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(52px,7.4vw,112px);line-height:.92;letter-spacing:-0.02em;color:var(--ink)}
.mmx .h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.02;letter-spacing:-0.01em;color:inherit}
.mmx .head{display:flex;flex-direction:column;gap:16px}
.mmx .lead{font-size:18px;line-height:1.6;color:var(--slate)}
.mmx .muted{color:var(--grey)}
.mmx .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;border-radius:2px;border:0;cursor:pointer;font-family:inherit;text-align:center}
.mmx .btn-dark{background:var(--ink);color:#FFFFFF}
.mmx .btn-dark:hover{background:#2E3338;color:#FFFFFF}
.mmx .btn-line{border:1px solid var(--ink);color:var(--ink);background:transparent}
.mmx .btn-line:hover{background:var(--ink);color:#FFFFFF}
.mmx .ctas{display:flex;flex-wrap:wrap;gap:12px}
.mmx .tlink{font-size:15px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start}
.mmx .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.mmx .split.end{align-items:end}
.mmx .stack{display:flex;flex-direction:column}
.mmx .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.mmx .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.mmx .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mmx .grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mmx .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mmx .bg-stone{background:var(--stone)}
.mmx .bg-ink{background:var(--ink);color:#FFFFFF}
.mmx .bg-ink a{color:#FFFFFF}

/* ---- Images (photo frames with optional slow movement) ---- */
.mmx .frame{position:relative;overflow:hidden;background:#ECE9E3;width:100%}
.mmx .frame img{width:100%;height:100%;object-fit:cover}
.mmx .r45{aspect-ratio:4/5}.mmx .r43{aspect-ratio:4/3}.mmx .r32{aspect-ratio:3/2}.mmx .r34{aspect-ratio:3/4}
@keyframes mmx-drift{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.09) translate3d(-1.5%,-1%,0)}}
.mmx .frame.move img{animation:mmx-drift 26s ease-in-out infinite alternate;will-change:transform}
@media (prefers-reduced-motion:reduce){.mmx .frame.move img{animation:none}}

/* ---- Header ---- */
.mmx-header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line)}
.admin-bar .mmx-header{top:32px}
@media (max-width:782px){.admin-bar .mmx-header{top:46px}}
.mmx .hdr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;min-height:80px}
.mmx .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.mmx .brand-txt{display:flex;flex-direction:column;line-height:1}
.mmx .brand-small{font-size:10px;letter-spacing:.24em;font-weight:600;color:var(--grey)}
.mmx .brand-big{font-family:'Instrument Serif',Georgia,serif;font-size:27px;color:var(--ink)}
.mmx .nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px}
.mmx .nav a{text-decoration:none}
.mmx .nav a[aria-current="page"]{font-weight:600}
.mmx .nav .lang{color:var(--grey);font-size:13px;display:flex;gap:6px;align-items:center}
.mmx .nav .lang a{color:var(--grey)}
.mmx .nav .lang a.is-current{color:var(--ink);font-weight:600}
.mmx .nav .btn{min-height:44px}
.mmx .menu-btn{display:none;min-height:44px;padding:0 16px;border:1px solid var(--ink);background:#FFFFFF;font:inherit;font-size:14px;font-weight:500;cursor:pointer;border-radius:2px;color:var(--ink)}

/* ---- Branchen worlds ---- */
.mmx .world{display:flex;flex-direction:column;gap:12px;padding:28px;min-height:320px;text-decoration:none;color:var(--ink);transition:transform .2s ease}
.mmx .world:hover{transform:translateY(-3px);color:var(--ink)}
.mmx .world-title{font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1.05}
.mmx .world-txt{font-size:15px;line-height:1.55;color:var(--slate)}
.mmx .world-go{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600}

/* ---- Problem / solution rows ---- */
.mmx .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:28px 0;border-top:1px solid var(--line)}
.mmx .row.first{border-top-color:var(--ink)}
.mmx .row.last{border-bottom:1px solid var(--line)}
.mmx .row.lbl{border-top:0;padding:0 0 12px}
.mmx .row-t{font-family:'Instrument Serif',Georgia,serif;font-size:26px;line-height:1.15}
.mmx .row-d{font-size:16px;line-height:1.6;color:var(--slate)}

/* ---- Mandate cards (dark) ---- */
.mmx .mcard{border:1px solid #3A3F45;padding:28px;display:flex;flex-direction:column;gap:12px}
.mmx .mcard-t{font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1.05;color:#FFFFFF}
.mmx .mcard-d{font-size:15px;line-height:1.6;color:#C9CDD2}

/* ---- Steps ---- */
.mmx .step{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--ink);padding-top:22px}
.mmx .step-n{font-family:'Instrument Serif',Georgia,serif;font-size:44px;line-height:1;color:#8A9096}
.mmx .step-t{font-size:20px;font-weight:600}
.mmx .step-d{font-size:16px;line-height:1.6;color:var(--slate)}

/* ---- Region tiles ---- */
.mmx .rtile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;text-decoration:none;color:#FFFFFF;background:#7F8E92}
.mmx .rtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.mmx .rtile:hover img{transform:scale(1.04)}
.mmx .rtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,20,0) 45%,rgba(15,18,20,.62) 100%)}
.mmx .rname{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1.05;color:#FFFFFF}
.mmx .rtile:hover .rname{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

/* ---- Magazine cards ---- */
.mmx .acard{text-decoration:none;display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.mmx .acard-t{font-family:'Instrument Serif',Georgia,serif;font-size:26px;line-height:1.15}
.mmx .acard:hover .acard-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* ---- Contact block + form ---- */
.mmx .checks{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;font-size:16px;line-height:1.5}
.mmx .checks li{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.mmx .checks li:first-child{border-top-color:var(--ink)}
.mmx .checks li:last-child{border-bottom:1px solid var(--line)}
.mmx .checks .ok{color:#2C6E8A}
.mmx .mmx-form{display:flex;flex-direction:column;gap:18px;background:var(--stone);padding:clamp(24px,4vw,40px)}
.mmx .fld{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}
.mmx .fld input,.mmx .fld select,.mmx .fld textarea{min-height:48px;border:1px solid #CFCBC3;border-radius:0;background:#FFFFFF;padding:0 14px;font:inherit;font-size:16px;font-weight:400;width:100%;color:var(--ink)}
.mmx .fld textarea{padding:12px 14px;resize:vertical}
.mmx .fld .mm-invalid,.mmx .mm-invalid{border-color:#B15440}
.mmx .mm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mmx .mm-form-status{font-size:15px}
.mmx .mm-form-status.is-ok{color:#2F6B3F}
.mmx .mm-form-status.is-error{color:#B15440}

/* ---- Footer ---- */
.mmx-footer{border-top:1px solid var(--line);background:var(--stone)}
.mmx .foot{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;font-size:14px;line-height:2}
.mmx .foot a{text-decoration:none}
.mmx .foot-col{display:flex;flex-direction:column}
.mmx .foot-legal{font-size:13px;color:var(--grey);display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between}
.mmx .foot-legal a{color:var(--grey);text-decoration:none}
.mmx .towns{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;line-height:1.7}
.mmx .towns a{color:var(--grey)}

/* ---- Responsive ---- */
@media (max-width:1080px){
  .mmx .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mmx .grid5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mmx .foot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .mmx .menu-btn{display:inline-flex;align-items:center}
  .mmx .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:16px}
  .mmx .nav.is-open{display:flex}
  .mmx .nav > a,.mmx .nav .lang{padding:14px 0;border-top:1px solid var(--line)}
  .mmx .nav .btn{margin-top:14px;padding:0 24px;border-top:0}
  .mmx .split,.mmx .hero{grid-template-columns:1fr}
  .mmx .grid3{grid-template-columns:1fr}
  .mmx .r45{aspect-ratio:4/3}
}
@media (max-width:700px){
  .mmx .wrap{padding-left:20px;padding-right:20px}
  .mmx .h1{hyphens:auto;-webkit-hyphens:auto}
  .mmx .grid4{grid-template-columns:1fr}
  .mmx .grid5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mmx .rname{font-size:24px}
  .mmx .world{min-height:0;padding:24px}
  .mmx .row{grid-template-columns:1fr;gap:10px;padding:22px 0}
  .mmx .row.lbl{display:none}
  .mmx .two{grid-template-columns:1fr}
  .mmx .ctas .btn{flex:1 1 100%}
  .mmx .foot{grid-template-columns:1fr;gap:28px}
}

/* ---- Magazin (blog index, templates/home.html) ---- */
.mmx-mag-list{max-width:1200px;margin:0 auto;padding:0 40px clamp(64px,8vw,104px);box-sizing:border-box}
.mmx .mmx-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.mmx .mmx-card{display:flex;flex-direction:column;gap:12px}
.mmx .mmx-card > *{margin:0}
.mmx .mmx-card-img{margin:0 0 4px;background:#ECE9E3;aspect-ratio:3/2;overflow:hidden}
.mmx .mmx-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.mmx .mmx-card:hover .mmx-card-img img{transform:scale(1.03)}
.mmx .mmx-card-cat,.mmx .mmx-card-cat a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--grey);text-decoration:none}
.mmx .mmx-card-title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:26px;line-height:1.12;letter-spacing:0}
.mmx .mmx-card-title a{text-decoration:none;color:var(--ink)}
.mmx .mmx-card-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;color:var(--ink)}
.mmx .mmx-card-ex{font-size:15px;line-height:1.6;color:var(--slate)}
.mmx .mmx-card-ex p{margin:0}
.mmx .mmx-card-ex .wp-block-post-excerpt__more-text{display:none}
.mmx .mmx-card-date{font-size:13px;color:var(--grey)}
.mmx .mmx-pager{margin-top:56px;font-size:15px}
.mmx .mmx-pager a{text-decoration:none}
@media (max-width:1080px){.mmx .mmx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.mmx-mag-list{padding-left:20px;padding-right:20px}.mmx .mmx-cards{grid-template-columns:1fr;gap:40px}}

/* ---- Single posts: redesign typography ---- */
body.single-post{background:#FFFFFF}
body.single-post main{font-family:Inter,system-ui,sans-serif;color:#15181B}
body.single-post main .wp-block-post-title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(40px,5.2vw,68px);line-height:1;letter-spacing:-0.015em;color:#15181B;hyphens:manual}
body.single-post .wp-block-post-content{font-size:18px;line-height:1.7;color:#2A2F34}
body.single-post .wp-block-post-content :where(h2,h3){font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:#15181B;letter-spacing:0}
body.single-post .wp-block-post-content h2{font-size:clamp(30px,3.4vw,40px);line-height:1.1;margin-top:1.6em}
body.single-post .wp-block-post-content h3{font-size:26px;line-height:1.2;margin-top:1.4em}
body.single-post .wp-block-post-content a{color:#15181B;text-decoration-thickness:1px;text-underline-offset:3px}
body.single-post .wp-block-post-content a:hover{color:#2C6E8A}
body.single-post .mm-card{border-radius:0;border-color:#E4E1DB}
body.single-post .mm-post-card .wp-block-post-title,body.single-post .mm-post-card .wp-block-post-title a{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:24px;line-height:1.15;text-decoration:none;color:#15181B}
.mmx .mmx-cards > li{margin:0}
/* Inline CTA inside posts, redesign look */
body.single-post .mm-inline-cta{border-radius:0;background:#15181B}
body.single-post .mm-inline-cta__title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:28px;line-height:1.1}
body.single-post .mm-inline-cta__btn{border-radius:2px;font-family:Inter,system-ui,sans-serif}
body.single-post .mm-inline-cta .mm-inline-cta__link,body.single-post .mm-inline-cta a.mm-inline-cta__link{color:#FFFFFF !important;text-decoration:underline;text-underline-offset:3px}
body.single-post .wp-block-post-author-name{text-transform:capitalize}

/* Region page: district tiles jump to their column in "Alle Orte" — clear the sticky header and mark the target */
.mmx-p-region .bez{scroll-margin-top:110px;transition:background-color .4s,box-shadow .4s}
.mmx-p-region .bez:target{background:#FFFFFF;box-shadow:0 0 0 12px #FFFFFF,0 0 0 13px #15181B}

/* ===== Legacy content layer (2.2.0) =====================================
   Pages still built from core blocks + mm-* components get the 2026 look:
   tokens come from theme.json; this layer fixes weights, kickers, cards. */
body{background:#FFFFFF;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wp-block-post-content :is(h1,h2,h3,h4).wp-block-heading,
main :is(h1,h2,h3,h4).wp-block-heading,
main .wp-block-post-title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-0.01em}
main h4.wp-block-heading{font-size:22px;line-height:1.2}
.mm-kicker,main .mm-kicker{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#5E656D}
.mm-kicker.is-light{color:#B9BEC4}
.mm-subtitle{color:#3D434A}
.mm-card{background:#FFFFFF;border:0;border-top:2px solid #15181B;border-radius:0;box-shadow:none}
.mm-card:hover{box-shadow:none;transform:none;background:#F6F4F0}
main .wp-block-button__link{border-radius:2px;font-weight:500}
main .wp-block-button.is-style-outline>.wp-block-button__link{border:1px solid currentColor;background:transparent}
main .has-contrast-background-color .wp-block-button.is-style-outline>.wp-block-button__link{color:#FFFFFF}
main .wp-block-group.has-background{border-radius:0}
main .wp-block-separator{border-color:#E4E1DB;opacity:1}
main .wp-block-quote{border-left:2px solid #15181B}
main .wp-block-list li::marker{color:#15181B}

/* ---- Engagement / partner cards (light) ---- */
.mmx .ecard{display:flex;flex-direction:column;gap:10px;background:#FFFFFF;border-top:2px solid var(--ink);padding:28px 26px}
.mmx .bg-stone .ecard{background:#FFFFFF}
.mmx .ecard-t{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:30px;line-height:1.05}
.mmx .ecard-r{font-size:15px;font-weight:600}
.mmx .ecard-m{font-size:13px;color:var(--grey);line-height:1.5}
.mmx .ecard-d{font-size:15px;line-height:1.6;color:var(--slate)}
.mmx .egrid{gap:clamp(16px,2vw,24px)}
/* ---- Stats ---- */
.mmx .stat{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--ink);padding-top:18px}
.mmx .stat-n{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(48px,5vw,72px);line-height:1}
.mmx .stat-l{font-size:15px;line-height:1.5;color:var(--slate)}
/* ---- Closing CTA ---- */
.mmx-close{margin-top:0}
.mmx-close .mmx-form{background:#FFFFFF}
.mmx-close a{color:#FFFFFF}
.mmx-close .mmx-form a{color:#15181B}

/* ---- Legacy layer, continued: inline radii, overlays ---- */
main [style*="border-radius"]:not(img):not(.avatar){border-radius:0 !important}
main .wp-block-column,main .wp-block-columns{border-radius:0}
.mm-sticky-cta{border-radius:0;background:#15181B}
.mm-sticky-cta a{border-radius:2px;font-family:Inter,system-ui,sans-serif}
.mm-exit-card{border-radius:0 !important;font-family:Inter,system-ui,sans-serif}
.mm-exit-card h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:32px;line-height:1.05}
.mm-exit-card .mm-submit,.mm-exit-card .mm-btn-ghost{border-radius:2px}
.mm-submit{border-radius:2px;background:#15181B;font-weight:500}
.mm-submit:hover{background:#2E3338}
.mm-field input,.mm-field select,.mm-field textarea{border-radius:0;border-color:#CFCBC3}

/* ---- Cookie banner (Complianz) in the 2026 look ---- */
.cmplz-cookiebanner{--cmplz_banner_border_radius:0;--cmplz_button_border_radius:2px;--cmplz_button_accept_background_color:#15181B;--cmplz_button_accept_border_color:#15181B;--cmplz_button_accept_text_color:#FFFFFF;--cmplz_button_deny_background_color:#FFFFFF;--cmplz_button_deny_border_color:#15181B;--cmplz_button_deny_text_color:#15181B;--cmplz_button_settings_background_color:#FFFFFF;--cmplz_button_settings_border_color:#E4E1DB;--cmplz_button_settings_text_color:#15181B;--cmplz_hyperlink_color:#15181B;--cmplz_text_color:#3D434A;--cmplz_slider_active_color:#15181B;--cmplz_banner_border_color:#E4E1DB;--cmplz_banner_border_width:1px;--cmplz_text_font_size:13px}
.cmplz-cookiebanner,.cmplz-cookiebanner *{font-family:Inter,system-ui,sans-serif}
.cmplz-cookiebanner{border-radius:0 !important;border:1px solid #E4E1DB !important;box-shadow:0 18px 50px rgba(21,24,27,.12) !important}
.cmplz-cookiebanner .cmplz-title{font-family:'Instrument Serif',Georgia,serif !important;font-weight:400 !important;font-size:24px !important;color:#15181B}
.cmplz-cookiebanner .cmplz-btn{border-radius:2px !important;font-weight:500 !important;font-size:14px !important}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background:#15181B !important;border-color:#15181B !important;color:#FFFFFF !important}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{background:#FFFFFF !important;border:1px solid #15181B !important;color:#15181B !important}
#cmplz-manage-consent .cmplz-manage-consent{border-radius:0 !important;background:#15181B !important;color:#FFFFFF !important;font-family:Inter,system-ui,sans-serif;font-size:13px}

/* ---- Magazin filter chips ---- */
.mmx-filter{border-top:1px solid #E4E1DB;border-bottom:1px solid #E4E1DB;background:#FFFFFF;margin-bottom:56px;scroll-margin-top:90px}
.mmx-filter .frow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mmx-filter .flabel{min-width:72px;margin-right:6px}
.mmx-filter .fchip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #D6D2CA;background:#FFFFFF;color:#15181B;font-size:14px;text-decoration:none;border-radius:2px}
.mmx-filter .fchip:hover{border-color:#15181B;color:#15181B}
.mmx .mmx-empty{font-size:18px;color:#3D434A}
@media (max-width:700px){.mmx-filter .flabel{flex:1 1 100%}}
.mmx .mmx-search{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}
.mmx .mmx-search input{min-width:240px}
.mmx.bg-ink{background:var(--ink);color:#FFFFFF}
.mmx.bg-stone{background:var(--stone)}
.mmx.bg-ink .h2{color:#FFFFFF}