/* ============================================================
   MOUNZ Landing System – Marken-CSS (Flama + Tokens + Komponenten)
   Bold/Editorial, brand-konform. Lädt auf /lp/* Routen.
   ============================================================ */

@font-face { font-family:"Flama"; src:url("../fonts/Flama-Book.otf") format("opentype");     font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Flama"; src:url("../fonts/Flama-Medium.otf") format("opentype");   font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Flama"; src:url("../fonts/Flama-Semibold.otf") format("opentype"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Flama"; src:url("../fonts/Flama-Bold.otf") format("opentype");     font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Flama"; src:url("../fonts/Flama-Black.otf") format("opentype");    font-weight:900; font-style:normal; font-display:swap; }

.arnio-lp {
  --mz-black:#0E0E0E; --mz-ink:#1A1A1A; --mz-graphite:#2A2A2A;
  --mz-white:#FFFFFE; --mz-paper:#FAF9F7; --mz-bone:#F1EFEA;
  --mz-sand:#B9AB88; --mz-sand-light:#E0D5B8;
  --mz-n-600:#6A6D67; --mz-n-500:#8A8D86; --mz-n-400:#B4B6B0; --mz-n-300:#D2D3CE; --mz-n-200:#E5E5E1;
  --mz-smaragdgrun:#1E5641; --mz-signalgelb:#F4B400; --mz-verkehrsgrau:#4F5450; --mz-kupferbraun:#8E402A; --mz-tiefschwarz:#0E0E0E;
  --mz-accent:#C8451E; --mz-success:#2D7A4E;
  --mz-border-1:#E5E5E1; --mz-border-2:#D2D3CE;
  --mz-font:"Flama","Inter",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mz-ease:cubic-bezier(0.22,0.61,0.36,1);
  --mz-shadow-1:0 1px 2px rgba(14,14,14,.06);
  --mz-shadow-2:0 6px 18px -8px rgba(14,14,14,.14),0 1px 3px rgba(14,14,14,.05);
  --mz-shadow-3:0 24px 48px -20px rgba(14,14,14,.30);
}

.arnio-lp { font-family:var(--mz-font); color:var(--mz-ink); line-height:1.6; margin:0 -15px; overflow-x:clip;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.arnio-lp *,.arnio-lp *::before,.arnio-lp *::after { box-sizing:border-box; }
.arnio-lp p { margin:0; }
.arnio-lp h1,.arnio-lp h2,.arnio-lp h3 { margin:0; font-family:var(--mz-font); }
.arnio-lp a { color:inherit; text-decoration:none; }
.arnio-lp img { max-width:100%; display:block; }
.arnio-lp .lp-container { width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }
.arnio-lp .lp-eyebrow { display:inline-block; font-weight:700; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--mz-n-600); }
.arnio-lp .lp-eyebrow--accent { color:var(--mz-accent); }

/* ---------- Buttons ---------- */
.arnio-lp .lp-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--mz-font); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  padding:16px 26px; border-radius:4px; border:1.5px solid var(--mz-black); background:var(--mz-black); color:var(--mz-white);
  cursor:pointer; transition:background 140ms var(--mz-ease), transform 90ms var(--mz-ease); }
.arnio-lp .lp-btn:hover { background:var(--mz-graphite); }
.arnio-lp .lp-btn:active { transform:translateY(1px); }
.arnio-lp .lp-btn--accent { background:var(--mz-accent); border-color:var(--mz-accent); }
.arnio-lp .lp-btn--accent:hover { background:#B33A1E; border-color:#B33A1E; }
.arnio-lp .lp-btn--outline { background:transparent; color:var(--mz-ink); }
.arnio-lp .lp-btn--outline:hover { background:var(--mz-bone); }
.arnio-lp .lp-btn--invert { background:var(--mz-white); color:var(--mz-black); border-color:var(--mz-white); }
.arnio-lp .lp-btn--invert:hover { background:var(--mz-n-200); border-color:var(--mz-n-200); }
.arnio-lp .lp-btn--lg { font-size:15px; padding:19px 34px; }
.arnio-lp .lp-btn--block { width:100%; }
.arnio-lp .lp-btn svg { width:18px; height:18px; }

/* ---------- Section rhythm ---------- */
.arnio-lp .lp-section { padding:64px 0; position:relative; }
.arnio-lp .lp-section--paper { background:var(--mz-paper); }
.arnio-lp .lp-section--ink { background:var(--mz-black); color:var(--mz-white); }
.arnio-lp .lp-section--ink h2,.arnio-lp .lp-section--ink h3,.arnio-lp .lp-section--ink .lp-section__head h2 { color:var(--mz-white); }
.arnio-lp .lp-section--ink .lp-section__head p { color:var(--mz-n-300); }
.arnio-lp .lp-section--ink .lp-eyebrow { color:var(--mz-sand); }
.arnio-lp .lp-section__head { max-width:760px; margin:0 0 36px; }
.arnio-lp .lp-section__head h2 { font-weight:900; font-size:clamp(30px,8vw,52px); line-height:.98; letter-spacing:-.02em; margin:14px 0 14px; text-transform:uppercase; }
.arnio-lp .lp-section__head p { font-size:17px; line-height:1.6; color:var(--mz-n-600); }
.arnio-lp .lp-center { text-align:center; }
.arnio-lp .lp-center .lp-section__head { margin-left:auto; margin-right:auto; }

/* ---------- USP-Ribbon ---------- */
.arnio-lp .lp-ribbon { background:var(--mz-black); color:var(--mz-white); }
.arnio-lp .lp-ribbon__inner { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 26px; padding:11px 20px; font-size:12.5px; font-weight:500; }
.arnio-lp .lp-ribbon__item { display:inline-flex; align-items:center; gap:8px; }
.arnio-lp .lp-ribbon__item svg { width:16px; height:16px; color:var(--mz-sand); }

/* ---------- HERO (Papier, dunkles Produkt, gross) ---------- */
.arnio-lp .lp-hero { background:var(--mz-paper); position:relative; overflow:hidden; padding:36px 0 44px; }
.arnio-lp .lp-hero__word { position:absolute; top:44%; left:3%; right:auto; font-weight:900; font-size:19vw; letter-spacing:-.04em;
  color:var(--mz-bone); line-height:.8; pointer-events:none; user-select:none; z-index:0; white-space:nowrap; }
.arnio-lp .lp-hero__inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr; gap:8px; align-items:center; }
.arnio-lp .lp-hero__title { font-weight:900; font-size:clamp(40px,12vw,82px); line-height:1.02; letter-spacing:-.025em; text-transform:uppercase; margin:14px 0 0; overflow-wrap:break-word; hyphens:auto; }
.arnio-lp .lp-hero__title span { color:var(--mz-accent); }
.arnio-lp .lp-hero__copy { min-width:0; }   /* verhindert, dass lange Wörter (z.B. ANHÄNGERKUPPLUNG) die Bild-Spalte stauchen */
.arnio-lp .lp-hero__lead { font-size:18px; line-height:1.55; color:var(--mz-n-600); max-width:30em; margin-top:18px; }
.arnio-lp .lp-hero__lead strong { color:var(--mz-ink); font-weight:600; }
.arnio-lp .lp-hero__anchor { display:flex; align-items:baseline; gap:10px; margin-top:22px; }
.arnio-lp .lp-hero__anchor b { font-weight:900; font-size:30px; letter-spacing:-.01em; font-variant-numeric:tabular-nums; }
.arnio-lp .lp-hero__anchor span { font-size:13px; color:var(--mz-n-600); }
.arnio-lp .lp-hero__cta { display:flex; flex-direction:column; gap:12px; margin-top:18px; }
.arnio-lp .lp-hero__media { order:-1; position:relative; }
.arnio-lp .lp-hero__media img { width:100%; max-width:540px; margin:0 auto; height:auto; filter:drop-shadow(0 30px 40px rgba(14,14,14,.22)); }
.arnio-lp .lp-hero__tag { position:absolute; left:0; bottom:6px; background:var(--mz-black); color:#fff; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:7px 12px; border-radius:4px; }
.arnio-lp .lp-trust { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:24px; padding:0; list-style:none; }
.arnio-lp .lp-trust li { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--mz-ink); }
.arnio-lp .lp-trust svg { width:17px; height:17px; color:var(--mz-accent); flex:none; }

/* ---------- Proof (schwarz, Detail-Foto auf schwarz) ---------- */
.arnio-lp .lp-proof { background:var(--mz-black); color:var(--mz-white); overflow:hidden; }
.arnio-lp .lp-proof__inner { display:grid; grid-template-columns:1fr; }
.arnio-lp .lp-proof__media { position:relative; min-height:320px; background:#0E0E0E; display:grid; place-items:center; }
.arnio-lp .lp-proof__media img { width:100%; max-width:520px; height:auto; }
.arnio-lp .lp-proof__copy { padding:48px 20px 56px; display:flex; flex-direction:column; gap:16px; justify-content:center; }
.arnio-lp .lp-proof__kicker { color:var(--mz-sand); font-weight:700; font-size:12px; letter-spacing:.2em; text-transform:uppercase; }
.arnio-lp .lp-proof__title { font-weight:900; font-size:clamp(40px,12vw,76px); line-height:.9; letter-spacing:-.02em; text-transform:uppercase; }
.arnio-lp .lp-proof__title em { font-style:normal; color:var(--mz-accent); }
.arnio-lp .lp-proof__text { font-size:16px; line-height:1.6; color:var(--mz-n-300); max-width:42ch; }

/* ---------- Spec-Strip (grosse Zahlen) ---------- */
.arnio-lp .lp-spec { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--mz-border-1); border-top:1px solid var(--mz-border-1); border-bottom:1px solid var(--mz-border-1); }
.arnio-lp .lp-spec__cell { background:var(--mz-paper); padding:26px 20px; text-align:center; }
.arnio-lp .lp-spec__big { font-weight:900; font-size:clamp(28px,7vw,42px); line-height:1; letter-spacing:-.02em; }
.arnio-lp .lp-spec__lab { font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--mz-n-600); margin-top:8px; }

/* ---------- Features ---------- */
.arnio-lp .lp-features { display:grid; grid-template-columns:1fr; gap:14px; }
.arnio-lp .lp-feature { background:var(--mz-white); border:1px solid var(--mz-border-1); border-radius:8px; padding:24px; box-shadow:var(--mz-shadow-1); transition:box-shadow 220ms var(--mz-ease); }
.arnio-lp .lp-feature:hover { box-shadow:var(--mz-shadow-2); }
.arnio-lp .lp-feature__emoji { font-size:28px; line-height:1; }
.arnio-lp .lp-feature__title { font-weight:700; font-size:18px; margin:14px 0 6px; }
.arnio-lp .lp-feature__desc { font-size:14px; line-height:1.6; color:var(--mz-n-600); }

/* ---------- Scharnier-Check ---------- */
.arnio-lp .lp-check { background:var(--mz-graphite); border-radius:14px; padding:30px 22px; color:var(--mz-white); }
.arnio-lp .lp-check__q { font-weight:700; font-size:19px; margin-bottom:6px; color:#fff; }
.arnio-lp .lp-check__hint { font-size:13px; color:var(--mz-n-300); margin-bottom:18px; }
.arnio-lp .lp-check__options { display:grid; grid-template-columns:1fr; gap:12px; }
.arnio-lp .lp-opt { text-align:left; background:rgba(255,255,255,.05); border:1.5px solid rgba(255,255,255,.16); border-radius:8px;
  padding:18px; color:var(--mz-white); cursor:pointer; transition:border-color 140ms var(--mz-ease), background 140ms var(--mz-ease); font-family:var(--mz-font); }
.arnio-lp .lp-opt:hover { border-color:var(--mz-sand); }
.arnio-lp .lp-opt.is-active { border-color:var(--mz-accent); background:rgba(200,69,30,.14); }
.arnio-lp .lp-opt b { display:block; font-size:17px; font-weight:700; margin-bottom:3px; }
.arnio-lp .lp-opt span { font-size:13px; color:var(--mz-n-300); }
.arnio-lp .lp-check__result { margin-top:16px; padding:18px; border-radius:8px; font-size:15px; display:none; }
.arnio-lp .lp-check__result.is-show { display:block; }
.arnio-lp .lp-check__result.ok { background:rgba(45,122,78,.18); border:1px solid rgba(45,122,78,.55); }
.arnio-lp .lp-check__result.no { background:rgba(200,69,30,.16); border:1px solid rgba(200,69,30,.55); }
.arnio-lp .lp-check__msg { display:none; align-items:flex-start; gap:12px; color:#fff; }
.arnio-lp .lp-check__result.ok .lp-check__msg--ok { display:flex; }
.arnio-lp .lp-check__result.no .lp-check__msg--no { display:flex; }
.arnio-lp .lp-check__msg svg { width:24px; height:24px; flex:none; margin-top:1px; }
.arnio-lp .lp-check__msg--ok svg { color:#5FD08A; }
.arnio-lp .lp-check__msg--no svg { color:#FF7A52; }
.arnio-lp .lp-check__msg a { color:#fff; text-decoration:underline; text-underline-offset:3px; font-weight:700; }

/* ---------- RAL-Konfigurator (echte Box-Fotos) ---------- */
.arnio-lp .lp-config { display:grid; grid-template-columns:1fr; gap:24px; align-items:center; }
.arnio-lp .lp-config__stage { position:relative; border-radius:14px; overflow:hidden; aspect-ratio:1/1; border:1px solid var(--mz-border-1);
  background:radial-gradient(120% 100% at 50% 0%,#fff,#efece5 85%); display:grid; place-items:center; box-shadow:var(--mz-shadow-2); }
.arnio-lp .lp-config__img { width:84%; height:auto; transition:opacity 240ms var(--mz-ease); }
.arnio-lp .lp-config__cap { position:absolute; left:14px; bottom:14px; background:var(--mz-black); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:6px 10px; border-radius:4px; }
.arnio-lp .lp-config__name { font-weight:900; font-size:26px; letter-spacing:-.01em; }
.arnio-lp .lp-config__ral { font-size:13px; color:var(--mz-n-600); margin-top:2px; }
.arnio-lp .lp-config__chiprow { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 10px; }
.arnio-lp .lp-swatch { width:46px; height:46px; border-radius:999px; border:2px solid rgba(0,0,0,.12); cursor:pointer; position:relative; padding:0;
  transition:transform 140ms var(--mz-ease), box-shadow 140ms var(--mz-ease); }
.arnio-lp .lp-swatch:hover { transform:scale(1.08); }
.arnio-lp .lp-swatch.is-active { box-shadow:0 0 0 2px var(--mz-paper),0 0 0 4px var(--mz-ink); }
.arnio-lp .lp-config__note { font-size:14px; color:var(--mz-n-600); }
.arnio-lp .lp-config__cta { margin-top:18px; }

/* ---------- Steps ---------- */
.arnio-lp .lp-steps { display:grid; grid-template-columns:1fr; gap:14px; }
.arnio-lp .lp-step { background:var(--mz-white); border:1px solid var(--mz-border-1); border-radius:8px; padding:26px; }
.arnio-lp .lp-step__no { font-weight:900; font-size:40px; color:var(--mz-accent); line-height:1; letter-spacing:-.02em; }
.arnio-lp .lp-step__title { font-weight:700; font-size:18px; margin:10px 0 6px; }
.arnio-lp .lp-step__desc { font-size:14px; color:var(--mz-n-600); line-height:1.6; }

/* ---------- Kauf-Karten ---------- */
.arnio-lp .lp-buy { display:grid; grid-template-columns:1fr; gap:16px; max-width:880px; margin:0 auto; }
.arnio-lp .lp-buy__card { position:relative; background:var(--mz-white); border:1px solid var(--mz-border-1); border-radius:8px; padding:30px 26px; box-shadow:var(--mz-shadow-1); display:flex; flex-direction:column; }
.arnio-lp .lp-buy__card--feature { border:1.5px solid var(--mz-black); box-shadow:var(--mz-shadow-2); }
.arnio-lp .lp-buy__flag { position:absolute; top:-12px; left:22px; background:var(--mz-accent); color:#fff; font-weight:700; font-size:11px; letter-spacing:.05em; padding:5px 11px; border-radius:999px; text-transform:uppercase; }
.arnio-lp .lp-buy__name { font-weight:700; font-size:20px; }
.arnio-lp .lp-buy__desc { font-size:14px; color:var(--mz-n-600); margin:6px 0 18px; }
.arnio-lp .lp-buy__price { font-weight:900; font-size:38px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; display:flex; align-items:baseline; gap:10px; margin-bottom:20px; flex-wrap:wrap; }
.arnio-lp .lp-buy__strike { font-size:16px; font-weight:400; text-decoration:line-through; color:var(--mz-n-500); }
.arnio-lp .lp-buy__note { font-size:12px; color:var(--mz-n-500); font-weight:400; }
.arnio-lp .lp-buy__card .lp-btn { margin-top:auto; }

/* ---------- Final-Band ---------- */
.arnio-lp .lp-final { background:var(--mz-black); color:#fff; text-align:center; padding:72px 0; }
.arnio-lp .lp-final h2 { color:#fff; font-weight:900; font-size:clamp(34px,9vw,64px); line-height:.95; letter-spacing:-.02em; text-transform:uppercase; }
.arnio-lp .lp-final p { color:var(--mz-n-300); font-size:17px; margin:16px auto 28px; max-width:30em; }

/* ---------- Sticky Mobile Kaufleiste ---------- */
.arnio-lp .lp-stickybar { position:fixed; left:0; right:0; bottom:0; z-index:40; background:var(--mz-white); border-top:1px solid var(--mz-border-2);
  box-shadow:0 -6px 20px -10px rgba(14,14,14,.25); padding:10px 16px; display:flex; align-items:center; gap:12px;
  transform:translateY(120%); transition:transform 280ms var(--mz-ease); padding-bottom:calc(10px + env(safe-area-inset-bottom)); }
.arnio-lp .lp-stickybar.is-show { transform:translateY(0); }
.arnio-lp .lp-stickybar__price { font-weight:900; font-size:18px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.arnio-lp .lp-stickybar__price small { display:block; font-weight:500; font-size:11px; color:var(--mz-n-500); }
.arnio-lp .lp-stickybar .lp-btn { flex:1; }

/* ---------- Scroll-Reveal (nur mit JS = .mz-js) ---------- */
@media (prefers-reduced-motion:no-preference) {
  .arnio-lp.mz-js .reveal { opacity:0; transform:translateY(16px); transition:opacity 460ms var(--mz-ease), transform 460ms var(--mz-ease); }
  .arnio-lp.mz-js .reveal.is-in { opacity:1; transform:none; }
}

/* ============================================================ Desktop ============================================================ */
@media (min-width:560px) {
  .arnio-lp .lp-features { grid-template-columns:1fr 1fr; }
  .arnio-lp .lp-steps { grid-template-columns:repeat(3,1fr); }
  .arnio-lp .lp-buy { grid-template-columns:1fr 1fr; }
  .arnio-lp .lp-check__options { grid-template-columns:1fr 1fr; }
  .arnio-lp .lp-spec { grid-template-columns:repeat(4,1fr); }
  .arnio-lp .lp-hero__cta { flex-direction:row; }
}
@media (min-width:900px) {
  .arnio-lp .lp-section { padding:104px 0; }
  .arnio-lp .lp-hero { padding:56px 0 64px; }
  .arnio-lp .lp-hero__inner { grid-template-columns:1.05fr 1fr; gap:48px; align-items:center; }
  .arnio-lp .lp-hero__media { order:0; }
  .arnio-lp .lp-hero__media img { max-width:none; }
  .arnio-lp .lp-features { grid-template-columns:repeat(4,1fr); gap:16px; }
  .arnio-lp .lp-proof__inner { grid-template-columns:1fr 1fr; align-items:stretch; }
  .arnio-lp .lp-proof__media { min-height:0; }
  .arnio-lp .lp-proof__copy { padding:72px 56px; }
  .arnio-lp .lp-config { grid-template-columns:1fr 1fr; gap:48px; }
  .arnio-lp .lp-stickybar { display:none; }
}

/* ============================================================
   Motion v2 — design-with-taste (Fluidity + Delight), markenkonform
   ============================================================ */
.arnio-lp { --mz-spring:cubic-bezier(.16,1,.3,1); }
@media (prefers-reduced-motion:no-preference) {
  .arnio-lp.mz-js .reveal { transition:opacity 600ms var(--mz-spring), transform 600ms var(--mz-spring); }

  /* Hero: gestaffelter Auftritt beim Laden (seltener Moment → darf theatralisch sein) */
  .arnio-lp.mz-js .lp-hero__copy > * { opacity:0; transform:translateY(14px); animation:lpHeroIn .7s var(--mz-spring) forwards; }
  .arnio-lp.mz-js .lp-hero__copy > *:nth-child(1){ animation-delay:.06s; }
  .arnio-lp.mz-js .lp-hero__copy > *:nth-child(2){ animation-delay:.13s; }
  .arnio-lp.mz-js .lp-hero__copy > *:nth-child(3){ animation-delay:.20s; }
  .arnio-lp.mz-js .lp-hero__copy > *:nth-child(4){ animation-delay:.27s; }
  .arnio-lp.mz-js .lp-hero__copy > *:nth-child(5){ animation-delay:.34s; }
  .arnio-lp.mz-js .lp-hero__copy > *:nth-child(6){ animation-delay:.41s; }
  .arnio-lp.mz-js .lp-hero__media { opacity:0; animation:lpMediaIn .9s var(--mz-spring) .15s forwards; }
  @keyframes lpHeroIn { to { opacity:1; transform:none; } }
  @keyframes lpMediaIn { from { opacity:0; transform:scale(.96); } to { opacity:1; transform:none; } }

  /* CTA-Pfeil Mikro-Cue (gerichtete Bewegung) */
  .arnio-lp .lp-btn svg { transition:transform 160ms var(--mz-spring); }
  .arnio-lp .lp-btn:hover svg { transform:translateX(3px); }

  /* Konfigurator: Bild-Crossfade statt hartem Schnitt (Fluidity) */
  .arnio-lp .lp-config__img { transition:opacity 240ms var(--mz-spring); }
  .arnio-lp .lp-config__img.is-fading { opacity:0; }

  /* Check-Ergebnis sanft einblenden */
  .arnio-lp .lp-check__result.is-show { animation:lpResultIn .42s var(--mz-spring); }
  @keyframes lpResultIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

  /* Greifbare 3D-Drehung der Produktfotos – pointer-/drag-gesteuert, NICHT scroll-gekoppelt (kein Schwindel) */
  .arnio-lp .lp-hero__media,
  .arnio-lp .lp-proof__media { perspective:900px; }
  .arnio-lp .lp-hero__media img,
  .arnio-lp .lp-proof__media img {
    transform:rotateX(var(--mz-tiltx, 0deg)) rotateY(var(--mz-tilty, 0deg));
    transform-origin:center center;
    transition:transform 200ms var(--mz-spring);
    will-change:transform;
    backface-visibility:hidden;
    touch-action:pan-y;            /* vertikales Scrollen bleibt, horizontal = drehen */
    cursor:grab;
  }
  .arnio-lp .lp-hero__media img.is-grabbing,
  .arnio-lp .lp-proof__media img.is-grabbing {
    cursor:grabbing;
    transition:transform 40ms linear;   /* beim Ziehen direkt am Finger/Cursor */
  }
  /* einmaliger Intro-Dreh beim ersten Sichtbarwerden = Hinweis "ich bin anfassbar" */
  .arnio-lp.mz-js .lp-hero__media img.mz-tilt-intro,
  .arnio-lp.mz-js .lp-proof__media img.mz-tilt-intro { animation:lpTiltIntro 1100ms var(--mz-spring); }
  @keyframes lpTiltIntro { 0%{transform:rotateY(0)} 38%{transform:rotateY(22deg)} 100%{transform:rotateY(0)} }
}