/* =====================================================================
   Marke B „Moos & Sand“ (29.09.2026, vom Nutzer gewählt) – letzte Schicht nach welt.css.
   Schrift: Barlow Semi Condensed 600 (Überschriften, Versalien) + Barlow (Text). Keine fetten 900er mehr.
   Farbe: Sand hell, Moos/Rinde dunkel, Maigrün als einziger Akzent; auf hellem Grund ein dunkles Oliv für
   grüne Schrift (Kontrast). Die fest eingetragenen Grüns der übrigen Stylesheets hat
   research/farbe_moos_sand.py auf diese Palette umgestellt.
   ===================================================================== */

body.welt {
  --display: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; --text: 'Barlow', system-ui, sans-serif; --mono: var(--text);
  --ink: #1f231c; --bg: #f7f7f5; --surface: #f0f1f0; --surface-2: #eceeed; --line: #d8dcd7; --muted: #5d6356;   /* 06.10.2026 Nutzer: helle Flächen passend zu den Maschinen-Heros */
  --moss-0: #171c15; --moss-1: #1f261c; --moss-2: #2a3325; --moss-3: #3a4632;
  --lime: #a4c639; --lime-2: #c4de6e; --lime-ink: #1b2112; --olive: #56701f; --on-dark: #eeeadf; --on-dark-2: #aeb3a2;
  --green-1: var(--olive); --green-2: var(--olive); --green-3: var(--olive); --brand: var(--olive); --brass: var(--olive); --brass-2: var(--lime-2); --deep: var(--moss-0);
  --grad: linear-gradient(var(--lime), var(--lime)); --grad-text: linear-gradient(var(--olive), var(--olive)); --grad-glow: linear-gradient(var(--lime), var(--lime));
  --t-title: 600 16px/1.15 var(--display); --t-sub: 500 13px/1.4 var(--text);
  background: var(--bg); color: var(--ink); font-family: var(--text);
}
.welt p, .welt li, .welt summary, .welt input, .welt textarea, .welt select, .welt button { font-family: var(--text); }

/* ---------- Überschriften: schmal, 600, Versalien, zweite Zeile im Akzent ---------- */
.welt .display, .welt h2.display, .welt .decide-h { font-family: var(--display); font-weight: 600; letter-spacing: .005em; line-height: 1.02; text-transform: uppercase; }
.welt h2.display { font-size: clamp(30px, 3.3vw, 50px); }
.welt .display span:last-child:not(:first-child), .welt .display .green { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--olive); }
.welt :is(.lp-hero, .welt-bridge, .welt-filme, .demo-v2) .display span:last-child:not(:first-child), .welt .lp-hero .display .green { color: var(--lime); }
.welt .display span { padding: .08em 0 .04em; margin: -.08em 0 -.04em; }
.welt :is(h3, .acard h3, .step-body h3, .mcard h3, .ben b, .film figcaption b, .trust b) { font-family: var(--display); font-weight: 600; text-transform: uppercase; letter-spacing: .01em; }
.welt .lead { font-size: 17.5px; line-height: 1.6; color: var(--muted); }

/* ---------- Vorzeilen: Barlow 600, gesperrt, Punkt davor ---------- */
.welt .eyebrow, .welt .eyebrow.brass { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px;
  font: 600 13px/1.2 var(--text); letter-spacing: .12em; text-transform: uppercase; color: var(--olive); }
.welt .eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; border: 0; box-shadow: none; -webkit-mask: none; mask: none; }
.welt :is(.lp-hero, .welt-bridge, .welt-filme, .demo-v2) .eyebrow { color: var(--lime); }

/* ---------- Knöpfe: Maigrün mit dunkler Schrift, leicht gerundet ---------- */
.welt .btn { font: 600 16px/1 var(--text); letter-spacing: .01em; border-radius: 4px; }
.welt .btn-primary, .welt .btn-primary:hover { background: var(--lime); color: var(--lime-ink); border: 0; box-shadow: none; }
.welt .btn-primary:hover { background: #b4d44a; box-shadow: 0 10px 26px -10px rgba(120, 150, 30, .7); }
.welt .btn-ghost { border: 1.5px solid currentColor; }
.welt .lp-hero .btn-ghost, .welt .welt-bridge .btn-ghost { border-color: rgba(255, 255, 255, .75); color: #fff; }

/* ---------- Menü und Logo: kein Grün mehr – oben weiß mit Maigrün-Zeichen, beim Scrollen Rinde ---------- */
.welt .logo-icon { background: var(--lime); -webkit-mask: url('bilder/minimog-icon.svg') center / contain no-repeat; mask: url('bilder/minimog-icon.svg') center / contain no-repeat;
  object-position: -9999px 0; filter: none !important; }
.welt .site-header .logo-word { background: var(--ink); }
.welt .site-header:not(.is-scrolled):not(.open) .logo-word { background: #fff; }
.welt .site-header.is-scrolled { background: rgba(239, 234, 224, .8); }
.welt .site-header.is-scrolled .logo-icon { background: var(--olive); }
.welt .site-header .nav a, .welt .site-header .head-tel { font-family: var(--text); font-weight: 600; }
.welt .site-header .btn { min-height: 44px; }
.welt .site-footer .logo-word { background: #fff; }

/* ---------- Hero: kleinere, leichtere Schrift ---------- */
.welt .lp-hero { background: var(--moss-0); }
.welt .lp-hero::before { background:
    linear-gradient(180deg, rgba(23, 28, 21, .55) 0%, rgba(23, 28, 21, 0) 24%),
    linear-gradient(90deg, rgba(23, 28, 21, .86) 0%, rgba(23, 28, 21, .6) 42%, rgba(23, 28, 21, .15) 76%, rgba(23, 28, 21, 0) 100%) !important; }
.welt .wh-fade { background: linear-gradient(180deg, rgba(23, 28, 21, 0) 0%, rgba(23, 28, 21, .5) 35%, rgba(23, 28, 21, .92) 62%, var(--moss-0) 78%) !important; }
.welt .lp-hero .h1-seo { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font: 600 14px/1.3 var(--text); letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark); }
.welt .lp-hero .h1-seo::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }
.welt .lp-hero .hero-claim { margin: 0; font-size: clamp(44px, 5vw, 80px); line-height: 1; color: #fff; }
.welt .lp-hero .hero-claim span { display: block; white-space: nowrap; }
.welt .lp-hero .lead { margin: 22px 0 30px; max-width: 54ch; color: var(--on-dark); font-size: clamp(17px, 1.15vw, 19px); }
.welt .lp-hero .crumbs { display: none; }

/* ---------- Kennzahlen unter dem Video: zählen beim Erscheinen hoch (welt.js) ---------- */
.welt .welt-facts { background: linear-gradient(180deg, rgba(23, 28, 21, 0) 0, var(--moss-0) 45%) !important; color: var(--on-dark); }
.welt .welt-facts ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 0; padding: 22px 0 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .14); }
.welt .welt-facts li { display: block; padding: 0 24px; border-left: 1px solid rgba(255, 255, 255, .12) !important; }
.welt .welt-facts li:first-child { padding-left: 0; border-left: 0 !important; }
.welt .welt-facts li b { display: block; font: 600 clamp(28px, 2.6vw, 40px)/1 var(--display); letter-spacing: .005em; color: #fff; font-variant-numeric: tabular-nums; }
.welt .welt-facts li b span { color: var(--lime); }
.welt .welt-facts li > span { display: block; margin-top: 6px; font: 500 14px/1.35 var(--text); color: var(--on-dark-2); }

/* ---------- Kennen Sie das? Links die Frage (bleibt stehen), rechts drei Situationen ---------- */
.welt .welt-story { padding: clamp(80px, 9vw, 130px) 0 calc(var(--cut) + clamp(60px, 7vw, 100px)); background: var(--bg); }
.story-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.story-head { position: sticky; top: 120px; }
.story-head .lead { margin: 20px 0 26px; }
.story-next { display: inline-flex; align-items: center; gap: 10px; font: 600 16px/1 var(--text); color: var(--ink); text-decoration: none; }
.story-next::after { content: '\2193 '; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--lime); color: var(--lime-ink); transition: transform .45s cubic-bezier(.34, 1.56, .64, 1); }
.story-next:hover::after { transform: translateY(4px); }
.story-list { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.story-row { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 0; background: var(--surface); border-radius: 8px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(30, 30, 20, .05), 0 22px 44px -32px rgba(30, 35, 20, .45); }
.story-row .ph { position: relative; overflow: hidden; min-height: 220px; background: var(--moss-1); }
.story-row .ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale 1s cubic-bezier(.22, 1, .36, 1); }
.story-row:hover .ph img { scale: 1.05; }
.story-row .cap { display: flex; flex-direction: column; justify-content: center; padding: clamp(20px, 2.4vw, 32px); }
.story-row .cap em { font: 600 13px/1 var(--text); font-style: normal; letter-spacing: .12em; color: var(--olive); margin-bottom: 12px; }
.story-row .cap b { font: 600 clamp(22px, 1.9vw, 28px)/1.1 var(--display); text-transform: uppercase; color: var(--ink); margin-bottom: 12px; }
.story-row .cap p { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--muted); }

/* ---------- Dunkle Bänder: Moos statt Waldgrün ---------- */
.welt .welt-bridge, .welt .demo-v2 { background: radial-gradient(110% 130% at 85% 0%, var(--moss-3) 0%, var(--moss-1) 45%, var(--moss-0) 100%) !important; }
.welt .welt-filme { background: var(--moss-0) !important; --sec: var(--moss-0); }
.welt :is(.mosaic li, .film)::after { background: linear-gradient(180deg, rgba(23, 28, 21, 0) 45%, rgba(23, 28, 21, .75) 80%, var(--moss-0) 100%) !important; }
.welt :is(.lp-hero, .welt-bridge, .welt-filme, .demo-v2) :is(.lead, p:not(.eyebrow):not(.ask-kicker):not(.ask-title)) { color: var(--on-dark-2); }
.welt .welt-bridge .bridge-copy > p { color: var(--on-dark); }
.welt .bridge-checks svg { stroke: var(--lime); }
.welt .bridge-bar i { background: var(--lime); }
.welt .bridge-checks b { font: 600 18px/1.25 var(--display); text-transform: uppercase; letter-spacing: .01em; }
.welt .bridge-tools span { font-family: var(--text); font-weight: 600; }
.welt .site-footer { background: var(--moss-0); }

/* ---------- Im Einsatz: Filme und Fotos in einem Block ---------- */
.welt .welt-filme .mosaic { margin-top: clamp(10px, 1vw, 14px); }
.welt .film-cta { background: var(--lime); color: var(--lime-ink); }
.welt .film-cta span { color: #2f3a1a; }
.welt .film-cta b { font-family: var(--display); font-weight: 600; }
.welt .mosaic .cap { font: 600 14px/1.2 var(--display); letter-spacing: .03em; }
.welt .mosaic span::before { border-top-color: var(--lime); }

/* ---------- Anbaugeräte: dunkle Karten in Moos ---------- */
.welt .acard { background: linear-gradient(180deg, var(--moss-2) 0%, var(--moss-0) 100%); border-radius: 8px; }
.welt .acard h3 { font-size: 20px; }
.welt .acard p { color: var(--on-dark-2); font-size: 15px; }
.welt .acard li { font: 500 12.5px/1.2 var(--text); background: rgba(255, 255, 255, .07); color: var(--on-dark); border-radius: 3px; }
.welt .acard-foot b { font: 600 20px/1 var(--display); background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--lime); }
.welt .acard-open { background: rgba(164, 198, 57, .14); color: #fff; border-radius: 4px; font-family: var(--text); }
.welt .acard:hover .acard-open { background: var(--lime); color: var(--lime-ink); }
.welt .acard:hover { box-shadow: 0 34px 60px -28px rgba(10, 14, 8, .85), inset 0 0 0 1px rgba(164, 198, 57, .4); }

/* ---------- Maschinen, Vorführung, FAQ ---------- */
.welt .mcard { border-radius: 8px; overflow: hidden; }
.welt .mcard-brand { font: 600 12px/1 var(--text); letter-spacing: .12em; color: var(--olive); }
.welt .mcard-specs dt { font-family: var(--text); }
.welt .mcard-specs dd { font: 600 17px/1.2 var(--display); }
.welt .mcard-foot b { font: 600 22px/1 var(--display); }
.welt .how b { font: 600 17px/1.3 var(--text); color: #fff; }
.welt .how li::before { color: var(--lime); font-family: var(--display); }
.welt .scarce { border-left-color: var(--lime) !important; }
.welt .ask-start { border-radius: 8px; background: var(--surface); }
.welt .ask-start p { color: var(--ink); }
.welt .ask-kicker { font: 600 12px/1.2 var(--text); letter-spacing: .12em; color: var(--olive); }
.welt .ask-title { font-family: var(--display); font-weight: 600; }
.welt .ask-opt { border-radius: 6px; }
.welt .ask-opt b { font: 600 17px/1.2 var(--display); }
.welt .ask-opt svg { background: #edf1dd; stroke: var(--olive); }
.welt .ask-opt::after { color: var(--olive); }
.welt .ask-opt:hover { background: var(--moss-1); }
.welt .ask-opt:hover svg { background: rgba(164, 198, 57, .2); stroke: var(--lime); }
.welt .ask-tel b { color: var(--olive); }
.welt .faq-list summary { font: 600 18px/1.3 var(--text); }
.welt .faq-list summary::after { color: var(--olive); }
.welt .faq-list details.is-open summary::after, .welt .faq-list details[open] summary::after { background-color: var(--olive); color: #fff; }
.welt .more-worlds a { font-family: var(--display); font-weight: 600; border-radius: 8px; }

/* ---------- Anfrage-Fenster und Seitenknöpfe in Moos & Maigrün ---------- */
.welt :is(.wz, .al) { --wz-sel: linear-gradient(135deg, var(--moss-2) 0%, var(--moss-3) 100%); --wz-bg: var(--bg); --wz-ink: var(--ink); }
.welt :is(.wz-rail, .al-sel) { background: radial-gradient(120% 80% at 0% 0%, var(--moss-3) 0%, var(--moss-1) 55%, var(--moss-0) 100%); }
.welt :is(.wz-railtitle, .al-sel h2, .wz-step h3, .al-form h3, .al-done h2) { font-family: var(--display); font-weight: 600; }
.welt .wz-opt b, .welt .wz-mc b, .welt .wz-mc em { font-family: var(--display); font-weight: 600; }
.welt .wz-steps .done em { background: var(--lime); color: var(--lime-ink); }
.welt .wz-steps .now em { color: var(--moss-1); }
.welt .wz-kicker { color: var(--olive); font-family: var(--text); font-weight: 600; letter-spacing: .12em; }
.welt :is(.wz-rail, .al-sel) .wz-kicker { color: var(--lime); }
.welt .wz-ico { background: #edf1dd; } .welt .wz-ico svg { stroke: var(--olive); }
.welt .wz-opt[aria-pressed="true"] .wz-ico svg { stroke: var(--lime); }
.welt .wz-tick svg { stroke: var(--moss-2); }
.welt .wz-tool small, .welt .wz-mc em { color: var(--olive); }
.welt .wz-mc[aria-pressed="true"] em { color: var(--lime); }
.welt .wz-mc.best .wz-rank { background: var(--lime); color: var(--lime-ink); }
.welt .wz-help svg { stroke: var(--lime); }
.welt .wz-segs i::after { background: var(--olive); }
.welt .wz-next.btn-primary, .welt .al .btn-primary { background: var(--lime); color: var(--lime-ink); }
.welt .al-item span { color: var(--lime); }
.welt .al-chips input:checked + span { background: var(--moss-2); }
.welt .side-cta a { background: rgba(23, 28, 21, .92); }
.welt .side-cta .sc-go { background: var(--lime); color: var(--lime-ink); }
.welt .side-cta .sc-wa svg { stroke: var(--lime-2); }
.welt .al-fab { background: var(--lime); color: var(--lime-ink); }

/* ---------- Telefon ---------- */
@media (max-width: 900px) {
  .welt .lp-hero .hero-claim { font-size: clamp(40px, 12vw, 58px); }
  .welt .lp-hero .h1-seo { font-size: 12.5px; letter-spacing: .1em; }
  .welt h2.display { font-size: clamp(28px, 8vw, 38px); }
  .welt .welt-facts { background: var(--moss-0) !important; }
  .welt .welt-facts ul { grid-template-columns: 1fr 1fr; gap: 22px 0; }
  .welt .welt-facts li, .welt .welt-facts li:first-child { padding: 0 14px; border-left: 1px solid rgba(255, 255, 255, .12) !important; }
  .welt .welt-facts li:nth-child(odd) { padding-left: 0; border-left: 0 !important; }
  .welt .welt-facts li b { font-size: 30px; }
  .welt .welt-facts li > span { font-size: 13px; }
  .welt .lp-hero, .welt .lp-hero-pic::after { background-color: var(--moss-0); }
  .welt .lp-hero-pic::after { background: linear-gradient(180deg, rgba(23, 28, 21, .5) 0%, rgba(23, 28, 21, 0) 22%, rgba(23, 28, 21, 0) 58%, var(--moss-0) 100%); }
  .story-grid { grid-template-columns: minmax(0, 1fr); }
  .story-head { position: static; }
  .story-row { grid-template-columns: minmax(0, 1fr); }
  .story-row .ph { min-height: 0; aspect-ratio: 16 / 10; }
}

/* Korrekturen: ältere Regeln aus welt.css waren stärker */
.welt .welt-facts li b span[data-count] { display: inline; margin: 0; font: inherit; letter-spacing: inherit; color: var(--lime); }
.welt .film.film-cta { background: var(--lime); color: var(--lime-ink); }
.welt .film.film-cta em { color: var(--lime-ink); }
@media (max-width: 900px) {
  .welt .welt-facts li, .welt .welt-facts li:nth-child(odd) { display: block !important; }
  .welt .welt-facts li b { white-space: nowrap; font-size: 28px; }
  .welt .welt-facts ul { padding-top: 20px; }
}
.story-grid > *, .story-row > * { min-width: 0; }

/* =====================================================================
   29.09. spät: Schrift eine Stufe kräftiger, Hero-Satz größer, Tor-Check, Lösung aufgeräumt, Gerätekarten quer
   ===================================================================== */
.welt .display, .welt h2.display { font-weight: 700; }
.welt :is(h3, .acard h3, .step-body h3, .mcard h3, .ben b, .film figcaption b, .story-row .cap b, .bridge-checks b, .ask-opt b, .mosaic .cap) { font-weight: 700; }
.welt .lp-hero .hero-claim { font-size: clamp(50px, 5.7vw, 92px); }
.welt .lead { color: #4f554a; }

/* Tor-Check */
.torcheck { margin: 0 0 28px; padding: 22px 22px 18px; background: var(--surface); border-radius: 8px; box-shadow: 0 1px 2px rgba(30, 30, 20, .05), 0 22px 44px -32px rgba(30, 35, 20, .45); }
.tc-q { margin: 0 0 14px; font: 700 20px/1.15 var(--display); text-transform: uppercase; }
.tc-in { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 6px 12px; }
.tc-in span { font: 500 14px/1.3 var(--text); color: var(--muted); }
.tc-in b { font: 700 28px/1 var(--display); color: var(--olive); }
.tc-in input { grid-column: 1 / -1; width: 100%; height: 26px; margin: 4px 0 0; -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; }
.tc-in input::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--lime) var(--fill, 50%), #ddd6c6 var(--fill, 50%)); }
.tc-in input::-moz-range-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--lime) var(--fill, 50%), #ddd6c6 var(--fill, 50%)); }
.tc-in input::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; margin-top: -9px; border-radius: 50%; background: var(--moss-1); border: 4px solid var(--lime); box-shadow: 0 4px 10px rgba(0, 0, 0, .25); transition: transform .3s cubic-bezier(.34, 1.56, .64, 1); }
.tc-in input::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--moss-1); border: 4px solid var(--lime); }
.tc-in input:active::-webkit-slider-thumb { transform: scale(1.15); }
.tc-out { margin: 12px 0 10px; font: 600 16px/1.35 var(--text); color: var(--ink); }
.tc-list { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; margin: 0; padding: 0; list-style: none; }
.tc-list li { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; font: 500 13.5px/1.3 var(--text); color: #9a9a8c; border-bottom: 1px solid var(--line); transition: color .3s ease; }
.tc-list li::before { content: ''; flex: none; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: #d4ccba; transition: background .3s ease; }
.tc-list li span { flex: 1; }
.tc-list li em { font-style: normal; }
.tc-list li.ok { color: var(--ink); }
.tc-list li.ok::before { background: var(--lime); }

/* Lösung: ohne Werkzeugkacheln – große Maschine mit hellem Lichtkegel, Haken darunter */
.welt .bridge-side { position: relative; }
.welt .bridge-side::before { content: ''; position: absolute; z-index: 0; left: 5%; right: 0; top: -8%; height: 70%; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(196, 222, 110, .28), rgba(196, 222, 110, .08) 55%, transparent 80%); pointer-events: none; }
.welt .bridge-machine { position: relative; z-index: 1; width: 100%; max-width: 640px; max-height: 46vh; }
.welt .bridge-checks { position: relative; z-index: 1; }
.welt .bridge-checks li { padding: 14px 0; }
.welt .bridge-checks s { font: 500 14px/1.3 var(--text); color: #8f9582; }

/* Anbaugeräte: quer liegende Karten, links das Gerät auf dunkler Bühne, rechts hell */
.welt .acards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.welt .acard { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); background: var(--surface); color: var(--ink); border-radius: 10px;
  box-shadow: 0 1px 2px rgba(30, 30, 20, .05), 0 24px 48px -34px rgba(30, 35, 20, .5); }
.welt .acard:last-child:nth-child(odd) { grid-column: 1 / -1; grid-template-columns: minmax(0, .45fr) minmax(0, 1.1fr); }
.welt .acard-pic { aspect-ratio: auto; min-height: 250px; background: radial-gradient(70% 60% at 50% 55%, #3a4632 0%, var(--moss-1) 60%, var(--moss-0) 100%); }
.welt .acard-pic img { left: 12%; right: 12%; top: 14%; bottom: 14%; width: 76%; height: 72%; object-position: center; }
.welt .acard-pic::after { background: radial-gradient(closest-side, rgba(0, 0, 0, .55), transparent); }
.welt .acard-body { padding: 22px 22px 20px; }
.welt .acard h3 { color: var(--ink); font-size: 22px; }
.welt .acard p { color: var(--muted); font-size: 15.5px; }
.welt .acard li { background: var(--surface-2); color: var(--ink); }
.welt .acard-foot { background: linear-gradient(90deg, var(--line), transparent) top left / 100% 1px no-repeat; }
.welt .acard-foot b { color: var(--olive); }
.welt .acard-open { background: var(--moss-1); color: #fff; }
.welt .acard:hover .acard-open { background: var(--lime); color: var(--lime-ink); }
.welt .acard-foot .more { background: rgba(0, 0, 0, .06); color: var(--muted); }
.welt .acard:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(30, 30, 20, .06), 0 30px 56px -30px rgba(30, 35, 20, .55); }
.welt .acard::before { display: none; }
@media (max-width: 900px) {
  .welt .acards { grid-template-columns: 1fr; gap: 12px; }
  .welt .acard, .welt .acard:last-child:nth-child(odd) { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); grid-column: auto; }
  .welt .acard-pic { min-height: 170px; }
  .welt .acard-body { padding: 14px 14px 14px; }
  .welt .acard h3 { font-size: 17px; }
  .tc-list { grid-template-columns: 1fr; }
}
.welt .tc-in input[type=range] { border: 0 !important; padding: 0 !important; min-height: 0 !important; box-shadow: none !important; background: transparent !important; outline-offset: 4px; }

/* Skizze aus dem Notebook (geprüft: ohne Kabine, ohne Maße): Anbaugeräte an einer Aufnahme */
.anbau-skizze { margin: 0 auto clamp(28px, 3vw, 44px); max-width: 980px; text-align: center; }
.anbau-skizze img { width: 100%; height: auto; mix-blend-mode: multiply; }
.anbau-skizze figcaption { margin-top: 6px; font: 500 15px/1.4 var(--text); color: var(--muted); }
/* Hero: grober TV-Schnee */
.welt .lp-hero > .grain.noise { background-size: 330px 330px; opacity: 1; mix-blend-mode: overlay; }
@media (max-width: 900px) { .welt .lp-hero > .grain.noise { background-size: 240px 240px; } }
.welt .lp-hero .hero-claim { color: #fff; }
.welt .lp-hero p.hero-claim.display { color: #fff !important; }
/* Hero-Schnee feiner und weicher: etwas gröber als das normale Korn, aber ohne sichtbare Pixelblöcke */
.welt .lp-hero > .grain.noise { background-size: 250px 250px; image-rendering: auto; mix-blend-mode: soft-light; }
@media (max-width: 900px) { .welt .lp-hero > .grain.noise { background-size: 200px 200px; } }

/* Zweitknopf auf dunklem Grund: beim Überfahren hell mit dunkler Schrift (vorher weiß auf weiß) */
.welt :is(.lp-hero, .welt-bridge, .demo-v2) .btn-ghost:hover { background: #fff; color: var(--ink); border-color: #fff; }

/* Telefon: Knöpfe im ersten Bildschirm (z. B. Galaxy A55, ~384 × 720 sichtbar) –
   Video niedriger, Text kürzer, beide Knöpfe nebeneinander */
@media (max-width: 900px) {
  .welt .lp-hero-pic { height: 40svh; }
  .welt .lp-hero-in { padding-top: calc(40svh - 70px); padding-bottom: 22px; }
  .welt .lp-hero .h1-seo { margin-bottom: 10px; font-size: 11.5px; }
  .welt .lp-hero .hero-claim { font-size: clamp(38px, 11vw, 52px); }
  .welt .lp-hero .lead { margin: 12px 0 16px; font-size: 15.5px; line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .welt .lp-hero .btn-row { display: grid; grid-template-columns: 1.35fr 1fr; gap: 8px; }
  .welt .lp-hero .btn-row .btn { width: 100%; min-height: 50px; padding: 0 10px; justify-content: center; font-size: 14.5px; white-space: nowrap; }
  .welt .lp-hero .btn-row .btn::after { display: none; }
}
@media (max-width: 900px) { .welt .lp-hero .lead { display: block; -webkit-line-clamp: none; overflow: visible; } }

/* Maschinenkarten: freigestellte Maschine auf dunkler Moos-Bühne, Text hell darunter (29.09.) */
.welt #maschinen .mcards { gap: 18px; }
.welt #maschinen .mcard { display: flex; flex-direction: column; background: var(--surface); border-radius: 10px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(30, 30, 20, .05), 0 24px 48px -34px rgba(30, 35, 20, .5); }
.welt #maschinen .mcard-pic { position: relative; aspect-ratio: 16 / 10.5; overflow: hidden;
  background: radial-gradient(70% 62% at 50% 58%, #3d4a34 0%, var(--moss-1) 58%, var(--moss-0) 100%); }
.welt #maschinen .mcard-pic::after { content: ''; position: absolute; left: 16%; right: 16%; bottom: 11%; height: 16px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0, 0, 0, .6), transparent); filter: blur(3px); }
.welt #maschinen .mcard-pic img { position: absolute; z-index: 1; left: 8%; right: 8%; top: 10%; bottom: 9%; width: 84%; height: 81%;
  object-fit: contain; object-position: center bottom; filter: drop-shadow(0 18px 18px rgba(0, 0, 0, .5)); transition: transform .9s cubic-bezier(.22, 1, .36, 1); scale: none; }
.welt #maschinen .mcard:hover .mcard-pic img { transform: scale(1.05) translateY(-4px); }
.welt #maschinen .mcard-body { padding: 20px 22px 20px; }
.welt #maschinen .mcard h3 { font-size: 24px; margin: 2px 0 6px; }
.welt #maschinen .mcard-why { color: var(--muted); font-size: 15.5px; }
.welt #maschinen .mcard-foot .more { padding: 11px 16px; border-radius: 4px; background: var(--moss-1); color: #fff; text-decoration: none; font-weight: 600; transition: background .3s, color .3s; }
.welt #maschinen .mcard:hover .mcard-foot .more { background: var(--lime); color: var(--lime-ink); }
.welt #maschinen .mcard-pic img[src*="drt450"] { top: 15%; bottom: 7%; height: 78%; }

/* Hero-Knöpfe: Desktop zwei (Vorführung, Telefon), Telefon drei (Anfrage, Anrufen, WhatsApp) */
.welt .hero-btns .hb-short, .welt .hero-btns .hb-wa { display: none; }
.welt .hero-btns .hb-wa::before { content: ''; width: 18px; height: 18px; margin-right: 6px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5l1.2-3.6A8 8 0 1 1 8.4 18.6z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5l1.2-3.6A8 8 0 1 1 8.4 18.6z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Telefon: Hero füllt genau den Bildschirm, die Knöpfe sind das Letzte vor dem Scrollen – Kennzahlen erst darunter */
@media (max-width: 900px) {
  .welt .lp-hero { display: flex; flex-direction: column; justify-content: flex-end; min-height: 100svh; }
  .welt .lp-hero-in { padding-top: calc(38svh - 40px); padding-bottom: calc(18px + env(safe-area-inset-bottom)); }
  .welt .lp-hero-pic { height: 44svh; }
  .welt .hero-btns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
  .welt .hero-btns .btn { width: 100%; min-height: 48px; padding: 0 8px; justify-content: center; font-size: 15px; white-space: nowrap; }
  .welt .hero-btns .btn::after { display: none; }
  .welt .hero-btns .btn-primary { grid-column: 1 / -1; }
  .welt .hero-btns .hb-long { display: none; }
  .welt .hero-btns .hb-short { display: inline; }
  .welt .hero-btns .hb-wa { display: inline-flex; align-items: center; }
  .welt .welt-facts { padding-top: 26px; }
}

/* 01.10.: FAQ – geöffnete Frage hat eine Tönung, also braucht der Text Luft zum Rand */
.welt .faq-list details { padding-inline: 20px; border-radius: 6px; }
.welt .faq-list details .faq-body p { padding-bottom: 8px; }

/* 03.10.2026 (Nutzer): Welten-Karten zeigen das Poster der Produktseite wie im Menü, ganz und ohne Bühne */
.welt #maschinen .mcard.hat-poster .mcard-pic { aspect-ratio: 1200 / 660; background: #f1f0ec; }
.welt #maschinen .mcard.hat-poster .mcard-pic::after { display: none; }
.welt #maschinen .mcard.hat-poster .mcard-pic img.ist-poster { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; }
.welt #maschinen .mcard.hat-poster:hover .mcard-pic img.ist-poster { transform: scale(1.04); }
/* Kurztitel unten rechts im Vorschaubild, wie auf den Maschinenkarten */
.welt #maschinen .mcard-pic .mk-bildzeile { position: absolute; z-index: 2; right: 4.5%; bottom: 7%; display: grid; justify-items: end; gap: 3px; text-align: right; color: #0b0b0b; }
.welt #maschinen .mk-bildzeile i { font: 600 10.5px/1 var(--text); font-style: normal; letter-spacing: .18em; text-transform: uppercase; color: #56701f; }
.welt #maschinen .mk-bildzeile b { display: flex; align-items: center; gap: 8px; font: 600 clamp(15px, 1.35vw, 19px)/1 var(--display); text-transform: uppercase; letter-spacing: .02em; }
.welt #maschinen .mk-bildzeile b::before { content: ''; width: 22px; height: 3px; border-radius: 2px; background: var(--lime, #a4c639); }
.welt #maschinen .mk-bildzeile b { font-size: clamp(13px, 1.15vw, 17px); }

/* 03.10.2026 (Nutzer): Welten zeigen dieselben Maschinenkarten wie alle anderen Seiten; drei nebeneinander */
.welt #maschinen .mk-welt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) { .welt #maschinen .mk-welt { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .welt #maschinen .mk-welt { grid-template-columns: minmax(0, 1fr); } }
/* Nutzer: „Aus dem Bildarchiv“ auf dem Handy ausblenden */
@media (max-width: 760px) { .welt-original { display: none !important; } }

/* 03.10.2026 (Nutzer): in der gepinnten „Lösung“-Sektion lief das Rauschen beim Scrollen mit, während die Bühne
   stehen bleibt. Das Rauschen klebt jetzt wie die Bühne oben und bleibt stehen. */
.welt-bridge[data-pin] > .grain { position: sticky; inset: auto; top: 0; display: block; width: 100%; height: 100vh; margin-bottom: -100vh; }

/* 03.10.2026 (Nutzer: „bei den Einsatzwelten ist die Breite mit dem Header nicht einheitlich“): Inhalt auf den
   Weltenseiten genau so breit wie die Kopfzeile (1340 px, 36 px Rand; Handy 16 px), wie Startseite und Produktseiten. */
body.welt .wrap, body.welt .lp-hero-in.wrap, body.welt .welt-feats .wrap {
  box-sizing: border-box; width: min(calc(100% - 72px), 1340px); max-width: none; padding-inline: 0; margin-inline: auto; }
@media (max-width: 760px) { body.welt .wrap, body.welt .lp-hero-in.wrap, body.welt .welt-feats .wrap { width: calc(100% - 32px); } }

/* 03.10.2026 (Nutzer: „heller Spalt unten, als ob das Overlay nachzieht“): Bild (eigene Ebene wegen Parallax) und
   Verlauf wurden beim Scrollen unterschiedlich gerundet, unten blitzte eine Bildzeile durch. Der Verlauf ragt jetzt
   über die Kachelkante (die Kachel schneidet ab) und liegt auf eigener Ebene direkt über dem Bild. */
.welt :is(.mosaic li, .film)::after { inset: -1px -1px -4px; transform: translateZ(0); z-index: 0; }
.welt :is(.mosaic li, .film) :is(.cap, figcaption) { z-index: 1; }