/* dgm_section_duo (Themen task 20, 2026-11-12, agent D): complete in itself. The rules of Tools/ThemenRedesign/design/
   assets/themen.css for the band (audienceStepsV2) and the strip (learnStripV2), rule for rule, classes tm-* renamed th-*,
   the tokens of themen.css's :root as --th-* on the frame. Nothing redesigned. */
.frame-type-dgm_section_duo { --th-primary: #00abe3; --th-deep: #007aa8; --th-ink: #003e52; --th-text: #0f172a; --th-muted: #475569; --th-border: rgb(227 232 236);
  --th-shadow: 0 1px 2px rgb(15 34 51 / .04), 0 10px 30px -18px rgb(15 34 51 / .2); }
/* the frame's rhythm as about.css gives the html element's frame (.frame-type-html:last-child) */
#crm__widgets#crm__widgets section.dgm-ex-root .frame-type-dgm_section_duo:last-child { margin-bottom: 0; }

/* ---------- Für wen + Mitmachen band ---------- */
#crm__widgets .th-pill { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px; padding: 4px 10px; border: 1px solid rgb(0 171 227 / .3); border-radius: 999px; background: rgb(0 171 227 / .08); color: var(--th-primary); font: 700 11px/1.2 Theme-Font, Inter, sans-serif; letter-spacing: 1.1px; text-transform: uppercase; }
#crm__widgets .th-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: min(1200px, 100vw - 48px); margin: 0 calc((100% - min(1200px, 100vw - 48px)) / 2); border-radius: 28px; overflow: hidden; border: 1px solid rgb(0 171 227 / .18); }
#crm__widgets .th-band__half { padding: 40px 40px 44px; background: linear-gradient(160deg, rgb(0 171 227 / .07), rgb(0 171 227 / .02)); }
#crm__widgets .th-band__half--steps { background: linear-gradient(160deg, var(--th-ink), #00212c); color: #fff; }
#crm__widgets .th-band__head { margin: 0 0 24px; scroll-margin-top: 140px; }
#crm__widgets .th-band__title { margin: 0 0 8px; color: var(--th-text); font: 700 28px/1.2 Heading-Font, "Inter Tight", Inter, sans-serif; letter-spacing: -.7px; }
#crm__widgets .th-band__lead { margin: 0; color: var(--th-muted); font: 400 16px/1.6 Theme-Font, Inter, sans-serif; }
#crm__widgets .th-band__half--steps .th-band__title { color: #fff; }
#crm__widgets .th-band__half--steps .th-band__lead { color: rgb(255 255 255 / .75); }
#crm__widgets .th-band__half--steps .th-pill { border-color: rgb(255 255 255 / .22); background: rgb(255 255 255 / .06); color: #7fd8f5; }
#crm__widgets .th-aud { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
#crm__widgets .th-aud__row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; align-items: start; margin: 0; padding: 14px; border: 1px solid var(--th-border); border-radius: 18px; background: #fff; }
#crm__widgets .th-aud__row img { display: block; width: 112px; height: 112px; border-radius: 12px; object-fit: cover; }
#crm__widgets .th-aud__name { margin: 2px 0 6px; color: var(--th-text); font: 700 17px/1.3 Heading-Font, "Inter Tight", Inter, sans-serif; }
#crm__widgets .th-aud__text { margin: 0; color: var(--th-muted); font: 400 14.5px/1.55 Theme-Font, Inter, sans-serif; }
#crm__widgets .th-steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: none; }
#crm__widgets .th-steps__item { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; margin: 0; padding: 0 0 28px; }
#crm__widgets .th-steps__item:not(:last-child)::before { content: ""; position: absolute; left: 27px; top: 56px; bottom: 4px; width: 2px; background: linear-gradient(rgb(127 216 245 / .5), rgb(127 216 245 / .1)); }
#crm__widgets .th-steps__no { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid rgb(127 216 245 / .45); border-radius: 50%; background: rgb(255 255 255 / .06); color: #7fd8f5; font: 800 18px/1 Heading-Font, "Inter Tight", Inter, sans-serif; }
#crm__widgets .th-steps__title { margin: 6px 0 6px; color: #fff; font: 700 18px/1.3 Heading-Font, "Inter Tight", Inter, sans-serif; }
#crm__widgets .th-steps__text { margin: 0; color: rgb(255 255 255 / .78); font: 400 15px/1.6 Theme-Font, Inter, sans-serif; }
#crm__widgets .th-steps__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 9px 16px; border-radius: 10px; background: var(--th-primary); color: #fff !important; font: 600 14px/1 Theme-Font, Inter, sans-serif; text-decoration: none; }
#crm__widgets .th-steps__link:hover { background: var(--th-deep); }
@media (max-width: 899.98px) { #crm__widgets .th-band { grid-template-columns: minmax(0, 1fr); border-radius: 20px; } #crm__widgets .th-band__half { padding: 28px 20px; } #crm__widgets .th-aud__row { grid-template-columns: 80px minmax(0, 1fr); } #crm__widgets .th-aud__row img { width: 80px; height: 80px; } }

/* ---------- Weiterbildung + Projekte strip ---------- */
#crm__widgets .th-strip { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 32px; width: min(1200px, 100vw - 48px); margin: 0 calc((100% - min(1200px, 100vw - 48px)) / 2); }
#crm__widgets .th-strip__head { margin: 0 0 18px; scroll-margin-top: 140px; }
#crm__widgets .th-strip__title { margin: 0 0 6px; color: var(--th-text); font: 700 24px/1.25 Heading-Font, "Inter Tight", Inter, sans-serif; letter-spacing: -.6px; }
#crm__widgets .th-strip__lead { margin: 0; color: var(--th-muted); font: 400 15.5px/1.6 Theme-Font, Inter, sans-serif; }
#crm__widgets .th-strip__cards { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
#crm__widgets .th-strip__cards--logos { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
#crm__widgets .th-strip__cards > li { margin: 0; display: flex; }
#crm__widgets .th-strip__card { display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 18px; border: 1px solid var(--th-border); border-radius: 16px; background: #fff; box-shadow: var(--th-shadow); color: var(--th-text); text-decoration: none; transition: border-color .2s, transform .2s; }
#crm__widgets a.th-strip__card:hover { border-color: rgb(0 171 227 / .5); transform: translateY(-2px); }
#crm__widgets a.th-strip__card:focus-visible { outline: 2px solid var(--th-primary); outline-offset: 2px; }
#crm__widgets .th-strip__card--ak { background: linear-gradient(160deg, #fff, rgb(0 171 227 / .06)); }
#crm__widgets .th-strip__icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 10px; background: rgb(0 171 227 / .12); color: var(--th-primary); }
#crm__widgets .th-strip__logo { display: block; margin: -6px -6px 8px; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; background: #fff; }
#crm__widgets .th-strip__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
#crm__widgets .th-strip__t { font: 700 16px/1.3 Heading-Font, "Inter Tight", Inter, sans-serif; }
#crm__widgets .th-strip__d { color: var(--th-muted); font: 400 14px/1.55 Theme-Font, Inter, sans-serif; }
#crm__widgets .th-strip__go { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; color: var(--th-primary); font: 600 14px/1.3 Theme-Font, Inter, sans-serif; }
@media (max-width: 899.98px) { #crm__widgets .th-strip { grid-template-columns: minmax(0, 1fr); } }
/* 2026-11-11 shorter copy: the two halves of the band end on one line (lists fill the half, extra space between rows),
   the four portals stay equally tall in every grid */
@media (min-width: 900px) {
  #crm__widgets .th-band__half { display: flex; flex-direction: column; }
  #crm__widgets .th-band__half > .th-aud { flex: 1; align-content: space-between; }
  /* the steps grow (their connector lines with them), the last one sits on the bottom line */
  #crm__widgets .th-band__half > .th-steps { flex: 1; display: flex; flex-direction: column; }
  #crm__widgets .th-steps__item { flex: 1 0 auto; }
  #crm__widgets .th-steps__item:last-child { flex: none; padding-bottom: 0; }
}
/* QA 13: "Projekte und Partner" without orphans (three or five cards: rows of three, centred; four: two by two), and
   both halves of the strip end on one line */
#crm__widgets .th-strip { align-items: stretch; }
#crm__widgets .th-strip__group { display: flex; flex-direction: column; }
#crm__widgets .th-strip__group > .th-strip__cards { flex: 1; }
#crm__widgets .th-strip__group--ak > .th-strip__cards { grid-auto-rows: 1fr; }
#crm__widgets .th-strip__cards--logos { display: flex; flex-wrap: wrap; justify-content: center; align-content: stretch; }
#crm__widgets .th-strip__cards--logos > li { flex: 0 0 calc((100% - 14px) / 2); display: flex; }
#crm__widgets .th-strip__cards--logos:is(:has(> li:nth-child(3):last-child), :has(> li:nth-child(5):last-child), :has(> li:nth-child(6))) > li { flex-basis: calc((100% - 28px) / 3); }
#crm__widgets .th-strip__cards--logos > li > .th-strip__card { flex: 1; }
/* QA 2026-11-11 (themen.css): words break inside the cards (hyphenation in the page's language first) */
#crm__widgets :is(.th-strip__card, .th-aud__row, .th-steps__item) { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
#crm__widgets :is(.th-strip__t, .th-strip__d) { min-width: 0; max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  #crm__widgets a.th-strip__card { transition: none !important; transform: none !important; }
}

/* ---------- Akademie task P1 (2026-11-13), additive: the layouts "topics" and "quotes" (classes du-*, only in these two
   layouts; band and strip above are untouched). Family: navy text #003e52, cyan #00abe3 for links and accents, bright
   grounds, hairlines, prints with a white edge; body 16 px, nothing under 12 px. ---------- */
#crm__widgets .du-ak { --du-ink: #003e52; --du-text: #475569; --du-acc: #00abe3; --du-line: rgb(0 62 82 / .12); --du-sky: #f4fbfe; --du-sky2: #e6f6fd;
  --du-w: min(1200px, 100vw - 48px); width: var(--du-w); margin: 0 calc((100% - var(--du-w)) / 2); color: var(--du-ink); font-family: "Theme-Font", Inter, system-ui, sans-serif; }
#crm__widgets .du-ak :where(ul) { margin: 0; padding: 0; list-style: none; }
#crm__widgets .du-ak :where(li) { margin: 0; padding: 0; }
#crm__widgets .du-ak :where(li)::before { content: none; }
#crm__widgets .du-ak a { text-decoration: none; }
#crm__widgets .du-head { max-width: 640px; margin: 0 0 32px; scroll-margin-top: 140px; }
#crm__widgets .du-head__pill { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px; color: var(--du-acc); font: 700 13px/1.3 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-head__h2 { margin: 0; color: var(--du-ink); font: 700 clamp(28px, 2.7vw, 40px)/1.1 "Heading-Font", "Inter Tight", Inter, sans-serif; letter-spacing: -.02em; text-wrap: balance; }
#crm__widgets .du-head__lead { margin: 14px 0 0; color: var(--du-text); font: 400 17px/1.6 "Theme-Font", Inter, sans-serif; text-wrap: pretty; }
#crm__widgets .du-more { margin: 28px 0 0; }
#crm__widgets .du-more__a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--du-acc); font: 600 16px/1.3 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-more__a svg { width: 16px; height: 16px; transition: translate .2s ease; }
#crm__widgets .du-more__a:hover { text-decoration: underline; text-underline-offset: 4px; }
#crm__widgets .du-more__a:hover svg { translate: 3px 0; }
#crm__widgets .du-ak a:focus-visible { outline: 2px solid var(--du-ink); outline-offset: 3px; border-radius: 8px; }

/* topics: the rows left; the active row's print and sentence fill the right column (absolutely placed in the grid, one
   at a time; the first is active without script) */
#crm__widgets .du-tb { scroll-margin-top: 140px; }
#crm__widgets .du-tb__grid { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 64px; }
#crm__widgets .du-tb__grid::after { content: ""; grid-column: 2; grid-row: 1; aspect-ratio: 5 / 4.35; }
#crm__widgets .du-tb__col { grid-column: 1; grid-row: 1; align-self: start; }
#crm__widgets .du-tb__list { border-bottom: 1px solid var(--du-line) !important; }
#crm__widgets .du-tb__item { border-top: 1px solid var(--du-line); }
#crm__widgets .du-tb__link { display: block; color: var(--du-ink); }
#crm__widgets .du-tb__row { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; align-items: baseline; gap: 16px; padding: 17px 4px 17px 0; }
#crm__widgets .du-tb__name { color: var(--du-ink); font: 700 19px/1.3 "Heading-Font", "Inter Tight", Inter, sans-serif; letter-spacing: -.01em; transition: color .2s ease; hyphens: auto; overflow-wrap: break-word; }
#crm__widgets .du-tb__count { color: #00658a; font: 600 15px/1.3 "Theme-Font", Inter, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
#crm__widgets .du-tb__count:empty { display: none; }
#crm__widgets .du-tb__arrow { align-self: center; width: 18px; height: 18px; color: var(--du-acc); opacity: 0; translate: -6px 0; transition: opacity .2s ease, translate .25s cubic-bezier(.16, 1, .3, 1); }
#crm__widgets .du-tb__item.is-on .du-tb__name, #crm__widgets .du-tb__link:hover .du-tb__name { color: #007aa8; }
#crm__widgets .du-tb__item.is-on .du-tb__arrow, #crm__widgets .du-tb__link:hover .du-tb__arrow { opacity: 1; translate: 0 0; }
#crm__widgets .du-tb__stage { position: absolute; z-index: 1; top: 0; right: 0; width: calc((100% - 64px) * 7 / 12); display: block;
  opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility 0s linear .28s; }
#crm__widgets .du-tb__item.is-on .du-tb__stage { z-index: 2; opacity: 1; visibility: visible; transition: opacity .38s cubic-bezier(.16, 1, .3, 1), visibility 0s; }
#crm__widgets .du-tb__print { display: block; aspect-ratio: 5 / 4; padding: 6px; border-radius: 22px; background: #fff; rotate: 1.4deg;
  box-shadow: 0 0 0 1px rgb(0 62 82 / .05), 0 1px 2px rgb(0 33 44 / .08), 0 14px 28px -14px rgb(0 33 44 / .28), 0 34px 60px -34px rgb(0 62 82 / .36);
  transition: rotate .7s cubic-bezier(.16, 1, .3, 1), scale .7s cubic-bezier(.16, 1, .3, 1); scale: .985; }
#crm__widgets .du-tb__item.is-on .du-tb__print { scale: 1; }
#crm__widgets .du-tb__img { display: block; width: 100%; height: 100%; max-width: none; border-radius: 16px; object-fit: cover; background: #dff2fa; }
#crm__widgets .du-tb__cap { position: absolute; left: -28px; bottom: -26px; display: grid; gap: 6px; max-width: min(420px, 78%); padding: 18px 22px 20px; border-radius: 16px;
  background: #fff; box-shadow: 0 1px 2px rgb(0 33 44 / .08), 0 16px 32px -18px rgb(0 33 44 / .34); rotate: -1deg; }
#crm__widgets .du-tb__capname { color: var(--du-ink); font: 700 18px/1.25 "Heading-Font", "Inter Tight", Inter, sans-serif; }
#crm__widgets .du-tb__text { color: var(--du-text); font: 400 15px/1.55 "Theme-Font", Inter, sans-serif; text-wrap: pretty; }
#crm__widgets .du-tb__text:empty { display: none; }

/* industries: a compact list in a sky panel, three columns */
#crm__widgets .du-ix { margin-top: 72px; padding: 28px 32px 22px; border: 1px solid rgb(0 171 227 / .16); border-radius: 22px; background: var(--du-sky); scroll-margin-top: 140px; }
#crm__widgets .du-ix__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 24px; margin-bottom: 10px; }
#crm__widgets .du-ix__h { margin: 0; color: var(--du-ink); font: 700 22px/1.25 "Heading-Font", "Inter Tight", Inter, sans-serif; letter-spacing: -.01em; }
#crm__widgets .du-ix__lead { margin: 0 0 10px; color: var(--du-text); font: 400 16px/1.55 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-ix__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
#crm__widgets .du-ix__list > li { border-bottom: 1px solid var(--du-line); }
#crm__widgets .du-ix__a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 2px; color: var(--du-ink); }
#crm__widgets .du-ix__name { min-width: 0; font: 600 16px/1.35 "Theme-Font", Inter, sans-serif; transition: color .2s ease; }
#crm__widgets .du-ix__a:hover .du-ix__name { color: #007aa8; }
#crm__widgets .du-ix__n { flex: none; min-width: 32px; padding: 3px 9px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px rgb(0 171 227 / .28); color: var(--du-ink);
  font: 700 14px/1.3 "Theme-Font", Inter, sans-serif; font-variant-numeric: tabular-nums; text-align: center; }

/* quotes: points left, voices right on a sky panel */
#crm__widgets .du-q { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
#crm__widgets .du-q__points { scroll-margin-top: 140px; }
#crm__widgets .du-q__list { display: grid; }
#crm__widgets .du-q__pt { padding: 16px 0 18px; border-top: 1px solid var(--du-line); }
#crm__widgets .du-q__list { border-bottom: 1px solid var(--du-line); }
#crm__widgets .du-q__pt-t { margin: 0 0 6px; color: var(--du-ink); font: 700 18px/1.3 "Heading-Font", "Inter Tight", Inter, sans-serif; }
#crm__widgets .du-q__pt-x { margin: 0; color: var(--du-text); font: 400 16px/1.6 "Theme-Font", Inter, sans-serif; text-wrap: pretty; }
#crm__widgets .du-q__voices { padding: 40px 44px 30px; border-radius: 26px; background: linear-gradient(170deg, #f4fbfe, #e6f6fd); scroll-margin-top: 140px; }
#crm__widgets .du-q__vh { margin: 0 0 20px; color: var(--du-ink); font: 700 20px/1.3 "Heading-Font", "Inter Tight", Inter, sans-serif; }
#crm__widgets .du-q__quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px; }
#crm__widgets .du-q__item:first-child { grid-column: 1 / -1; padding-bottom: 28px; border-bottom: 1px solid rgb(0 171 227 / .22); }
#crm__widgets .du-q__fig { margin: 0; }
#crm__widgets .du-q__mark { display: block; width: 30px; height: 24px; margin-bottom: 12px; fill: var(--du-acc); }
#crm__widgets .du-q__bq { margin: 0; padding: 0; border: 0; quotes: none; }
#crm__widgets .du-q__bq::before, #crm__widgets .du-q__bq::after { content: none; }
#crm__widgets .du-q__bq p { margin: 0; color: var(--du-ink); font: 500 17px/1.55 "Theme-Font", Inter, sans-serif; text-wrap: pretty; }
#crm__widgets .du-q__item:first-child .du-q__bq p { font: 600 clamp(20px, 1.9vw, 25px)/1.42 "Heading-Font", "Inter Tight", Inter, sans-serif; letter-spacing: -.01em; }
#crm__widgets .du-q__item:first-child .du-q__mark { width: 40px; height: 32px; }
#crm__widgets .du-q__who { display: grid; gap: 2px; margin-top: 14px; }
#crm__widgets .du-q__name { color: var(--du-ink); font: 700 15px/1.4 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-q__org, #crm__widgets .du-q__course { color: var(--du-text); font: 400 14px/1.45 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-q__course { color: #00658a; }

@media (max-width: 1099.98px) {
  #crm__widgets .du-tb__grid, #crm__widgets .du-q { column-gap: 40px; }
  #crm__widgets .du-tb__stage { width: calc((100% - 40px) * 7 / 12); }
  #crm__widgets .du-ix__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #crm__widgets .du-q__voices { padding: 32px 30px 24px; }
}
/* under 900: one column; every topic a row with its own small picture and its sentence (no stage) */
@media (max-width: 899.98px) {
  #crm__widgets .du-tb__grid { display: block; }
  #crm__widgets .du-tb__grid::after { content: none; }
  #crm__widgets .du-tb__link { display: grid; grid-template-columns: 88px minmax(0, 1fr); grid-template-areas: "pic row" "pic text"; column-gap: 16px; padding: 14px 0; }
  #crm__widgets .du-tb__row { grid-area: row; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 0; align-items: baseline; }
  #crm__widgets .du-tb__name { font-size: 17px; hyphens: manual; -webkit-hyphens: manual; }
  #crm__widgets .du-tb__count { font-size: 14px; }
  #crm__widgets .du-tb__arrow { display: none; }
  #crm__widgets .du-tb__stage, #crm__widgets .du-tb__item.is-on .du-tb__stage { display: contents; position: static; opacity: 1; visibility: visible; }
  #crm__widgets .du-tb__print { grid-area: pic; align-self: start; width: 88px; aspect-ratio: 1; padding: 4px; border-radius: 16px; rotate: 0deg; scale: 1;
    box-shadow: 0 0 0 1px rgb(0 62 82 / .06), 0 8px 18px -10px rgb(0 33 44 / .3); }
  #crm__widgets .du-tb__img { border-radius: 12px; }
  #crm__widgets .du-tb__cap { display: contents; }
  #crm__widgets .du-tb__capname { display: none; }
  #crm__widgets .du-tb__text { grid-area: text; margin-top: 4px; font-size: 15px; }
  #crm__widgets .du-tb__item.is-on .du-tb__name { color: var(--du-ink); }
  #crm__widgets .du-ix { margin-top: 48px; padding: 22px 20px 14px; }
  #crm__widgets .du-q { grid-template-columns: minmax(0, 1fr); gap: 36px; }
}
@media (max-width: 639.98px) {
  #crm__widgets .du-ak { --du-w: calc(100vw - 40px); }
  #crm__widgets .du-head { margin-bottom: 22px; }
  #crm__widgets .du-head__lead { font-size: 16px; }
  #crm__widgets .du-tb__link { grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; }
  #crm__widgets .du-tb__print { width: 72px; }
  #crm__widgets .du-ix__list { grid-template-columns: minmax(0, 1fr); }
  #crm__widgets .du-q__voices { padding: 26px 20px 18px; border-radius: 20px; }
  #crm__widgets .du-q__quotes { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #crm__widgets .du-q__item:first-child { padding-bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  #crm__widgets :is(.du-tb__stage, .du-tb__print, .du-tb__arrow, .du-tb__name, .du-more__a svg, .du-ix__name) { transition: none !important; }
}

/* Akademie brief 07 (home portal, 2026-11-13), additive: layout "voices", the quotes of participants in one row, set
   as pull quotes (no glyph, no card): a short cyan rule, the words in the heading face, name and affiliation below.
   Only .du-ak--voices / .du-v*; nothing above changes. */
/* the voices follow the width of the section they stand in (no break-out to 1200 px as the other layouts) */
#crm__widgets .du-ak--voices { --du-w: auto; width: auto; margin: 0; }
#crm__widgets .frame-type-dgm_section_duo:has(> .du-ak--voices) { padding-left: 0; padding-right: 0; }
#crm__widgets .du-v__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 24px; margin: 0 0 24px; }
#crm__widgets .du-v__h { margin: 0; color: var(--du-ink); font: 700 22px/1.25 "Heading-Font", "Inter Tight", Inter, sans-serif; letter-spacing: -.01em; }
#crm__widgets .du-v__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 40px; margin: 0; padding: 0; list-style: none; }
#crm__widgets .du-v__item { position: relative; padding-top: 22px; }
#crm__widgets .du-v__item::before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 3px; border-radius: 2px; background: var(--du-acc); }
#crm__widgets .du-v__fig { display: flex; flex-direction: column; height: 100%; margin: 0; }
#crm__widgets .du-v__bq { margin: 0; padding: 0; border: 0; quotes: none; }
#crm__widgets .du-v__bq::before, #crm__widgets .du-v__bq::after { content: none; }
#crm__widgets .du-v__bq p { margin: 0; color: var(--du-ink); font: 600 clamp(18px, 1.45vw, 21px)/1.45 "Heading-Font", "Inter Tight", Inter, sans-serif; letter-spacing: -.008em; text-wrap: pretty; }
#crm__widgets .du-v__bq p::before { content: "„"; }
#crm__widgets .du-v__bq p::after { content: "“"; }
#crm__widgets .du-v__who { display: grid; gap: 2px; margin-top: auto; padding-top: 16px; }
#crm__widgets .du-v__name { color: var(--du-ink); font: 700 15px/1.4 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-v__org { color: var(--du-text); font: 400 14px/1.45 "Theme-Font", Inter, sans-serif; }
#crm__widgets .du-v__course { color: #00658a; font: 400 14px/1.45 "Theme-Font", Inter, sans-serif; }
#crm__widgets :lang(en) .du-v__bq p::before { content: "“"; }
#crm__widgets :lang(en) .du-v__bq p::after { content: "”"; }
@media (max-width: 1023.98px) {
  #crm__widgets .du-v__list { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #crm__widgets .du-v__who { margin-top: 0; }
}