@layer vendor, site;
@layer site {
/* NordFly · Faszination Flugsimulation · v415
   Separate, page-scoped layout; base typography/colours inherited from site.css. */
.sim-guide { --sim-ink:#0b1d34; --sim-blue:#0585cf; --sim-muted:#566d84; --sim-line:#dce9f3; }
.sim-guide .sim-section { padding:82px 0 86px; }
.sim-guide .sim-head { max-width:720px; }
/* Same section heading sizing as the established Konzept-page sections */
.sim-guide .sim-head h2 {
  font-size:clamp(1.8rem,3vw,2.65rem);
  line-height:1.06;
  letter-spacing:-.025em;
  margin:14px 0 20px;
  font-weight:850;
}
.sim-guide .sim-section .kicker:before {height:2px}
.sim-guide .sim-hero {
  background-position:center 48%;
}
/* v440: Softer blue hero tint — reveal more of the original cockpit image. */
.sim-guide .flightsim-page-hero.sim-hero {
  background-image:linear-gradient(90deg,
    rgba(1,10,24,.76) 0%,
    rgba(2,20,42,.62) 44%,
    rgba(3,35,62,.42) 100%),
    url('../img/flugsimulation/hero-flugsimulation.webp');
}
.sim-guide .sim-hero::before {background:linear-gradient(90deg,rgba(1,12,29,.42),rgba(2,18,39,.26) 70%,rgba(4,34,67,.12))}
/* 01 · concise why-it-matters introduction */
/* 02 · simplified graphic */
/* 03 · six-level graphic and quick guide */
/* 04 · software choices */
/* 05 · aircraft/scenery/paint */
/* 06 · tools overview */
/* 07 · real-person and AI approaches */
/* 08 · one realistic setup */
/* 09 · virtual airline */
/* 10 · positive finish */
/* responsive */
@media(max-width:850px){
 .sim-guide .sim-section{padding:64px 0 68px}
       }
@media(max-width:600px){
 .sim-guide .sim-section{padding:51px 0 57px}
 .sim-guide .sim-head h2{font-size:clamp(1.8rem,8vw,2.35rem);margin:11px 0 16px}
                    }

/* Diagrams remain accessible at their original resolution (especially useful on mobile) */

/* v416 · Before the layers: what a flight simulator actually is (beginners first). */
.sim-guide .sim-basics-intro {
  display:grid;
}
.sim-guide .sim-basics-lead strong {font-weight:780;}
.sim-guide .sim-basics-experience-head {
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:baseline;
  border-bottom:1px solid #dce9f3;
}
.sim-guide .sim-basics-experience-head h3 {
  font-size:1.38rem;
  line-height:1.25;
  color:var(--sim-ink);
  margin:0;
}
.sim-guide .sim-basics-experience-head p {margin:0;color:var(--sim-muted);font-size:.95rem;line-height:1.5;}
.sim-guide .sim-basics-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.sim-guide .sim-basics-step {
  border:1px solid #d7e7f2;
  border-radius:19px;
  background:#fff;
  box-shadow:0 10px 24px rgba(5,35,62,.035);
  position:relative;
  overflow:hidden;
}
.sim-guide .sim-basics-step::before {
  content:"";position:absolute;top:0;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,#077ec6,#4dcffe);
}
.sim-guide .sim-basics-number {
  display:inline-flex;align-items:center;justify-content:center;
  width:37px;height:37px;border-radius:11px;background:#e9f6ff;
  font-size:.76rem;font-weight:900;color:#0b7cbe;
}
.sim-guide .sim-basics-step h3 {font-size:1.13rem;line-height:1.3;color:var(--sim-ink);}
.sim-guide .sim-basics-step p {color:var(--sim-muted);line-height:1.68;font-size:.94rem;}
@media(max-width:850px){
  .sim-guide .sim-basics-experience-head {display:block;}
 .sim-guide .sim-basics-experience-head p {margin-top:8px;}
   }
@media(max-width:600px){
    .sim-guide .sim-basics-steps {grid-template-columns:1fr;}
   }

/* v421: Definition and right column share exactly the same start position.
   The definition is bold but uses the regular body-text size. */
.sim-guide .sim-basics.sim-section {padding-top:64px;padding-bottom:66px;}
.sim-guide .sim-basics-intro {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:38px;
  align-items:center;
}
.sim-guide .sim-basics-intro .sim-head h2 {margin-bottom:0;}
.sim-guide .sim-basics-intro .sim-basics-lead {
  margin:0;
  color:#153958;
  font-size:.98rem;
  line-height:1.64;
}
.sim-guide .sim-basics-columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:38px;
  align-items:start;
  margin-top:22px;
}
.sim-guide .sim-basics-text-column p {
  color:var(--sim-muted);
  font-size:.98rem;
  line-height:1.64;
  margin:0 0 12px;
}
.sim-guide .sim-basics-text-column p:last-child {margin-bottom:0;}
.sim-guide .sim-basics-experience {margin-top:26px;}
.sim-guide .sim-basics-experience-head {padding-bottom:12px;}
.sim-guide .sim-basics-steps {gap:15px;margin-top:15px;}
.sim-guide .sim-basics-step {padding:18px 22px 20px;}
@media (max-width:850px) {
  .sim-guide .sim-basics-intro {grid-template-columns:1fr;gap:10px;}
  .sim-guide .sim-basics-columns {grid-template-columns:1fr;gap:12px;margin-top:18px;}
  .sim-guide .sim-basics-text-column p {font-size:.98rem;}
  .sim-guide .sim-basics-experience {margin-top:24px;}
}
@media (max-width:600px) {
  .sim-guide .sim-basics.sim-section {padding-top:50px;padding-bottom:54px;}
  .sim-guide .sim-basics-intro .sim-basics-lead {font-size:.98rem;line-height:1.62;}
  .sim-guide .sim-basics-text-column p {line-height:1.62;}
  .sim-guide .sim-basics-step {padding:19px 21px;}
}

/* v422 – Kompakter Baukasten: Abbildung links, Erklaerung und Karten rechts. */

/* v423 – Karten „Wie entsteht ein simulierter Flug?“:
   Nummer und Titel bilden eine gemeinsame, vertikal zentrierte Kopfzeile. */
.sim-guide .sim-basics-step {
  display:grid;
  grid-template-columns:37px minmax(0,1fr);
  grid-template-rows:37px auto;
  align-content:start;
  column-gap:14px;
  row-gap:11px;
}
.sim-guide .sim-basics-step .sim-basics-number {
  grid-column:1;
  grid-row:1;
  align-self:center;
}
.sim-guide .sim-basics-step h3 {
  grid-column:2;
  grid-row:1;
  align-self:center;
  margin:0;
}
.sim-guide .sim-basics-step p {
  grid-column:1 / -1;
  grid-row:2;
  margin:0;
}

/* v424: Progressive learning path: core software, add-ons, tools, then the
   advanced six-layer overview. Keep white → light → dark rhythm after reordering. */
/* Tools now sit on the light section background; restore dark text contrast. */


/* v428 – Rebuilt content sections: image left, text right, each topic in its own section. */
@media (max-width: 950px) {
    .sim-guide .sim-topic-figure { max-width:860px; }
}


/* v430 – Section visualisation aligned to the provided reference layouts. */
.sim-guide .sim-topic-section { padding:72px 0 78px; }
.sim-guide .sim-topic-layout {
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:clamp(28px,4vw,58px);
}
.sim-guide .sim-topic-header { grid-column:1 / -1; }
.sim-guide .sim-topic-header .sim-head { max-width:none; margin-bottom:0; }
.sim-guide .sim-topic-header .sim-head h2 { margin-bottom:0; }
.sim-guide .sim-topic-visual,
.sim-guide .sim-topic-side { min-width:0; }
.sim-guide .sim-topic-figure { margin:0; }
.sim-guide .sim-topic-figure img {
  display:block;
  width:100%;
  max-width:620px;
  height:auto;
  filter:drop-shadow(0 14px 26px rgba(5,27,49,.10));
}
.sim-guide .sim-topic-summary {
  max-width:620px;
  margin-top:20px;
  padding:0;
  background:none;
  border:0;
}
.sim-guide .sim-topic-summary p,
.sim-guide .sim-topic-side p {
  margin:0 0 18px;
  color:var(--sim-muted);
  line-height:1.74;
  font-size:1rem;
}
.sim-guide .sim-topic-summary p:last-child,
.sim-guide .sim-topic-side p:last-child { margin-bottom:0; }
.sim-guide .sim-topic-summary strong,
.sim-guide .sim-topic-side strong { color:var(--sim-ink); }
.sim-guide .sim-topic-section.dark .sim-topic-summary p,
.sim-guide .sim-topic-section.dark .sim-topic-side p { color:rgba(238,247,255,.86); }
.sim-guide .sim-topic-section.dark .sim-topic-summary strong,
.sim-guide .sim-topic-section.dark .sim-topic-side strong { color:#fff; }
@media (max-width: 950px) {
  .sim-guide .sim-topic-layout {
    grid-template-columns:1fr;
    gap:24px;
  }
  .sim-guide .sim-topic-figure img,
  .sim-guide .sim-topic-summary { max-width:860px; }
}
@media (max-width: 600px) {
  .sim-guide .sim-topic-section { padding:52px 0 58px; }
  .sim-guide .sim-topic-summary p,
  .sim-guide .sim-topic-side p { font-size:.97rem; line-height:1.68; }
}

/* v432 – center the section visual vertically next to the text in the scenery section. */
.sim-guide #szenerien .sim-topic-layout,
.sim-guide #scenery .sim-topic-layout {
  align-items:center;
}


/* v435 · Flugzeug-/Netzwerke-Fotos mit sichtbarem Blauoverlay; Netzwerke in v437 nochmals deutlich dunkler.
   Der spezifischere Selektor setzt sich gegen die globale .cycle-dark-Regel in site.css durch. */
.sim-guide #flugzeuge.section.dark,
.sim-guide #aircraft.section.dark {
  background-color: #04182f;
  background-image:
    linear-gradient(110deg, rgba(1, 12, 26, .90) 0%, rgba(2, 21, 43, .88) 51%, rgba(2, 18, 37, .92) 100%),
    url('../img/flugsimulation/backgrounds/aircraft-bg.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sim-guide #netzwerke.section.dark {
  background-color: #020d1a;
  background-image:
    linear-gradient(110deg, rgba(0, 7, 16, .989) 0%, rgba(1, 12, 24, .982) 50%, rgba(0, 7, 16, .989) 100%),
    url('../img/flugsimulation/backgrounds/online-networks-bg.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* v438 · Tools-&-Plugins-Bild links mittig zur Textspalte ausrichten. */
@media (min-width:951px) { .sim-guide #tools .sim-topic-layout { align-items:center; } }

/* v439 · Tools summary moved below image; Online-Netzwerke overlay darkened again on user request. */


/* v443 · Sichtbar staerkeres dunkelblaues CTA-Overlay; alle anderen Bereiche unveraendert. */
/* v442 · Finaler CTA: korrektes Bild vor der allgemeinen .section.dark-Regel,
   kompakte Abstaende und Konzept-Seiten-Ueberschriftengroesse. */
.sim-guide .section.dark.sim-final-cta-section{
  position:relative;
  overflow:hidden;
  padding:0; /* verhindert doppelten oberen/unteren Abstand */
  background-image:
    linear-gradient(90deg,
      rgba(1,10,25,.95) 0%,
      rgba(3,17,37,.90) 46%,
      rgba(3,18,38,.86) 100%),
    url('../img/flugsimulation/cta-community-bg.webp');
  background-position:center 44%;
  background-size:cover;
  background-repeat:no-repeat;
}
.sim-guide .sim-final-cta-section::before{content:none;}
.sim-guide .sim-final-cta-section .container{position:relative;z-index:1;}
.sim-guide .sim-final-cta{
  position:relative;
  padding:56px 0 59px;
  max-width:790px;
}
.sim-guide .sim-final-cta .community-kicker{
  color:#80dbff;
}
.sim-guide .sim-final-cta h2{
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(1.8rem,3vw,2.65rem);
  line-height:1.06;
  letter-spacing:-.025em;
  font-weight:850;
  max-width:760px;
  text-wrap:balance;
}
.sim-guide .sim-final-cta p{
  max-width:760px;
  color:rgba(234,242,250,.94);
  font-size:1rem;
  line-height:1.65;
}
.sim-guide .sim-final-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:23px;
}
.sim-guide .sim-final-cta-actions .community-secondary{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.sim-guide .sim-final-cta-actions .community-secondary:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.38);
}
@media(max-width:900px){
  .sim-guide .sim-final-cta{padding:49px 0 52px;max-width:700px;}
}
@media(max-width:680px){
  .sim-guide .sim-final-cta{padding:44px 0 47px;}
  .sim-guide .sim-final-cta h2{font-size:clamp(1.8rem,8vw,2.35rem);}
  .sim-guide .sim-final-cta p{font-size:.96rem;line-height:1.6;}
    .sim-guide .sim-final-cta-actions{display:grid;grid-template-columns:1fr;margin-top:19px;}
  .sim-guide .sim-final-cta-actions .btn{width:100%;justify-content:center;}
  .sim-guide .section.dark.sim-final-cta-section{background-position:58% center;}
}

/* v445 – Replace the three numbered step badges with NordFly Systeme3 SVG icons. */
.sim-guide .sim-basics-step .sim-basics-number .nfi {
  display:block;
  font-size:27px;
  width:1em;
  height:1em;
  color:#087fc4;
  background-color:currentColor;
}

/* v783: Hero-Bilder auf dem Handy (bis 768px) als 1024px-Fassung (Startseite 1280px). Nur background-image wird
   getauscht – Verläufe, Position und Größe bleiben. Auf dem Handy liegt ein 74–90 % deckender Verlauf über dem Foto. */
@media (max-width:768px){
  .sim-guide .flightsim-page-hero.sim-hero{background-image:linear-gradient(90deg,
    rgba(1,10,24,.76) 0%,
    rgba(2,20,42,.62) 44%,
    rgba(3,35,62,.42) 100%),
    url('../img/flugsimulation/hero-flugsimulation-w1024.webp')}
}

/* v866 (Wunsch NordFly): „Flugsimulation – Schicht für Schicht“ – die sieben Themenabschnitte als ein Baukasten zum
   Durchklicken (assets/js/flugsim-baukasten.js). Links baut sich die Schichten-Grafik auf, rechts Kernbegriffe (Chips,
   wörtlich aus dem Text), zwei Absätze und der Rest unter „Weiterlesen“. Gestapelt wird nur mit JavaScript (.fsb-js):
   alle Bausteine liegen in derselben Rasterzelle – der Abschnitt ist so hoch wie der längste und springt nicht. */
.sim-guide .fsb-head{max-width:none}
.sim-guide .fsb-head h2{margin:12px 0 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.025em}
.sim-guide .fsb-head p{max-width:760px;margin:14px 0 0;color:#5b7188;font-size:1rem;line-height:1.65}
.sim-guide .fsb-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:28px 0 26px}
.sim-guide .fsb-step{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 12px;border:1px solid #d9e6f1;border-radius:14px;background:#fff;color:#33506d;font:inherit;font-size:.86rem;font-weight:800;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.sim-guide .fsb-step b{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf6fd;color:#0a6db5;font-size:.8rem}
.sim-guide .fsb-step span{min-width:0;hyphens:auto;overflow-wrap:anywhere}
.sim-guide .fsb-step:hover{border-color:#9fcdee}
.sim-guide .fsb-step.is-done b{background:#cfe8f8}
.sim-guide .fsb-step.is-active{border-color:#0a6db5;background:linear-gradient(135deg,#087fd0,#22b9ee);color:#fff;box-shadow:0 12px 26px rgba(8,127,208,.25)}
.sim-guide .fsb-step.is-active b{background:rgba(255,255,255,.22);color:#fff}
.sim-guide .fsb-step:focus-visible{outline:2px solid #087fd0;outline-offset:3px}
.sim-guide .fsb-step:active{transform:scale(.98)}
.sim-guide .fsb-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:start}
.sim-guide .fsb-figure{position:relative;aspect-ratio:16/9}
.sim-guide .fsb-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1)}
.sim-guide .fsb-figure img.is-active{opacity:1;transform:none}
.sim-guide .fsb-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.sim-guide .fsb-nav button{width:44px;height:44px;border:1px solid #cfe0ee;border-radius:50%;background:#fff;color:#0a6db5;font:inherit;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgba(3,18,37,.06);transition:border-color .2s ease,transform .15s ease}
.sim-guide .fsb-nav button:hover{border-color:#0a6db5}
.sim-guide .fsb-nav button:active{transform:scale(.95)}
.sim-guide .fsb-nav button:focus-visible{outline:2px solid #087fd0;outline-offset:3px}
.sim-guide .fsb-count{min-width:56px;color:#5b7188;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}
.sim-guide .fsb-count b{color:#0b1d34}
.sim-guide .fsb-panel{margin-bottom:28px}
.sim-guide .fsb-kicker{color:#0a7fc5;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.sim-guide .fsb-panel h3{margin:8px 0 14px;color:#0b1d34;font-size:1.45rem;line-height:1.2;letter-spacing:-.015em}
.sim-guide .fsb-chips{margin-bottom:16px}
.sim-guide .fsb .kz-chips li{border-color:#cfe4f4;background:#f1f8fd;color:#0a5f99;font-size:.8rem}
.sim-guide .fsb-text p,.sim-guide .fsb-more p{margin:0 0 12px;color:#5b7188;font-size:.97rem;line-height:1.68}
.sim-guide .fsb .kz-more{margin-top:4px;padding-top:10px;border-top-color:#e3edf5}
.sim-guide .fsb .kz-more summary{color:#0a6db5}
.sim-guide .fsb .kz-more summary:focus-visible{outline-color:#087fd0}
/* mit JavaScript: Bausteine übereinander, nur der aktive sichtbar */
.sim-guide .fsb-js .fsb-panels{display:grid}
.sim-guide .fsb-js .fsb-panel{grid-area:1/1;margin-bottom:0;visibility:hidden;opacity:0;transition:opacity .3s cubic-bezier(.23,1,.32,1),visibility 0s linear .3s}
.sim-guide .fsb-js .fsb-panel.is-active{visibility:visible;opacity:1;transition:opacity .3s cubic-bezier(.23,1,.32,1)}
@media(prefers-reduced-motion:reduce){.sim-guide .fsb-figure img,.sim-guide .fsb-js .fsb-panel,.sim-guide .fsb-step,.sim-guide .fsb-nav button{transition:none}}
@media(max-width:1050px){
  .sim-guide .fsb-steps{display:flex;overflow-x:auto;scrollbar-width:none;margin:22px -14px 20px;padding:2px 14px 6px}
  .sim-guide .fsb-steps::-webkit-scrollbar{display:none}
  .sim-guide .fsb-step{flex:0 0 auto;min-height:46px}
  .sim-guide .fsb-stage{grid-template-columns:minmax(0,1fr);gap:18px}
}
/* niedrige Fenster: kompakter, damit der Baukasten auf einen Bildschirm passt */
@media(min-width:1051px) and (max-height:940px){
  .sim-guide .fsb-head p{margin-top:10px}
  .sim-guide .fsb-steps{margin:20px 0 18px}
  .sim-guide .fsb-step{min-height:46px;padding:6px 10px}
  .sim-guide .fsb-panel h3{margin-bottom:10px;font-size:1.3rem}
  .sim-guide .fsb-chips{margin-bottom:12px}
  .sim-guide .fsb-text p,.sim-guide .fsb-more p{font-size:.92rem;line-height:1.6;margin-bottom:10px}
}
@media(min-width:1051px) and (max-height:800px){
  .sim-guide .fsb-head p{display:none}
  .sim-guide .fsb-stage{gap:36px}
  .sim-guide .fsb-text p,.sim-guide .fsb-more p{font-size:.88rem;line-height:1.55}
}
/* „Was ist Flugsimulation?“: zweite Absätze unter „Weiterlesen“ */
.sim-guide .sim-basics-more{margin-top:14px;padding-top:10px;border-top:1px solid #e3edf5}
.sim-guide .sim-basics-more summary{color:#0a6db5}
.sim-guide .sim-basics-more-columns{margin-top:14px}
@media(min-width:1051px) and (max-height:800px){
  .sim-guide .sim-basics-columns{margin-top:14px}
  .sim-guide .sim-basics-text-column p{font-size:.92rem;line-height:1.58}
  .sim-guide .sim-basics-more{margin-top:10px;padding-top:8px}
  .sim-guide .sim-basics-experience{margin-top:16px}
  .sim-guide .sim-basics-step p{font-size:.88rem;line-height:1.55}
}
/* v867 (Wunsch NordFly): Leitsatz „Flugsimulation ist die computergestützte Nachbildung …“ links unter der Überschrift
   statt rechts daneben; darunter wie bisher die zwei Textspalten. */
.sim-guide .sim-basics-intro{grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
.sim-guide .sim-basics-intro .sim-basics-lead{max-width:860px;margin-top:16px}
@media(min-width:1051px) and (max-height:800px){
  .sim-guide .sim-basics-intro .sim-basics-lead{margin-top:10px;font-size:.94rem;line-height:1.55}
  .sim-guide .sim-basics-step{padding:16px 20px}
  .sim-guide .sim-basics-step h3{margin-bottom:6px}
  .sim-guide .sim-basics-experience-head{padding-bottom:8px;margin-bottom:12px}
  .sim-guide .sim-basics-intro + .sim-basics-columns{margin-top:10px}
  .sim-guide .sim-basics-text-column p{line-height:1.52}
}

/* v868 (Wunsch NordFly): „Was ist Flugsimulation?“ wieder vollständig – die vier Absätze verteilen sich gleichmäßig
   auf zwei Spalten (CSS-Spalten, Reihenfolge unverändert). */
.sim-guide .sim-basics-text{column-count:2;column-gap:38px;margin-top:22px}
.sim-guide .sim-basics-text p{margin:0 0 12px;color:var(--sim-muted);font-size:.98rem;line-height:1.64;orphans:3;widows:3}
.sim-guide .sim-basics-text p:last-child{margin-bottom:0}
@media(max-width:900px){.sim-guide .sim-basics-text{column-count:1;margin-top:18px}}
@media(min-width:1051px) and (max-height:800px){.sim-guide .sim-basics-text{margin-top:14px}.sim-guide .sim-basics-text p{font-size:.92rem;line-height:1.55}}
/* „Wie entsteht ein simulierter Flug?“ als eigener Abschnitt; die Karten sind mit runden Pfeilen verbunden
   (wie die Entwicklungsleiste auf der Konzept-Seite). */
.sim-guide .sim-flow .sim-basics-experience{margin-top:0}
.sim-guide .sim-flow .sim-basics-experience-head{align-items:flex-end;margin-bottom:22px}
.sim-guide .sim-flow .sim-basics-experience-head h2{margin:12px 0 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.025em}
.sim-guide .sim-flow .sim-basics-steps{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:0;align-items:stretch}
.sim-guide .sim-flow-arrow{position:relative;z-index:2;align-self:center;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 -8px;border:2px solid #cfe0ed;border-radius:50%;background:#fff;color:#0a86d1;font-style:normal;box-shadow:0 8px 20px rgba(10,52,94,.12)}
.sim-guide .sim-flow-arrow::before{content:"➜";font-size:1.18rem;font-weight:900;line-height:1;transform:translateX(1px)}
@media(max-width:900px){
  .sim-guide .sim-flow .sim-basics-steps{grid-template-columns:minmax(0,1fr)}
  .sim-guide .sim-flow-arrow{justify-self:center;margin:-8px 0}
  .sim-guide .sim-flow-arrow::before{transform:rotate(90deg)}
}
/* Baukasten dunkelblau (Wunsch NordFly) */
.sim-guide .fsb.dark .fsb-head h2{color:#fff}
.sim-guide .fsb.dark .fsb-head p{color:rgba(255,255,255,.74)}
.sim-guide .fsb.dark .fsb-step{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#d7e6f3}
.sim-guide .fsb.dark .fsb-step:hover{border-color:rgba(130,223,255,.45)}
.sim-guide .fsb.dark .fsb-step b{background:rgba(72,209,255,.14);color:#82dfff}
.sim-guide .fsb.dark .fsb-step.is-done b{background:rgba(72,209,255,.26)}
.sim-guide .fsb.dark .fsb-step.is-active{border-color:#22b9ee;background:linear-gradient(135deg,#087fd0,#22b9ee);color:#fff;box-shadow:0 12px 30px rgba(8,127,208,.35)}
.sim-guide .fsb.dark .fsb-step.is-active b{background:rgba(255,255,255,.22);color:#fff}
.sim-guide .fsb.dark .fsb-step:focus-visible,.sim-guide .fsb.dark .fsb-nav button:focus-visible{outline-color:#48d1ff}
.sim-guide .fsb.dark .fsb-nav button{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#82dfff;box-shadow:none}
.sim-guide .fsb.dark .fsb-nav button:hover{border-color:#48d1ff}
.sim-guide .fsb.dark .fsb-count{color:rgba(255,255,255,.62)}
.sim-guide .fsb.dark .fsb-count b{color:#fff}
.sim-guide .fsb.dark .fsb-kicker{color:#55d5ff}
.sim-guide .fsb.dark .fsb-panel h3{color:#fff}
.sim-guide .fsb.dark .kz-chips li{border-color:rgba(130,223,255,.22);background:rgba(72,209,255,.08);color:#d8f3ff}
.sim-guide .fsb.dark .fsb-text p,.sim-guide .fsb.dark .fsb-more p{color:rgba(255,255,255,.76)}
.sim-guide .fsb.dark .kz-more{border-top-color:rgba(255,255,255,.12)}
.sim-guide .fsb.dark .kz-more summary{color:#82dfff}
/* v869 (Wunsch NordFly): Leitsatz bricht am Gedankenstrich um (fester Umbruch im HTML, <br class="sim-lead-break">);
   in schmalen Fenstern entfällt er, dort bricht der Text normal um. */
.sim-guide .sim-basics-intro .sim-basics-lead{max-width:none}
@media(max-width:900px){.sim-guide .sim-lead-break{display:none}}

/* v871 (Wunsch NordFly): „Wann bin ich startklar für NordFly?“ – Startklar-Check zum Abhaken (Inhalte aus den
   Voraussetzungen). Links Erklärung, Fortschritt und Ergebnis, rechts die vier Punkte als große Häkchen-Karten. */
.sim-guide .sc-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.sim-guide .sc-intro h2{margin:12px 0 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.025em}
.sim-guide .sc-lead{margin:16px 0 0;color:#5b7188;font-size:1rem;line-height:1.65}
.sim-guide .sc-formal{margin:12px 0 0;padding-left:12px;border-left:3px solid #9fcdee;color:#33506d;font-size:.9rem;font-weight:700;line-height:1.5}
.sim-guide .sc-progress{display:none;margin-top:24px}
.sim-guide .sc-js .sc-progress{display:block}
.sim-guide .sc-bar{height:8px;overflow:hidden;border-radius:999px;background:#dcebf6}
.sim-guide .sc-bar i{display:block;height:100%;width:calc(var(--sc-p,0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#087fd0,#22b9ee);transition:width .35s cubic-bezier(.23,1,.32,1)}
.sim-guide .sc-count{margin:8px 0 0;color:#5b7188;font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums}
.sim-guide .sc-count b{color:#0b1d34}
.sim-guide .sc-result{margin-top:18px}
.sim-guide .sc-result-not,.sim-guide .sc-result-ready{padding:20px 22px;border:1px solid #d9e6f1;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(3,18,37,.06)}
.sim-guide .sc-result strong{display:block;color:#0b1d34;font-size:1.08rem}
.sim-guide .sc-result p{margin:6px 0 0;color:#5b7188;font-size:.94rem;line-height:1.6}
.sim-guide .sc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.sim-guide .sc-actions .btn{min-height:44px}
.sim-guide .sc-btn-ghost{border:1px solid #cfe0ee;background:#fff;color:#0a6db5}
.sim-guide .sc-btn-ghost:hover{border-color:#0a6db5}
.sim-guide .sc-result-ready{display:none;border-color:#22b9ee;background:linear-gradient(135deg,#f1f9fe,#fff);box-shadow:0 16px 36px rgba(8,127,208,.16)}
.sim-guide .sc-result-ready strong{color:#0a6db5;font-size:1.25rem}
.sim-guide .sc.is-ready .sc-result-not{display:none}
.sim-guide .sc.is-ready .sc-result-ready{display:block;animation:scIn .4s cubic-bezier(.23,1,.32,1)}
/* mit JavaScript: beide Ergebnisse in derselben Rasterzelle – die Höhe bleibt beim Umschalten gleich */
.sim-guide .sc-js .sc-result{display:grid}
.sim-guide .sc.sc-js .sc-result-not,.sim-guide .sc.sc-js .sc-result-ready{display:block;grid-area:1/1}
.sim-guide .sc-js .sc-result-ready{visibility:hidden}
.sim-guide .sc-js.is-ready .sc-result-ready{visibility:visible}
.sim-guide .sc-js.is-ready .sc-result-not{visibility:hidden}
@keyframes scIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.sim-guide .sc-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sim-guide .sc-item{position:relative;display:grid;grid-template-columns:26px 46px minmax(0,1fr);align-items:center;gap:16px;padding:18px 20px;border:1px solid #d9e6f1;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(5,35,62,.04);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.sim-guide .sc-item:hover{border-color:#9fcdee}
.sim-guide .sc-check{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.sim-guide .sc-box{position:relative;width:26px;height:26px;border:2px solid #9fcdee;border-radius:8px;background:#fff;transition:background-color .2s ease,border-color .2s ease}
.sim-guide .sc-box::after{content:"";position:absolute;left:7px;top:3px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(.6);opacity:0;transition:opacity .15s ease,transform .2s cubic-bezier(.23,1,.32,1)}
.sim-guide .sc-check:checked + .sc-box{border-color:#087fd0;background:linear-gradient(135deg,#087fd0,#22b9ee)}
.sim-guide .sc-check:checked + .sc-box::after{opacity:1;transform:rotate(45deg) scale(1)}
.sim-guide .sc-check:focus-visible + .sc-box{outline:2px solid #087fd0;outline-offset:3px}
.sim-guide .sc-item:has(.sc-check:checked){border-color:#0a6db5;background:#f5fbff;box-shadow:0 12px 28px rgba(8,127,208,.10)}
.sim-guide .sc-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#066fc3,#22b9ee);box-shadow:0 10px 22px rgba(8,127,208,.24)}
.sim-guide .sc-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sim-guide .sc-body strong{display:block;color:#0b1d34;font-size:1.02rem;line-height:1.3}
.sim-guide .sc-body span{display:block;margin-top:4px;color:#5b7188;font-size:.9rem;line-height:1.55}
@media(prefers-reduced-motion:reduce){.sim-guide .sc-bar i,.sim-guide .sc-box,.sim-guide .sc-box::after,.sim-guide .sc-item{transition:none}.sim-guide .sc.is-ready .sc-result-ready{animation:none}}
@media(max-width:900px){
  .sim-guide .sc-layout{display:flex;flex-direction:column;gap:0}
  .sim-guide .sc-intro{display:contents}
  .sim-guide .sc-intro>.heading,.sim-guide .sc-lead,.sim-guide .sc-formal{order:1}
  .sim-guide .sc-list{order:2;margin-top:20px}
  .sim-guide .sc-progress{order:3}
  .sim-guide .sc-result{order:4}
  .sim-guide .sc-item{grid-template-columns:24px 40px minmax(0,1fr);gap:12px;padding:16px}
  .sim-guide .sc-icon{width:40px;height:40px}
}
@media(min-width:1051px) and (max-height:800px){
  .sim-guide .sc-item{padding:14px 18px}
  .sim-guide .sc-body span{font-size:.86rem;line-height:1.5}
  .sim-guide .sc-list{gap:10px}
  .sim-guide .sc-progress{margin-top:18px}
}

/* v873 (Wunsch NordFly, eigener Entwurf): „Was ist Flugsimulation?“ – links Überschrift und Leitsatz, rechts das
   Airbus-Glareshield (FCU und EFIS) als Bild; darunter wie bisher die zwei Textspalten. */
.sim-guide .sim-basics-intro{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px;align-items:center}
.sim-guide .sim-basics-intro>.heading{grid-column:1;grid-row:1}
.sim-guide .sim-basics-intro>.sim-basics-lead{grid-column:1;grid-row:2;max-width:none}
.sim-guide .sim-basics-figure{grid-column:2;grid-row:1/span 2;margin:0;align-self:center}
.sim-guide .sim-basics-figure img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 24px rgba(3,18,37,.18))}
@media(max-width:900px){
  .sim-guide .sim-basics-intro{grid-template-columns:minmax(0,1fr)}
  .sim-guide .sim-basics-figure{grid-column:1;grid-row:auto;margin-top:18px}
}

/* v874 (Wunsch NordFly): Startklar – Überschrift über die ganze Breite, darunter Erklärung (links) und Karten (rechts). */
.sim-guide .sc .sim-head{max-width:none;margin-bottom:22px}
.sim-guide .sc .sim-head h2{margin:12px 0 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.025em}
.sim-guide .sc-lead{margin-top:0}
@media(min-width:1051px) and (max-height:800px){.sim-guide .sc .sim-head{margin-bottom:16px}}
/* v874 (Wunsch NordFly): Baukasten mit Foto (NordFly-A320neo am Abend an der Treppe), das beim Scrollen mitläuft –
   eine fensterhohe, klebende Fläche im Abschnitt wie beim Route Explorer. Kräftiges Overlay für Lesbarkeit. Das Foto
   lädt erst, wenn der Abschnitt in Sicht kommt (nf-bg-ready); Handy: 1024-px-Fassung. */
#main > .fsb.dark{position:relative;isolation:isolate;overflow:clip;background:#031225}
#main > .fsb.dark::before{content:"";display:block;position:sticky;top:0;z-index:0;width:100%;height:100vh;height:100svh;pointer-events:none;
  margin-top:calc(-1 * var(--nf-section-pad, 54px));margin-bottom:calc(var(--nf-section-pad, 54px) - 100vh);margin-bottom:calc(var(--nf-section-pad, 54px) - 100svh);
  background:radial-gradient(circle at 88% 8%,rgba(17,146,224,.20),transparent 34%),linear-gradient(90deg,rgba(1,12,30,.97) 0%,rgba(1,18,43,.94) 45%,rgba(1,24,57,.91) 100%),url("../img/flugsimulation/baukasten-bg.webp?v=874") center 40% / cover no-repeat}
html.nf-lazy-bg #main > .fsb.dark:not(.nf-bg-ready)::before{background:radial-gradient(circle at 88% 8%,rgba(17,146,224,.20),transparent 34%),linear-gradient(90deg,rgba(1,12,30,.97) 0%,rgba(1,18,43,.94) 45%,rgba(1,24,57,.91) 100%)}
#main > .fsb.dark>.container{position:relative;z-index:1}
@media(max-width:768px){
  #main > .fsb.dark::before{background:linear-gradient(180deg,rgba(1,12,30,.97) 0%,rgba(1,18,43,.95) 50%,rgba(1,24,57,.93) 100%),url("../img/flugsimulation/baukasten-bg-w1024.webp?v=874") 40% 40% / cover no-repeat}
  html.nf-lazy-bg #main > .fsb.dark:not(.nf-bg-ready)::before{background:linear-gradient(180deg,rgba(1,12,30,.97) 0%,rgba(1,18,43,.95) 50%,rgba(1,24,57,.93) 100%)}
}

/* v875 (Wunsch NordFly): Startklar – links zusätzlich „So bringst du dich auf Stand“ (Erklärvideos, Handbücher,
   Netzwerk-Trainings). Beide Spalten schließen unten bündig ab: Spalten gleich hoch (stretch), links rückt der Block
   nach unten, rechts teilen sich die vier Karten die Höhe gleichmäßig. */
.sim-guide .sc-layout{align-items:stretch}
.sim-guide .sc-intro{display:flex;flex-direction:column}
.sim-guide .sc-learn{margin-top:auto;padding-top:18px}
.sim-guide .sc-learn>strong{display:block;margin-bottom:10px;color:#0a7fc5;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.sim-guide .sc-learn ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sim-guide .sc-learn li{display:flex;align-items:flex-start;gap:12px;color:#5b7188;font-size:.9rem;line-height:1.5}
.sim-guide .sc-learn b{color:#0b1d34;font-weight:800}
.sim-guide .sc-learn-icon{flex:0 0 32px;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f4fd;color:#0a6db5}
.sim-guide .sc-learn-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sim-guide .sc-list{grid-template-rows:repeat(4,1fr)}
@media(max-width:900px){
  .sim-guide .sc-intro{display:contents}
  .sim-guide .sc-learn{order:5;margin-top:0;padding-top:20px}
  .sim-guide .sc-list{grid-template-rows:none}
}
@media(min-width:1051px) and (max-height:800px){
  .sim-guide .sc-learn{padding-top:14px}
  .sim-guide .sc-learn ul{gap:7px}
  .sim-guide .sc-learn li{font-size:.86rem;line-height:1.45}
  .sim-guide .sc-result-not p,.sim-guide .sc-result-ready p{font-size:.88rem;line-height:1.5}
}
/* v875: Baukasten-Overlay kräftiger (Wunsch NordFly: Text war nicht gut lesbar) – .97/.94/.91 statt .93/.87/.82. */
/* v875: Startklar kompakter in niedrigeren Fenstern, damit der Abschnitt mit dem Lern-Block auf einen Bildschirm passt. */
@media(min-width:1051px) and (max-height:940px){
  .sim-guide .sc .sim-head{margin-bottom:16px}
  .sim-guide .sc-lead{font-size:.94rem;line-height:1.55}
  .sim-guide .sc-formal{font-size:.86rem}
  .sim-guide .sc-progress{margin-top:16px}
  .sim-guide .sc-result{margin-top:14px}
  .sim-guide .sc-result-not,.sim-guide .sc-result-ready{padding:16px 18px}
  .sim-guide .sc-actions{margin-top:10px}
  .sim-guide .sc-actions .btn{min-height:40px}
  .sim-guide .sc-learn li{font-size:.86rem;line-height:1.45}
}
@media(min-width:1051px) and (max-height:800px){
  .sim-guide .sc-lead{font-size:.88rem;line-height:1.5}
  .sim-guide .sc-formal{margin-top:8px;font-size:.82rem}
  .sim-guide .sc-progress{margin-top:12px}
  .sim-guide .sc-count{margin-top:6px}
  .sim-guide .sc-result-not,.sim-guide .sc-result-ready{padding:13px 16px}
  .sim-guide .sc-result strong{font-size:1rem}
  .sim-guide .sc-learn{padding-top:12px}
  .sim-guide .sc-learn>strong{margin-bottom:8px}
  .sim-guide .sc-learn ul{gap:6px}
  .sim-guide .sc-learn li{font-size:.82rem;line-height:1.4}
  .sim-guide .sc-learn-icon{flex-basis:28px;width:28px;height:28px}
}

/* v877 (Wunsch NordFly): Startklar mobil – Haken und Icon oben links an der Überschrift, Buttons nebeneinander. */
@media(max-width:900px){
  .sim-guide .sc-item{align-items:start}
  .sim-guide .sc-box{margin-top:8px}
}
@media(max-width:600px){
  .sim-guide .sc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sim-guide .sc-actions .btn{min-height:46px;padding:8px 10px;font-size:.84rem;line-height:1.25;text-align:center;white-space:normal}
}

/* v878 (Wunsch NordFly): Startklar – Karten füllen ihre gleich hohen Zeilen, damit die Abstände zwischen den Karten überall gleich sind. */
.sim-guide .sc-list>li{display:flex;min-width:0}
.sim-guide .sc-list>li>.sc-item{flex:1 1 auto;min-width:0}

/* v937 (Wunsch NordFly): Nummernkreise im Baukasten wie überall auf dunklem Grund blau gefüllt;
   im aktiven (blauen) Reiter weiß mit blauer Ziffer, damit der Kreis sichtbar bleibt. */
.sim-guide .fsb.dark .fsb-step b,
.sim-guide .fsb.dark .fsb-step.is-done b{background:#0670b3;color:#fff}
.sim-guide .fsb.dark .fsb-step.is-active b{background:#fff;color:#0670b3}
/* v990 (Wunsch NordFly): „Weiterlernen“ unter dem Startklar-Check – konkrete, geprüfte Anlaufstellen,
   gegliedert nach den vier Punkten des Checks. Nur Links (keine eingebetteten Videos, keine Daten an Dritte). */
.sim-guide .wl .sim-head{max-width:none;margin-bottom:30px}
.sim-guide .wl .sim-head h2{margin:12px 0 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.025em}
.sim-guide .wl .sim-head p{max-width:760px;margin:16px 0 0;color:var(--muted);line-height:1.65}
.sim-guide .wl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.sim-guide .wl-card{position:relative;display:flex;flex-direction:column;padding:22px 20px 12px;border:1px solid #dfe9f2;border-radius:20px;background:#f7fafd}
.sim-guide .wl-card-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:16px;border-bottom:1px solid #dfe9f2}
.sim-guide .wl-card-head .sc-icon{flex:0 0 46px}
.sim-guide .wl-card-head h3{margin:1px 0 3px;color:var(--ink);font-size:1.05rem;line-height:1.3;letter-spacing:-.01em}
.sim-guide .wl-card-head p{margin:0;color:#5b7188;font-size:.85rem;line-height:1.45}
.sim-guide .wl-links{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.sim-guide .wl-links li+li{border-top:1px solid #e6eef5}
.sim-guide .wl-link{display:block;margin:0 -10px;padding:13px 10px;border-radius:12px;color:inherit;text-decoration:none;transition:background-color .18s ease}
.sim-guide .wl-link:hover{background:#eaf4fc}
.sim-guide .wl-link:focus-visible{outline:2px solid #18a7e6;outline-offset:1px}
.sim-guide .wl-link-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.sim-guide .wl-link-top b{color:var(--ink);font-size:.95rem;font-weight:800;line-height:1.3}
.sim-guide .wl-link:hover .wl-link-top b{color:#05609c}
.sim-guide .wl-ext{flex:0 0 13px;width:13px;height:13px;fill:none;stroke:#0a7fc5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s cubic-bezier(.23,1,.32,1)}
.sim-guide .wl-link:hover .wl-ext{transform:translate(1px,-1px)}
.sim-guide .wl-tags{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.sim-guide .wl-type{color:#5b7188;font-size:.72rem;font-weight:750}
.sim-guide .wl-desc{display:block;color:#5b7188;font-size:.85rem;line-height:1.5}
.sim-guide .wl-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sim-guide .wl-note{margin:20px 0 0;color:#5b7188;font-size:.8rem;line-height:1.5}
.sim-guide .wl-swipe{display:none;align-items:center;gap:8px;margin:14px 0 0;color:#5b7188;font-size:.8rem;font-weight:750}
.sim-guide .wl-swipe svg{width:18px;height:18px;fill:none;stroke:#0a7fc5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Hinweis im Startklar-Check auf diesen Abschnitt */
.sim-guide .sc-learn-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:#05609c;font-size:.9rem;font-weight:850;text-decoration:none}
.sim-guide .sc-learn-more:hover{color:#0789df}
@media (max-width:1180px){.sim-guide .wl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v993: Handy – die vier Karten als Wischleiste (die nächste Karte schaut an, damit klar ist, dass es weitergeht).
   Nur scroll-snap, bewusst ohne scroll-behavior:smooth (siehe README-v964-Ladezeit: sonst endet die LCP-Messung). */
@media (max-width:640px){
  .sim-guide .wl-grid{display:flex;gap:12px;margin:0 -14px;padding:2px 14px 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:14px;scrollbar-width:none}
  .sim-guide .wl-grid::-webkit-scrollbar{display:none}
  .sim-guide .wl-card{flex:0 0 86%;padding:20px 18px 10px;scroll-snap-align:start}
  .sim-guide .wl-swipe{display:flex}
}
/* Kleine Laptops (geringe Höhe): etwas dichter, Schriftgrößen bleiben */
@media (min-width:1181px) and (max-height:800px){.sim-guide .wl .sim-head{margin-bottom:20px}.sim-guide .wl .sim-head p{margin-top:10px}.sim-guide .wl-card{padding:16px 18px 6px}.sim-guide .wl-card-head{padding-bottom:12px}.sim-guide .wl-link{padding:8px 10px}.sim-guide .wl-note{margin-top:14px}}
@media (prefers-reduced-motion:reduce){.sim-guide .wl-link,.sim-guide .wl-ext{transition:none}}
}
/* v1063 (Fehler behoben): Die Screenreader-Texte .wl-sr (position:absolute) hingen am Abschnitt statt an ihrer Karte und
   ragten auf dem Handy rechts aus dem Bildschirm (Seite 965 statt 390 px breit → Menü, Sprache und Darkmode-Schalter
   rutschten aus dem Bild). .wl-card ist jetzt position:relative, damit sie im wischbaren Karussell bleiben. */