/*! Urheber: Steve Wagner, toolranzen.de — 2026. Jede Nutzung außerhalb von toolranzen.de bedarf der Erlaubnis. */

.sw-lesson,
.sw-lesson * { box-sizing: border-box; }

.sw-lesson {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  color: var(--color-text);
}

@media screen {
  .sw-lesson {
    max-width: 1180px;
    margin-inline: auto;
    padding-inline: clamp(1.25rem, 5vw, 3rem);
  }
}
.sw-lesson .lesson-burger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  align-self: flex-start;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font-family: var(--font-display);
  font-weight: var(--fw-semi);
  font-size: var(--text-sm);
  cursor: pointer;
}
.sw-lesson .lesson-burger svg { width: 18px; height: 18px; }

@media (min-width: 1024px) {
  .sw-lesson { flex-direction: row; align-items: flex-start; flex-wrap: wrap; }
  .sw-lesson .lesson-burger { display: none; }
}


.sw-lesson .lesson-nav {
  display: none;
  flex-direction: column;
  gap: var(--space-md);
  width: 100%;
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}
.sw-lesson .lesson-nav.is-open { display: flex; }

@media (min-width: 1024px) {
  .sw-lesson .lesson-nav {
    display: flex;
    flex: 0 0 300px;
    position: sticky;
    top: calc(var(--header-height) + var(--space-lg));
    max-height: calc(100vh - var(--header-height) - var(--space-2xl));
    overflow-y: auto;
  }
}

@media (min-width: 1024px) {
  .sw-lesson--navright .lesson-nav  { order: 2; }
  .sw-lesson--navright .lesson-main { order: 1; }
}

.sw-lesson .lesson-nav__head { text-align: center; padding-bottom: var(--space-md); border-bottom: 1px solid var(--color-border); }
.sw-lesson .lesson-nav__badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin-bottom: var(--space-sm);
  border-radius: var(--radius-full);
  background: var(--color-primary-pale); color: var(--color-primary);
}
.sw-lesson .lesson-nav__badge svg { width: 22px; height: 22px; }
.sw-lesson .lesson-nav__eyebrow {
  margin: 0 0 var(--space-xs);
  font-family: var(--font-display); font-weight: var(--fw-semi);
  font-size: var(--text-xs); letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--color-text-light);
}
.sw-lesson .lesson-nav__title { margin: 0; font-size: var(--text-lg); line-height: var(--lh-tight); }

.sw-lesson .lesson-nav__list { display: flex; flex-direction: column; gap: var(--space-xs); }

.sw-lesson .lesson-nav .widget-page-tree { margin: 0; }
.sw-lesson .lesson-nav .widget-title {
  margin: 0 0 var(--space-sm);
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.sw-lesson .lesson-nav .page-tree-list a {
  border-left: 3px solid transparent;
  font-family: var(--font-display);
  padding: var(--space-xs) var(--space-sm);
  min-height: 44px;                      /* Tap-Ziel */
  display: flex;
  align-items: center;
}
.sw-lesson .lesson-nav .page-tree-list a[aria-current="page"] {
  border-left-color: var(--color-primary);
  font-weight: var(--fw-semi);
}
.sw-lesson .lesson-nav .page-tree-list .group-label { padding-left: var(--space-sm); }

.sw-lesson .lesson-main { flex: 1 1 0; min-width: 0; }

.sw-lesson .lesson-panel { display: flex; flex-direction: column; gap: var(--space-lg); }
.sw-lesson .lesson-panel[hidden] { display: none; }

.sw-lesson .lesson-panel__header {
  display: flex; align-items: center; gap: var(--space-md);
  padding: var(--space-lg); border-radius: var(--radius-lg);
  background: var(--color-primary-pale); border-left: 6px solid var(--color-primary);
}
.sw-lesson .lesson-panel__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; flex: 0 0 auto;
  border-radius: var(--radius-full); background: var(--color-surface); color: var(--color-primary);
}
.sw-lesson .lesson-panel__icon svg { width: 26px; height: 26px; }
.sw-lesson .lesson-panel__header h2 { margin: 0 0 var(--space-xs); font-size: var(--text-xl); }
.sw-lesson .lesson-panel__header p { margin: 0; color: var(--color-text-muted); }

.sw-lesson .lesson-body {
  padding: var(--space-lg); border-radius: var(--radius-lg);
  background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow-card);
}
.sw-lesson .lesson-body__title {
  display: flex; align-items: center; gap: var(--space-sm);
  margin: 0 0 var(--space-md); padding-bottom: var(--space-sm);
  border-bottom: 1px solid var(--color-border); font-size: var(--text-lg);
}
.sw-lesson .lesson-body__title svg { width: 20px; height: 20px; color: var(--color-primary); flex: 0 0 auto; }

.sw-lesson .lesson-prose { font-family: var(--font-body); line-height: var(--lh-normal); }
.sw-lesson .lesson-prose > p { margin: 0 0 var(--space-md); }
.sw-lesson .lesson-prose h3 {
  margin: var(--space-lg) 0 var(--space-sm); font-family: var(--font-display);
  font-size: var(--text-lg); font-weight: var(--fw-semi);
}
.sw-lesson .lesson-prose ul,
.sw-lesson .lesson-prose ol { margin: 0 0 var(--space-md); padding-left: 1.3em; }
.sw-lesson .lesson-prose li { margin-bottom: var(--space-xs); }
.sw-lesson .lesson-prose strong { font-weight: var(--fw-semi); }

.sw-lesson .lesson-grid-2 {
  display: grid; grid-template-columns: 1fr; gap: var(--space-md);
  margin: var(--space-md) 0;
}
@media (min-width: 700px) { .sw-lesson .lesson-grid-2 { grid-template-columns: 1fr 1fr; } }

.sw-lesson .lesson-grid-3 {
  display: grid; grid-template-columns: 1fr; gap: var(--space-md);
  margin: var(--space-md) 0; text-align: center;
}
@media (min-width: 700px) { .sw-lesson .lesson-grid-3 { grid-template-columns: repeat(3, 1fr); align-items: stretch; } }

.sw-lesson .lesson-card {
  padding: var(--space-md); border-radius: var(--radius-md);
  background: var(--color-surface-warm); border-left: 4px solid var(--lesson-accent, var(--color-primary));
}
.sw-lesson .lesson-card h3,
.sw-lesson .lesson-card h4 {
  display: flex; align-items: center; gap: var(--space-xs);
  margin: 0 0 var(--space-sm); font-size: var(--text-base);
}
.sw-lesson .lesson-card h3 svg,
.sw-lesson .lesson-card h4 svg { width: 18px; height: 18px; color: var(--lesson-accent, var(--color-primary)); flex: 0 0 auto; }
.sw-lesson .lesson-card ul { font-size: var(--text-sm); }
.sw-lesson .lesson-card ul,
.sw-lesson .lesson-card ol { text-align: left; }


.sw-lesson .lesson-plus {
  display: flex; align-items: center; justify-content: center;
  color: var(--color-text-light);
}
.sw-lesson .lesson-plus svg { width: 24px; height: 24px; }

.sw-lesson .lesson-result {
  margin-top: var(--space-md); padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-md); border: 2px solid var(--color-error);
  background: var(--color-primary-pale); color: var(--color-error);
  font-weight: var(--fw-bold); font-size: var(--text-lg); text-align: center;
}

.sw-lesson .lesson-inline-box {
  padding: var(--space-lg); border-radius: var(--radius-lg); margin: var(--space-md) 0;
  background: var(--color-surface-warm); border: 1px solid var(--color-border);
}
.sw-lesson .lesson-inline-box__title {
  margin: 0 0 var(--space-md); padding-bottom: var(--space-sm);
  border-bottom: 1px solid var(--color-border); font-size: var(--text-lg);
}
.sw-lesson .lesson-mini-box {
  padding: var(--space-md); border-radius: var(--radius-sm); text-align: center;
  background: var(--color-surface); border: 1px solid var(--color-border);
}
.sw-lesson .lesson-mini-box strong { display: block; margin-bottom: var(--space-xs); color: var(--lesson-accent, var(--color-primary)); }
.sw-lesson .lesson-mini-box p { margin: 0; font-size: var(--text-sm); }

.sw-lesson .lesson-callout {
  padding: var(--space-md); border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent); background: var(--color-accent-soft);
}
.sw-lesson .lesson-callout h3,
.sw-lesson .lesson-callout h4 { margin: 0 0 var(--space-sm); color: var(--color-accent-hover); }
.sw-lesson .lesson-callout p { margin: 0 0 var(--space-sm); font-size: var(--text-sm); }
.sw-lesson .lesson-callout ul { font-size: var(--text-sm); margin: 0; }

.sw-lesson .lesson-fremdraum {
  margin: 0 0 var(--space-md);
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  background: var(--color-surface-warm);
  font-size: var(--text-sm);
  line-height: var(--lh-normal);
}
.sw-lesson .lesson-fremdraum p { margin: 0; }
.sw-lesson .lesson-fremdraum__zeile {
  display: flex; flex-wrap: wrap; gap: var(--space-sm);
  margin-block-start: var(--space-xs);
}
.sw-lesson .lesson-fremdraum__zeile a,
.sw-lesson .lesson-fremdraum__zeile button {
  padding: 0; border: 0; background: none;
  font: inherit; font-weight: var(--fw-semi);
  color: var(--color-primary-ink); cursor: pointer;
  text-decoration: underline;
}

.sw-lesson .lesson-hint {
  display: flex; align-items: flex-start; gap: var(--space-xs);
  margin-top: var(--space-md); padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm); background: var(--color-accent-soft);
  color: var(--color-text); font-size: var(--text-sm);
}
.sw-lesson .lesson-hint svg { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--color-accent); }

.sw-lesson .lesson-steps { display: flex; flex-direction: column; gap: var(--space-md); margin: var(--space-md) 0; }
.sw-lesson .lesson-step { display: flex; gap: var(--space-md); padding: var(--space-md); border-radius: var(--radius-md); background: var(--color-surface-warm); border-left: 4px solid var(--lesson-accent, var(--color-primary)); }
.sw-lesson .lesson-step__num {
  display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 40px; height: 40px; border-radius: var(--radius-full);
  background: var(--color-surface); color: var(--lesson-accent, var(--color-primary));
  font-family: var(--font-display); font-weight: var(--fw-bold);
}
.sw-lesson .lesson-step h3,
.sw-lesson .lesson-step h4 { margin: 0 0 var(--space-xs); font-size: var(--text-base); }
.sw-lesson .lesson-step p { margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }

.sw-lesson .lesson-figures { display: grid; grid-template-columns: 1fr; gap: var(--space-md); margin: var(--space-md) 0; }
@media (min-width: 700px) { .sw-lesson .lesson-figures { grid-template-columns: 1fr 1fr; } }
.sw-lesson .lesson-figure { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--color-border); background: var(--color-surface); }
.sw-lesson .lesson-figure__art { height: 180px; background: var(--color-primary-pale); display: flex; align-items: center; justify-content: center; }
.sw-lesson .lesson-figure__art svg { width: 100%; height: 100%; }
.sw-lesson .lesson-figure__art picture,
.sw-lesson .lesson-figure__art img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}
.sw-lesson .lesson-figures--symbol .lesson-figure__art picture,
.sw-lesson .lesson-figures--symbol .lesson-figure__art img {
  object-fit: contain;
  padding: var(--space-sm);
  box-sizing: border-box;
}
.sw-lesson .lesson-figure__body { padding: var(--space-md); }
.sw-lesson .lesson-figure__body h3,
.sw-lesson .lesson-figure__body h4 { margin: 0 0 var(--space-xs); }
.sw-lesson .lesson-figure__body p { margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }

.sw-lesson .lesson-facts { display: grid; grid-template-columns: 1fr; gap: var(--space-md); margin: var(--space-md) 0; text-align: center; }
@media (min-width: 700px) { .sw-lesson .lesson-facts { grid-template-columns: repeat(3, 1fr); } }
.sw-lesson .lesson-fact { padding: var(--space-md); border-radius: var(--radius-md); background: var(--color-surface-warm); }
.sw-lesson .lesson-fact__ico { font-size: var(--text-xl); margin-bottom: var(--space-xs); }
.sw-lesson .lesson-fact strong { display: block; margin-bottom: var(--space-xs); }
.sw-lesson .lesson-fact p { margin: 0; font-size: var(--text-xs); color: var(--color-text-muted); }

.sw-lesson .lesson-tasks {
  margin-block-start: var(--space-xl);
  padding: var(--space-lg); border-radius: var(--radius-lg);
  background: var(--color-surface-warm); border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}
.sw-lesson .lesson-tasks__title {
  display: flex; align-items: center; gap: var(--space-sm);
  margin: 0 0 var(--space-md); font-size: var(--text-lg);
}
.sw-lesson .lesson-tasks__title svg { width: 20px; height: 20px; color: var(--color-primary); }

.sw-lesson .lesson-task-body {
  padding: var(--space-md); border-radius: var(--radius-md);
  background: var(--color-surface-warm); border: 1px solid var(--color-border);
  min-height: 100px;
}

.sw-lesson .lesson-meta {
  display: flex; flex-wrap: wrap; gap: var(--space-xs);
  margin: 0 0 var(--space-md); padding: 0; list-style: none;
}
.sw-lesson .lesson-meta li {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px var(--space-sm);
  border-radius: var(--radius-full);
  background: var(--color-surface-warm);
  border: 1px solid var(--color-border);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.sw-lesson .lesson-meta svg { width: 14px; height: 14px; }
.sw-lesson .lesson-meta li.is-offline {
  background: var(--color-accent-soft);
  border-color: var(--color-accent);
  color: var(--color-text);
}

.sw-lesson .lesson-pager {
  display: flex; flex-wrap: wrap; gap: var(--space-sm);
  justify-content: space-between;
  margin-top: var(--space-lg);
}
.sw-lesson .lesson-pager a {
  display: inline-flex; align-items: center; gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  min-height: 44px;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  font-family: var(--font-display);
  font-weight: var(--fw-semi);
  font-size: var(--text-sm);
  text-decoration: none;
  color: var(--color-text);
}
.sw-lesson .lesson-pager a:hover { background: var(--color-primary-pale); }
.sw-lesson .lesson-pager svg { width: 16px; height: 16px; }
.sw-lesson .lesson-pager__next { margin-left: auto; }

.sw-lesson .lr-btn {
  padding: .85em 1.5em;
  font-weight: 600;
  transition: transform .2s var(--sw-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              background .2s var(--sw-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              border-color .2s var(--sw-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              box-shadow .2s var(--sw-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.sw-lesson .lr-btn:hover:not(:disabled) { transform: translateY(-2px); }
.sw-lesson .lr-btn--primary {
  box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--color-primary) 65%, transparent);
}
.sw-lesson .lr-btn--klein { padding: .5em .9em; }
.sw-lesson .lr-btn--symbol { padding-inline: 0; }

@media (prefers-reduced-motion: reduce) {
  .sw-lesson .lr-btn { transition: none; }
  .sw-lesson .lr-btn:hover:not(:disabled) { transform: none; }
}


.sw-lesson .lesson-main { counter-reset: lesson-station; }

.sw-lesson .lesson-station {
  counter-increment: lesson-station;
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}
.sw-lesson .lesson-station + .lesson-station { margin-top: var(--space-2xl); }

.sw-lesson .lesson-station__title {
  display: flex; align-items: baseline; gap: var(--space-sm);
  margin: 0 0 var(--space-sm);
  font-size: var(--text-xl);
}
.sw-lesson .lesson-station__title::before {
  content: counter(lesson-station);
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 1.9em; block-size: 1.9em;
  border-radius: var(--radius-full);
  background: var(--color-primary); color: var(--color-on-primary);
  font-family: var(--font-display); font-weight: var(--fw-bold);
  font-size: .7em; line-height: 1;
}
.sw-lesson .lesson-station__kicker {
  margin: 0 0 var(--space-xs);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-primary-ink);
}

.sw-lesson .lesson-station__intro {
  font-family: var(--font-body);
  line-height: var(--lh-normal);
  margin: 0 0 var(--space-sm);
}
.sw-lesson .lesson-station__lead {
  margin: 0 0 var(--space-lg);
  font-family: var(--font-display);
  font-weight: var(--fw-semi);
}
.sw-lesson .lesson-station__task {
  margin: 0 0 var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-md);
  background: var(--color-primary-pale);
  font-family: var(--font-display);
  font-weight: var(--fw-semi);
}
.sw-lesson .lesson-station__howto {
  margin: 0 0 var(--space-md);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.sw-lesson .lesson-station > .lesson-merksatz + *:not(.lesson-tasks) { margin-block-start: var(--space-lg); }
.sw-lesson .lesson-station > .lesson-tasks + *:not(.lesson-tasks),
.sw-lesson .lesson-station > .lesson-callout + *:not(.lesson-tasks),
.sw-lesson .lesson-station > .lesson-help + :not(.lesson-help):not(.lesson-tasks) { margin-block-start: var(--space-md); }

.sw-lesson .lesson-help { margin-top: var(--space-md); }
.sw-lesson .lesson-help + .lesson-help { margin-top: var(--space-sm); }
.sw-lesson .lesson-help > summary {
  cursor: pointer;
  display: flex; align-items: center; gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  min-height: 44px;
  border-radius: var(--radius-full);
  background: var(--color-surface-warm);
  border: 1px solid var(--color-border);
  font-family: var(--font-display);
  font-weight: var(--fw-semi);
  font-size: var(--text-sm);
}
.sw-lesson .lesson-help > summary svg { width: 16px; height: 16px; flex: 0 0 auto; }
.sw-lesson .lesson-help > div {
  padding: var(--space-md);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: var(--lh-normal);
}
.sw-lesson .lesson-help--pro > summary {
  background: var(--color-secondary-pale);
  border-color: var(--color-secondary-light);
}

.sw-lesson .lesson-hefteintrag {
  margin: 0 0 var(--space-md);
  padding: var(--space-md) var(--space-lg) var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}
.sw-lesson .lesson-hefteintrag__label {
  display: block;
  margin: 0 0 var(--space-sm);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.sw-lesson .lesson-hefteintrag__ueberschrift {
  margin: 0 0 var(--space-sm);
  padding-bottom: var(--space-sm);
  font-size: var(--text-base);
  color: var(--color-text-muted);
}
.sw-lesson .lesson-hefteintrag__ueberschrift strong {
  display: block;
  margin-top: 2px;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  color: var(--color-text);
}
.sw-lesson .lesson-hefteintrag__satz {
  margin: 0;
  line-height: 1.9;
  font-size: var(--text-base);
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(1.9em - 1px),
    var(--color-border) calc(1.9em - 1px),
    var(--color-border) 1.9em
  );
}
.sw-lesson .lesson-hefteintrag__satz + .lesson-hefteintrag__satz {
  margin-top: var(--space-sm);
}
.sw-lesson .lesson-hefteintrag__luecke {
  display: inline-block;
  min-width: 9ch;
  margin: 0 2px;
  border-bottom: 2px solid var(--color-text);
  vertical-align: baseline;
}
.sw-lesson .lesson-hefteintrag__luecke.is-geloest {
  min-width: 0;
  padding: 0 .3em;
  border-radius: var(--radius-sm);
  background: var(--color-primary-pale);
  color: var(--color-primary-ink);
  font-weight: var(--fw-semi);
}

.sw-lesson .lesson-merksatz {
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  background: var(--color-surface);
}
.sw-lesson .lesson-merksatz__label {
  display: inline-block;
  margin-bottom: var(--space-sm);
  padding: 2px var(--space-sm);
  border-radius: var(--radius-full);
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.sw-lesson .lesson-merksatz__text {
  margin: 0 0 var(--space-md);
  font-family: var(--font-body);
  font-size: var(--text-lg);
  line-height: var(--lh-normal);
}
.sw-lesson .lesson-merksatz__text:last-child { margin-bottom: 0; }
.sw-lesson .lesson-merksatz__text em {
  font-style: normal;
  font-weight: var(--fw-bold);
  color: var(--color-primary-ink);
}


.sw-lesson .lesson-kopfbild {
  margin: 0 0 var(--space-xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-surface-warm);
}
.sw-lesson .lesson-kopfbild img {
  display: block; inline-size: 100%; block-size: auto;
  aspect-ratio: 4 / 3; object-fit: cover;
}

.sw-lesson .lesson-aufgabenbild {
  margin: 0 auto var(--space-md);
  max-inline-size: 100%;
}
.sw-lesson .lesson-aufgabenbild img {
  display: block; inline-size: 100%; block-size: auto;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-md);
  background: var(--color-surface-warm);
}
.sw-lesson .lesson-aufgabenbild figcaption {
  margin-block-start: var(--space-xs);
  font-size: var(--text-sm); color: var(--color-text-muted);
  text-align: center;
}
.sw-lesson .lesson-aufgabenbild figcaption b {
  display: block;
  color: var(--color-text);
}
.sw-lesson .lesson-aufgabenbild__hinweis {
  display: block;
  margin-block-start: var(--space-2xs, .25rem);
  font-family: var(--font-body);
  line-height: var(--lh-normal);
}

/* Urheber: Steve Wagner, toolranzen.de — 2026. Jede Nutzung außerhalb von toolranzen.de bedarf der Erlaubnis. */