<section
  id="l4y-coursehub-de"
  class="l4y-coursehub-de"
  aria-label="Lean4Y Academy Deutsche Kursübersicht"
>
  <style>
    #l4y-coursehub-de{
      --l4y-navy:#1E2A5E;
      --l4y-royal:#26418F;
      --l4y-blue:#3366CC;
      --l4y-cyan:#00A7D8;
      --l4y-amber:#E89B00;
      --l4y-ink:#172033;
      --l4y-muted:#556276;
      --l4y-soft:#F4F7FB;
      --l4y-soft-blue:#EDF3FC;
      --l4y-white:#FFFFFF;
      --l4y-line:#D9E2F0;
      --l4y-shadow:0 12px 30px rgba(30,42,94,.10);
      --l4y-wrap:min(1160px,calc(100% - 40px));

      width:100%;
      display:block;
      color:var(--l4y-ink);
      font-family:"Segoe UI",Calibri,Arial,sans-serif;
      line-height:1.5;
    }

    #l4y-coursehub-de,
    #l4y-coursehub-de *{
      box-sizing:border-box;
      min-width:0;
    }

    #l4y-coursehub-de a{
      text-decoration:none !important;
    }

    #l4y-coursehub-de .l4y-wrap{
      width:var(--l4y-wrap);
      margin:0 auto;
    }

    /* =====================================================
       THEME-RESET
       ===================================================== */

    #l4y-coursehub-de h1,
    #l4y-coursehub-de h2,
    #l4y-coursehub-de h3{
      position:static !important;
      display:block !important;
      width:auto !important;
      min-height:0 !important;
      margin:0 !important;
      padding:0 !important;
      border:0 !important;
      outline:0 !important;
      background:none !important;
      box-shadow:none !important;
      color:var(--l4y-navy) !important;
      font-family:"Segoe UI",Calibri,Arial,sans-serif !important;
      font-weight:750 !important;
      line-height:1.17 !important;
      letter-spacing:-.018em !important;
      text-transform:none !important;
    }

    #l4y-coursehub-de h1::before,
    #l4y-coursehub-de h1::after,
    #l4y-coursehub-de h2::before,
    #l4y-coursehub-de h2::after,
    #l4y-coursehub-de h3::before,
    #l4y-coursehub-de h3::after{
      display:none !important;
      content:none !important;
    }

    #l4y-coursehub-de p{
      margin:0;
      padding:0;
      color:var(--l4y-muted);
      font-size:1rem;
      line-height:1.58;
    }

    /* =====================================================
       BUTTONS
       ===================================================== */

    #l4y-coursehub-de .l4y-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

    #l4y-coursehub-de .l4y-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:205px;
      min-height:52px;
      padding:12px 22px;
      border:2px solid transparent;
      border-radius:12px;
      font-family:"Segoe UI",Calibri,Arial,sans-serif;
      font-size:1rem;
      font-weight:750;
      line-height:1.2;
      text-align:center;
      transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
    }

    #l4y-coursehub-de .l4y-btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 20px rgba(30,42,94,.14);
    }

    #l4y-coursehub-de .l4y-btn-primary{
      background:var(--l4y-amber);
      color:#111 !important;
    }

    #l4y-coursehub-de .l4y-btn-light{
      background:transparent;
      border-color:rgba(255,255,255,.82);
      color:#fff !important;
    }

    #l4y-coursehub-de .l4y-btn-light:hover{
      background:rgba(255,255,255,.10);
    }

    #l4y-coursehub-de .l4y-btn-outline{
      background:#fff;
      border-color:var(--l4y-navy);
      color:var(--l4y-navy) !important;
    }

    /* =====================================================
       HERO
       ===================================================== */

    #l4y-coursehub-de .l4y-hero{
      padding:30px 0;
      overflow:hidden;
      background:linear-gradient(
        135deg,
        var(--l4y-navy) 0%,
        var(--l4y-royal) 100%
      );
      border-radius:16px;
      box-shadow:var(--l4y-shadow);
    }

    #l4y-coursehub-de .l4y-hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);
      gap:30px;
      align-items:center;
    }

    #l4y-coursehub-de .l4y-badge{
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:5px 11px;
      border-radius:999px;
      background:var(--l4y-amber);
      color:#111;
      font-size:.82rem;
      font-weight:750;
    }

    #l4y-coursehub-de .l4y-hero h1{
      max-width:700px;
      margin-top:16px !important;
      color:#fff !important;
      font-size:clamp(1.8rem,2.5vw,2.5rem) !important;
    }

    #l4y-coursehub-de .l4y-hero p{
      max-width:690px;
      margin-top:12px;
      color:#F5F7FF !important;
      font-size:1.03rem;
    }

    #l4y-coursehub-de .l4y-hero .l4y-actions{
      margin-top:20px;
    }

    /* =====================================================
       GPS-KARTE
       ===================================================== */

    #l4y-coursehub-de .l4y-gps-card{
      position:relative;
      padding:22px;
      overflow:hidden;
      background:
        linear-gradient(rgba(0,167,216,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,167,216,.08) 1px,transparent 1px),
        linear-gradient(145deg,#051C39 0%,#073767 58%,#056B9A 100%);
      background-size:32px 32px,32px 32px,auto;
      border:1px solid rgba(255,255,255,.18);
      border-radius:15px;
      box-shadow:0 16px 34px rgba(0,0,0,.22);
    }

    #l4y-coursehub-de .l4y-gps-card::before{
      content:"";
      position:absolute;
      top:-75px;
      right:-70px;
      width:210px;
      height:210px;
      border-radius:50%;
      background:rgba(0,167,216,.22);
    }

    #l4y-coursehub-de .l4y-gps-card > *{
      position:relative;
      z-index:2;
    }

    #l4y-coursehub-de .l4y-gps-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
    }

    #l4y-coursehub-de .l4y-gps-top strong{
      color:#fff;
      font-size:1.25rem;
      letter-spacing:.03em;
    }

    #l4y-coursehub-de .l4y-gps-top span{
      padding:5px 9px;
      border:1px solid rgba(255,255,255,.30);
      border-radius:999px;
      color:#fff;
      font-size:.72rem;
      font-weight:700;
    }

    #l4y-coursehub-de .l4y-gps-code{
      margin-top:20px;
      color:var(--l4y-cyan);
      font-size:.95rem;
      font-weight:800;
      letter-spacing:.08em;
    }

    #l4y-coursehub-de .l4y-gps-card h2{
      margin-top:6px !important;
      color:#fff !important;
      font-size:clamp(1.55rem,2.3vw,2.15rem) !important;
      line-height:1.05 !important;
    }

    #l4y-coursehub-de .l4y-gps-card p{
      max-width:390px;
      margin-top:10px;
      color:rgba(255,255,255,.84);
      font-size:.91rem;
      line-height:1.45;
    }

    #l4y-coursehub-de .l4y-gps-note{
      margin-top:17px;
      padding-top:11px;
      border-top:1px solid rgba(255,255,255,.20);
      color:#fff;
      font-size:.78rem;
      font-weight:700;
    }

    /* =====================================================
       KATALOG-EINSTIEG
       ===================================================== */

    #l4y-coursehub-de .l4y-catalog-intro{
      padding:22px 0 18px;
    }

    #l4y-coursehub-de .l4y-catalog-panel{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:24px;
      align-items:center;
      padding:20px 22px;
      background:linear-gradient(
        135deg,
        #fff 0%,
        var(--l4y-soft-blue) 100%
      );
      border:1px solid var(--l4y-line);
      border-left:6px solid var(--l4y-amber);
      border-radius:14px;
      box-shadow:var(--l4y-shadow);
    }

    #l4y-coursehub-de .l4y-catalog-copy h2{
      margin-bottom:6px !important;
      font-size:clamp(1.3rem,1.7vw,1.65rem) !important;
    }

    #l4y-coursehub-de .l4y-catalog-copy p{
      max-width:760px;
    }

    #l4y-coursehub-de .l4y-language-row{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:9px;
      margin-top:14px;
    }

    #l4y-coursehub-de .l4y-language-label{
      color:var(--l4y-muted);
      font-size:.86rem;
      font-weight:700;
    }

    #l4y-coursehub-de .l4y-language-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:48px;
      min-height:34px;
      padding:6px 11px;
      border:1px solid var(--l4y-line);
      border-radius:999px;
      background:#fff;
      color:var(--l4y-navy) !important;
      font-size:.82rem;
      font-weight:750;
    }

    #l4y-coursehub-de .l4y-language-link.is-active{
      background:var(--l4y-navy);
      border-color:var(--l4y-navy);
      color:#fff !important;
    }

    /* =====================================================
       MASTERSTUDY-KATALOG
       Nachgewiesene Live-DOM-Klassen
       ===================================================== */

    body.l4y-coursehub-de-active{
      --l4y-catalog-wrap:min(1160px,calc(100% - 40px));
    }

    /*
     * Kompletter MasterStudy-Filter:
     * Category, Status, Level, Search usw.
     */
    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_filters{
      display:none !important;
      width:0 !important;
      max-width:0 !important;
      min-width:0 !important;
      height:0 !important;
      max-height:0 !important;
      margin:0 !important;
      padding:0 !important;
      border:0 !important;
      overflow:hidden !important;
      visibility:hidden !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_filter{
      display:block !important;
      width:var(--l4y-catalog-wrap) !important;
      max-width:var(--l4y-catalog-wrap) !important;
      margin-left:auto !important;
      margin-right:auto !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses.stm_lms_courses__archive{
      display:block !important;
      width:100% !important;
      max-width:100% !important;
      flex:0 0 100% !important;
      margin-left:0 !important;
      margin-right:0 !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_filter > form#stm_filter_form{
      display:none !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_filter::before,
    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_filter::after{
      content:none !important;
      display:none !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_wrapper,
    body.l4y-coursehub-de-active
    .stm_lms_courses__archive_content,
    body.l4y-coursehub-de-active
    .stm_lms_courses__content{
      width:100% !important;
      max-width:100% !important;
      flex:0 0 100% !important;
      margin-left:0 !important;
      margin-right:0 !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }

    body.l4y-coursehub-de-active h1.page-title,
    body.l4y-coursehub-de-active .stm_lms_courses__title,
    body.l4y-coursehub-de-active .stm_lms_courses__heading h1{
      font-family:"Segoe UI",Calibri,Arial,sans-serif !important;
      font-size:clamp(1.45rem,2vw,1.9rem) !important;
      font-weight:750 !important;
      line-height:1.2 !important;
      letter-spacing:-.015em !important;
      margin:16px 0 12px !important;
      padding:0 !important;
      border:0 !important;
      color:var(--l4y-navy) !important;
    }

    body.l4y-coursehub-de-active h1.page-title::before,
    body.l4y-coursehub-de-active h1.page-title::after,
    body.l4y-coursehub-de-active .stm_lms_courses__title::before,
    body.l4y-coursehub-de-active .stm_lms_courses__title::after{
      display:none !important;
      content:none !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__grid{
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:18px !important;
      align-items:stretch !important;
      justify-items:stretch !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__grid > *{
      width:100% !important;
      max-width:none !important;
      margin:0 !important;
      justify-self:stretch !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__single,
    body.l4y-coursehub-de-active
    .stm_lms_courses__item{
      position:relative !important;
      width:100% !important;
      max-width:none !important;
      margin:0 !important;
      overflow:hidden !important;
      background:#fff !important;
      border:1px solid var(--l4y-line) !important;
      border-radius:15px !important;
      box-shadow:0 8px 22px rgba(30,42,94,.08) !important;
    }

    body.l4y-coursehub-de-active
    .stm_lms_courses__single img,
    body.l4y-coursehub-de-active
    .stm_lms_courses__item img{
      display:block !important;
      width:100% !important;
      height:175px !important;
      object-fit:cover !important;
    }

    body.l4y-coursehub-de-active
    .l4y-featured-gps-card{
      border:2px solid var(--l4y-amber) !important;
      box-shadow:0 12px 28px rgba(232,155,0,.18) !important;
    }

    body.l4y-coursehub-de-active
    .l4y-featured-gps-card::before{
      content:"HIER STARTEN";
      position:absolute;
      top:12px;
      left:12px;
      z-index:20;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:30px;
      padding:5px 11px;
      border-radius:999px;
      background:var(--l4y-amber);
      color:#111;
      font-family:"Segoe UI",Calibri,Arial,sans-serif;
      font-size:.76rem;
      font-weight:800;
      letter-spacing:.04em;
      box-shadow:0 5px 14px rgba(0,0,0,.16);
    }

    /* =====================================================
       RESPONSIVE
       ===================================================== */

    @media(max-width:1000px){

      #l4y-coursehub-de .l4y-hero-grid{
        grid-template-columns:1fr;
      }

      body.l4y-coursehub-de-active
      .stm_lms_courses__grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      }
    }

    @media(max-width:760px){

      #l4y-coursehub-de{
        --l4y-wrap:calc(100% - 28px);
      }

      body.l4y-coursehub-de-active{
        --l4y-catalog-wrap:calc(100% - 28px);
      }

      #l4y-coursehub-de .l4y-catalog-panel{
        grid-template-columns:1fr;
      }

      #l4y-coursehub-de .l4y-actions{
        flex-direction:column;
      }

      #l4y-coursehub-de .l4y-btn{
        width:100%;
        min-width:0;
      }

      body.l4y-coursehub-de-active
      .stm_lms_courses__grid{
        grid-template-columns:1fr !important;
      }
    }

    @media(max-width:520px){

      #l4y-coursehub-de .l4y-hero{
        padding:25px 0;
        border-radius:12px;
      }

      #l4y-coursehub-de .l4y-hero h1{
        font-size:1.65rem !important;
      }

      #l4y-coursehub-de .l4y-gps-card{
        padding:19px;
      }

      #l4y-coursehub-de .l4y-gps-top{
        align-items:flex-start;
        flex-direction:column;
      }

      #l4y-coursehub-de .l4y-catalog-panel{
        padding:18px;
      }
    }
  </style>

  <div class="l4y-wrap">

    <section class="l4y-hero">
      <div class="l4y-wrap">

        <div class="l4y-hero-grid">

          <div>

            <div class="l4y-badge">
              Lean4Y Academy · Deutsche Kurse
            </div>

            <h1>
              Mit der Produktionssystem-Logik starten – und Lean-Kompetenz gezielt vertiefen.
            </h1>

            <p>
              GPS ist der empfohlene Einstiegskurs. Er schafft die Orientierung,
              um zu verstehen, wie Lean-Prinzipien, Methoden, Werkzeuge,
              Führung und Verbesserung zusammenwirken.
            </p>

            <div class="l4y-actions">

              <a
                class="l4y-btn l4y-btn-primary"
                href="/courses/gps-de/"
              >
                Mit GPS starten
              </a>

              <a
                class="l4y-btn l4y-btn-light"
                href="#l4y-course-catalog"
                data-l4y-scroll="catalog"
              >
                Alle deutschen Kurse ansehen
              </a>

            </div>

          </div>

          <div class="l4y-gps-card">

            <div class="l4y-gps-top">
              <strong>Lean4Y</strong>
              <span>EMPFOHLENER EINSTIEG</span>
            </div>

            <div class="l4y-gps-code">
              GPS
            </div>

            <h2>
              Generisches Produktionssystem
            </h2>

            <p>
              Schaffen Sie die Grundlage zum Verständnis einer
              Produktionssystem-Architektur, bevor Sie mit spezialisierten
              Lean4Y-Kursen fortfahren.
            </p>

            <div class="l4y-gps-note">
              GPS – Generisches Produktionssystem (DE)
            </div>

          </div>

        </div>

      </div>
    </section>

    <section
      id="l4y-course-catalog"
      class="l4y-catalog-intro"
    >

      <div class="l4y-catalog-panel">

        <div class="l4y-catalog-copy">

          <h2>
            Deutsches Academy-Kursangebot
          </h2>

          <p>
            GPS erscheint zuerst als empfohlener Einstiegskurs. Die weiteren
            Kurse vermitteln spezialisiertes Wissen zu Lean-Methoden,
            Umsetzung, Führung und operativer Verbesserung.
          </p>

          <div class="l4y-language-row">

            <span class="l4y-language-label">
              Kurssprache:
            </span>

            <a
              class="l4y-language-link is-active"
              href="/courses/"
              aria-current="page"
            >
              DE
            </a>

            <a
              class="l4y-language-link"
              href="/en/courses-en/"
            >
              EN
            </a>

            <a
              class="l4y-language-link"
              href="/el/courses-el/"
            >
              EL
            </a>

          </div>

        </div>

        <a
          class="l4y-btn l4y-btn-outline"
          href="/lean4y-academy-new-de/"
        >
          Zurück zur Academy
        </a>

      </div>

    </section>

  </div>

  <script>
    (function () {
      'use strict';

      function addBodyClass() {
        document.body.classList.add(
          'l4y-coursehub-de-active'
        );
      }

      function scrollToCatalog(event) {
        if (event) {
          event.preventDefault();
        }

        var target =
          document.querySelector(
            '.stm_lms_courses.stm_lms_courses__archive'
          ) ||
          document.querySelector(
            '.stm_lms_courses__grid'
          );

        if (target) {
          target.scrollIntoView({
            behavior:'smooth',
            block:'start'
          });
        }
      }

      function cleanUnderscoresOnly() {
        var selectors = [
          '.stm_lms_courses__single--title',
          '.stm_lms_courses__item .stm_lms_courses__title',
          '.stm_lms_courses__single h3',
          '.stm_lms_courses__item h3'
        ];

        var processed = [];

        selectors.forEach(function (selector) {
          var nodes =
            document.querySelectorAll(selector);

          nodes.forEach(function (node) {
            if (processed.indexOf(node) !== -1) {
              return;
            }

            processed.push(node);

            var link = node.querySelector('a');
            var target = link || node;
            var text = target.textContent || '';

            /*
             * Nur Unterstriche entfernen.
             * (DE), (EN) und (EL) bleiben sichtbar.
             */
            text = text
              .replace(/_/g,' ')
              .replace(/\s+/g,' ')
              .trim();

            target.textContent = text;
          });
        });
      }

      function findCatalogGrid() {
        return document.querySelector(
          '.stm_lms_courses__grid'
        );
      }

      function isGpsGermanCard(card) {
        if (!card) {
          return false;
        }

        var text = (card.textContent || '')
          .replace(/\s+/g,' ')
          .toUpperCase();

        var links =
          card.querySelectorAll('a[href]');

        var hrefs = '';

        links.forEach(function (link) {
          hrefs += ' ' +
            (link.getAttribute('href') || '')
              .toLowerCase();
        });

        return (
          hrefs.indexOf(
            '/courses/gps-de/'
          ) !== -1 ||
          (
            text.indexOf('GPS') !== -1 &&
            text.indexOf('(DE)') !== -1
          ) ||
          text.indexOf(
            'GPS – GENERISCHES PRODUKTIONSSYSTEM'
          ) !== -1 ||
          text.indexOf(
            'GPS - GENERISCHES PRODUKTIONSSYSTEM'
          ) !== -1
        );
      }

      function prioritizeGpsCourse() {
        var grid = findCatalogGrid();

        if (!grid) {
          return false;
        }

        var cards =
          Array.prototype.slice.call(grid.children);

        var gpsCard = null;

        for (var i = 0; i < cards.length; i++) {
          if (isGpsGermanCard(cards[i])) {
            gpsCard = cards[i];
            break;
          }
        }

        if (!gpsCard) {
          return false;
        }

        gpsCard.classList.add(
          'l4y-featured-gps-card'
        );

        if (grid.firstElementChild !== gpsCard) {
          grid.insertBefore(
            gpsCard,
            grid.firstElementChild
          );
        }

        return true;
      }

      function initializeCourseOverview() {
        addBodyClass();
        cleanUnderscoresOnly();
        prioritizeGpsCourse();

        var scrollButton =
          document.querySelector(
            '#l4y-coursehub-de [data-l4y-scroll="catalog"]'
          );

        if (scrollButton) {
          scrollButton.addEventListener(
            'click',
            scrollToCatalog
          );
        }
      }

      document.addEventListener(
        'DOMContentLoaded',
        initializeCourseOverview
      );

      window.addEventListener('load', function () {
        addBodyClass();
        cleanUnderscoresOnly();
        prioritizeGpsCourse();

        window.setTimeout(function () {
          cleanUnderscoresOnly();
          prioritizeGpsCourse();
        },500);

        window.setTimeout(function () {
          cleanUnderscoresOnly();
          prioritizeGpsCourse();
        },1500);
      });

    })();
  </script>

</section>