/* ============================================================
   Fassung 6 — dritte Runde (mobil geprüft). Liegt zuoberst.
   ============================================================ */
/* Hero: Kasten mit Luft, Szene bewegt sich auch ohne Maus */
.kasten{height:1.18em;padding:0 .18em;line-height:1;overflow:hidden}
.kasten__w{top:.09em;left:.18em}
.schwebt{animation-duration:5s}
@keyframes schwebt{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-18px) rotate(1.5deg)}}
.wippt{animation:wippt 4.6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes wippt{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-10px) rotate(1.2deg)}}
.szene__kreis{animation:atmen 7s ease-in-out infinite}
@keyframes atmen{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.wippt,.szene__kreis{animation:none}}
.held__cta{margin-top:34px}

/* Tool: nichts ragt mehr rechts raus */
.tool__zeile>div,.tool__kopf>*{min-width:0}
.tool__import{flex-wrap:wrap;max-width:100%}
.tool__feld{min-width:0;flex:1 1 200px;overflow:hidden}
#toolUrl{white-space:nowrap;overflow:hidden;text-overflow:clip}
@media(max-width:820px){
  .tool{min-height:0}
  .tool__haupt{padding:20px 18px 22px}
  .tool__kopf{flex-direction:column;align-items:stretch;gap:12px}
  .tool__import{border-radius:18px;padding:10px;gap:8px}
  .tool__import>span{width:100%;font-size:.78rem;padding-left:6px}
  .tool__btn{flex:none}
  .tool__spalten{display:none}
  .tool__liste{margin-top:14px}
  .tool__zeile{grid-template-columns:36px 1fr;gap:12px;padding:10px 12px}
  .tool__zeile img{width:30px;height:48px}
  .tool__zeile b{white-space:normal;font-size:.82rem;line-height:1.3}
  .tool__skript{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:16px;transform:none!important;opacity:1!important;box-sizing:border-box}
  .tool__skript h5{font-size:.9rem}
}

/* Sequenz: mobil ohne Button, ohne toten Raum */
@media(max-width:900px){
  .zeigen{height:auto!important}
  .zeigen__slot{display:none}
  .zeigen__h2{font-size:clamp(2.2rem,9vw,3rem);max-width:none;display:block}
  .zeigen__t{display:inline}
}

/* Story: ruhiger Play-Knopf */
.story__play{background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.9);color:#fff;width:72px;height:72px;margin:-36px 0 0 -36px}
.story__video:hover .story__play{background:rgba(255,255,255,.28)}

/* Spielregeln mobil */
.regeln__tag{align-self:flex-start}
.regeln__spalte--wir .regeln__tag{align-self:flex-end}
@media(max-width:800px){.regeln__spalte--wir .regeln__tag{align-self:flex-start}}

/* Stationen mobil: Icon und Titel nebeneinander, kompakt */
@media(max-width:900px){
  .saeulen{display:grid;grid-template-columns:1fr;gap:10px}
  .saeule{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;align-items:center;padding:14px 16px;position:relative;text-align:left}
  .saeule__kopf{display:contents}
  .saeule__icon{width:36px;height:36px;grid-row:1;grid-column:1}
  .saeule .schalter{position:absolute;right:16px;top:16px}
  .saeule .h4{grid-row:1;grid-column:2;margin:0;font-size:1.4rem;padding-right:56px}
  .saeule p{grid-column:1/-1;margin:0;font-size:.88rem;line-height:1.4}
  .saeule .wer{display:none}
  .ergebnis{margin-top:18px;padding:24px}
}

/* Baukasten: Steine liegen sauber aufeinander */
.kasten2__turm .stein{margin-top:0}

/* Preise: generierte Szenen */
.paket2__bild{background:var(--creme);display:flex;align-items:center;justify-content:center}
.paket2__bild img{width:100%;height:100%;object-fit:contain;padding:4%;box-sizing:border-box;display:block}

/* Zitate mit Gesicht */
.zitat{padding-top:30px}
.zitat__foto{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;margin-bottom:18px;border:2px solid #fff;outline:1px solid var(--linie)}
.zitat cite{font-family:var(--sans);font-size:.85rem;letter-spacing:0;text-transform:none;color:var(--text-leise)}

/* Downloads: Cover unter dem Text */
.dl{display:flex;flex-direction:column-reverse;gap:18px}
.dl .cover{margin-top:6px}

/* Footer: mobil ohne Aufdecken, ohne großes Logo, Zeilen zentriert */
@media(max-width:900px){
  .fuss{position:relative;padding:64px 0 28px}
  .blatt>.sec:last-of-type{border-radius:0 0 28px 28px}
  .fuss__schritt{padding-bottom:40px;margin-bottom:24px}
  .fuss__logo{display:none}
  .fuss__leiste{gap:14px;text-align:center}
  .fuss__links{justify-content:center;gap:6px 18px}
  .fuss__unten{justify-content:center;flex-wrap:wrap;gap:6px 14px;line-height:1.7}
}