.handy-einstieg { display:none; }

@media (orientation:portrait) {
  body[data-story-compact="true"] .intro > .intro-title,
  body[data-story-compact="true"] .intro > p:not(.intro-title),
  body[data-story-compact="true"] .intro > .start-story { display:none; }
  body[data-story-compact="true"] .handy-einstieg { display:block; }

  body[data-story-compact="true"] .he-titel { margin:12px 0 14px; font-size:clamp(32px,9vw,42px); line-height:1.04; font-weight:500; letter-spacing:-.04em; color:#fff; text-wrap:balance; }
  body[data-story-compact="true"] .he-kontakt { display:flex; gap:10px; margin-top:22px; }
  body[data-story-compact="true"] .intro .he-knopf { display:inline-flex; align-items:center; justify-content:center; min-height:50px; margin:0; padding:14px 16px; white-space:nowrap; border:1px solid #fff9; border-radius:999px; background:#ffffff1f; color:#fff; font:600 15px/1.2 Switzer,Arial,sans-serif; text-decoration:none; text-align:center; box-shadow:0 4px 20px #0002; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
  body[data-story-compact="true"] .intro .he-knopf--hell { background:#f3f0e9; color:#242923; }
  body[data-story-compact="true"] .intro .he-knopf:active { transform:scale(.98); }
  body[data-story-compact="true"] .intro .he-knopf:focus-visible { outline:2px solid #fff; outline-offset:3px; }
  
  body[data-story-compact="true"] .he-kontakt .he-knopf { flex:1 1 0; min-width:0; }
  body[data-story-compact="true"] .intro .he-geschichte { display:flex; width:100%; margin-top:10px; }
}

@media (orientation:portrait) and (max-width:359px) {
  body[data-story-compact="true"] .he-kontakt { gap:8px; }
  body[data-story-compact="true"] .intro .he-knopf { padding-left:10px; padding-right:10px; font-size:13.5px; }
}

@media (orientation:portrait) and (max-height:700px) {
  body[data-story-compact="true"] .he-titel { margin:8px 0 10px; font-size:clamp(26px,8vw,32px); }
  body[data-story-compact="true"] .he-kontakt { margin-top:16px; }
  body[data-story-compact="true"] .intro .he-knopf { min-height:44px; padding:11px 14px; font-size:14px; }
  body[data-story-compact="true"] .intro .he-geschichte { margin-top:8px; }
  
  body[data-story-compact="true"] .room-shade { background:linear-gradient(180deg,#14181238,transparent 18svh,#1612108c 34svh,#161a16d0 55svh,#121712eb 100svh); }
}
body[data-story-compact="true"] .intro > .eyebrow,
body[data-story-compact="true"] .he-titel { text-shadow:0 1px 14px #000a; }