/* Shared machine presentation. Container units preserve the annotated proportions. */
.overview-loader-hero.sk { padding:120px 0 26px; background:#f3f4ef; overflow:hidden; }
.overview-loader-hero,.mb-kopf { container-type:inline-size; }
.overview-maker { margin:0 0 12px; font:600 11px/1.2 var(--text); letter-spacing:.18em; color:#607329; }
.overview-title { font:500 clamp(40px,7.3vw,116px)/.95 var(--display); letter-spacing:-.035em; color:#1d251a; }
.overview-showroom { grid-area:flotte; min-width:0; width:100cqw; margin:24px calc((100% - 100cqw) / 2) 0; }
.overview-showroom-scroll { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-color:#92ad38 #e2e5da; scrollbar-width:thin; }
.overview-showroom-scene { width:100%; }
.overview-showroom-backdrop { position:relative; isolation:isolate; overflow:hidden;
 background:radial-gradient(ellipse at 24% 8%,rgba(164,198,57,.37),transparent 48%),radial-gradient(ellipse at 83% 16%,rgba(164,198,57,.2),transparent 46%),#f3f4ef; }
.overview-showroom-backdrop:before { content:''; position:absolute; z-index:0; inset:0;
 background:linear-gradient(160deg,transparent 12%,rgba(164,198,57,.13) 12.2%,rgba(164,198,57,.13) 24%,transparent 24.2%); transform:translateX(-2%); animation:showroom-light 15s ease-in-out infinite alternate; }
.overview-showroom-image { position:relative; z-index:1; display:block; width:100%; height:auto; }
@keyframes showroom-light { to { transform:translateX(5%); } }
@media(prefers-reduced-motion:reduce){ .overview-showroom-backdrop:before { animation:none; } }
.overview-showroom-models { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; }
.overview-showroom-model { position:relative; min-width:0; padding:16px 20px; display:flex; flex-direction:column; gap:6px; color:inherit; text-decoration:none; border-right:1px solid #e2e5da; }
.overview-showroom-model:last-child { border-right:0; }
.overview-showroom-model small { font:600 10px/1.2 var(--text); text-transform:uppercase; letter-spacing:.15em; color:#647b26; }
.overview-showroom-model b { font:600 clamp(21px,2.1vw,32px)/1 var(--display); }
.overview-showroom-model > span { position:absolute; right:16px; top:24px; color:#647b26; }
.overview-showroom-model:hover { background:#f0f3e8; }
.overview-showroom-model:focus-visible,.overview-showroom-scroll:focus-visible { outline:2px solid #8fab2d; outline-offset:-3px; }
.overview-showroom-hint { display:none; }
.overview-loader-hero ~ .ms-head { padding-top:40px; }
.minibagger-seite .overview-showroom { margin-top:24px; }
/* Minibagger overview: light hall walls, complete fleet above the copy. */
.minibagger-seite .mb-kopf {
 --olive:#56701f; padding:98px 0 48px; color:#1c2418; background:#f7f7f7;
}
.mb-kopf > .sk-balken { display:none; }
.mb-kopf .mb-kopf-in {
 grid-template-areas:"flotte flotte" "titel mehr"; align-items:start;
 gap:0 clamp(28px,4vw,64px);
}
.mb-kopf .mb-titel,.mb-kopf .mb-mehr { padding-top:38px; }
.mb-kopf .mb-titel h1 { font-size:clamp(32px,3.35vw,54px); line-height:1.04; color:#1c2418; }
.mb-kopf .mb-titel h1 span:last-child { color:#56701f; }
.mb-kopf .rg-crumb,.mb-kopf .rg-crumb a { color:#68715e; }
.mb-kopf .rg-crumb b { color:#56701f; }
.mb-kopf .mb-mehr .lead { color:#596250; font-size:16px; line-height:1.55; }
.mb-kopf .btn-ghost { color:#1c2418; border-color:#6c785e; }
.mb-kopf .btn-ghost:hover { color:#edf0e6; background:#25301f; }
.mb-kopf .sk-cta { margin-top:18px; }
.mb-kopf .sk-gh { color:#1c2418; }
.minibagger-seite .mb-kopf .overview-showroom { margin-top:0; }
.mb-kopf .overview-showroom-scroll { scrollbar-color:#92ad38 #e2e5da; }
.mb-kopf .overview-showroom-backdrop {
 container-type:inline-size; padding-top:5.8cqw; background:#f7f7f7;
}
.mb-kopf .overview-wall-back,.mb-kopf .overview-wall-near {
 position:absolute; z-index:-1; pointer-events:none;
}
.mb-kopf .overview-wall-back {
 inset:-24% -8%;
 background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(195,199,200,.16) 25%),
 linear-gradient(180deg,#fff 0%,#f7f7f7 66%,#ebedef 100%);
 transform:translate3d(0,var(--wall-back-y,0px),0);
}
.mb-kopf .overview-wall-near {
 left:-8%; top:-24%; width:69%; height:135%;
 clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
 background:repeating-linear-gradient(90deg,transparent 0,transparent calc(36% - 1px),rgba(180,184,187,.09) 36%),
 linear-gradient(100deg,rgba(255,255,255,.8) 0%,rgba(248,249,250,.6) 92%,rgba(225,228,230,.3) 100%);
 transform:translate3d(0,var(--wall-near-y,0px),0);
}
.mb-kopf .overview-showroom-backdrop::before {
 inset:-4% -6%; background:#a4c639; opacity:.9;
 clip-path:polygon(0 42%,100% 8%,100% 31%,0 65%);
 animation:none; transform:translate3d(0,var(--hall-stripe-y,0px),0);
}
.overview-showroom-word {
 position:absolute; z-index:0; top:3.8cqw; left:50%;
 transform:translate3d(-50%,var(--hall-word-y,0px),0);
 color:#232a1c; font:400 23cqw/1 Anton,'Barlow Condensed',sans-serif;
 letter-spacing:.055em; white-space:nowrap; pointer-events:none;
}
.mb-kopf .overview-showroom-word {
 color:transparent;
 background:linear-gradient(#111 0%,#242424 48%,rgba(40,40,40,.48) 78%,transparent 100%);
 -webkit-background-clip:text; background-clip:text;
}
.mb-kopf .overview-showroom-hint { color:#657452; padding-bottom:0; }
@media(max-width:900px){
 .mb-kopf .mb-kopf-in { grid-template-areas:"flotte" "titel" "mehr"; }
 .mb-kopf .mb-mehr { margin:0; padding-top:20px; }
 .mb-kopf .mb-mehr .lead { max-width:70ch; }
}
@media(max-width:760px){
 .minibagger-seite .mb-kopf { padding:88px 0 32px; }
 .mb-kopf .mb-titel { padding-top:28px; }
 .mb-kopf .mb-titel h1 { font-size:clamp(26px,7.45vw,42px); }
 .mb-kopf .rg-crumb { margin-bottom:16px; }
 .mb-kopf .mb-mehr .lead { font-size:15px; }
}
@media(prefers-reduced-motion:reduce){
 .mb-kopf .overview-wall-back,.mb-kopf .overview-wall-near,
 .mb-kopf .overview-showroom-backdrop::before { transform:none; }
 .mb-kopf .overview-showroom-word { transform:translateX(-50%); }
}
@media(max-width:760px){
 .overview-loader-hero.sk { padding:102px 0 28px; }
 .overview-title { font-size:clamp(30px,8vw,60px); }
 .overview-showroom-scene { width:200%; }
 .overview-showroom-model { padding:14px 12px; }
 .overview-showroom-model > span { right:10px; top:20px; }
 .overview-showroom-hint { display:flex; align-items:center; gap:8px; padding:12px 16px 0; font:600 12px/1.3 var(--text); color:#607329; }
 .overview-showroom-hint > span { font-size:21px; }
 .overview-loader-hero ~ .ms-head { padding-top:30px; }
}
.mk .mk-pic.ist-poster { aspect-ratio:5 / 6; }
.mk .mk-scene::before { clip-path:polygon(0 42%,100% 25%,100% 41%,0 58%); }
@media(hover:hover) and (pointer:fine){
 .mk:hover,.mk:focus-within { transform:translateY(-8px);
  box-shadow:0 0 0 1px rgba(133,164,43,.45),0 28px 50px -24px rgba(25,37,17,.48); }
}
@media(prefers-reduced-motion:reduce){
 .mk { transition:none; }
 .mk:hover,.mk:focus-within { transform:none; }
}
.mk .mk-scene-model {
  left:50%; right:auto; top:17cqw; width:max-content; max-width:none; height:auto;
  margin:0; padding:0; font-size:calc(var(--word-size,25.5) * 1cqw); font-weight:300; line-height:1;
  transform:translateX(-50%) scaleX(var(--word-x,1)) scaleY(calc(49 / var(--word-size,25.5)));
  transform-origin:50% 0;
  background-image:linear-gradient(#131611 0%,#242820 45%,rgba(45,50,40,.6) 78%,transparent 100%);
}
#m-sam1200 .mk-scene-model { top:18.4cqw; }
#m-vm1000 .mk-scene-machine { margin-top:3.55cqw; }
#m-xc1100 .mk-scene-machine { margin-top:.9cqw; }
.mk .mk-claim { min-height:40px; }
#m-sam1950 .mk-claim { font-size:clamp(12.5px,4.49cqw,14px); }
#m-xc1100 .mk-claim { font-size:clamp(13px,4.84cqw,15px); }
/* The old shared floor caused a second, mismatched step under the photograph. */
@media(min-width:761px){
 .n-header[data-global-nav]:not(#_):not(#_):not(#_) .n-mega-plakat:after { display:none!important; }
 .n-header[data-global-nav]:not(#_):not(#_):not(#_) .n-mega-plakat img.ist-frei {
   -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent 100%)!important;
   mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent 100%)!important;
 }
}
.mp-original-photos { padding:72px 0; }
.mp-original-photos h2 { margin:8px 0 28px; }
.mp-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mp-photo-grid figure { margin:0; min-width:0; }
.mp-photo-grid a { display:block; overflow:hidden; background:#eceee8; }
.mp-photo-grid a,.mp-zelle[data-lb] { position:relative; }
.mp-tap-hint { position:absolute; z-index:10; left:12px; bottom:12px; display:flex;
  align-items:center; gap:8px; max-width:calc(100% - 24px); padding:10px 12px;
  background:rgba(23,30,20,.92); border:1px solid rgba(255,255,255,.5); color:#fff;
  font:600 13px/1.2 Barlow,Arial,sans-serif; pointer-events:none; }
.mp-tap-hint svg { width:25px; height:25px; flex:none; color:#b1ce45; }
.mp-hero-photo { display:contents; }
.mp-hero-photo .mp-ebene { pointer-events:auto; cursor:zoom-in; }
.mp-zelle[data-sam-photo] img { object-fit:contain; transform:none; }
@media(max-width:760px){
 .mp-collage:has([data-sam-photo="hydraulikgreifer"]),
 .mp-collage:has([data-sam-photo="heckansicht"]) { grid-template-columns:1fr; gap:12px; }
}
.mp-lb { touch-action:pan-y; }
.mp-lb img { touch-action:pan-y; max-height:calc(92svh - 36px); }
.mp-gallery-state { margin:0; padding:9px 12px; color:#eee; background:#0f130e;
  text-align:center; font:500 13px/1.4 Barlow,Arial,sans-serif; }
.mp-photo-grid img { display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:contain; }
.mp-photo-grid figcaption { padding-top:10px; color:var(--muted,#5c6358); font:500 14px/1.4 Barlow,Arial,sans-serif; }
@media(max-width:760px){
 .mp-original-photos { padding:48px 0; }
 .mp-photo-grid { grid-template-columns:1fr; gap:24px; }
}

/* SAM 1200: edge-to-edge chapter photo; only the small attachment-stage floor fades. */
.mp-zelle[data-sam-photo="hydraulikgreifer"] img { object-fit:cover; object-position:50% 50%; }
.mp-ag-m .mp-ag-masch[src*="vmeng-sam-1200-anbau"] {
 -webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent 74%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 0%,#000 87%,transparent 95%);
 mask-image:linear-gradient(#000 0%,#000 72%,transparent 74%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 0%,#000 87%,transparent 95%);
 -webkit-mask-composite:source-over,source-in;
 mask-composite:add,intersect;
}
.mp-song .mp-song-credit { margin:14px 0 0; font:400 14px/1.5 var(--text); color:#c6cdbd; }

/* 18.10.2026 Nutzer: große Modellnamen etwas schlanker (research/patch_namen_duenner_20261018.py) */
.mk .mk-scene-model { --word-x: .9; }

/* 18.10.2026 Nutzer: große Modellnamen in den Vorschaukarten etwas tiefer (research/patch_namen_tiefer_20261018.py) */
.mk .mk-scene-model { margin-top: 6cqw; }

/* 19.10.2026 Nutzer: große Modellnamen heller und nach unten durchsichtiger (research/patch_namen_heller_20261019.py) */
/* Nachtrag Nutzer: „nein, nur unten transparent, nicht komplett; Buchstaben ein Tick mehr auseinander, weniger Stärke“.
   Oben wieder voll wie vorher, erst unten auslaufen. Anton hat nur eine Stärke: schlanker über stärkere Stauchung,
   dafür mehr Buchstabenabstand, so bleibt das Wort etwa gleich breit. */
/* Nachtrag 2: „unten ganz transparent und vielleicht das Grün wie im Logoband mit Noise drin, lass mal ausprobieren“.
   Füllung = Moosgrün des Start-Heros (Logoleiste) + Korn aus rauschen.webp; Auslaufen über eine Maske,
   damit das Korn unten mit verschwindet. */
.mk .mk-scene-model {
  --word-x: .84;
  letter-spacing: .012em;
  /* Nachtrag 3: „mach Korn weg“ -> nur Moosgrün. Nachtrag 4: „das Grün was heller“.
     Nachtrag 5: „etwas dunkler und unten transparent, dass man keine horizontale Kante sieht“ */
  background-image: linear-gradient(#28331f 0%, #313d27 55%, #3a472f 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-mask-image: linear-gradient(#000 0%, #000 26%, rgba(0, 0, 0, .78) 40%, rgba(0, 0, 0, .45) 56%, rgba(0, 0, 0, .18) 70%, rgba(0, 0, 0, .04) 80%, transparent 86%);
  mask-image: linear-gradient(#000 0%, #000 26%, rgba(0, 0, 0, .78) 40%, rgba(0, 0, 0, .45) 56%, rgba(0, 0, 0, .18) 70%, rgba(0, 0, 0, .04) 80%, transparent 86%);
}