/* Einstieg in den Anatomie-Atlas: der Körper schwebt aus dem Kreidebild an der Wand im Trainingsraum, dann ein
   Kameraschwenk durch die Praxis. Gehört zu site/anatomie.js (Abschnitt „Einstieg“). Eigene Datei, weil die
   Content-Security-Policy keine Stile im HTML erlaubt. */
.einflug{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#0b1512}
.einflug-ziel{position:absolute;inset:-16px;opacity:0;background:#0b1512 center 40%/cover no-repeat url(/bilder/raum-liege-kabelzug-1600.webp)}
.einflug-schleier{position:absolute;inset:0;opacity:0;background:linear-gradient(rgba(11,21,18,.32),rgba(11,21,18,.56))}
@media (max-width:700px){.einflug-ziel{background-image:url(/bilder/raum-liege-kabelzug-900.webp);background-position:62% 40%}}
.einflug-flug{position:absolute;inset:-12px;opacity:0;background:#0b1512 30% 10%/cover no-repeat url(/anatomie/einflug/flug-1.webp);transform-origin:50% 45%}
.einflug-flug2{background-image:url(/anatomie/einflug/flug-2.webp);background-position:50% 38%}
.einflug-huelle{position:absolute;inset:0}
.einflug-wand{position:absolute;left:0;top:0;width:4284px;height:5712px;transform-origin:0 0}
.einflug-wand img{position:absolute;display:block;max-width:none}
.einflug-wand-weit{left:0;top:0;width:4284px;height:5712px}
.einflug-wand-nah{left:2150px;top:1550px;width:1100px;height:1100px;-webkit-mask-image:radial-gradient(closest-side,#000 78%,transparent 100%);mask-image:radial-gradient(closest-side,#000 78%,transparent 100%)}
.einflug-rahmen{position:absolute;left:0;top:0;width:1000px;height:1390px;box-sizing:border-box;transform-origin:0 0;border:30px solid #0b0b0b;
  background:#141514;
  background-image:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.05) 42%,rgba(255,255,255,0) 52%),radial-gradient(ellipse at 30% 22%,rgba(255,255,255,.06),transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),inset 0 0 60px rgba(0,0,0,.6),0 0 0 2px rgba(0,0,0,.5);
  color:rgba(242,240,232,.9);font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;text-align:center}
.einflug-rauch{position:absolute;inset:0;width:100%;height:100%}
.einflug-titel{position:absolute;left:0;right:0;top:3.4%;margin:0;letter-spacing:.34em;font-size:25px;font-weight:400;text-transform:uppercase;opacity:.8}
.einflug-nr{position:absolute;right:5%;top:3.2%;margin:0;font-size:16px;letter-spacing:.1em;opacity:.6}
.einflug-fuss{position:absolute;left:6%;right:6%;bottom:3%;margin:0;display:flex;justify-content:space-between;font-size:16px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}
.einflug-sig{font-style:italic;text-transform:none;letter-spacing:.06em}
.einflug-staub{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.einflug-laeuft .atlas-buehne>*:not(canvas):not(.einflug):not(.einflug-staub):not(.atlas-laden){opacity:0!important;pointer-events:none!important;transition:opacity .4s}
.einflug-laeuft .atlas-laden{position:absolute;left:0;right:0;bottom:8%;z-index:3;text-align:center;color:#fff;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-style:italic;background:none;letter-spacing:.06em;text-shadow:0 1px 6px rgba(0,0,0,.8)}
/* Vollbild am Praxis-iMac (Martin, 20.10.2026: „Ich stehe oft mit den Patienten vor dem iMac“): der Patient steht neben
   dem Bildschirm, also größere Untertitel, größere Leiste und Erklärtext. Gilt nur im Vollbild, das normale Layout bleibt. */
@media (min-width:981px){
.atlas:fullscreen .atlas-untertitel,.atlas-gross .atlas-untertitel{font-size:clamp(1.15rem,1.5vw,1.85rem);line-height:1.35;width:min(94%,1100px);bottom:4.4rem;padding:.75rem 1.2rem}
.atlas:fullscreen .atlas-lektion-leiste,.atlas-gross .atlas-lektion-leiste{font-size:clamp(1rem,1.05vw,1.25rem);padding:.5rem .7rem}
.atlas:fullscreen .atlas-lektion-leiste button,.atlas-gross .atlas-lektion-leiste button{min-height:48px;min-width:48px;font-size:inherit}
.atlas:fullscreen .atlas-seite,.atlas-gross .atlas-seite{font-size:clamp(1rem,1vw,1.2rem)}
.atlas:fullscreen .atlas-lektion-leiste p,.atlas-gross .atlas-lektion-leiste p{font-size:inherit}
.atlas:fullscreen .atlas-lektion-leiste p span,.atlas-gross .atlas-lektion-leiste p span{font-size:.75em}
}

/* Freddy stellt sich vor (Martin, 21.10.2026): kleines, unauffälliges Schild neben dem Kopf („nur sehr unauffällig, nicht so
   dominant“). anatomie.js setzt left/top neben den Kopf; .freddy-links, wenn rechts kein Platz ist; .freddy-band am Handy
   (unten über den Ansichtsknöpfen). Antippen: Freddy spricht (Stimme „echo“), der Satz steht derweil als Untertitel oben. */
.freddy{position:absolute;left:0;top:0;z-index:4;display:flex;align-items:center;gap:.4rem;box-sizing:border-box;width:max-content;margin:0;
  padding:.25rem .6rem .25rem .45rem;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(11,21,18,.5);color:rgba(244,246,241,.88);
  font:inherit;font-size:.72rem;line-height:1.2;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;transform:translateY(4px);transition:opacity .6s ease,transform .6s ease,background .2s}
.atlas .freddy{font-size:.72rem}   /* stärker als „.atlas button{font:inherit}“ aus stil.css */
.freddy:hover{background:rgba(11,21,18,.75)}
.freddy strong{font-weight:600}
.freddy em{font-style:normal;color:#9dcc6a}
.freddy em::before{content:"· ";color:rgba(244,246,241,.5)}
.freddy-ton{width:13px;height:13px;flex:0 0 auto;fill:#9dcc6a;color:#9dcc6a}
.freddy:focus-visible{outline:2px solid #80b646;outline-offset:3px}
.freddy-da{opacity:1;transform:none}
.freddy-sagt{position:absolute;left:0;top:0;z-index:4;box-sizing:border-box;margin:0;padding:.45rem .8rem;border-radius:12px;background:rgba(11,21,18,.66);
  color:#f4f6f1;font-size:.85rem;line-height:1.35;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;
  opacity:0;transition:opacity .4s ease}
.freddy-sagt small{display:block;margin-top:.15rem;font-size:.68rem;color:rgba(244,246,241,.6)}
.freddy-sagt-da{opacity:1}
@media (prefers-reduced-motion:reduce){.freddy{transition:opacity .2s;transform:none}}
@media (max-width:700px){.atlas .freddy{font-size:.66rem;gap:.3rem}.freddy-sagt{font-size:.78rem}}
@media (min-width:981px){.atlas:fullscreen .freddy,.atlas-gross .freddy{font-size:1rem}.atlas:fullscreen .freddy-sagt,.atlas-gross .freddy-sagt{font-size:1.1rem}}
/* Übungsspalte am Handy: lange Wörter („Rückenstrecker“, „Krankheitsbilder“) wurden abgeschnitten (Council, Gemini) */
.atlas-ue-rand .atlas-ue span,.atlas-ue-rand .atlas-ue-filter button{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}