html { scroll-behavior: smooth; }
    .site-header .nav-links { gap: clamp(12px, 1.5vw, 22px); font-size: .82rem; }

    /* Hero: bewusst nah am ursprünglichen Seminarplaner, ergänzt um die Akademie-Marke. */
    .academy-hero .hero-grid {
      grid-template-columns: minmax(0, 1.04fr) minmax(350px, .82fr) !important;
      gap: clamp(42px, 6vw, 76px) !important;
      align-items: center;
    }
    .academy-hero .hero-editorial,
    .academy-hero .hero-product { min-width: 0; }
    .academy-hero .hero-copy { max-width: 720px; }
    .academy-hero .hero-product { width: 100%; max-width: 520px; justify-self: end; }
    .academy-hero .hero-product-copy h3 { max-width: 430px; }

    /* Wiederverwendbare Inhaltsblöcke: links Botschaft, rechts strukturierte Punkte. */
    .academy-editorial-section {
      padding: 84px 0;
      scroll-margin-top: 76px;
      background: var(--surface);
      border-top: 1px solid rgba(var(--ink-rgb), .035);
    }
    /* Ruhige, aber klar unterscheidbare Flaechen. Die Farben bleiben bewusst sehr hell,
       damit die Seite nicht wie eine Folge farbiger Karten wirkt. */
    #akademie {
      background: linear-gradient(135deg, #f4fbf7 0%, #eef8f3 100%);
    }
    #zielgruppen {
      background: linear-gradient(135deg, var(--surface) 0%, #f5fafc 100%);
    }
    #durchfuehrung {
      background: linear-gradient(135deg, #f7f5ff 0%, #eef8fd 100%);
    }
    #berufe {
      background: linear-gradient(135deg, #edf9f3 0%, #f4fbf7 52%, #edf7fb 100%);
    }
    #preise.pricing-section {
      background: linear-gradient(135deg, #f2f8fb 0%, #edf5f8 100%) !important;
    }
    #aevo {
      background: linear-gradient(135deg, #f8f6ff 0%, #f2effc 100%);
    }
    #warum {
      background: linear-gradient(135deg, #fbfaf5 0%, #f7f6ef 100%);
    }
    #anfrage {
      background: linear-gradient(180deg, #f3faf6 0%, var(--surface) 100%) !important;
    }
    .academy-editorial {
      display: grid;
      grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
      gap: clamp(38px, 5vw, 68px);
      align-items: start;
    }
    .academy-editorial-copy { max-width: 610px; min-width: 0; }
    .academy-editorial-copy h2 {
      margin: 8px 0 18px;
      max-width: 100%;
      color: var(--neutral-900);
      font-size: clamp(2.2rem, 3.8vw, 3.9rem);
      line-height: .98;
      letter-spacing: -.05em;
      hyphens: none;
      -webkit-hyphens: none;
      word-break: normal;
      overflow-wrap: normal;
      text-wrap: balance;
    }
    .academy-editorial-copy p {
      margin: 0;
      color: var(--neutral-600);
      font-size: 1rem;
      line-height: 1.7;
    }
    .academy-editorial-copy .button { margin-top: 24px; }
    .academy-editorial-list { border-top: 1px solid var(--neutral-200); }
    .academy-editorial-list > div {
      display: grid;
      grid-template-columns: 42px minmax(0,.42fr) minmax(0,.58fr);
      gap: 16px;
      align-items: baseline;
      padding: 21px 0;
      border-bottom: 1px solid var(--neutral-200);
    }
    .academy-editorial-list > div > span:first-child {
      color: var(--neutral-600);
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: .08em;
    }
    .academy-editorial-list strong { min-width: 0; color: var(--neutral-900); font-size: .98rem; line-height: 1.35; hyphens: none; -webkit-hyphens: none; word-break: normal; overflow-wrap: normal; }
    .academy-editorial-list p { min-width: 0; margin: 0; color: var(--neutral-600); font-size: .82rem; line-height: 1.55; hyphens: auto; overflow-wrap: break-word; }
    .academy-editorial-list a {
      display: inline-flex;
      margin-top: 7px;
      color: var(--primary-700);
      font-size: .78rem;
      font-weight: 800;
      text-decoration: none;
    }

    /* Inhalte ohne Prozessreihenfolge erhalten bewusst keine Nummerierung. */
    .academy-editorial-list-plain > div {
      grid-template-columns: minmax(150px,.42fr) minmax(0,.58fr);
      column-gap: 24px;
    }
    .academy-editorial-list-plain > div > strong { grid-column: 1; }
    .academy-editorial-list-plain > div > p { grid-column: 2; }

    /* Lange Kürzel wie ÜBERGR. und ANDERE brauchen eine klar getrennte Spalte. */
    .career-row-main {
      grid-template-columns: 70px minmax(0,1fr) !important;
      column-gap: 16px !important;
    }
    .career-row .career-code {
      font-size: .62rem !important;
      letter-spacing: .075em !important;
      white-space: nowrap;
      padding-right: 4px !important;
    }

    /* Der Terminierungsservice ist ein eigener Mehrwert, nicht nur eine Durchführungsart. */
    .academy-scheduling-note {
      display: block;
      margin-top: 22px;
      color: var(--accent-violet-700);
      font-size: .92rem;
      font-weight: 800;
      line-height: 1.4;
    }

    /* Kompetenzbereiche werden direkt an den vorhandenen Kategorie-Markierungen erklärt. */
    .planner-category-heading.category-badge[data-competency-info],
    .category-chip.category-badge[data-competency-info],
    .catalog-card-category.category-badge[data-competency-info],
    .catalog-category-title[data-competency-info] {
      cursor: pointer;
      transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
    }
    .planner-category-heading.category-badge[data-competency-info]:hover,
    .category-chip.category-badge[data-competency-info]:hover,
    .catalog-card-category.category-badge[data-competency-info]:hover,
    .catalog-category-title[data-competency-info]:hover,
    .planner-category-heading.category-badge[data-competency-info]:focus-visible,
    .category-chip.category-badge[data-competency-info]:focus-visible,
    .catalog-card-category.category-badge[data-competency-info]:focus-visible,
    .catalog-category-title[data-competency-info]:focus-visible {
      transform: translateY(-1px);
      box-shadow: 0 5px 14px rgba(var(--ink-rgb), .09);
      filter: saturate(1.04);
      outline: 2px solid rgba(17,119,82,.18);
      outline-offset: 2px;
    }
    .competency-info-dialog {
      width: min(560px, calc(100vw - 24px));
      max-width: 560px;
    }
    .competency-info-dialog .dialog-body { padding-top: 18px; }
    .competency-info-copy {
      margin: 0;
      color: var(--neutral-600);
      font-size: .98rem;
      line-height: 1.7;
    }
    .competency-info-hint {
      margin: 16px 0 0;
      padding-top: 14px;
      border-top: 1px solid var(--neutral-200);
      color: var(--neutral-500);
      font-size: .78rem;
      line-height: 1.5;
    }
    .competency-info-dialog .dialog-actions {
      margin-top: 22px;
      justify-content: space-between;
    }

    /* In prominenten Überschriften keine automatische Silbentrennung. */
    h1, h2, h3, h4,
    .section-heading h2,
    .journey-explainer-copy h2,
    .hero-product-copy h3,
    .academy-faq-heading strong {
      hyphens: none !important;
      -webkit-hyphens: none !important;
      word-break: normal !important;
      overflow-wrap: normal !important;
    }

    /* AEVO im gleichen links/rechts-Rhythmus wie die übrigen Inhaltsblöcke. */
    .academy-aevo-list > div {
      grid-template-columns: 42px minmax(155px,.43fr) minmax(0,.57fr);
    }

    /* FAQ als kompletter, standardmäßig geschlossener Seitenabschluss. */
    .academy-faq-section {
      padding: 56px 0 82px;
      scroll-margin-top: 76px;
      background: var(--neutral-50);
    }
    .academy-faq-shell {
      overflow: hidden;
      border: 1px solid var(--neutral-200);
      border-radius: 18px;
      background: var(--surface);
      box-shadow: 0 12px 34px rgba(25,43,37,.04);
    }
    .academy-faq-shell > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      padding: 24px 26px;
      cursor: pointer;
      list-style: none;
    }
    .academy-faq-shell > summary::-webkit-details-marker { display: none; }
    .academy-faq-heading { display: grid; gap: 4px; }
    .academy-faq-heading .planner-kicker { margin: 0; }
    .academy-faq-heading strong { color: var(--neutral-900); font-size: clamp(1.35rem,2.8vw,2rem); line-height: 1.1; }
    .academy-faq-heading small { color: var(--neutral-500); font-size: .80rem; line-height: 1.45; }
    .academy-faq-shell-chevron {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      flex: 0 0 auto;
      border: 1px solid var(--neutral-200);
      border-radius: 10px;
      color: var(--accent-violet-700);
      transition: transform 180ms ease;
    }
    .academy-faq-shell[open] .academy-faq-shell-chevron { transform: rotate(180deg); }
    .academy-faq-list { margin: 0 26px 24px; border-top: 1px solid var(--neutral-200); }
    .academy-faq-item { border-bottom: 1px solid var(--neutral-200); }
    .academy-faq-item > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 18px 2px;
      cursor: pointer;
      list-style: none;
    }
    .academy-faq-item > summary::-webkit-details-marker { display: none; }
    .academy-faq-item > summary strong { color: var(--neutral-900); font-size: .93rem; }
    .academy-faq-item > summary span {
      display: grid;
      place-items: center;
      width: 30px;
      height: 30px;
      flex: 0 0 auto;
      border: 1px solid var(--neutral-200);
      border-radius: 9px;
      color: var(--accent-violet-700);
      transition: transform 180ms ease;
    }
    .academy-faq-item[open] > summary span { transform: rotate(180deg); }
    .academy-faq-item > div { padding: 0 44px 18px 2px; }
    .academy-faq-item p { margin: 0; color: var(--neutral-600); line-height: 1.65; }

    @media (max-width: 1120px) {
      .academy-hero .hero-grid { grid-template-columns: 1fr !important; }
      .academy-hero .hero-product { max-width: 680px; justify-self: stretch; }
      .academy-editorial { grid-template-columns: 1fr; gap: 36px; }
      .academy-editorial-copy { max-width: 760px; }
    }
    @media (max-width: 900px) {
      .site-header .nav-links { display: none !important; }
    }
    @media (max-width: 680px) {
      .academy-editorial-section { padding: 62px 0; }
      .academy-editorial-copy h2 { font-size: clamp(2.25rem, 11.5vw, 3.15rem); }
      .academy-editorial-list > div,
      .academy-aevo-list > div { grid-template-columns: 34px minmax(0,1fr); gap: 8px 12px; }
      .academy-editorial-list p,
      .academy-editorial-list a { grid-column: 2; }
      .academy-editorial-list-plain > div { grid-template-columns: 1fr; gap: 5px; }
      .academy-editorial-list-plain > div > strong,
      .academy-editorial-list-plain > div > p,
      .academy-editorial-list-plain > div > p a { grid-column: 1; }
      .academy-faq-shell > summary { padding: 20px 18px; }
      .academy-faq-list { margin-inline: 18px; }
      .academy-faq-item > div { padding-right: 0; }
    }

/* Etwas offenere Typografie und möglichst vollständige Wörter. */
    body {
      letter-spacing: .006em;
      font-kerning: normal;
      text-rendering: optimizeLegibility;
    }

    body,
    body * {
      hyphens: none !important;
      -webkit-hyphens: none !important;
    }

    h1, h2, h3, h4, h5, h6,
    .section-heading h2,
    .journey-explainer-copy h2,
    .hero-product-copy h3,
    .academy-editorial-copy h2,
    .academy-faq-heading strong,
    .career-detail-header h3,
    .dialog-head h3 {
      word-break: normal !important;
      overflow-wrap: normal !important;
    }

    .hero-v14 h1 { letter-spacing: -.035em !important; }
    .hero-product-copy h3 { letter-spacing: -.025em !important; }
    .academy-editorial-copy h2,
    .journey-explainer-copy h2,
    .section-heading h2,
    .contact-copy h2 { letter-spacing: -.02em !important; }
    .career-detail-header h3,
    .dialog-head h3,
    .catalog-category-head h3 { letter-spacing: -.012em !important; }
    h4 { letter-spacing: -.006em; }
    .brand { letter-spacing: 0 !important; }

    .hero-copy,
    .academy-editorial-copy p,
    .academy-editorial-list p,
    .section-heading p,
    .contact-copy > p,
    .contact-point,
    .planning-flexibility-body,
    .academy-faq-item p {
      letter-spacing: .008em;
    }

    .nav-links a,
    button,
    input,
    select,
    textarea,
    label {
      letter-spacing: .006em;
    }

    @media (max-width: 480px) {
      .academy-editorial-copy p,
      .academy-editorial-list p,
      .contact-point,
      .dialog-body p {
        overflow-wrap: break-word;
      }
    }

.academy-brand {
      flex: 0 0 auto;
      line-height: 0;
    }

    .brand-logo-horizontal {
      width: clamp(170px, 17vw, 198px) !important;
      height: auto !important;
      max-height: 48px;
      object-fit: contain;
      filter: none !important;
    }

    .academy-footer-brand {
      align-items: center;
    }

    .footer-academy-logo {
      width: min(176px, 48vw);
      height: auto;
      display: block;
      flex: 0 0 auto;
    }

    @media (max-width: 680px) {
      .brand-logo-horizontal {
        width: min(168px, 54vw) !important;
        max-height: 43px;
      }

      .academy-footer-brand {
        align-items: flex-start;
      }

      .footer-academy-logo {
        width: 158px;
      }
    }

footer.site-legal-footer {
      padding: 46px 0 115px;
      background: linear-gradient(180deg, #f7f9f8 0%, #f2f6f4 100%);
      color: var(--neutral-600);
    }
    .site-legal-footer .footer-inner {
      border-top: 0;
      padding-top: 0;
    }
    .site-legal-footer .academy-footer-brand {
      padding-bottom: 30px;
      border-bottom: 1px solid var(--neutral-200);
    }
    .site-legal-footer .academy-footer-brand > span {
      color: var(--neutral-400);
    }
    .legal-footer-grid {
      display: grid;
      grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr);
      gap: clamp(38px, 6vw, 86px);
      padding-top: 34px;
    }
    .legal-footer-heading .planner-kicker {
      color: var(--primary-700);
    }
    .legal-footer-heading h2 {
      margin: 8px 0 0;
      color: var(--neutral-900);
      font-size: clamp(2rem, 3.2vw, 3.25rem);
      line-height: 1;
      letter-spacing: -.035em;
    }
    .legal-footer-content {
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 28px 44px;
      color: var(--neutral-600);
      line-height: 1.65;
    }
    .legal-footer-block {
      min-width: 0;
    }
    .legal-footer-block strong {
      display: block;
      margin-bottom: 5px;
      color: var(--neutral-900);
      font-size: .86rem;
    }
    .legal-footer-block p {
      margin: 0;
      color: var(--neutral-600);
      font-size: .84rem;
    }
    .legal-footer-block a,
    .legal-footer-links a {
      color: inherit;
      text-decoration: none;
      text-underline-offset: 3px;
    }
    .legal-footer-block a:hover,
    .legal-footer-links a:hover {
      color: var(--primary-800);
      text-decoration: underline;
    }
    .legal-footer-links {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 10px 22px;
      padding-top: 22px;
      border-top: 1px solid var(--neutral-200);
      color: var(--neutral-600);
      font-size: .78rem;
      font-weight: 700;
    }
    @media (max-width: 900px) {
      .legal-footer-grid { grid-template-columns: 1fr; gap: 28px; }
      .legal-footer-content { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 580px) {
      footer.site-legal-footer { padding-top: 36px; }
      .site-legal-footer .academy-footer-brand { padding-bottom: 24px; }
      .legal-footer-grid { padding-top: 28px; }
      .legal-footer-content { grid-template-columns: 1fr; gap: 22px; }
      .legal-footer-links { gap: 10px 18px; }
    }

/* Desktop-Startansicht wie in der Referenz: Der Hero beginnt direkt unter der
       Hauptnavigation. Die Logo-Box ist kompakter, damit der sichtbare Abstand
       zwischen Header und Logo etwa halb so gross ausfaellt. */
    @media (min-width: 981px) {
      .hero-v14 {
        padding-top: 0 !important;
      }
      .hero-academy-brand {
        min-height: 140px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
    }

.hero-academy-brand {
      width: min(100%, 600px);
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 156px;
      margin: 0 0 clamp(30px, 3.4vw, 42px);
      padding: 8px 18px 4px;
      box-sizing: border-box;
    }

    .hero-academy-logo {
      display: block;
      width: clamp(310px, 31vw, 382px);
      height: auto;
      max-width: 92%;
    }

    @media (max-width: 1120px) {
      .hero-academy-brand {
        width: min(100%, 680px);
        justify-content: flex-start;
        min-height: 0;
        padding-inline: clamp(12px, 4vw, 34px) 0;
      }
    }

    @media (max-width: 680px) {
      .hero-academy-brand {
        width: 100%;
        justify-content: center;
        margin-bottom: 28px;
        padding: 4px 8px 0;
      }

      .hero-academy-logo {
        width: clamp(242px, 76vw, 318px);
        max-width: 94%;
      }
    }

/* Auf dem Desktop bleiben sowohl die Ansichtswahl als auch die Berufsauswahl beim Scrollen sichtbar. */
    @media (min-width: 981px) {
      .seminar-view-switch.route-switch {
        position: sticky;
        top: 80px;
        z-index: 30;
        margin: 0 0 28px !important;
        padding: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
      }

      .career-chooser-copy {
        position: sticky !important;
        top: 190px !important;
      }
    }

    /* Mehr Raum für die Kernaussage, während die Einordnung oberhalb der kurzen rechten Liste sitzt. */
    #zielgruppen .academy-editorial-wide-heading {
      grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr);
      gap: clamp(48px, 6vw, 84px);
      align-items: start;
    }

    #zielgruppen .academy-editorial-copy {
      max-width: 680px;
    }

    #zielgruppen .academy-editorial-copy h2 {
      max-width: 680px;
      text-wrap: balance;
    }

    .academy-editorial-side {
      min-width: 0;
    }

    .academy-editorial-side-intro {
      max-width: 620px;
      margin: 2px 0 28px;
      color: var(--neutral-600);
      font-size: 1rem;
      line-height: 1.7;
      letter-spacing: .008em;
    }

    #zielgruppen .academy-editorial-side-intro {
      max-width: none;
      margin-top: 0;
    }

    /* Der Header bekommt etwas mehr Präsenz, ohne die Navigation zu dominieren. */
    .nav {
      min-height: 80px !important;
    }

    .brand-logo-horizontal {
      width: clamp(202px, 19vw, 232px) !important;
      max-height: 56px !important;
    }

    .site-header .nav-links {
      gap: clamp(14px, 1.65vw, 24px);
      font-size: .9rem;
    }

    .mini-cart-button {
      min-height: 42px;
      padding-inline: 16px;
      font-size: .86rem;
    }

    @media (max-width: 1120px) {
      #zielgruppen .academy-editorial-wide-heading {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      #zielgruppen .academy-editorial-copy,
      #zielgruppen .academy-editorial-copy h2,
      .academy-editorial-side-intro {
        max-width: 760px;
      }
    }

    @media (max-width: 900px) {
      .nav {
        min-height: 74px !important;
      }

      .brand-logo-horizontal {
        width: min(194px, 58vw) !important;
        max-height: 50px !important;
      }
    }

    @media (max-width: 680px) {
      #zielgruppen .academy-editorial-copy h2 {
        font-size: clamp(2.2rem, 10.6vw, 3rem);
        line-height: 1.02;
      }

      .academy-editorial-side-intro {
        margin-bottom: 22px;
      }

      .nav {
        min-height: 70px !important;
      }

      .brand-logo-horizontal {
        width: min(184px, 58vw) !important;
        max-height: 47px !important;
      }
    }

/* Tablet-Tastatur: Der gesamte Dialoginhalt wird zum Scrollbereich. Dadurch
       bleiben auch die unteren Aktionen erreichbar, selbst wenn die Tastatur offen
       ist oder iPadOS das Ende der Tastatursitzung verzoegert meldet. */
    @media (min-width: 600px) and (max-width: 1440px) {
      #addDialog.keyboard-focus-active,
      #basketDialog.keyboard-focus-active {
        margin: 0 !important;
      }

      #addDialog.keyboard-focus-active > .dialog-body,
      #basketDialog.keyboard-focus-active > .dialog-body {
        display: block !important;
        height: var(--keyboard-safe-body-height, auto) !important;
        min-height: 0 !important;
        max-height: var(--keyboard-safe-body-height, none) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scroll-padding-top: 14px;
        scroll-padding-bottom: 24px;
      }

      #addDialog.keyboard-focus-active .request-flow-scroll,
      #basketDialog.keyboard-focus-active .basket-list {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overscroll-behavior: auto;
      }

      #addDialog.keyboard-focus-active .request-flow-scroll {
        padding-bottom: 18px !important;
      }

      #basketDialog.keyboard-focus-active .basket-list {
        padding-bottom: 18px !important;
      }

      #addDialog.keyboard-focus-active .request-flow-footer,
      #basketDialog.keyboard-focus-active .basket-sticky-footer {
        visibility: visible !important;
        opacity: 1 !important;
      }

      #addDialog.keyboard-focus-active .dialog-form-grid > div:focus-within,
      #basketDialog.keyboard-focus-active .basket-item-controls:focus-within {
        position: relative;
        z-index: 3;
      }
    }

/* iPadOS/Safari kann Formularfelder unter 16px beim Fokussieren vergrössern.
       Dadurch verschiebt sich der sichtbare Viewport horizontal und ein eigentlich
       zentrierter Dialog wirkt nach links versetzt. Tablet-Formularfelder bleiben
       deshalb bei mindestens 16px und aktive Dialoge werden horizontal fest zentriert. */
    @media (min-width: 600px) and (max-width: 1440px) {
      #addDialog input,
      #addDialog select,
      #addDialog textarea,
      #basketDialog input,
      #basketDialog select,
      #basketDialog textarea,
      #selectionEditDialog input,
      #selectionEditDialog select,
      #selectionEditDialog textarea,
      #priceApprovalDialog input,
      #priceApprovalDialog select,
      #priceApprovalDialog textarea,
      #modeSwitchDialog input,
      #modeSwitchDialog select,
      #modeSwitchDialog textarea,
      #planImportDialog input,
      #planImportDialog select,
      #planImportDialog textarea {
        font-size: 16px !important;
      }

      #addDialog.keyboard-focus-active,
      #basketDialog.keyboard-focus-active {
        left: 50% !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(-50%) !important;
      }
    }


/* =====================================================================
   Dunkelmodus: Flaechen mit fest kodierten Farbwerten

   Erzeugt aus den Originalregeln: Farbton bleibt, Helligkeit sinkt auf
   8,5 bis 11 Prozent. Ein im Original vorhandenes !important wird vorher
   abgetrennt - sonst entstuende "!important !important", und die
   Deklaration waere ungueltig.
   ===================================================================== */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #akademie {
    background: linear-gradient(135deg, #10261a 0%, #11241b 100%) !important;
  }
  :root:not([data-theme="light"]) #zielgruppen {
    background: linear-gradient(135deg, var(--surface) 0%, #102127 100%) !important;
  }
  :root:not([data-theme="light"]) #durchfuehrung {
    background: linear-gradient(135deg, #151027 0%, #101f27 100%) !important;
  }
  :root:not([data-theme="light"]) #berufe {
    background: linear-gradient(135deg, #10271c 0%, #10261a 52%, #102127 100%) !important;
  }
  :root:not([data-theme="light"]) #preise.pricing-section {
    background: linear-gradient(135deg, #101f27 0%, #111f25 100%) !important;
  }
  :root:not([data-theme="light"]) #aevo {
    background: linear-gradient(135deg, #151027 0%, #151027 100%) !important;
  }
  :root:not([data-theme="light"]) #warum {
    background: linear-gradient(135deg, #252111 0%, #211f12 100%) !important;
  }
  :root:not([data-theme="light"]) #anfrage {
    background: linear-gradient(180deg, #112419 0%, var(--surface) 100%) !important;
  }
  :root:not([data-theme="light"]) footer.site-legal-footer {
    background: linear-gradient(180deg, #151a17 0%, #141c18 100%) !important;
  }
}

:root[data-theme="dark"] #akademie {
  background: linear-gradient(135deg, #10261a 0%, #11241b 100%) !important;
}
:root[data-theme="dark"] #zielgruppen {
  background: linear-gradient(135deg, var(--surface) 0%, #102127 100%) !important;
}
:root[data-theme="dark"] #durchfuehrung {
  background: linear-gradient(135deg, #151027 0%, #101f27 100%) !important;
}
:root[data-theme="dark"] #berufe {
  background: linear-gradient(135deg, #10271c 0%, #10261a 52%, #102127 100%) !important;
}
:root[data-theme="dark"] #preise.pricing-section {
  background: linear-gradient(135deg, #101f27 0%, #111f25 100%) !important;
}
:root[data-theme="dark"] #aevo {
  background: linear-gradient(135deg, #151027 0%, #151027 100%) !important;
}
:root[data-theme="dark"] #warum {
  background: linear-gradient(135deg, #252111 0%, #211f12 100%) !important;
}
:root[data-theme="dark"] #anfrage {
  background: linear-gradient(180deg, #112419 0%, var(--surface) 100%) !important;
}
:root[data-theme="dark"] footer.site-legal-footer {
  background: linear-gradient(180deg, #151a17 0%, #141c18 100%) !important;
}