.sensei-lms-question-block__header .grade { display: none; }

.sensei-course-theme__button.is-primary,
button.sensei-course-theme__button.is-primary {
  background-color: #000082 !important;
  border-color: #000082 !important;
}
/* Punktzahl je Frage ausblenden, alle Fragen zaehlen einen Punkt */
.sensei-lms-question-block__header .grade {
	display: none;
}

/* Sensei-Schaltflaechen im Hausblau statt Gruen */
.sensei-course-theme__button.is-primary,
button.sensei-course-theme__button.is-primary {
	background-color: #000082 !important;
	border-color: #000082 !important;
}
/* Gestaltung der Onlineschulungen, Arbeitssicherheit Neubert.
   Ohne Skript. Alles ist mit der Tastatur bedienbar und wird von
   Vorleseprogrammen in der richtigen Reihenfolge erfasst. */

.asn-l{--nv:#000082;--li:#E1E4EC;--tx:#1B1F29;--bg:#F2F4F7;--mu:#5A6172;
  --ok:#17663F;--okb:#EAF4EE;--no:#A8232B;--nob:#FBEEEF;
  --wa:#8A4A00;--wab:#FFF8E8;--ak:var(--nv);color:var(--tx);line-height:1.62}
.asn-l.m1{--ak:#1A4E8A}.asn-l.m2{--ak:#0F6E62}.asn-l.m3{--ak:#000082}
.asn-l.m4{--ak:#8A5A12}.asn-l.m5{--ak:#5B2A6B}
.asn-l *{box-sizing:border-box}
.asn-l h2,.asn-l h3,.asn-l h4{color:var(--tx);letter-spacing:-.01em}
.asn-l h3{font-size:1.34rem;margin:2.3rem 0 .7rem;padding-left:.85rem;
  border-left:4px solid var(--ak);line-height:1.3}
.asn-l h4{font-size:1.08rem;margin:1.6rem 0 .4rem}
.asn-l img{border-radius:12px;max-width:100%;height:auto}

/* Kopf der Lektion */
.asn-hero{background:var(--ak);color:#fff;border-radius:14px;
  padding:1.9rem 1.9rem 1.5rem;margin:0 0 1.6rem;position:relative;overflow:hidden}
.asn-hero::after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;
  border-radius:50%;background:rgba(255,255,255,.08)}
.asn-hero>*{position:relative}
.asn-hero__m{display:inline-block;font-size:.73rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;background:rgba(255,255,255,.18);padding:.3rem .75rem;border-radius:99px}
.asn-hero__t{font-size:1.8rem;font-weight:700;margin:.8rem 0 .5rem;line-height:1.2;color:#fff}
.asn-hero__s{margin:0;opacity:.93;font-size:1rem;max-width:46em}
.asn-hero__meta{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:1.1rem;font-size:.86rem;opacity:.95}
.asn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.24);margin-top:1rem;overflow:hidden}
.asn-bar i{display:block;height:100%;background:#fff;border-radius:99px}

/* Lernziele */
.asn-ziel{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.15rem 1.35rem;margin:0 0 1.5rem;background:#fff}
.asn-ziel__t{font-weight:700;margin:0 0 .6rem;font-size:1rem}
.asn-ziel ul{list-style:none;margin:0;padding:0}
.asn-ziel li{position:relative;padding-left:1.8rem;margin:.42rem 0}
.asn-ziel li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;
  border-radius:50%;background:var(--ak)}
.asn-ziel li::after{content:"";position:absolute;left:.33rem;top:.67em;width:.4rem;height:.19rem;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* Hoerfassung */
.asn-audio{display:flex;gap:1rem;align-items:flex-start;background:var(--bg);
  border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.7rem;border:1px solid var(--li)}
.asn-audio__i{flex:0 0 42px;height:42px;border-radius:50%;background:var(--ak);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.asn-audio__b{flex:1;min-width:0}
.asn-audio__t{font-weight:700;margin:0 0 .2rem}
.asn-audio__h{margin:0 0 .7rem;font-size:.87rem;color:var(--mu)}
.asn-audio audio{width:100%}

/* Zahlenkacheln */
.asn-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.9rem;margin:1.6rem 0}
.asn-zahl{background:#fff;border:1px solid var(--li);border-radius:12px;padding:1.1rem;text-align:center}
.asn-zahl b{display:block;font-size:1.6rem;line-height:1.15;color:var(--ak);font-weight:800}
.asn-zahl span{display:block;font-size:.85rem;color:var(--mu);margin-top:.35rem}

/* Nummerierte Listen werden zur Schrittfolge. In dieser Schulung sind das
   durchweg Abfolgen, etwa die sieben Grundsaetze oder die Handwaschschritte. */
.asn-l ol{list-style:none;counter-reset:s;margin:1.4rem 0;padding:0;position:relative}
.asn-l ol::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:2px;background:var(--li)}
.asn-l ol>li{counter-increment:s;position:relative;padding:.1rem 0 1rem 3.1rem;margin:0}
.asn-l ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;
  border-radius:50%;background:var(--ak);color:#fff;font-weight:700;display:flex;
  align-items:center;justify-content:center;font-size:.94rem}
.asn-l ol>li>strong:first-child{display:block;margin-bottom:.1rem}
.asn-l ol ol,.asn-l ol ul{margin:.4rem 0 0}
.asn-l ol ol::before{display:none}

/* Aufzaehlungen */
.asn-l ul{list-style:none;margin:1.1rem 0;padding:0}
.asn-l ul>li{position:relative;padding-left:1.5rem;margin:.4rem 0}
.asn-l ul>li::before{content:"";position:absolute;left:.25rem;top:.66em;width:.44rem;height:.44rem;
  border-radius:50%;background:var(--ak)}

/* Begriffskarten.
   Bewusst als details umgesetzt und nicht mit Kontrollkaestchen: WordPress
   entfernt input-Elemente aus dem Lektionsinhalt, details bleibt erhalten.
   Damit bleibt die Karte anklickbar, tastaturbedienbar und vorlesbar. */
.asn-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.asn-l details.asn-karte{border:1px solid var(--li);border-radius:12px;background:#fff;margin:0;
  transition:border-color .2s,box-shadow .2s}
.asn-l details.asn-karte:hover{border-color:var(--ak);box-shadow:0 8px 22px rgba(10,15,60,.08)}
.asn-l details.asn-karte>summary{background:#fff;padding:1.15rem 1.1rem;flex-direction:column;
  align-items:flex-start;gap:.3rem;text-align:left}
.asn-l details.asn-karte>summary:hover{background:#fff}
.asn-l details.asn-karte>summary::before{content:"+";position:absolute;right:1rem;top:1.15rem}
.asn-l details.asn-karte[open]>summary::before{content:"−"}
.asn-l details.asn-karte>summary{position:relative;padding-right:3rem}
.asn-karte__k{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mu);font-weight:700}
.asn-l details.asn-karte>summary b{font-size:1.12rem;color:var(--ak);line-height:1.3;font-weight:700}
.asn-l details.asn-karte[open]{border-color:var(--ak)}
.asn-l details.asn-karte>p{margin:0 0 .95rem;font-size:.95rem}

/* Selbsttest. Die Antwort steckt in einem Aufklappbereich, damit erst
   nachgedacht und dann aufgeloest wird. */
.asn-test{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.35rem;margin:1.8rem 0;background:#fff}
.asn-test__k{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ak);margin:0 0 .5rem}
.asn-test__f{font-weight:700;margin:0 0 .95rem;font-size:1.04rem}
  margin:0 0 .45rem;padding-left:.9rem}

/* Vorhandene Kaesten. Sie werden ueber die Randfarbe erkannt, damit der
   Lektionsinhalt selbst nicht umgebaut werden muss. */
.asn-l .wp-block-group.has-background{border-radius:12px!important;padding:1.15rem 1.35rem!important;
  margin:1.5rem 0;border:1px solid var(--li);border-left-width:4px!important}
.asn-l .wp-block-group.has-background p:last-child{margin-bottom:0}
.asn-l div[style*="border-left-color:#f5c518"]{background-color:var(--wab)!important;
  border-color:#F0DCAE;border-left-color:var(--wa)!important}
.asn-l div[style*="border-left-color:#8b0000"]{background-color:var(--nob)!important;
  border-color:#EFC9CC;border-left-color:var(--no)!important}
.asn-l div[style*="border-left-color:#1b5e20"]{background-color:var(--okb)!important;
  border-color:#BFDECD;border-left-color:var(--ok)!important}
.asn-l div[style*="border-left-color:#000082"]{background-color:var(--bg)!important;
  border-left-color:var(--ak)!important}

/* Temperaturskala. Aus Bloecken mit Breitenangabe gebaut, nicht als SVG:
   WordPress entfernt svg-Elemente aus dem Lektionsinhalt. */
.asn-skala{margin:1.7rem 0}
.asn-skala__b{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--li)}
.asn-skala__b>div{padding:1rem .8rem;text-align:center;min-width:0}
.asn-skala__b>div>b{display:block;font-size:.98rem;line-height:1.25}
.asn-skala__b>div>span{display:block;font-size:.8rem;margin-top:.2rem;opacity:.9}
.asn-skala__kalt{background:var(--okb);color:var(--ok)}
.asn-skala__zone{background:var(--nob);color:var(--no);box-shadow:inset 0 0 0 2px var(--no)}
.asn-skala__heiss{background:var(--okb);color:var(--ok)}
.asn-skala__m{display:flex;margin-top:.45rem;font-size:.82rem;color:var(--mu);font-weight:600}
.asn-skala__m>span{flex:1;text-align:center}
.asn-skala__m>span:first-child{text-align:left}
.asn-skala__m>span:last-child{text-align:right}
.asn-skala__f{margin:.7rem 0 0;font-size:.86rem;color:var(--mu)}
@media (max-width:560px){
  .asn-skala__b{flex-direction:column}
  .asn-skala__m{display:none}
}

/* Vertiefung */
.asn-l details{border:1px solid var(--li);border-radius:10px;margin:1rem 0;background:#fff;overflow:hidden}
.asn-l details>summary{cursor:pointer;padding:.85rem 1.15rem;font-weight:600;list-style:none;
  display:flex;align-items:center;gap:.65rem;background:var(--bg);transition:background .18s}
.asn-l details>summary:hover{background:#E9ECF3}
.asn-l details>summary::-webkit-details-marker{display:none}
.asn-l details>summary::before{content:"+";width:23px;height:23px;flex:0 0 23px;border-radius:50%;
  background:var(--ak);color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1.05rem;line-height:1}
/* Minuszeichen als Zeichen, nicht als Escapesequenz. WordPress entfernt
   Backslashes aus dem Beitragsinhalt, die Sequenz wuerde zerbrechen. */
.asn-l details[open]>summary::before{content:"−"}
.asn-l details>*:not(summary){padding-left:1.15rem;padding-right:1.15rem}
.asn-l details>*:last-child{padding-bottom:.95rem}

/* Bestaetigung vor Kursbeginn. Ohne Kontrollkaestchen, die WordPress aus dem
   Lektionsinhalt entfernt. Die Punkte werden gelesen, die Bestaetigung selbst
   erfolgt mit dem Abschluss der Lektion. */
.asn-best{border:2px solid var(--ak);border-radius:12px;padding:1.3rem 1.4rem;margin:1.6rem 0;background:#fff}
.asn-best__t{font-weight:700;margin:0 0 .9rem;color:var(--ak)}
.asn-l ul.asn-best__l{margin:0;padding:0}
.asn-l ul.asn-best__l>li{border:1px solid var(--li);border-radius:9px;padding:.85rem 1rem .85rem 2.9rem;
  margin:0 0 .6rem;position:relative}
.asn-l ul.asn-best__l>li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.1rem;
  height:1.1rem;border-radius:4px;background:var(--ak)}
.asn-l ul.asn-best__l>li::after{content:"";position:absolute;left:1.28rem;top:1.32rem;width:.45rem;
  height:.2rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.asn-best__h{margin:1rem 0 0;font-size:.9rem;color:var(--mu)}

/* Abschluss */
.asn-ende{text-align:center;border:2px dashed var(--li);border-radius:14px;padding:1.7rem 1.3rem;margin:2.2rem 0 0}
.asn-ende__i{width:54px;height:54px;border-radius:50%;background:var(--ak);color:#fff;font-size:1.5rem;
  display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}
.asn-ende b{display:block;font-size:1.15rem;margin-bottom:.3rem}
.asn-ende p{margin:0;color:var(--mu)}

/* Sanftes Einblenden beim Scrollen. Nur wo der Browser es kann, sonst faellt
   es ersatzlos weg. Bei abgeschalteter Bewegung wird es nicht angewandt. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .asn-l>.asn-karten,.asn-l>.asn-test,.asn-l>.asn-zahlen,.asn-l>.asn-ende,
    .asn-l>.wp-block-group{animation:asnAuf linear both;animation-timeline:view();
      animation-range:entry 0% entry 45%}
  }
}
@keyframes asnAuf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.asn-karte__in{transition:none}}

@media (max-width:600px){
  .asn-hero{padding:1.45rem 1.25rem 1.2rem}
  .asn-hero__t{font-size:1.42rem}
  .asn-l ol>li{padding-left:2.85rem}
}
/* Gestaltung der Onlineschulungen, Arbeitssicherheit Neubert.
   Ohne Skript. Alles ist mit der Tastatur bedienbar und wird von
   Vorleseprogrammen in der richtigen Reihenfolge erfasst. */

.asn-l{--nv:#000082;--li:#E1E4EC;--tx:#1B1F29;--bg:#F2F4F7;--mu:#5A6172;
  --ok:#17663F;--okb:#EAF4EE;--no:#A8232B;--nob:#FBEEEF;
  --wa:#8A4A00;--wab:#FFF8E8;--ak:var(--nv);color:var(--tx);line-height:1.62}
.asn-l.m1{--ak:#1A4E8A}.asn-l.m2{--ak:#0F6E62}.asn-l.m3{--ak:#000082}
.asn-l.m4{--ak:#8A5A12}.asn-l.m5{--ak:#5B2A6B}
.asn-l *{box-sizing:border-box}
.asn-l h2,.asn-l h3,.asn-l h4{color:var(--tx);letter-spacing:-.01em}
.asn-l h3{font-size:1.34rem;margin:2.3rem 0 .7rem;padding-left:.85rem;
  border-left:4px solid var(--ak);line-height:1.3}
.asn-l h4{font-size:1.08rem;margin:1.6rem 0 .4rem}
.asn-l img{border-radius:12px;max-width:100%;height:auto}

/* Kopf der Lektion */
.asn-hero{background:var(--ak);color:#fff;border-radius:14px;
  padding:1.9rem 1.9rem 1.5rem;margin:0 0 1.6rem;position:relative;overflow:hidden}
.asn-hero::after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;
  border-radius:50%;background:rgba(255,255,255,.08)}
.asn-hero>*{position:relative}
.asn-hero__m{display:inline-block;font-size:.73rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;background:rgba(255,255,255,.18);padding:.3rem .75rem;border-radius:99px}
.asn-hero__t{font-size:1.8rem;font-weight:700;margin:.8rem 0 .5rem;line-height:1.2;color:#fff}
.asn-hero__s{margin:0;opacity:.93;font-size:1rem;max-width:46em}
.asn-hero__meta{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:1.1rem;font-size:.86rem;opacity:.95}
.asn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.24);margin-top:1rem;overflow:hidden}
.asn-bar i{display:block;height:100%;background:#fff;border-radius:99px}

/* Lernziele */
.asn-ziel{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.15rem 1.35rem;margin:0 0 1.5rem;background:#fff}
.asn-ziel__t{font-weight:700;margin:0 0 .6rem;font-size:1rem}
.asn-ziel ul{list-style:none;margin:0;padding:0}
.asn-ziel li{position:relative;padding-left:1.8rem;margin:.42rem 0}
.asn-ziel li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;
  border-radius:50%;background:var(--ak)}
.asn-ziel li::after{content:"";position:absolute;left:.33rem;top:.67em;width:.4rem;height:.19rem;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* Hoerfassung */
.asn-audio{display:flex;gap:1rem;align-items:flex-start;background:var(--bg);
  border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.7rem;border:1px solid var(--li)}
.asn-audio__i{flex:0 0 42px;height:42px;border-radius:50%;background:var(--ak);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.asn-audio__b{flex:1;min-width:0}
.asn-audio__t{font-weight:700;margin:0 0 .2rem}
.asn-audio__h{margin:0 0 .7rem;font-size:.87rem;color:var(--mu)}
.asn-audio audio{width:100%}

/* Zahlenkacheln */
.asn-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.9rem;margin:1.6rem 0}
.asn-zahl{background:#fff;border:1px solid var(--li);border-radius:12px;padding:1.1rem;text-align:center}
.asn-zahl b{display:block;font-size:1.6rem;line-height:1.15;color:var(--ak);font-weight:800}
.asn-zahl span{display:block;font-size:.85rem;color:var(--mu);margin-top:.35rem}

/* Nummerierte Listen werden zur Schrittfolge. In dieser Schulung sind das
   durchweg Abfolgen, etwa die sieben Grundsaetze oder die Handwaschschritte. */
.asn-l ol{list-style:none;counter-reset:s;margin:1.4rem 0;padding:0;position:relative}
.asn-l ol::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:2px;background:var(--li)}
.asn-l ol>li{counter-increment:s;position:relative;padding:.1rem 0 1rem 3.1rem;margin:0}
.asn-l ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;
  border-radius:50%;background:var(--ak);color:#fff;font-weight:700;display:flex;
  align-items:center;justify-content:center;font-size:.94rem}
.asn-l ol>li>strong:first-child{display:block;margin-bottom:.1rem}
.asn-l ol ol,.asn-l ol ul{margin:.4rem 0 0}
.asn-l ol ol::before{display:none}

/* Aufzaehlungen */
.asn-l ul{list-style:none;margin:1.1rem 0;padding:0}
.asn-l ul>li{position:relative;padding-left:1.5rem;margin:.4rem 0}
.asn-l ul>li::before{content:"";position:absolute;left:.25rem;top:.66em;width:.44rem;height:.44rem;
  border-radius:50%;background:var(--ak)}

/* Begriffskarten.
   Bewusst als details umgesetzt und nicht mit Kontrollkaestchen: WordPress
   entfernt input-Elemente aus dem Lektionsinhalt, details bleibt erhalten.
   Damit bleibt die Karte anklickbar, tastaturbedienbar und vorlesbar. */
.asn-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.asn-l details.asn-karte{border:1px solid var(--li);border-radius:12px;background:#fff;margin:0;
  transition:border-color .2s,box-shadow .2s}
.asn-l details.asn-karte:hover{border-color:var(--ak);box-shadow:0 8px 22px rgba(10,15,60,.08)}
.asn-l details.asn-karte>summary{background:#fff;padding:1.15rem 1.1rem;flex-direction:column;
  align-items:flex-start;gap:.3rem;text-align:left}
.asn-l details.asn-karte>summary:hover{background:#fff}
.asn-l details.asn-karte>summary::before{content:"+";position:absolute;right:1rem;top:1.15rem}
.asn-l details.asn-karte[open]>summary::before{content:"−"}
.asn-l details.asn-karte>summary{position:relative;padding-right:3rem}
.asn-karte__k{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mu);font-weight:700}
.asn-l details.asn-karte>summary b{font-size:1.12rem;color:var(--ak);line-height:1.3;font-weight:700}
.asn-l details.asn-karte[open]{border-color:var(--ak)}
.asn-l details.asn-karte>p{margin:0 0 .95rem;font-size:.95rem}

/* Selbsttest. Die Antwort steckt in einem Aufklappbereich, damit erst
   nachgedacht und dann aufgeloest wird. */
.asn-test{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.35rem;margin:1.8rem 0;background:#fff}
.asn-test__k{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ak);margin:0 0 .5rem}
.asn-test__f{font-weight:700;margin:0 0 .95rem;font-size:1.04rem}
  margin:0 0 .45rem;padding-left:.9rem}

/* Vorhandene Kaesten. Sie werden ueber die Randfarbe erkannt, damit der
   Lektionsinhalt selbst nicht umgebaut werden muss. */
.asn-l .wp-block-group.has-background{border-radius:12px!important;padding:1.15rem 1.35rem!important;
  margin:1.5rem 0;border:1px solid var(--li);border-left-width:4px!important}
.asn-l .wp-block-group.has-background p:last-child{margin-bottom:0}
.asn-l div[style*="border-left-color:#f5c518"]{background-color:var(--wab)!important;
  border-color:#F0DCAE;border-left-color:var(--wa)!important}
.asn-l div[style*="border-left-color:#8b0000"]{background-color:var(--nob)!important;
  border-color:#EFC9CC;border-left-color:var(--no)!important}
.asn-l div[style*="border-left-color:#1b5e20"]{background-color:var(--okb)!important;
  border-color:#BFDECD;border-left-color:var(--ok)!important}
.asn-l div[style*="border-left-color:#000082"]{background-color:var(--bg)!important;
  border-left-color:var(--ak)!important}

/* Temperaturskala. Aus Bloecken mit Breitenangabe gebaut, nicht als SVG:
   WordPress entfernt svg-Elemente aus dem Lektionsinhalt. */
.asn-skala{margin:1.7rem 0}
.asn-skala__b{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--li)}
.asn-skala__b>div{padding:1rem .8rem;text-align:center;min-width:0}
.asn-skala__b>div>b{display:block;font-size:.98rem;line-height:1.25}
.asn-skala__b>div>span{display:block;font-size:.8rem;margin-top:.2rem;opacity:.9}
.asn-skala__kalt{background:var(--okb);color:var(--ok)}
.asn-skala__zone{background:var(--nob);color:var(--no);box-shadow:inset 0 0 0 2px var(--no)}
.asn-skala__heiss{background:var(--okb);color:var(--ok)}
.asn-skala__m{display:flex;margin-top:.45rem;font-size:.82rem;color:var(--mu);font-weight:600}
.asn-skala__m>span{flex:1;text-align:center}
.asn-skala__m>span:first-child{text-align:left}
.asn-skala__m>span:last-child{text-align:right}
.asn-skala__f{margin:.7rem 0 0;font-size:.86rem;color:var(--mu)}
@media (max-width:560px){
  .asn-skala__b{flex-direction:column}
  .asn-skala__m{display:none}
}

/* Vertiefung */
.asn-l details{border:1px solid var(--li);border-radius:10px;margin:1rem 0;background:#fff;overflow:hidden}
.asn-l details>summary{cursor:pointer;padding:.85rem 1.15rem;font-weight:600;list-style:none;
  display:flex;align-items:center;gap:.65rem;background:var(--bg);transition:background .18s}
.asn-l details>summary:hover{background:#E9ECF3}
.asn-l details>summary::-webkit-details-marker{display:none}
.asn-l details>summary::before{content:"+";width:23px;height:23px;flex:0 0 23px;border-radius:50%;
  background:var(--ak);color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1.05rem;line-height:1}
/* Minuszeichen als Zeichen, nicht als Escapesequenz. WordPress entfernt
   Backslashes aus dem Beitragsinhalt, die Sequenz wuerde zerbrechen. */
.asn-l details[open]>summary::before{content:"−"}
.asn-l details>*:not(summary){padding-left:1.15rem;padding-right:1.15rem}
.asn-l details>*:last-child{padding-bottom:.95rem}

/* Bestaetigung vor Kursbeginn. Ohne Kontrollkaestchen, die WordPress aus dem
   Lektionsinhalt entfernt. Die Punkte werden gelesen, die Bestaetigung selbst
   erfolgt mit dem Abschluss der Lektion. */
.asn-best{border:2px solid var(--ak);border-radius:12px;padding:1.3rem 1.4rem;margin:1.6rem 0;background:#fff}
.asn-best__t{font-weight:700;margin:0 0 .9rem;color:var(--ak)}
.asn-l ul.asn-best__l{margin:0;padding:0}
.asn-l ul.asn-best__l>li{border:1px solid var(--li);border-radius:9px;padding:.85rem 1rem .85rem 2.9rem;
  margin:0 0 .6rem;position:relative}
.asn-l ul.asn-best__l>li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.1rem;
  height:1.1rem;border-radius:4px;background:var(--ak)}
.asn-l ul.asn-best__l>li::after{content:"";position:absolute;left:1.28rem;top:1.32rem;width:.45rem;
  height:.2rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.asn-best__h{margin:1rem 0 0;font-size:.9rem;color:var(--mu)}

/* Abschluss */
.asn-ende{text-align:center;border:2px dashed var(--li);border-radius:14px;padding:1.7rem 1.3rem;margin:2.2rem 0 0}
.asn-ende__i{width:54px;height:54px;border-radius:50%;background:var(--ak);color:#fff;font-size:1.5rem;
  display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}
.asn-ende b{display:block;font-size:1.15rem;margin-bottom:.3rem}
.asn-ende p{margin:0;color:var(--mu)}

/* Sanftes Einblenden beim Scrollen. Nur wo der Browser es kann, sonst faellt
   es ersatzlos weg. Bei abgeschalteter Bewegung wird es nicht angewandt. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .asn-l>.asn-karten,.asn-l>.asn-test,.asn-l>.asn-zahlen,.asn-l>.asn-ende,
    .asn-l>.wp-block-group{animation:asnAuf linear both;animation-timeline:view();
      animation-range:entry 0% entry 45%}
  }
}
@keyframes asnAuf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.asn-karte__in{transition:none}}

@media (max-width:600px){
  .asn-hero{padding:1.45rem 1.25rem 1.2rem}
  .asn-hero__t{font-size:1.42rem}
  .asn-l ol>li{padding-left:2.85rem}
}
/* Gestaltung der Onlineschulungen, Arbeitssicherheit Neubert.
   Ohne Skript. Alles ist mit der Tastatur bedienbar und wird von
   Vorleseprogrammen in der richtigen Reihenfolge erfasst. */

.asn-l{--nv:#000082;--li:#E1E4EC;--tx:#1B1F29;--bg:#F2F4F7;--mu:#5A6172;
  --ok:#17663F;--okb:#EAF4EE;--no:#A8232B;--nob:#FBEEEF;
  --wa:#8A4A00;--wab:#FFF8E8;--ak:var(--nv);color:var(--tx);line-height:1.62}
.asn-l.m1{--ak:#1A4E8A}.asn-l.m2{--ak:#0F6E62}.asn-l.m3{--ak:#000082}
.asn-l.m4{--ak:#8A5A12}.asn-l.m5{--ak:#5B2A6B}
.asn-l *{box-sizing:border-box}
.asn-l h2,.asn-l h3,.asn-l h4{color:var(--tx);letter-spacing:-.01em}
.asn-l h3{font-size:1.34rem;margin:2.3rem 0 .7rem;padding-left:.85rem;
  border-left:4px solid var(--ak);line-height:1.3}
.asn-l h4{font-size:1.08rem;margin:1.6rem 0 .4rem}
.asn-l img{border-radius:12px;max-width:100%;height:auto}

/* Kopf der Lektion */
.asn-hero{background:var(--ak);color:#fff;border-radius:14px;
  padding:1.9rem 1.9rem 1.5rem;margin:0 0 1.6rem;position:relative;overflow:hidden}
.asn-hero::after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;
  border-radius:50%;background:rgba(255,255,255,.08)}
.asn-hero>*{position:relative}
.asn-hero__m{display:inline-block;font-size:.73rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;background:rgba(255,255,255,.18);padding:.3rem .75rem;border-radius:99px}
.asn-hero__t{font-size:1.8rem;font-weight:700;margin:.8rem 0 .5rem;line-height:1.2;color:#fff}
.asn-hero__s{margin:0;opacity:.93;font-size:1rem;max-width:46em}
.asn-hero__meta{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:1.1rem;font-size:.86rem;opacity:.95}
.asn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.24);margin-top:1rem;overflow:hidden}
.asn-bar i{display:block;height:100%;background:#fff;border-radius:99px}

/* Lernziele */
.asn-ziel{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.15rem 1.35rem;margin:0 0 1.5rem;background:#fff}
.asn-ziel__t{font-weight:700;margin:0 0 .6rem;font-size:1rem}
.asn-ziel ul{list-style:none;margin:0;padding:0}
.asn-ziel li{position:relative;padding-left:1.8rem;margin:.42rem 0}
.asn-ziel li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;
  border-radius:50%;background:var(--ak)}
.asn-ziel li::after{content:"";position:absolute;left:.33rem;top:.67em;width:.4rem;height:.19rem;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* Hoerfassung */
.asn-audio{display:flex;gap:1rem;align-items:flex-start;background:var(--bg);
  border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.7rem;border:1px solid var(--li)}
.asn-audio__i{flex:0 0 42px;height:42px;border-radius:50%;background:var(--ak);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.asn-audio__b{flex:1;min-width:0}
.asn-audio__t{font-weight:700;margin:0 0 .2rem}
.asn-audio__h{margin:0 0 .7rem;font-size:.87rem;color:var(--mu)}
.asn-audio audio{width:100%}

/* Zahlenkacheln */
.asn-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.9rem;margin:1.6rem 0}
.asn-zahl{background:#fff;border:1px solid var(--li);border-radius:12px;padding:1.1rem;text-align:center}
.asn-zahl b{display:block;font-size:1.6rem;line-height:1.15;color:var(--ak);font-weight:800}
.asn-zahl span{display:block;font-size:.85rem;color:var(--mu);margin-top:.35rem}

/* Nummerierte Listen werden zur Schrittfolge. In dieser Schulung sind das
   durchweg Abfolgen, etwa die sieben Grundsaetze oder die Handwaschschritte. */
.asn-l ol{list-style:none;counter-reset:s;margin:1.4rem 0;padding:0;position:relative}
.asn-l ol::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:2px;background:var(--li)}
.asn-l ol>li{counter-increment:s;position:relative;padding:.1rem 0 1rem 3.1rem;margin:0}
.asn-l ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;
  border-radius:50%;background:var(--ak);color:#fff;font-weight:700;display:flex;
  align-items:center;justify-content:center;font-size:.94rem}
.asn-l ol>li>strong:first-child{display:block;margin-bottom:.1rem}
.asn-l ol ol,.asn-l ol ul{margin:.4rem 0 0}
.asn-l ol ol::before{display:none}

/* Aufzaehlungen */
.asn-l ul{list-style:none;margin:1.1rem 0;padding:0}
.asn-l ul>li{position:relative;padding-left:1.5rem;margin:.4rem 0}
.asn-l ul>li::before{content:"";position:absolute;left:.25rem;top:.66em;width:.44rem;height:.44rem;
  border-radius:50%;background:var(--ak)}

/* Begriffskarten.
   Bewusst als details umgesetzt und nicht mit Kontrollkaestchen: WordPress
   entfernt input-Elemente aus dem Lektionsinhalt, details bleibt erhalten.
   Damit bleibt die Karte anklickbar, tastaturbedienbar und vorlesbar. */
.asn-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.asn-l details.asn-karte{border:1px solid var(--li);border-radius:12px;background:#fff;margin:0;
  transition:border-color .2s,box-shadow .2s}
.asn-l details.asn-karte:hover{border-color:var(--ak);box-shadow:0 8px 22px rgba(10,15,60,.08)}
.asn-l details.asn-karte>summary{background:#fff;padding:1.15rem 1.1rem;flex-direction:column;
  align-items:flex-start;gap:.3rem;text-align:left}
.asn-l details.asn-karte>summary:hover{background:#fff}
.asn-l details.asn-karte>summary::before{content:"+";position:absolute;right:1rem;top:1.15rem}
.asn-l details.asn-karte[open]>summary::before{content:"−"}
.asn-l details.asn-karte>summary{position:relative;padding-right:3rem}
.asn-karte__k{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mu);font-weight:700}
.asn-l details.asn-karte>summary b{font-size:1.12rem;color:var(--ak);line-height:1.3;font-weight:700}
.asn-l details.asn-karte[open]{border-color:var(--ak)}
.asn-l details.asn-karte>p{margin:0 0 .95rem;font-size:.95rem}

/* Selbsttest. Die Antwort steckt in einem Aufklappbereich, damit erst
   nachgedacht und dann aufgeloest wird. */
.asn-test{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.35rem;margin:1.8rem 0;background:#fff}
.asn-test__k{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ak);margin:0 0 .5rem}
.asn-test__f{font-weight:700;margin:0 0 .95rem;font-size:1.04rem}
  margin:0 0 .45rem;padding-left:.9rem}

/* Vorhandene Kaesten. Sie werden ueber die Randfarbe erkannt, damit der
   Lektionsinhalt selbst nicht umgebaut werden muss. */
.asn-l .wp-block-group.has-background{border-radius:12px!important;padding:1.15rem 1.35rem!important;
  margin:1.5rem 0;border:1px solid var(--li);border-left-width:4px!important}
.asn-l .wp-block-group.has-background p:last-child{margin-bottom:0}
.asn-l div[style*="border-left-color:#f5c518"]{background-color:var(--wab)!important;
  border-color:#F0DCAE;border-left-color:var(--wa)!important}
.asn-l div[style*="border-left-color:#8b0000"]{background-color:var(--nob)!important;
  border-color:#EFC9CC;border-left-color:var(--no)!important}
.asn-l div[style*="border-left-color:#1b5e20"]{background-color:var(--okb)!important;
  border-color:#BFDECD;border-left-color:var(--ok)!important}
.asn-l div[style*="border-left-color:#000082"]{background-color:var(--bg)!important;
  border-left-color:var(--ak)!important}

/* Temperaturskala. Aus Bloecken mit Breitenangabe gebaut, nicht als SVG:
   WordPress entfernt svg-Elemente aus dem Lektionsinhalt. */
.asn-skala{margin:1.7rem 0}
.asn-skala__b{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--li)}
.asn-skala__b>div{padding:1rem .8rem;text-align:center;min-width:0}
.asn-skala__b>div>b{display:block;font-size:.98rem;line-height:1.25}
.asn-skala__b>div>span{display:block;font-size:.8rem;margin-top:.2rem;opacity:.9}
.asn-skala__kalt{background:var(--okb);color:var(--ok)}
.asn-skala__zone{background:var(--nob);color:var(--no);box-shadow:inset 0 0 0 2px var(--no)}
.asn-skala__heiss{background:var(--okb);color:var(--ok)}
.asn-skala__m{display:flex;margin-top:.45rem;font-size:.82rem;color:var(--mu);font-weight:600}
.asn-skala__m>span{flex:1;text-align:center}
.asn-skala__m>span:first-child{text-align:left}
.asn-skala__m>span:last-child{text-align:right}
.asn-skala__f{margin:.7rem 0 0;font-size:.86rem;color:var(--mu)}
@media (max-width:560px){
  .asn-skala__b{flex-direction:column}
  .asn-skala__m{display:none}
}

/* Vertiefung */
.asn-l details{border:1px solid var(--li);border-radius:10px;margin:1rem 0;background:#fff;overflow:hidden}
.asn-l details>summary{cursor:pointer;padding:.85rem 1.15rem;font-weight:600;list-style:none;
  display:flex;align-items:center;gap:.65rem;background:var(--bg);transition:background .18s}
.asn-l details>summary:hover{background:#E9ECF3}
.asn-l details>summary::-webkit-details-marker{display:none}
.asn-l details>summary::before{content:"+";width:23px;height:23px;flex:0 0 23px;border-radius:50%;
  background:var(--ak);color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1.05rem;line-height:1}
/* Minuszeichen als Zeichen, nicht als Escapesequenz. WordPress entfernt
   Backslashes aus dem Beitragsinhalt, die Sequenz wuerde zerbrechen. */
.asn-l details[open]>summary::before{content:"−"}
.asn-l details>*:not(summary){padding-left:1.15rem;padding-right:1.15rem}
.asn-l details>*:last-child{padding-bottom:.95rem}

/* Bestaetigung vor Kursbeginn. Ohne Kontrollkaestchen, die WordPress aus dem
   Lektionsinhalt entfernt. Die Punkte werden gelesen, die Bestaetigung selbst
   erfolgt mit dem Abschluss der Lektion. */
.asn-best{border:2px solid var(--ak);border-radius:12px;padding:1.3rem 1.4rem;margin:1.6rem 0;background:#fff}
.asn-best__t{font-weight:700;margin:0 0 .9rem;color:var(--ak)}
.asn-l ul.asn-best__l{margin:0;padding:0}
.asn-l ul.asn-best__l>li{border:1px solid var(--li);border-radius:9px;padding:.85rem 1rem .85rem 2.9rem;
  margin:0 0 .6rem;position:relative}
.asn-l ul.asn-best__l>li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.1rem;
  height:1.1rem;border-radius:4px;background:var(--ak)}
.asn-l ul.asn-best__l>li::after{content:"";position:absolute;left:1.28rem;top:1.32rem;width:.45rem;
  height:.2rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.asn-best__h{margin:1rem 0 0;font-size:.9rem;color:var(--mu)}

/* Abschluss */
.asn-ende{text-align:center;border:2px dashed var(--li);border-radius:14px;padding:1.7rem 1.3rem;margin:2.2rem 0 0}
.asn-ende__i{width:54px;height:54px;border-radius:50%;background:var(--ak);color:#fff;font-size:1.5rem;
  display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}
.asn-ende b{display:block;font-size:1.15rem;margin-bottom:.3rem}
.asn-ende p{margin:0;color:var(--mu)}

/* Sanftes Einblenden beim Scrollen. Nur wo der Browser es kann, sonst faellt
   es ersatzlos weg. Bei abgeschalteter Bewegung wird es nicht angewandt. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .asn-l>.asn-karten,.asn-l>.asn-test,.asn-l>.asn-zahlen,.asn-l>.asn-ende,
    .asn-l>.wp-block-group{animation:asnAuf linear both;animation-timeline:view();
      animation-range:entry 0% entry 45%}
  }
}
@keyframes asnAuf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.asn-karte__in{transition:none}}

@media (max-width:600px){
  .asn-hero{padding:1.45rem 1.25rem 1.2rem}
  .asn-hero__t{font-size:1.42rem}
  .asn-l ol>li{padding-left:2.85rem}
}
/* Gestaltung der Onlineschulungen, Arbeitssicherheit Neubert.
   Ohne Skript. Alles ist mit der Tastatur bedienbar und wird von
   Vorleseprogrammen in der richtigen Reihenfolge erfasst. */

.asn-l{--nv:#000082;--li:#E1E4EC;--tx:#1B1F29;--bg:#F2F4F7;--mu:#5A6172;
  --ok:#17663F;--okb:#EAF4EE;--no:#A8232B;--nob:#FBEEEF;
  --wa:#8A4A00;--wab:#FFF8E8;--ak:var(--nv);color:var(--tx);line-height:1.62}
.asn-l.m1{--ak:#1A4E8A}.asn-l.m2{--ak:#0F6E62}.asn-l.m3{--ak:#000082}
.asn-l.m4{--ak:#8A5A12}.asn-l.m5{--ak:#5B2A6B}
.asn-l *{box-sizing:border-box}
.asn-l h2,.asn-l h3,.asn-l h4{color:var(--tx);letter-spacing:-.01em}
.asn-l h3{font-size:1.34rem;margin:2.3rem 0 .7rem;padding-left:.85rem;
  border-left:4px solid var(--ak);line-height:1.3}
.asn-l h4{font-size:1.08rem;margin:1.6rem 0 .4rem}
.asn-l img{border-radius:12px;max-width:100%;height:auto}

/* Kopf der Lektion */
.asn-hero{background:var(--ak);color:#fff;border-radius:14px;
  padding:1.9rem 1.9rem 1.5rem;margin:0 0 1.6rem;position:relative;overflow:hidden}
.asn-hero::after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;
  border-radius:50%;background:rgba(255,255,255,.08)}
.asn-hero>*{position:relative}
.asn-hero__m{display:inline-block;font-size:.73rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;background:rgba(255,255,255,.18);padding:.3rem .75rem;border-radius:99px}
.asn-hero__t{font-size:1.8rem;font-weight:700;margin:.8rem 0 .5rem;line-height:1.2;color:#fff}
.asn-hero__s{margin:0;opacity:.93;font-size:1rem;max-width:46em}
.asn-hero__meta{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:1.1rem;font-size:.86rem;opacity:.95}
.asn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.24);margin-top:1rem;overflow:hidden}
.asn-bar i{display:block;height:100%;background:#fff;border-radius:99px}

/* Lernziele */
.asn-ziel{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.15rem 1.35rem;margin:0 0 1.5rem;background:#fff}
.asn-ziel__t{font-weight:700;margin:0 0 .6rem;font-size:1rem}
.asn-ziel ul{list-style:none;margin:0;padding:0}
.asn-ziel li{position:relative;padding-left:1.8rem;margin:.42rem 0}
.asn-ziel li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;
  border-radius:50%;background:var(--ak)}
.asn-ziel li::after{content:"";position:absolute;left:.33rem;top:.67em;width:.4rem;height:.19rem;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* Hoerfassung */
.asn-audio{display:flex;gap:1rem;align-items:flex-start;background:var(--bg);
  border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.7rem;border:1px solid var(--li)}
.asn-audio__i{flex:0 0 42px;height:42px;border-radius:50%;background:var(--ak);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.asn-audio__b{flex:1;min-width:0}
.asn-audio__t{font-weight:700;margin:0 0 .2rem}
.asn-audio__h{margin:0 0 .7rem;font-size:.87rem;color:var(--mu)}
.asn-audio audio{width:100%}

/* Zahlenkacheln */
.asn-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.9rem;margin:1.6rem 0}
.asn-zahl{background:#fff;border:1px solid var(--li);border-radius:12px;padding:1.1rem;text-align:center}
.asn-zahl b{display:block;font-size:1.6rem;line-height:1.15;color:var(--ak);font-weight:800}
.asn-zahl span{display:block;font-size:.85rem;color:var(--mu);margin-top:.35rem}

/* Nummerierte Listen werden zur Schrittfolge. In dieser Schulung sind das
   durchweg Abfolgen, etwa die sieben Grundsaetze oder die Handwaschschritte. */
.asn-l ol{list-style:none;counter-reset:s;margin:1.4rem 0;padding:0;position:relative}
.asn-l ol::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:2px;background:var(--li)}
.asn-l ol>li{counter-increment:s;position:relative;padding:.1rem 0 1rem 3.1rem;margin:0}
.asn-l ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;
  border-radius:50%;background:var(--ak);color:#fff;font-weight:700;display:flex;
  align-items:center;justify-content:center;font-size:.94rem}
.asn-l ol>li>strong:first-child{display:block;margin-bottom:.1rem}
.asn-l ol ol,.asn-l ol ul{margin:.4rem 0 0}
.asn-l ol ol::before{display:none}

/* Aufzaehlungen */
.asn-l ul{list-style:none;margin:1.1rem 0;padding:0}
.asn-l ul>li{position:relative;padding-left:1.5rem;margin:.4rem 0}
.asn-l ul>li::before{content:"";position:absolute;left:.25rem;top:.66em;width:.44rem;height:.44rem;
  border-radius:50%;background:var(--ak)}

/* Begriffskarten.
   Bewusst als details umgesetzt und nicht mit Kontrollkaestchen: WordPress
   entfernt input-Elemente aus dem Lektionsinhalt, details bleibt erhalten.
   Damit bleibt die Karte anklickbar, tastaturbedienbar und vorlesbar. */
.asn-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.asn-l details.asn-karte{border:1px solid var(--li);border-radius:12px;background:#fff;margin:0;
  transition:border-color .2s,box-shadow .2s}
.asn-l details.asn-karte:hover{border-color:var(--ak);box-shadow:0 8px 22px rgba(10,15,60,.08)}
.asn-l details.asn-karte>summary{background:#fff;padding:1.15rem 1.1rem;flex-direction:column;
  align-items:flex-start;gap:.3rem;text-align:left}
.asn-l details.asn-karte>summary:hover{background:#fff}
.asn-l details.asn-karte>summary::before{content:"+";position:absolute;right:1rem;top:1.15rem}
.asn-l details.asn-karte[open]>summary::before{content:"−"}
.asn-l details.asn-karte>summary{position:relative;padding-right:3rem}
.asn-karte__k{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mu);font-weight:700}
.asn-l details.asn-karte>summary b{font-size:1.12rem;color:var(--ak);line-height:1.3;font-weight:700}
.asn-l details.asn-karte[open]{border-color:var(--ak)}
.asn-l details.asn-karte>p{margin:0 0 .95rem;font-size:.95rem}

/* Selbsttest. Die Antwort steckt in einem Aufklappbereich, damit erst
   nachgedacht und dann aufgeloest wird. */
.asn-test{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.35rem;margin:1.8rem 0;background:#fff}
.asn-test__k{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ak);margin:0 0 .5rem}
.asn-test__f{font-weight:700;margin:0 0 .95rem;font-size:1.04rem}
  margin:0 0 .45rem;padding-left:.9rem}

/* Vorhandene Kaesten. Sie werden ueber die Randfarbe erkannt, damit der
   Lektionsinhalt selbst nicht umgebaut werden muss. */
.asn-l .wp-block-group.has-background{border-radius:12px!important;padding:1.15rem 1.35rem!important;
  margin:1.5rem 0;border:1px solid var(--li);border-left-width:4px!important}
.asn-l .wp-block-group.has-background p:last-child{margin-bottom:0}
.asn-l div[style*="border-left-color:#f5c518"]{background-color:var(--wab)!important;
  border-color:#F0DCAE;border-left-color:var(--wa)!important}
.asn-l div[style*="border-left-color:#8b0000"]{background-color:var(--nob)!important;
  border-color:#EFC9CC;border-left-color:var(--no)!important}
.asn-l div[style*="border-left-color:#1b5e20"]{background-color:var(--okb)!important;
  border-color:#BFDECD;border-left-color:var(--ok)!important}
.asn-l div[style*="border-left-color:#000082"]{background-color:var(--bg)!important;
  border-left-color:var(--ak)!important}

/* Temperaturskala. Aus Bloecken mit Breitenangabe gebaut, nicht als SVG:
   WordPress entfernt svg-Elemente aus dem Lektionsinhalt. */
.asn-skala{margin:1.7rem 0}
.asn-skala__b{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--li)}
.asn-skala__b>div{padding:1rem .8rem;text-align:center;min-width:0}
.asn-skala__b>div>b{display:block;font-size:.98rem;line-height:1.25}
.asn-skala__b>div>span{display:block;font-size:.8rem;margin-top:.2rem;opacity:.9}
.asn-skala__kalt{background:var(--okb);color:var(--ok)}
.asn-skala__zone{background:var(--nob);color:var(--no);box-shadow:inset 0 0 0 2px var(--no)}
.asn-skala__heiss{background:var(--okb);color:var(--ok)}
.asn-skala__m{display:flex;margin-top:.45rem;font-size:.82rem;color:var(--mu);font-weight:600}
.asn-skala__m>span{flex:1;text-align:center}
.asn-skala__m>span:first-child{text-align:left}
.asn-skala__m>span:last-child{text-align:right}
.asn-skala__f{margin:.7rem 0 0;font-size:.86rem;color:var(--mu)}
@media (max-width:560px){
  .asn-skala__b{flex-direction:column}
  .asn-skala__m{display:none}
}

/* Vertiefung */
.asn-l details{border:1px solid var(--li);border-radius:10px;margin:1rem 0;background:#fff;overflow:hidden}
.asn-l details>summary{cursor:pointer;padding:.85rem 1.15rem;font-weight:600;list-style:none;
  display:flex;align-items:center;gap:.65rem;background:var(--bg);transition:background .18s}
.asn-l details>summary:hover{background:#E9ECF3}
.asn-l details>summary::-webkit-details-marker{display:none}
.asn-l details>summary::before{content:"+";width:23px;height:23px;flex:0 0 23px;border-radius:50%;
  background:var(--ak);color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1.05rem;line-height:1}
/* Minuszeichen als Zeichen, nicht als Escapesequenz. WordPress entfernt
   Backslashes aus dem Beitragsinhalt, die Sequenz wuerde zerbrechen. */
.asn-l details[open]>summary::before{content:"−"}
.asn-l details>*:not(summary){padding-left:1.15rem;padding-right:1.15rem}
.asn-l details>*:last-child{padding-bottom:.95rem}

/* Bestaetigung vor Kursbeginn. Ohne Kontrollkaestchen, die WordPress aus dem
   Lektionsinhalt entfernt. Die Punkte werden gelesen, die Bestaetigung selbst
   erfolgt mit dem Abschluss der Lektion. */
.asn-best{border:2px solid var(--ak);border-radius:12px;padding:1.3rem 1.4rem;margin:1.6rem 0;background:#fff}
.asn-best__t{font-weight:700;margin:0 0 .9rem;color:var(--ak)}
.asn-l ul.asn-best__l{margin:0;padding:0}
.asn-l ul.asn-best__l>li{border:1px solid var(--li);border-radius:9px;padding:.85rem 1rem .85rem 2.9rem;
  margin:0 0 .6rem;position:relative}
.asn-l ul.asn-best__l>li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.1rem;
  height:1.1rem;border-radius:4px;background:var(--ak)}
.asn-l ul.asn-best__l>li::after{content:"";position:absolute;left:1.28rem;top:1.32rem;width:.45rem;
  height:.2rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.asn-best__h{margin:1rem 0 0;font-size:.9rem;color:var(--mu)}

/* Abschluss */
.asn-ende{text-align:center;border:2px dashed var(--li);border-radius:14px;padding:1.7rem 1.3rem;margin:2.2rem 0 0}
.asn-ende__i{width:54px;height:54px;border-radius:50%;background:var(--ak);color:#fff;font-size:1.5rem;
  display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}
.asn-ende b{display:block;font-size:1.15rem;margin-bottom:.3rem}
.asn-ende p{margin:0;color:var(--mu)}

/* Sanftes Einblenden beim Scrollen. Nur wo der Browser es kann, sonst faellt
   es ersatzlos weg. Bei abgeschalteter Bewegung wird es nicht angewandt. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .asn-l>.asn-karten,.asn-l>.asn-test,.asn-l>.asn-zahlen,.asn-l>.asn-ende,
    .asn-l>.wp-block-group{animation:asnAuf linear both;animation-timeline:view();
      animation-range:entry 0% entry 45%}
  }
}
@keyframes asnAuf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.asn-karte__in{transition:none}}

@media (max-width:600px){
  .asn-hero{padding:1.45rem 1.25rem 1.2rem}
  .asn-hero__t{font-size:1.42rem}
  .asn-l ol>li{padding-left:2.85rem}
}
/* Gestaltung der Onlineschulungen, Arbeitssicherheit Neubert.
   Ohne Skript. Alles ist mit der Tastatur bedienbar und wird von
   Vorleseprogrammen in der richtigen Reihenfolge erfasst. */

.asn-l{--nv:#000082;--li:#E1E4EC;--tx:#1B1F29;--bg:#F2F4F7;--mu:#5A6172;
  --ok:#17663F;--okb:#EAF4EE;--no:#A8232B;--nob:#FBEEEF;
  --wa:#8A4A00;--wab:#FFF8E8;--ak:var(--nv);color:var(--tx);line-height:1.62}
.asn-l.m1{--ak:#1A4E8A}.asn-l.m2{--ak:#0F6E62}.asn-l.m3{--ak:#000082}
.asn-l.m4{--ak:#8A5A12}.asn-l.m5{--ak:#5B2A6B}
.asn-l *{box-sizing:border-box}
.asn-l h2,.asn-l h3,.asn-l h4{color:var(--tx);letter-spacing:-.01em}
.asn-l h3{font-size:1.34rem;margin:2.3rem 0 .7rem;padding-left:.85rem;
  border-left:4px solid var(--ak);line-height:1.3}
.asn-l h4{font-size:1.08rem;margin:1.6rem 0 .4rem}
.asn-l img{border-radius:12px;max-width:100%;height:auto}

/* Kopf der Lektion */
.asn-hero{background:var(--ak);color:#fff;border-radius:14px;
  padding:1.9rem 1.9rem 1.5rem;margin:0 0 1.6rem;position:relative;overflow:hidden}
.asn-hero::after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;
  border-radius:50%;background:rgba(255,255,255,.08)}
.asn-hero>*{position:relative}
.asn-hero__m{display:inline-block;font-size:.73rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;background:rgba(255,255,255,.18);padding:.3rem .75rem;border-radius:99px}
.asn-hero__t{font-size:1.8rem;font-weight:700;margin:.8rem 0 .5rem;line-height:1.2;color:#fff}
.asn-hero__s{margin:0;opacity:.93;font-size:1rem;max-width:46em}
.asn-hero__meta{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:1.1rem;font-size:.86rem;opacity:.95}
.asn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.24);margin-top:1rem;overflow:hidden}
.asn-bar i{display:block;height:100%;background:#fff;border-radius:99px}

/* Lernziele */
.asn-ziel{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.15rem 1.35rem;margin:0 0 1.5rem;background:#fff}
.asn-ziel__t{font-weight:700;margin:0 0 .6rem;font-size:1rem}
.asn-ziel ul{list-style:none;margin:0;padding:0}
.asn-ziel li{position:relative;padding-left:1.8rem;margin:.42rem 0}
.asn-ziel li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;
  border-radius:50%;background:var(--ak)}
.asn-ziel li::after{content:"";position:absolute;left:.33rem;top:.67em;width:.4rem;height:.19rem;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* Hoerfassung */
.asn-audio{display:flex;gap:1rem;align-items:flex-start;background:var(--bg);
  border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.7rem;border:1px solid var(--li)}
.asn-audio__i{flex:0 0 42px;height:42px;border-radius:50%;background:var(--ak);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.asn-audio__b{flex:1;min-width:0}
.asn-audio__t{font-weight:700;margin:0 0 .2rem}
.asn-audio__h{margin:0 0 .7rem;font-size:.87rem;color:var(--mu)}
.asn-audio audio{width:100%}

/* Zahlenkacheln */
.asn-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.9rem;margin:1.6rem 0}
.asn-zahl{background:#fff;border:1px solid var(--li);border-radius:12px;padding:1.1rem;text-align:center}
.asn-zahl b{display:block;font-size:1.6rem;line-height:1.15;color:var(--ak);font-weight:800}
.asn-zahl span{display:block;font-size:.85rem;color:var(--mu);margin-top:.35rem}

/* Nummerierte Listen werden zur Schrittfolge. In dieser Schulung sind das
   durchweg Abfolgen, etwa die sieben Grundsaetze oder die Handwaschschritte. */
.asn-l ol{list-style:none;counter-reset:s;margin:1.4rem 0;padding:0;position:relative}
.asn-l ol::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:2px;background:var(--li)}
.asn-l ol>li{counter-increment:s;position:relative;padding:.1rem 0 1rem 3.1rem;margin:0}
.asn-l ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;
  border-radius:50%;background:var(--ak);color:#fff;font-weight:700;display:flex;
  align-items:center;justify-content:center;font-size:.94rem}
.asn-l ol>li>strong:first-child{display:block;margin-bottom:.1rem}
.asn-l ol ol,.asn-l ol ul{margin:.4rem 0 0}
.asn-l ol ol::before{display:none}

/* Aufzaehlungen */
.asn-l ul{list-style:none;margin:1.1rem 0;padding:0}
.asn-l ul>li{position:relative;padding-left:1.5rem;margin:.4rem 0}
.asn-l ul>li::before{content:"";position:absolute;left:.25rem;top:.66em;width:.44rem;height:.44rem;
  border-radius:50%;background:var(--ak)}

/* Begriffskarten.
   Bewusst als details umgesetzt und nicht mit Kontrollkaestchen: WordPress
   entfernt input-Elemente aus dem Lektionsinhalt, details bleibt erhalten.
   Damit bleibt die Karte anklickbar, tastaturbedienbar und vorlesbar. */
.asn-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.asn-l details.asn-karte{border:1px solid var(--li);border-radius:12px;background:#fff;margin:0;
  transition:border-color .2s,box-shadow .2s}
.asn-l details.asn-karte:hover{border-color:var(--ak);box-shadow:0 8px 22px rgba(10,15,60,.08)}
.asn-l details.asn-karte>summary{background:#fff;padding:1.15rem 1.1rem;flex-direction:column;
  align-items:flex-start;gap:.3rem;text-align:left}
.asn-l details.asn-karte>summary:hover{background:#fff}
.asn-l details.asn-karte>summary::before{content:"+";position:absolute;right:1rem;top:1.15rem}
.asn-l details.asn-karte[open]>summary::before{content:"−"}
.asn-l details.asn-karte>summary{position:relative;padding-right:3rem}
.asn-karte__k{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mu);font-weight:700}
.asn-l details.asn-karte>summary b{font-size:1.12rem;color:var(--ak);line-height:1.3;font-weight:700}
.asn-l details.asn-karte[open]{border-color:var(--ak)}
.asn-l details.asn-karte>p{margin:0 0 .95rem;font-size:.95rem}

/* Selbsttest. Die Antwort steckt in einem Aufklappbereich, damit erst
   nachgedacht und dann aufgeloest wird. */
.asn-test{border:1px solid var(--li);border-left:4px solid var(--ak);border-radius:12px;
  padding:1.35rem;margin:1.8rem 0;background:#fff}
.asn-test__k{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ak);margin:0 0 .5rem}
.asn-test__f{font-weight:700;margin:0 0 .95rem;font-size:1.04rem}
  margin:0 0 .45rem;padding-left:.9rem}

/* Vorhandene Kaesten. Sie werden ueber die Randfarbe erkannt, damit der
   Lektionsinhalt selbst nicht umgebaut werden muss. */
.asn-l .wp-block-group.has-background{border-radius:12px!important;padding:1.15rem 1.35rem!important;
  margin:1.5rem 0;border:1px solid var(--li);border-left-width:4px!important}
.asn-l .wp-block-group.has-background p:last-child{margin-bottom:0}
.asn-l div[style*="border-left-color:#f5c518"]{background-color:var(--wab)!important;
  border-color:#F0DCAE;border-left-color:var(--wa)!important}
.asn-l div[style*="border-left-color:#8b0000"]{background-color:var(--nob)!important;
  border-color:#EFC9CC;border-left-color:var(--no)!important}
.asn-l div[style*="border-left-color:#1b5e20"]{background-color:var(--okb)!important;
  border-color:#BFDECD;border-left-color:var(--ok)!important}
.asn-l div[style*="border-left-color:#000082"]{background-color:var(--bg)!important;
  border-left-color:var(--ak)!important}

/* Temperaturskala. Aus Bloecken mit Breitenangabe gebaut, nicht als SVG:
   WordPress entfernt svg-Elemente aus dem Lektionsinhalt. */
.asn-skala{margin:1.7rem 0}
.asn-skala__b{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--li)}
.asn-skala__b>div{padding:1rem .8rem;text-align:center;min-width:0}
.asn-skala__b>div>b{display:block;font-size:.98rem;line-height:1.25}
.asn-skala__b>div>span{display:block;font-size:.8rem;margin-top:.2rem;opacity:.9}
.asn-skala__kalt{background:var(--okb);color:var(--ok)}
.asn-skala__zone{background:var(--nob);color:var(--no);box-shadow:inset 0 0 0 2px var(--no)}
.asn-skala__heiss{background:var(--okb);color:var(--ok)}
.asn-skala__m{display:flex;margin-top:.45rem;font-size:.82rem;color:var(--mu);font-weight:600}
.asn-skala__m>span{flex:1;text-align:center}
.asn-skala__m>span:first-child{text-align:left}
.asn-skala__m>span:last-child{text-align:right}
.asn-skala__f{margin:.7rem 0 0;font-size:.86rem;color:var(--mu)}
@media (max-width:560px){
  .asn-skala__b{flex-direction:column}
  .asn-skala__m{display:none}
}

/* Vertiefung */
.asn-l details{border:1px solid var(--li);border-radius:10px;margin:1rem 0;background:#fff;overflow:hidden}
.asn-l details>summary{cursor:pointer;padding:.85rem 1.15rem;font-weight:600;list-style:none;
  display:flex;align-items:center;gap:.65rem;background:var(--bg);transition:background .18s}
.asn-l details>summary:hover{background:#E9ECF3}
.asn-l details>summary::-webkit-details-marker{display:none}
.asn-l details>summary::before{content:"+";width:23px;height:23px;flex:0 0 23px;border-radius:50%;
  background:var(--ak);color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1.05rem;line-height:1}
/* Minuszeichen als Zeichen, nicht als Escapesequenz. WordPress entfernt
   Backslashes aus dem Beitragsinhalt, die Sequenz wuerde zerbrechen. */
.asn-l details[open]>summary::before{content:"−"}
.asn-l details>*:not(summary){padding-left:1.15rem;padding-right:1.15rem}
.asn-l details>*:last-child{padding-bottom:.95rem}

/* Bestaetigung vor Kursbeginn. Ohne Kontrollkaestchen, die WordPress aus dem
   Lektionsinhalt entfernt. Die Punkte werden gelesen, die Bestaetigung selbst
   erfolgt mit dem Abschluss der Lektion. */
.asn-best{border:2px solid var(--ak);border-radius:12px;padding:1.3rem 1.4rem;margin:1.6rem 0;background:#fff}
.asn-best__t{font-weight:700;margin:0 0 .9rem;color:var(--ak)}
.asn-l ul.asn-best__l{margin:0;padding:0}
.asn-l ul.asn-best__l>li{border:1px solid var(--li);border-radius:9px;padding:.85rem 1rem .85rem 2.9rem;
  margin:0 0 .6rem;position:relative}
.asn-l ul.asn-best__l>li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.1rem;
  height:1.1rem;border-radius:4px;background:var(--ak)}
.asn-l ul.asn-best__l>li::after{content:"";position:absolute;left:1.28rem;top:1.32rem;width:.45rem;
  height:.2rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.asn-best__h{margin:1rem 0 0;font-size:.9rem;color:var(--mu)}

/* Abschluss */
.asn-ende{text-align:center;border:2px dashed var(--li);border-radius:14px;padding:1.7rem 1.3rem;margin:2.2rem 0 0}
.asn-ende__i{width:54px;height:54px;border-radius:50%;background:var(--ak);color:#fff;font-size:1.5rem;
  display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}
.asn-ende b{display:block;font-size:1.15rem;margin-bottom:.3rem}
.asn-ende p{margin:0;color:var(--mu)}

/* Sanftes Einblenden beim Scrollen. Nur wo der Browser es kann, sonst faellt
   es ersatzlos weg. Bei abgeschalteter Bewegung wird es nicht angewandt. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .asn-l>.asn-karten,.asn-l>.asn-test,.asn-l>.asn-zahlen,.asn-l>.asn-ende,
    .asn-l>.wp-block-group{animation:asnAuf linear both;animation-timeline:view();
      animation-range:entry 0% entry 45%}
  }
}
@keyframes asnAuf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.asn-karte__in{transition:none}}

@media (max-width:600px){
  .asn-hero{padding:1.45rem 1.25rem 1.2rem}
  .asn-hero__t{font-size:1.42rem}
  .asn-l ol>li{padding-left:2.85rem}
}
/* ============================================================
   Nachtrag zur Kursgestaltung, Arbeitssicherheit Neubert
   Bitte UNTEN an das bereits eingefügte CSS anhängen.
   Am 18.08.2026 live gegengeprüft.
   ============================================================ */

/* 1. Doppelte Überschrift im Kursmodus.
      Sensei zeigt Modul und Lektionstitel selbst über dem Inhalt an, der
      Lektionskopf hat beides wiederholt. Im Kursmodus daher ausblenden.
      Außerhalb des Kursmodus, etwa bei den frei lesbaren Leseproben,
      bleibt der vollständige Kopf erhalten. */
body.sensei-course-theme .asn-hero__m,
body.sensei-course-theme .asn-hero__t{display:none}
body.sensei-course-theme .asn-hero{padding-top:1.4rem}
body.sensei-course-theme .asn-hero__s{font-size:1.1rem;font-weight:600}

/* 2. Schaltflächen von Sensei in der Hausfarbe.
      Sensei liefert sie in Türkis mit dunkler Schrift, das ist nicht die
      Hausfarbe und der Kontrast ist schwach. Bewusst auf den Kursmodus
      begrenzt, damit Shop und übrige Seiten unberührt bleiben. */
body.sensei-course-theme{--sensei-primary-color:#000082;--sensei-primary-contrast-color:#ffffff}
body.sensei-course-theme .wp-block-button__link,
body.sensei-course-theme button.wp-block-button__link,
body.sensei-course-theme .sensei-course-theme__button{
  background-color:#000082 !important;
  border-radius:6px !important;
  font-weight:700 !important}
body.sensei-course-theme .wp-block-button__link,
body.sensei-course-theme .wp-block-button__link *,
body.sensei-course-theme button.wp-block-button__link,
body.sensei-course-theme .sensei-course-theme__button,
body.sensei-course-theme .sensei-course-theme__button *{color:#ffffff !important}

.asn-test__hin{font-size:.88rem;color:var(--mu);margin:0 0 .9rem}
.asn-l details.asn-tw{border:1px solid var(--li);border-radius:9px;background:#fff;margin:0 0 .5rem;transition:border-color .18s,background .18s}
.asn-l details.asn-tw:hover{border-color:var(--ak)}
.asn-l details.asn-tw>summary{background:#fff;padding:.7rem .95rem;gap:.7rem;font-weight:400}
.asn-l details.asn-tw>summary:hover{background:#fff}
.asn-l details.asn-tw>summary>b{color:var(--ak);font-weight:700;margin-right:.15rem}
.asn-l details.asn-tw>summary::before{content:"";width:20px;height:20px;flex:0 0 20px;border:2px solid #C7CCD9;background:#fff;border-radius:50%;font-size:.8rem}
.asn-l details.asn-tw:hover>summary::before{border-color:var(--ak)}
.asn-l details.asn-tw--r[open]{border-color:var(--ok);background:var(--okb)}
.asn-l details.asn-tw--r[open]>summary{background:var(--okb);font-weight:600}
.asn-l details.asn-tw--r[open]>summary::before{content:"✓";background:var(--ok);border-color:var(--ok);color:#fff;font-weight:700}
.asn-l details.asn-tw--f[open]{border-color:var(--no);background:var(--nob)}
.asn-l details.asn-tw--f[open]>summary{background:var(--nob)}
.asn-l details.asn-tw--f[open]>summary::before{content:"✕";background:var(--no);border-color:var(--no);color:#fff;font-weight:700}
.asn-l details.asn-tw>p{margin:.2rem 0 .85rem;font-size:.93rem;padding-left:2.6rem}