/* Betriebs-Fitnesscheck – alle Styles auf #fitnesscheck begrenzt */
#fitnesscheck{
  --mm-navy:#0D1B2A; --mm-navy2:#14273B; --mm-navy3:#1C3249; --mm-gold:#C9A84C; --mm-gold-dark:#B8963E;
  --mm-muted:#7D8FA3; --mm-soft:#AEBBC9; --mm-white:#FFFFFF; --mm-line:rgba(125,143,163,.28);
  --mm-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --mm-sans:"DM Sans", "Segoe UI", system-ui, sans-serif;
  max-width:1440px;margin:0 auto;padding:5rem 3.5rem;font-family:var(--mm-sans);color:var(--mm-white);line-height:1.7;
  display:grid;grid-template-columns:1fr 1.6fr;gap:4rem;align-items:start;scroll-margin-top:70px
}
#fitnesscheck *,#fitnesscheck *::before,#fitnesscheck *::after{box-sizing:border-box}
@media (max-width:900px){#fitnesscheck{grid-template-columns:1fr;gap:2.5rem}}
@media (max-width:640px){#fitnesscheck{padding:3.5rem 1.25rem}}
#fitnesscheck .mm-side,#fitnesscheck .mm-main{min-width:0}
#fitnesscheck .mm-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mm-gold);margin:0 0 1rem}
#fitnesscheck .mm-h2{font-family:var(--mm-serif);font-size:clamp(2rem,4vw,2.6rem);font-weight:600;line-height:1.15;color:var(--mm-white);margin:0 0 1rem}
#fitnesscheck .mm-h2 em{font-style:italic;color:var(--mm-gold)}
#fitnesscheck .mm-intro{color:var(--mm-muted);font-size:.98rem;line-height:1.8;margin:0 0 2rem}

/* Leitsatz */
#fitnesscheck .mm-motto{margin:0 0 2.25rem;padding:0 0 0 1.1rem;border-left:3px solid var(--mm-gold)}
#fitnesscheck .mm-motto svg{display:block;width:64px;height:auto;margin:0 0 .6rem}
#fitnesscheck .mm-motto blockquote{margin:0;font-family:var(--mm-serif);font-style:italic;font-weight:600;font-size:clamp(1.35rem,2.4vw,1.6rem);line-height:1.3;color:var(--mm-white)}
#fitnesscheck .mm-motto figcaption{margin-top:.5rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-gold)}

/* Fortschritt links */
#fitnesscheck .mm-track{list-style:none;margin:0;padding:0;display:grid}
#fitnesscheck .mm-track li{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;align-items:center;padding:.65rem 0;position:relative}
#fitnesscheck .mm-track li:not(:last-child)::after{content:"";position:absolute;left:1.3rem;top:3.05rem;bottom:-.6rem;width:1px;background:var(--mm-line)}
#fitnesscheck .mm-dot{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;font-family:var(--mm-serif);font-size:1.25rem;font-weight:700;color:var(--mm-muted);border:1px solid var(--mm-line);transition:all .3s;position:relative;z-index:1;background:var(--mm-navy)}
#fitnesscheck .mm-track li.now .mm-dot{border-color:var(--mm-gold);color:var(--mm-gold)}
#fitnesscheck .mm-track li.done .mm-dot{background:var(--mm-gold);border-color:var(--mm-gold);color:var(--mm-navy)}
#fitnesscheck .mm-track b{display:block;font-weight:500;font-size:.95rem;color:var(--mm-soft);line-height:1.3}
#fitnesscheck .mm-track small{display:block;font-size:.78rem;color:var(--mm-muted);line-height:1.4}
#fitnesscheck .mm-track li.now b{color:var(--mm-white)}
@media (max-width:900px){#fitnesscheck .mm-track{grid-template-columns:repeat(4,1fr)}#fitnesscheck .mm-track li{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.4rem}#fitnesscheck .mm-track li::after{display:none}#fitnesscheck .mm-track small{display:none}#fitnesscheck .mm-track b{font-size:.72rem}}

/* Frage rechts */
#fitnesscheck .mm-card{background:var(--mm-navy2);border-top:3px solid var(--mm-gold);padding:2.5rem 2.25rem}
@media (max-width:640px){#fitnesscheck .mm-card{padding:1.75rem 1.25rem}}
#fitnesscheck .mm-meta{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-muted);margin:0 0 .5rem}
#fitnesscheck .mm-q{font-family:var(--mm-serif);font-size:clamp(1.6rem,3vw,2rem);font-weight:600;line-height:1.2;color:var(--mm-white);margin:0 0 1.75rem}
#fitnesscheck .mm-opts{display:grid;border-top:1px solid var(--mm-line)}
#fitnesscheck .mm-opt{display:grid;grid-template-columns:1.25rem 1fr auto;gap:1rem;align-items:start;width:100%;text-align:left;font:inherit;font-size:1.02rem;line-height:1.55;color:var(--mm-soft);background:transparent;border:0;border-bottom:1px solid var(--mm-line);border-radius:0;padding:1.1rem .75rem 1.1rem .25rem;cursor:pointer;transition:background .2s,color .2s,padding .2s}
#fitnesscheck .mm-otext{min-width:0}
#fitnesscheck .mm-radio{width:1.25rem;height:1.25rem;margin-top:.17rem;border-radius:50%;border:1.5px solid var(--mm-gold);transition:background .2s,box-shadow .2s}
#fitnesscheck .mm-arrow{color:var(--mm-gold);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
#fitnesscheck .mm-opt:hover{background:rgba(201,168,76,.06);color:var(--mm-white);padding-left:.75rem}
#fitnesscheck .mm-opt:hover .mm-arrow,#fitnesscheck .mm-opt.sel .mm-arrow{opacity:1;transform:none}
#fitnesscheck .mm-opt:hover .mm-radio{box-shadow:inset 0 0 0 4px var(--mm-navy2);background:rgba(201,168,76,.45)}
#fitnesscheck .mm-opt.sel{color:var(--mm-white);background:rgba(201,168,76,.1);padding-left:.75rem}
#fitnesscheck .mm-opt.sel .mm-radio{background:var(--mm-gold);box-shadow:inset 0 0 0 4px var(--mm-navy2)}
#fitnesscheck .mm-opt:focus-visible,#fitnesscheck .mm-link:focus-visible,#fitnesscheck .mm-btn:focus-visible,#fitnesscheck .mm-star:focus-visible{outline:2px solid var(--mm-gold);outline-offset:2px}
#fitnesscheck .mm-nav{display:flex;justify-content:space-between;margin-top:1.25rem;min-height:1.5rem}
#fitnesscheck .mm-link{background:none;border:0;font:inherit;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-muted);cursor:pointer;padding:.25rem 0}
#fitnesscheck .mm-link:hover{color:var(--mm-gold)}

/* Ergebnis */
#fitnesscheck .mm-verdict{font-family:var(--mm-serif);font-size:clamp(2rem,4vw,2.6rem);font-weight:600;font-style:italic;line-height:1.1;color:var(--mm-gold);margin:0 0 .5rem}
#fitnesscheck .mm-sub{color:var(--mm-soft);margin:0 0 2rem}
#fitnesscheck .mm-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 .5rem}
#fitnesscheck .mm-levels span{height:6px;background:var(--mm-line);transition:background .4s}
#fitnesscheck .mm-levels span.on{background:var(--mm-gold)}
#fitnesscheck .mm-levelnames{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mm-muted);line-height:1.35}
#fitnesscheck .mm-levelnames span{min-width:0;overflow-wrap:anywhere}
#fitnesscheck .mm-levelnames span.on{color:var(--mm-white)}
#fitnesscheck .mm-nums{display:grid;grid-template-columns:repeat(3,1fr);margin:2.25rem 0;border-top:1px solid var(--mm-line);border-bottom:1px solid var(--mm-line)}
@media (max-width:640px){#fitnesscheck .mm-nums{grid-template-columns:1fr}}
#fitnesscheck .mm-num{padding:1.25rem 1rem 1.25rem 0;min-width:0}
#fitnesscheck .mm-num + .mm-num{border-left:1px solid var(--mm-line);padding-left:1.25rem}
@media (max-width:640px){#fitnesscheck .mm-num + .mm-num{border-left:0;border-top:1px solid var(--mm-line);padding-left:0}}
#fitnesscheck .mm-num b{display:block;font-family:var(--mm-serif);font-size:2.1rem;font-weight:600;line-height:1.1;color:var(--mm-white);font-variant-numeric:tabular-nums}
#fitnesscheck .mm-num small{display:block;font-size:.82rem;line-height:1.5;color:var(--mm-muted);margin-top:.35rem}
#fitnesscheck .mm-star{font:inherit;font-family:var(--mm-sans);font-size:.55em;font-weight:500;vertical-align:super;line-height:0;color:var(--mm-gold);background:none;border:0;padding:0 .1em;cursor:pointer}
#fitnesscheck .mm-star:hover{color:var(--mm-white)}
#fitnesscheck .mm-est{margin:2.25rem 0 0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-muted)}
#fitnesscheck .mm-est .mm-star{font-size:1.3em;vertical-align:baseline;line-height:1;padding:0 .2em}
#fitnesscheck .mm-est + .mm-nums{margin-top:.75rem}
#fitnesscheck .mm-num b{white-space:nowrap}
#fitnesscheck .mm-ca{display:block;font-family:var(--mm-sans);font-size:.75rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-muted);margin-bottom:.15rem}
#fitnesscheck .mm-tip{margin:0 0 2rem}
#fitnesscheck .mm-tip h3{font-family:var(--mm-serif);font-size:1.45rem;font-weight:600;line-height:1.3;color:var(--mm-white);margin:0 0 .35rem}
#fitnesscheck .mm-tip p{margin:0;color:var(--mm-soft)}
#fitnesscheck .mm-cta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin:0 0 2rem}
#fitnesscheck .mm-btn{display:inline-block;background:var(--mm-gold);color:var(--mm-navy);padding:.85rem 2rem;font-family:var(--mm-sans);font-size:.88rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:background .2s}
#fitnesscheck .mm-btn:hover{background:var(--mm-gold-dark);color:var(--mm-navy)}
#fitnesscheck .mm-fine{font-size:.8rem;line-height:1.6;color:var(--mm-muted);padding:.75rem 0 0;border-top:1px solid var(--mm-line);margin:0;transition:background .4s}
#fitnesscheck .mm-fine.flash{background:rgba(201,168,76,.15)}
@media (max-width:400px){#fitnesscheck .mm-btn{width:100%;text-align:center}}
@media (prefers-reduced-motion:reduce){#fitnesscheck *{transition:none!important}}
