.mo-reg { font-size: 0.58em; line-height: 0; vertical-align: 0.62em; margin-left: 0.04em; letter-spacing: 0; }
.mo-name__haupt .mo-reg { position: relative; top: calc(0.7em - var(--mx-name) * 0.72); font-size: max(0.2em, 0.75rem); vertical-align: baseline; margin-left: 0.08em; font-weight: var(--fw-regular); }
.mo-hero {
  --mo-avail: min(100vw - 2 * var(--gutter), var(--container-wide));
  --mx-name: min(clamp(3rem, 1rem + 17.5vw, 15.5rem), calc(var(--mo-avail) / var(--mo-k, 3.35)));
}
@media (min-width: 1024px) and (max-height: 860px) {
  .mo-hero { --mx-name: min(clamp(5.25rem, 1rem + 15vw, 13rem), calc(var(--mo-avail) / var(--mo-k, 3.35))); }
}
.mo-hero--unterlaenge .mo-name__zusatz { margin-top: calc(var(--mx-name) * 0.2); }
@media (max-width: 767.98px) {
  .mo-hero--wrap { --mx-name: min(clamp(3rem, 1rem + 17.5vw, 15.5rem), calc(var(--mo-avail) / var(--mo-k2, 3.35))); }
  .mo-hero--wrap .mo-name__haupt { text-wrap: balance; }
  .mo-hero--wrap .mx-hero__name { line-height: 0.86; }
}
@media (max-width: 1023.98px) {
  .mo-hero--flach .mx-hero__specs { margin-top: var(--space-3); }
  .mo-hero--flach .mx-hero__floor { bottom: 0; height: 18%; }
}
.mo-models { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.mo-models::-webkit-scrollbar { display: none; }
.mo-models .mx-models__link { white-space: nowrap; }
.mo-models .mx-models__label { flex: none; white-space: nowrap; }
@media (max-width: 767.98px) {
  .mo-hero .mx-hero__top { gap: var(--space-2); }
  .mo-models--kurz .mx-models__label { display: inline; margin-left: 0.625rem; }
}
.mo-fade-r { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 3rem), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 3rem), transparent); }
.mo-fade-l { -webkit-mask-image: linear-gradient(90deg, transparent, #000 3rem); mask-image: linear-gradient(90deg, transparent, #000 3rem); }
.mo-fade-l.mo-fade-r {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3rem, #000 calc(100% - 3rem), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 3rem, #000 calc(100% - 3rem), transparent);
}
@media (min-width: 1024px) {
  .mo-hero .mx-hero__actions { gap: 0.625rem; }
  .mo-hero .mx-hero__actions .btn { --btn-pad: 1rem; gap: 0.5rem; }
}
.mo-hero .mx-specbar:not(.factbar--4) { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); }
.mo-variants__grid { align-items: stretch; }
.mo-variant { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
.mo-variant__plate {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 16 / 8.5;
  padding: 0;
}
.mo-variant__plate::after {
  content: "";
  position: absolute;
  left: 14%; right: 14%; bottom: 9%;
  height: 12%;
  background: var(--surface-plate-floor);
  pointer-events: none;
}
.mo-variant__img { position: absolute; z-index: 1; left: 7%; top: 9%; width: 86%; height: 80%; max-height: none; object-fit: contain; }
.mo-variant__img:not(.mo-multiply) { filter: var(--shadow-float); }
.mo-multiply { mix-blend-mode: multiply; }
.mo-variant__ph { display: grid; place-items: center; width: 100%; height: 100%; }
.mo-variant .mc-variant__body { grid-template-rows: auto auto auto auto 1fr auto; }
.mo-variant__list { align-content: start; margin: var(--space-1) 0 0; }
.mo-variant .mc-variant__actions { align-self: end; padding-top: var(--space-3); }
@media (max-width: 599.98px) {
  .mo-variant .mc-variant__body { padding: var(--space-5); }
}
@media (min-width: 1280px) { .mo-variants--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) {
  .mo-variants--odd > .mo-variant:last-child { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto; }
  .mo-variants--odd > .mo-variant:last-child .mo-variant__plate { aspect-ratio: auto; min-height: 16rem; }
}
@media (min-width: 1280px) {
  .mo-variants--3.mo-variants--odd > .mo-variant:last-child { grid-column: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
  .mo-variants--3.mo-variants--odd > .mo-variant:last-child .mo-variant__plate { aspect-ratio: 16 / 8.5; min-height: 0; }
}
.mo-pick .mx-variant__series .mo-reg { font-size: 0.5em; vertical-align: 0.8em; }
.mo-pick__info { gap: var(--space-4); align-content: start; }
.mo-pick__plate {
  position: relative;
  aspect-ratio: 16 / 7;
  margin: 0 0 var(--space-2);
  border-radius: var(--radius-xl);
  background: radial-gradient(60% 70% at 50% 55%, #fff 0%, rgba(255, 255, 255, 0) 75%), var(--surface-plate);
  overflow: hidden;
}
.mo-pick__img { position: absolute; left: 6%; top: 8%; width: 88%; height: 84%; object-fit: contain; }
.mo-pick__ph { position: absolute; inset: 0; display: grid; place-items: center; }
.mo-pick__ph[hidden], .mo-pick__img[hidden] { display: none; }
.mo-pick__plate--solo { aspect-ratio: 16 / 9; }
@media (min-width: 600px) and (max-width: 1023.98px) { .mo-pick__plate { aspect-ratio: 16 / 5.5; } }
.mo-pick__img:not(.mo-multiply) { filter: var(--shadow-float); }
.mo-pick__sub {
  margin: -0.5rem 0 0;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.mo-pick .mx-type { margin-top: auto; }
.mo-pick .mx-variant__data { align-content: center; }
.mo-pick--wide .mx-variant__data { align-content: start; }
.mo-pick--wide .mx-widths { padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-border-hair); }
.mx-widths[hidden] { display: none; }
.mo-switch .mx-series { max-width: none; }
@media (min-width: 768px) { .mo-readout { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); } }
.mo-ruler .mx-ruler__track { background: repeating-linear-gradient(90deg, var(--color-border-hair) 0 1px, transparent 1px calc(100% / var(--mo-scale, 8))); }
.mo-common {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--space-5);
  margin: var(--space-6) 0 0;
  border-top: 1px solid var(--color-divider);
}
.mo-common__item { display: grid; gap: 0.375rem; align-content: start; padding: var(--space-4) 0; border-bottom: 1px solid var(--color-divider); }
@media (min-width: 1024px) { .mo-common { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); } }
@media (max-width: 599.98px) {
  .mo-common { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-4); }
  .mo-common__item { padding-right: 0; }
  .mo-common__item dd { font-size: 0.9375rem; }
}
.mo-common__item dt { color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.mo-common__item dd { margin: 0; color: var(--color-text); font-family: var(--font-display); font-size: 1.0625rem; font-weight: var(--fw-medium); line-height: 1.3; letter-spacing: -0.01em; }
.mo-spec-table { min-width: calc(var(--cols, 7) * 7.25rem); }
.mo-spec-table [hidden] { display: none; }
.mo-same { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: 0.875rem; line-height: 1.5; }
.mo-same[hidden] { display: none; }
.mo-tech__note { margin-top: var(--space-4); }
.mo-spec-table .mo-td-wrap { min-width: 13rem; white-space: normal; color: var(--color-text-muted); }
.mo-spec-table tbody th { white-space: nowrap; }
.mo-usage { margin-top: 0; }
.mo-usage--plain { background: var(--pattern-prism-dark), var(--surface-graphite); min-height: 0; }
.mo-usage--plain::after { display: none; }
@media (min-width: 1280px) { .mo-usage__list { grid-template-columns: repeat(min(var(--n, 4), 4), minmax(0, 1fr)); } }
.mo-fit { margin-top: clamp(3rem, 2rem + 3vw, 5rem); }
.mo-fit__head { display: grid; gap: var(--space-3); margin-bottom: var(--space-5); max-width: 46rem; }
.mo-fit__title { margin: 0; font-size: var(--fs-h3); font-weight: var(--fw-medium); letter-spacing: var(--tracking-h3); }
.mo-fit__lead { margin: 0; color: var(--color-text-muted); font-size: 1rem; line-height: 1.55; }
.mo-fit__table { min-width: 40rem; }
.mo-fit__table thead th { vertical-align: bottom; }
.mo-fit__table thead th small {
  display: block;
  margin-top: 0.25rem;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-regular);
  letter-spacing: 0.02em;
  text-transform: none;
}
.mo-fit__col { display: block; }
.mo-fit__table td { text-align: center; vertical-align: middle; }
.mo-fit__table thead th:not(:first-child) { text-align: center; }
.mo-fit__table tbody th { font-family: var(--font-display); font-weight: var(--fw-semibold); white-space: nowrap; }
.mo-fit__dot { display: inline-block; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--graphite-900); box-shadow: 0 0 0 4px var(--color-surface-2); }
.mo-fit__other th, .mo-fit__other th a { color: var(--color-text-muted); font-weight: var(--fw-medium); }
.mo-fit__other th a { text-decoration-color: var(--color-border-strong); text-underline-offset: 0.2em; }
.mo-fit__other th a:hover { color: var(--color-text); }
.mo-fit__other .mo-fit__dot { background: var(--steel-400); }
.mo-fit .mx-footnote { margin-top: var(--space-3); }
.mo-fit__list { display: none; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-divider); }
.mo-fit__list > li { display: grid; gap: var(--space-2); padding: var(--space-4) 0; border-bottom: 1px solid var(--color-divider); }
.mo-fit__name { font-family: var(--font-display); font-size: 1.0625rem; font-weight: var(--fw-semibold); letter-spacing: -0.01em; }
.mo-fit__list .mo-fit__other .mo-fit__name, .mo-fit__list .mo-fit__other a { color: var(--color-text-muted); font-weight: var(--fw-medium); }
.mo-fit__list .chip { min-height: 1.75rem; }
@media (max-width: 767.98px) {
  .mo-fit__list { display: block; }
  .mo-fit__wrap { display: none; }
}
.mo-option__for { color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: 0.02em; line-height: 1.45; }
.mo-option .mx-option__img { width: 86%; height: 86%; }
.mo-option .mx-option__body { min-width: 0; }
.mo-option .mx-option__body > * { max-width: 100%; }
.mo-option .mx-option__badge { height: auto; white-space: normal; text-align: left; }
.mo-option--text { grid-template-columns: minmax(0, 1fr); padding: var(--space-3) var(--space-5); }
.mo-option__link { color: inherit; text-decoration: underline; text-decoration-color: var(--color-border-strong); text-underline-offset: 0.2em; }
.mo-option__link:hover { text-decoration-color: currentColor; }
.mo-equip__stack { display: grid; gap: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.mo-std { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .mo-std { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .mo-std { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); } }
.mo-std__card { display: grid; gap: var(--space-4); align-content: start; padding: var(--card-pad); border: 1px solid var(--color-border-hair); border-radius: var(--radius-xl); background: var(--color-bg-raised); }
.mo-std__title { margin: 0; font-size: 1.125rem; font-weight: var(--fw-semibold); letter-spacing: var(--tracking-h3); }
.mo-std .mx-checklist li { color: var(--color-text); }
@media (min-width: 1024px) { .mo-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mo-options .mx-option { align-items: start; }
.mo-options .mx-option__plate { align-self: center; }
@media (min-width: 1024px) { .mo-equip--single { grid-template-columns: minmax(0, 1fr); max-width: 52rem; } }
@media (min-width: 768px) {
  .mo-std--cols { display: block; columns: 2; column-gap: var(--gap-lg); }
  .mo-std--cols > li { margin-bottom: 0.5rem; break-inside: avoid; }
}
@media (min-width: 1280px) { .mo-std--cols { columns: 3; } }
.mo-cfg__img { position: relative; z-index: 1; width: min(100%, 46rem); max-height: 26rem; object-fit: contain; }
@media (max-width: 1023.98px) { .mo-cfg .mc-cfg__card { grid-template-columns: minmax(0, 1fr); } }
.mo-cfg .mc-cfg__visual, .mo-cfg .mc-cfg__panel { min-width: 0; }
.mo-cfg .mc-cfg__panel .btn--block { white-space: normal; }
.mo-cfg .mc-cfg__panel .btn--block > span:first-child { text-wrap: balance; }
.mo-cfg .config-stage__badges { right: var(--space-4); }
.mo-cfg .config-stage__badges .chip { max-width: 100%; height: auto; white-space: normal; }
.mo-cfg .mc-cfg__visual { container-type: inline-size; }
.mo-cfg .mc-cfg__model { font-size: min(14rem, 1rem + 13vw, calc(92cqi / var(--mo-k, 4))); }
.mo-cfg__sel { display: grid; gap: 0.25rem; margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border-hair); }
.mo-cfg__selname { color: var(--color-text); font-family: var(--font-display); font-size: 1.0625rem; font-weight: var(--fw-semibold); line-height: 1.25; letter-spacing: -0.01em; }
.mo-cfg__img:not(.mo-multiply) { filter: drop-shadow(0 22px 22px rgba(21, 23, 26, .14)); }
.mo-cfg__direct { display: grid; gap: var(--space-2); justify-items: center; padding-top: var(--space-4); border-top: 1px solid var(--color-border-hair); }
.mo-cfg__label { margin: 0; color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.mo-cfg__chips { justify-content: center; }
.mo-cfg__chip { min-height: 2.25rem; padding-inline: 0.875rem; text-decoration: none; }
.mo-cfg__chip:hover { border-color: var(--color-border-strong); background: var(--color-bg); }
.mo-origin__links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin-top: var(--space-2); }
.mo-origin--text { grid-template-columns: minmax(0, 1fr); max-width: 52rem; }
.mo-origin__photo .mc-origin__img { aspect-ratio: 4 / 3; }
@media (min-width: 1024px) {
  .mo-docs--single { grid-template-columns: minmax(0, 1fr); }
  .mo-docs--single > .mx-docs__col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-template-rows: auto 1fr; column-gap: var(--gap-lg); align-items: start; }
  .mo-docs--single > .mx-docs__col > .eyebrow, .mo-docs--single > .mx-docs__col > .mx-docs__h { grid-column: 1; }
  .mo-docs--single > .mx-docs__col > :not(.eyebrow):not(.mx-docs__h):not(.mx-docs__all) { grid-column: 2; grid-row: 1 / span 2; }
  .mo-docs--single > .mx-docs__col > .mx-docs__all { grid-column: 2; grid-row: 3; }
}
.mo-docs__faq { margin-top: clamp(2.5rem, 2rem + 2vw, 4rem); }
.mo-docs__faq .mx-docs__h { font-size: var(--fs-h4); }
.mo-vid__thumb {
  position: relative;
  display: block;
  width: 2.75rem;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--color-surface-3);
}
.mo-vid__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mo-vid__play {
  position: absolute;
  left: 50%; top: 50%;
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: var(--graphite-900);
  transform: translate(-50%, -50%);
  box-shadow: var(--shadow-sm);
}
.mo-vid__play .icon { width: 0.75rem; height: 0.75rem; }
.mo-vid__icon { width: 2.75rem; }
.mo-feature--ph { background: var(--surface-plate); }
.mo-feature__ph { position: absolute; inset: 0; display: grid; place-items: center; }
@media (max-width: 1023.98px) {
  .mo-features .mx-feature {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "media" "cap";
    gap: var(--space-4);
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }
  .mo-features .mx-feature::before { display: none; }
  .mo-features .mx-feature .photo-card__img,
  .mo-features .mx-feature .mo-feature__ph {
    position: relative;
    inset: auto;
    z-index: 0;
    grid-area: media;
    width: calc(100% + 2 * var(--space-3));
    max-width: none;
    height: auto;
    aspect-ratio: 4 / 3;
    margin: calc(var(--space-3) * -1) calc(var(--space-3) * -1) 0;
  }
  .mo-features .mx-feature .photo-card__head { position: relative; z-index: 1; grid-area: media; align-self: start; }
  .mo-features .mx-feature .photo-card__caption {
    grid-area: cap;
    align-self: start;
    padding: 0 var(--space-2) var(--space-2);
    border: 0;
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (min-width: 1024px) {
  .mo-praxis--eins > .container { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--gap-lg); align-items: center; }
  .mo-praxis--eins .section-head { grid-template-columns: minmax(0, 1fr); margin-bottom: 0; }
  .mo-praxis--eins .section-head__actions { grid-column: 1; grid-row: auto; justify-self: start; }
}
@media (min-width: 1280px) {
  .mo-praxis--zwei > .container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--gap-lg); align-items: center; }
  .mo-praxis--zwei .section-head { grid-template-columns: minmax(0, 1fr); margin-bottom: 0; }
  .mo-praxis--zwei .section-head__actions { grid-column: 1; grid-row: auto; justify-self: start; }
}
@media (min-width: 768px) {
  .mo-praxis--eins .sx-story { flex-direction: row; }
  .mo-praxis--eins .sx-story__media { flex: 0 0 54%; aspect-ratio: 16 / 11; margin: 0.5rem; }
  .mo-praxis--eins .sx-story__body { justify-content: center; padding: var(--space-5) var(--space-6) var(--space-5) var(--space-3); }
  .mo-praxis--eins .sx-story__meta { margin-top: var(--space-2); }
}
.mo .carousel.is-static .carousel__controls { visibility: hidden; }
.mo .carousel.is-static .carousel__progress { display: none; }
@media (prefers-reduced-motion: reduce) {
  .mo-readout dd { transition: none; }
}
@media print {
  .mo-cfg__direct { display: none; }
}