<turbo-stream action="replace" target="more_stories"><template>
  <turbo-frame class="contents" id="more_stories">
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2367-banking-anders-gestalten-easy-und-digital">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        9 months ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Banking anders gestalten – easy und digital
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Schon früh haben wir gezeigt, wie einfach Banking ohne Filiale sein kann – erst per Post, dann über BTX, Internetbanking und heute per App. Mit smarten Features gestalten wir Banking heute so mobil und intuitiv wie nie zuvor.Unseren Blick auf Vergangenheit und Zukunft der Digitalbank, hörst Du hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2367-banking-anders-gestalten-easy-und-digital">
      <img alt="Banking anders gestalten – easy und digital" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/Xf5grUO6q8NApxL5OSy8.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2361-orange-your-life-mit-den-benefits-der-ing-bist-du-rundum-gut-aufgehoben">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        10 months ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ORANGE YOUR LIFE - mit den Benefits der ING bist Du rundum gut aufgehoben
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Hybrides Arbeiten, Gesundheits-Budgets, Entwicklungsberatung und Unterstützung bei familiären Themen – wenn das auf Deinem Wunschzettel steht, solltest Du mal bei uns vorbeischauen. Denn das sind nur einige unserer löwenstarken Benefits. Für Deinen Job bei uns und rundherum fürs&#39;s Leben.Klick hier, um mehr zu erfahren oder schau gleich auf unserer Karriereseite vorbei.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2361-orange-your-life-mit-den-benefits-der-ing-bist-du-rundum-gut-aufgehoben">
      <img alt="ORANGE YOUR LIFE - mit den Benefits der ING bist Du rundum gut aufgehoben" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/PcXRXXEgjbyQZ5F3iuxT.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2355-60-jahre-ing-und-kein-bisschen-gewohnlich">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        11 months ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        60 Jahre ING – und kein bisschen gewöhnlich.
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Seit 1965 denken wir Banking neu. Nicht, weil wir müssen – sondern weil wir wollen. Ob im Team, unseren Werten oder in Ideen für einfaches, digitales Banking: Wir gehen voran. Weil wir neugierig bleiben. Und weil wir stolz darauf sind, Teil dieser Geschichte zu sein.Die Highlights dazu gibt&#39;s hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2355-60-jahre-ing-und-kein-bisschen-gewohnlich">
      <img alt="60 Jahre ING – und kein bisschen gewöhnlich." loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/ulUacxGLbp6QESoECMM1.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2347-2025-workplace-pride-benchmark">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        12 months ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        2025 Workplace Pride Benchmark
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          93,9 %. Das ist mehr als einfach nur eine Zahl. Sie steht für gelebte Vielfalt, für Zugehörigkeit und dafür, dass DIB bei uns nicht nur Schlagworte sind, sondern Teil unserer Unternehmenskultur.🫶 Ein ausgezeichnetes Ergebnis, das wir dem täglichen Engagement unseres LGBTQI+ Netzwerks Rainbow Lions, den DIB Communities, unseren Führungskräften, engagierten Verbündeten und allen Mitarbeitenden verdanken.Workplace Pride setzt sich weltweit dafür ein, dass sich Menschen der LGBTQI+ Community am Arbeitsplatz sicher, gesehen und unterstützt fühlen. Mit dem Global Benchmark schauen sie jedes Jahr ganz genau hin: Wie gut gelingt es Unternehmen, echte Inklusion zu leben – und zwar international?
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2347-2025-workplace-pride-benchmark">
      <img alt="2025 Workplace Pride Benchmark" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/alfF8NZyFvuu9tb9rtUl.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2328-bei-der-bank-mit-dem-lowen-hast-du-die-chance-mit-einem-job-etwas-zu-verandern">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Bei der BANK MIT DEM LÖWEN hast Du die Chance, mit einem Job etwas zu verändern!
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Bereit fürs Arbeiten bei der ING? Wir sind DIE BANK MIT DEM LÖWEN! Dich erwarten keine Krallen, aber der richtige Instinkt für einfaches Banking, smarte IT und ganz viel Löwenherz.Dieses Löwenherz schlägt für Vielfalt, Eigeninitiative, Teamwork und Innovationsgeist. Wir haben starke Wurzeln in den Niederlanden. Und in Frankfurt, Berlin, Nürnberg und Hannover setzen wir einiges in Bewegung – auch wenn wir nicht immer gemeinsam an unseren Standorten vor Ort sind. Hybride Arbeitsmodelle und agiles Teamwork gehören hier zu unserem Erfolgsrezept.Na, neugierig auf unser Rudel? Dann klick hier!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2328-bei-der-bank-mit-dem-lowen-hast-du-die-chance-mit-einem-job-etwas-zu-verandern">
      <img alt="Bei der BANK MIT DEM LÖWEN hast Du die Chance, mit einem Job etwas zu verändern!" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/4Ws0AWezTVHVwMTPWyE2.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2316-komm-bei-uns-vorbei-nurnberg-digital-festival-2025">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Komm bei uns vorbei: Nürnberg Digital Festival 2025 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Der Countdown läuft: Bald startet das 👉 Nürnberg Digital Festival 2025 – und wir sind dabei! Am 1. Juli 2025 öffnen wir die Türen unseres Nürnberger Standorts im Südwestpark 97. Dich erwarten spannende Sessions, inspirierende Speaker und ein interaktiver Workshop.Komm vorbei! Die Teilnahme ist kostenlos. 🤩 Du musst Dich nur über die Festival-Website anmelden: nuernberg.digital.de
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2316-komm-bei-uns-vorbei-nurnberg-digital-festival-2025">
      <img alt="Komm bei uns vorbei: Nürnberg Digital Festival 2025 " loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/QTjBNdCEYPkEDFtpy5BI.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2309-medior-model-was">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Medior Model was?!
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Schon mal einen Jobtitel gelesen und einfach nur gedacht: „Hä?“ 🤔Damit bist Du nicht allein! Obwohl wir ja eigentlich Banking einfach machen, ist unser Fachjargon manchmal ganz schön speziell. Für alle, die vom Bank-Fach sind, geht’s hier direkt zu den drei offenen Stellen:🪙 Specialist Anti Money Laundering / KYC – Geschäftskunden (w/m/d)🏦 Junior / Medior Model Validator – Credit Risk (w/m/d)💶 Director Transaction Services Sales – Trade Advisory &amp; Structuring / Working Capital Solutions (w/m/d)Und in Sachen Jobs in der IT?👉 Hier geht&#39;s lang
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2309-medior-model-was">
      <img alt="Medior Model was?!" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/LJ23jR4ihCA4ukss9YJt.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2285-du-und-die-ing-ein-perfect-match">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Du und die ING: ein perfect Match 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Für uns zählen Deine Future Skills.Klar, dass Du fachlich qualifiziert bist, wenn Du Dich auf eine Position bei der ING bewirbst. Aber viel wichtiger: Deine Future Skills. Mit Teamfähigkeit, Kreativität und Resilienz bist Du auf dem besten Weg zu #OrangeYourLife. Was Deine Bewerbung außerdem zu Erfolg bringt, erfährst Du hier
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1YTVBxeVBvZzVXSQ==">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2268-coden-auf-orange-was-die-kultur-werte-der-ing-ausmacht">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Coden auf Orange: Was die Kultur &amp; Werte der ING ausmacht
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Kolleg*innen, Kund*innen und Geschäftspartner – und natürlich auch Du: Ihr alle seid die ING – und uns ist es wichtig, dass es bei Euch fachlich wie menschlich passt. Der Orange Code ist unser Fahrplan für grandios gelungenes Zusammenarbeiten. Auf was Du dabei zählen kannst? Erfährst Du hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj0zUXJxRHozWEh0QQ==">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2246-schritt-fur-schritt-zum-perfect-match-deine-bewerbung-bei-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Schritt für Schritt zum Perfect Match: Deine Bewerbung bei der ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Klar brauchst Du fachliches Know-how im Job. Aber bei der ING zählen noch viel mehr Leidenschaft, Selbstreflexion, Begeisterungsfähigkeit – wie sieht’s bei Dir aus?Unsere Senior-Recruiterin Amelie erklärt Dir, worauf es im Bewerbungsprozess bei der ING ankommt. Was passiert mit Deiner Bewerbung? Wie läuft der Interviewprozess ab? Wer begrüßt Dich im Gespräch – und wie geht es danach weiter? Fragen über Fragen. Antworten bekommst Du hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj04UUhSQnBObGt2Yw==">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2179-ux-vs-it-wer-bist-du">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 1 year ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        UX vs. IT – Wer bist Du?
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Angestrengtes Tastaturgehaue gegen entspannte, kreative Vibes? Hochanspruchsvolle Denkarbeit versus bloße (J)UX und Tollerei? Wir haben ganz tief in die Klischeekiste gegriffen. Schaut mal rein.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2179-ux-vs-it-wer-bist-du">
      <img alt="UX vs. IT – Wer bist Du?" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/GFXHRvfRUekcgozy0Qni.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2156-ing-fragenfeuer-bei-uns-ist-mehr-drin-entdecke-unsere-job-benefits">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ING Fragenfeuer: Bei uns ist mehr drin! Entdecke unsere Job-Benefits 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Fitnessstudio, Kinderbetreuung, ergonomische Schreibtische und BikeLeasING Was diese Dinge gemeinsam haben und was das Ganze mit Banking zu tun hat? Das alles und noch viele weitere tolle Job-Benefits gibt’s bei der ING. Aber genug von uns: Am besten erzählen Dir unsere Kolleg*innen selbst, was wir zu bieten haben - in unserem Fragenfeuer-Video.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1naHlIUWJFVE1jWT91dG1fc291cmNlPXdlYXJlZGV2ZWxvcGVycyZ1dG1fY2FtcGFpZ249d2VhcmVkZXZlbG9wZXJz">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2132-familie-und-karriere-bei-der-ing-gelebte-wirklichkeit">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Familie UND Karriere? Bei der ING gelebte Wirklichkeit
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Karriereleiter hochklettern, die Zukunft von Food &amp; Agrar finanzieren, junge Talente im Team fördern und für die Familie da sein – bei Sanja herrscht volles Programm. Wie sie das bei und mit uns alles unter einen Hut kriegt und meistert erzählt sie hier und beschreibt ihren Weg von der Praktikantin zur Managerin. Denn bei der ING ist im Job durchstarten und Familie gründen kein Widerspruch! Mehr lest ihr hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2132-familie-und-karriere-bei-der-ing-gelebte-wirklichkeit">
      <img alt="Familie UND Karriere? Bei der ING gelebte Wirklichkeit" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/c76qo6xJc0uRIvduC8Xl.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2093-wer-ist-dieser-trainee-uberhaupt-die-absolvent-innen-programme-bei-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Wer ist dieser Trainee überhaupt? Die Absolvent*innen-Programme bei der ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Abschluss in der Tasche und nu? Trainee-Programm klingt interessant, doch was macht man da eigentlich genau? Bei unserer „Meet a Trainee“-Initiative beantworten Dir das im 1-on-1 die Leute, die es wirklich wissen: unsere aktuellen und ehemaligen Trainees. Wie geht das mit dem International Talent Programme (ITP)? Was heißt es wirklich, im Junior Expert Programm (JEP) voll durchzustarten? Hol Dir die Antworten auf Deine Fragen direkt von der Quelle und lern unsere Absolvent*innen-Programme aus nächster Nähe kennen. Interessiert? Dann schau hier vorbei!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2093-wer-ist-dieser-trainee-uberhaupt-die-absolvent-innen-programme-bei-der-ing">
      <img alt="Wer ist dieser Trainee überhaupt? Die Absolvent*innen-Programme bei der ING" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/sJXg34qed08qYYSpNwXj.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1920-fraud-geldwasche-geben-wir-keine-chance">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Fraud &amp; Geldwäsche? Geben wir keine Chance!
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Zwielichtige Transaktionen, dubiose Finanzgeschäfte und Geldwäsche: Die Finanzwelt ist gegen solche Machenschaften nicht immun – umso wichtiger ist es, entschieden dagegen zu halten und entschlossen vorzugehen.Wie wir bei der ING: Wir vereinigen Finanz-Know-how, Analysen, Big Data und IT, um Fraud &amp; Money Laundering den Riegel vorzuschieben: international, digital und mit der besonderen Prise INGenuity. Und Du kannst uns helfen! Stell Dich mit uns gegen Geldwäsche und Finanzkriminalität. Wie? Erfährst Du hier!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1nNFdrN05PREdabyZ1dG1fc291cmNlPVdlQXJlRGV2ZWxvcGVycyZ1dG1fbWVkaXVtPVdlQXJlRGV2ZWxvcGVycyZ1dG1fY2FtcGFpZ249V2VBcmVEZXZlbG9wZXJz">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1857-herhackathon-2024-let-s-empower-women-in-tech">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        HerHackathon 2024 – let’s empower women in tech!
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wir freuen uns riesig, auch in diesem Jahr wieder beim HerHackathon in Mannheim dabei zu sein – als Sponsor und erneut mit einer Challenge für die Teilnehmerinnen. Was erwartet Euch? 48 Stunden voller Möglichkeiten! Zeigt uns, was in Euch steckt und nutzt die Chance, Eure Kreativität und Euer Können unter Beweis zu stellen. Gleichzeitig habt Ihr die Gelegenheit, mit Tech-Talenten aus ganz Europa zu netzwerken und vielleicht sogar Freundschaften zu schließen. 🦸‍♀️ Na, Lust bekommen mitzumachen? Dann bewerbt Euch bis zum 3. Juni HIER, die Teilnahme ist kostenlos.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1857-herhackathon-2024-let-s-empower-women-in-tech">
      <img alt="HerHackathon 2024 – let’s empower women in tech!" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/AYkrwVXn5GVi6c4forme.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1837-work-familie-balancing-von-hybrider-arbeit-bis-zur-flexi-time">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Work-Familie-BalancING – Von hybrider Arbeit bis zur Flexi-Time
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Karriere und Familie unter einen Hut zu bringen, kann herausfordernd sein. Als Arbeitgeberin helfen wir dabei, es leichter zu machen. Roya berichtet, wie sie – als Team mit ihrem Mann – zwei kleine Jungs großzieht und dabei auch im Job voll durchstartet. Wie das klappt? Erfahrt Ihr hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1837-work-familie-balancing-von-hybrider-arbeit-bis-zur-flexi-time">
      <img alt="Work-Familie-BalancING – Von hybrider Arbeit bis zur Flexi-Time" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/Jcz1dTtP5BZbzkSqKKIB.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1801-banking-wie-bei-der-ing-maschinen-das-banken-lernen">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        BanKIng – Wie bei der ING Maschinen das Banken lernen
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Glaubt man dem Hype ist die KI die eierlegende Wollmilchsau, mit der alles möglich und nichts schwierig ist. In der Realität braucht es für die Umsetzung zunächst allerdings vor allem eines: komplexe, technische Arbeit. Unser Experte Ertugrul erklärt, welche konkreten Anwendungen es für die KI im Banking gibt, wie diese umgesetzt werden und warum es Kolleg*innen aus verschiedensten Bereichen braucht, um die Maschinen zum Lernen zu bringen.Interessiert? Mehr erfahrt ihr hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1801-banking-wie-bei-der-ing-maschinen-das-banken-lernen">
      <img alt="BanKIng – Wie bei der ING Maschinen das Banken lernen" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/TSM92pbviR0JDgGp3mQS.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1780-banking-fur-alle-einfach-unkompliziert-und-uberall">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Banking für alle – einfach, unkompliziert und überall
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Über Deine Banking-App solltest Du nicht nachdenken müssen – sie sollte einfach funktionieren, egal wo und wer Du bist. Und bei der ING schreiben wir EINFACH in der Entwicklung groß: Damit Banking für alle funktioniert. Wir machen keine halben Sachen, wenn wir eine UI und UX designen und implementieren, die für Millionen von Kund*innen so läuft wie gebraucht. Deswegen tüfteln wir unentwegt an Mitteln und Wegen, unser Banking noch besser und einfacher für jeden zu machen. Und Du kannst uns helfen!Bring Deine Experience zu unseren Usern und mach ihr Leben leichter, wie? Erfährst Du hier!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1HNGtwdm5sLVdsOCZ1dG1fc291cmNlPVdlQXJlRGV2ZWxvcGVycyZ1dG1fbWVkaXVtPVdlQXJlRGV2ZWxvcGVycyZ1dG1fY2FtcGFpZ249V2VBcmVEZXZlbG9wZXJz">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1769-von-der-komfortzone-zum-perfekten-job-mit-dem-einstieg-ins-junior-expert-programme-bei-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Von der Komfortzone zum perfekten Job – mit dem Einstieg ins Junior Expert Programme bei der ING!
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Neuer Anfang, neue Stadt, neue Kolleg*innen. Marlly ist im Junior Expert Programme in viel Neues eingetaucht und berichtet, wie sie Challenges gemeistert hat, Netzwerke und Freundschaften geknüpft hat und in der ING auf ihre ganz eigene Weise angekommen ist. Verschiedenste Bereiche der ING kennen lernen? Kein Problem mit unserem Junior Expert Programme! Und wenn es passt? Durchstarten! So wie Marlly, die schon nach 3 Monaten bei uns als festangestellte Feature Engineer voll eingestiegen ist. Wie? Lest Ihr hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1769-von-der-komfortzone-zum-perfekten-job-mit-dem-einstieg-ins-junior-expert-programme-bei-der-ing">
      <img alt="Von der Komfortzone zum perfekten Job – mit dem Einstieg ins Junior Expert Programme bei der ING!" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/V6VZ4doAqaPFPiql5XCb.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1707-accessibility-granted-podcast-coding-orange-uber-barrierefreiheit-bei-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Accessibility granted! Podcast Coding Orange über Barrierefreiheit bei der ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Die ING ist für alle da, ob mit oder ohne Beeinträchtigungen. Doch was heißt Barrierefreiheit im Netz überhaupt? UX Designer Marco und Software-Entwickler Lukas berichten von ihrer Arbeit.Welche Barrieren treten für Nutzer*innen online auf? Wie gestaltet man Funktionen auf Apps und Plattformen überhaupt barrierefrei? Warum sollte sich jede*r für dieses Thema interessieren? Und wieso betrifft uns das alle irgendwie und irgendwann?Hört mal rein!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1707-accessibility-granted-podcast-coding-orange-uber-barrierefreiheit-bei-der-ing">
      <img alt="Accessibility granted! Podcast Coding Orange über Barrierefreiheit bei der ING" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/pvAuYJZORaw4FxrPjSMk.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1681-ing-fragenfeuer-coding-azubi-luca">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ING Fragenfeuer: Coding-Azubi Luca
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Als Azubi gehörst Du bei uns gleich zur großen ING-Familie und lernst, agil zu arbeiten. Wie unser Coding-Azubi Luca, der mit fehlerhaften Quellcodes aufräumt und im Team DevOps Automation dafür sorgt, dass unsere Entwickelnden noch effizienter programmieren. Wie das geht und warum seine Ausbildung zur Fachinformatik für Anwendungsentwicklung besonders ist, erzählt er in unserem Fragenfeuer-Video: Schau mal rein!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1EN1NJeWwwOEZHVSZ1dG1fc291cmNlPXdlYXJlZGV2ZWxvcGVycyZ1dG1fbWVkaXVtPWZyYWdlbmZldWVyX2x1Y2EmdXRtX2NhbXBhaWduPWZyYWdlbmZldWVyX2x1Y2E=">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1618-designkonferenz-dtns-5-powered-by-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Designkonferenz DTNS 5 - powered by ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Unter dem Motto &quot;Rethink. Redesign. Regenerate.&quot; treffen wir uns am 16.11.23 in Offenbach, um mit zahlreichen Speakern Perspektiven und Ideen einer nachhaltigeren und widerstandsfähigen Zukunft zu diskutieren.Alle, die &quot;creative thinking&quot; interessiert, sind willkommen! Es spielt keine Rolle, ob du UX-Designer, Developer, Business-Analyst oder du Student/Studentin bist. Sei dabei!Eintritt und Catering sind kostenlos!Jetzt anmelden!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1618-designkonferenz-dtns-5-powered-by-ing">
      <img alt="Designkonferenz DTNS 5 - powered by ING" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/bYDeOFSC6wJGiShPK3bq.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1589-ing-empowert-frauen-in-tech-beim-herhackathon">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ING empowert Frauen in Tech beim HerHackathon
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Frauenpower, Teamgeist, Innovationen – der HerHackathon 2023 war ein voller Erfolg, auch durch den Einsatz der ING und unserer ITlerinnen. Rund 200 Frauen waren im Juli beim HerHackathon in Mannheim und haben sich spannenden Aufgaben von 6 Unternehmen gestellt – und die ING war eines davon. Auch als Teilnehmerinnen waren INGler dabei, um zu netzwerken, zu wachsen und reale Probleme zu lösen. Welche Aufgaben das waren und was die Teilnehmerinnen vom HerHackathon mitnehmen konnten, liest Du hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1589-ing-empowert-frauen-in-tech-beim-herhackathon">
      <img alt="ING empowert Frauen in Tech beim HerHackathon" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/JvOHe0oDBfxAok7BFr30.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1567-ing-fragenfeuer-vom-berufswunsch-rennfahrer-zum-it-trainee-bei-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ING Fragenfeuer: Vom Berufswunsch Rennfahrer zum IT Trainee bei der ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Was Ali schon immer beruflich machen wollte? Kein IT-Trainee werden 💔 Ist er jetzt aber doch geworden und fühlt sich bei uns richtig wohl. Unser Talentprogramm (gibt&#39;s übrigens nicht nur für IT) ist eine super Einstiegsmöglichkeit, um in verschiedene Bereiche reinzuschnuppern, dabei auch schon eigene Projekte zu stemmen und so herauszufinden, was am besten zu einem passt. Mehr Infos zu unserem International Talent Programme​ gibts hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj12U0lNZzBrMnEySSZ1dG1fc291cmNlPVdlYXJlZGV2ZWxvcGVycyZ1dG1fbWVkaXVtPUZyYWdlbmZldWVyX0lUUF9BbGk=">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1498-einstieg-bei-der-ing-mit-dem-junior-expert-programme-zum-erfolg">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Einstieg bei der ING – mit dem Junior Expert Programme zum Erfolg! 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Es gibt viele Wege bei uns einzusteigen, einer davon ist unser vielfältiges Junior Expert Programme, damit kam auch Julia zu uns und erzählt, wie sie trotz Pandemie durchgestartet ist. Einblick in mehrere Bereiche? Ein starkes Netzwerk aufbauen? Vieles lernen und dennoch direkt mittendrin sein? Check, check, check. All das bietet unser Junior Expert Programme. Daneben gibt es bei uns eine Vielzahl an Programmen, die unseren Mitarbeiter*innen das Netzwerken, sowie die professionelle und persönliche Weiterentwicklung ermöglichen. Welche Programme wir anbieten und wie sehr Julia davon profitiert, lest ihr hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1498-einstieg-bei-der-ing-mit-dem-junior-expert-programme-zum-erfolg">
      <img alt="Einstieg bei der ING – mit dem Junior Expert Programme zum Erfolg! " loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/xVlRQCYF3oXyP93q6h6Z.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1383-coding-orange-der-it-podcast-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Coding Orange – der IT Podcast der ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          In Coding Orange kommen unsere IT-Expert*innen zu Wort und erzählen, was genau ihr Job bei uns ist, was man dafür mitbringen muss und wie sie bei uns gelandet sind.In Folge 5 sprechen wir mit Sven Ackermann, der bei uns als Domänenarchitekt arbeitet. Sven berichtet, wie er nach seinem Einstieg als Entwickler zu seinem jetzigen Beruf kam, was ihm an seiner Arbeit Spaß macht und was er von den klassischen Nerd-Klischees hält. Hört mal rein!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1383-coding-orange-der-it-podcast-der-ing">
      <img alt="Coding Orange – der IT Podcast der ING" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/X8ZFIGFSBmsSMMUtEbaN.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1349-von-a-wie-altersvorsorge-bis-z-wie-zukunftstarifvertrag-die-benefits-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Von A wie Altersvorsorge bis Z wie Zukunftstarifvertrag - die Benefits der ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Arbeiten bei uns ist mehr als nur ein Job.Wir unterstützen unsere Mitarbeiter*innen nicht nur während der Arbeit, sondern auch in vielen Lebenssituationen drum herum. So können alle ihr Potential voll ausschöpfen – beruflich wie privat.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1naHlIUWJFVE1jWQ==">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1273-developer-bei-der-ing-pionierarbeit-und-bruckenbauer">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Developer bei der ING – Pionierarbeit und Brückenbauer 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wenn aus zwei Unternehmen eins wird, kann das Tücken mit sich bringen. Wenn beides Banken sind, ist das Unterfangen vor allem IT-seitig eine große Herausforderung. „Wir mussten viele neue Grundlagen legen, besonders was die Integration der Touchpoint-Komponenten angeht. Manchmal war das ein wahres Abenteuer in Sachen Engineering!“So beschreibt IT-Lead Jaroslaw die Mammutaufgabe, die IT-Systeme zweier Banken bei der Zusammenführung der ING Deutschland mit Lendico unter einen Hut zu bringen. Dabei ging es nicht nur darum, die Systeme miteinander zu vereinen, sondern auch den Bedürfnissen der Kunden gerecht zu werden sowie Potenzial für langfristige Entwicklung und Wachstum zu bieten. Welche Aufgaben dabei auf unsere Entwickler*innen zukamen und wie sie diese gemeistert haben, erfahrt ihr in unserem Artikel. Hier entlang: Klick.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1273-developer-bei-der-ing-pionierarbeit-und-bruckenbauer">
      <img alt="Developer bei der ING – Pionierarbeit und Brückenbauer " loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/3YbVgiKWsmDIAG7myWRh.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1224-wie-it-digitales-banking-sicher-macht-mit-digitalen-ledgern-ssi-und-lissi-modern-und-dezentral">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Wie IT digitales Banking sicher macht - mit digitalen Ledgern, SSI und Lissi modern und dezentral
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Woher wissen Banken, Behörden und Unternehmen, mit wem sie im Internet kommunizieren und handeln? Digitale Identitätsverifikationen in der Blockchain sind hier der Schlüssel. Dabei ist es wichtig, dass die Informationen nicht gebündelt an einem Ort liegen: „Wir wollen die Identitäten ja entkoppelt von irgendwelchen zentralen Autoritäten verwalten,“ betont Constantin, Software Engineer in unserer IT. Neben dem dezentralen Aspekt des Projektes, findet Constantin die Zusammenarbeit mit anderen Institutionen, Behörden und Banken spannend. „Es macht ja keinen Sinn, wenn hier jeder sein eigenes Süppchen kocht.&quot; Und so arbeiten er, seine Kolleg*innen bei der ING und auch in anderen Unternehmen an der Software, die digitale Authentification, Personalausweise und sogar Kreditkarten möglich macht. Wie genau Hyperledger funktionieren und was byzantinische Generäle damit zu tun haben, lest Ihr in unserem Artikel, hier geht&#39;s lang.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1224-wie-it-digitales-banking-sicher-macht-mit-digitalen-ledgern-ssi-und-lissi-modern-und-dezentral">
      <img alt="Wie IT digitales Banking sicher macht - mit digitalen Ledgern, SSI und Lissi modern und dezentral" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/yQA7t2FJZMz7XAQrBrEC.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1172-quereinstieg-in-die-it-aber-gerne-doch-smart-movers-willkommen">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Quereinstieg in die IT? Aber gerne doch: Smart Movers willkommen!
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Smart Movers – unser innovatives Quereinsteigerprogramm – erlaubt uns, intern „versteckte” IT-Talente zu finden. Und das gerne auch jenseits der klassischen Geschlechterrollen!Ebru und Yvonne haben Smart Movers als internes Sprungbrett für einen neuen Karriereschritt genutzt: Beide kommen aus unserem Kundendialog – und sind heute Java-Expertinnen. Wie es dazu kam und was sie heute tagtäglich beschäftigt, erzählen sie hier!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1172-quereinstieg-in-die-it-aber-gerne-doch-smart-movers-willkommen">
      <img alt="Quereinstieg in die IT? Aber gerne doch: Smart Movers willkommen!" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/CiptR3k5gB7QWd4Koi0r.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1135-herausforderung-und-chance-it-governance-im-banking">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Herausforderung und Chance: IT-Governance im Banking
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wie kann IT im Rahmen von strengen Regeln noch innovativ sein? Unser IT-Prozessmanager Roman erklärt, welche Vorteile er sieht. Kaum eine andere Branche ist so streng reguliert wie der Finanzsektor. Daraus ergibt sich ein besonderer Anspruch an unsere Developer. Dabei gehen wir bei der ING besondere Wege, nicht nur regelkonform sondern auch innovativ voran zu gehen. „IT wird nicht wie in anderen Unternehmen als Kostenfaktor betrachtet, sondern als Unterscheidungsmerkmal,&quot; ist Roman überzeugt. Wie genau wir die Sache mit Hilfe von kreativen Köpfen wie Roman angehen, könnt ihr hier lesen.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1135-herausforderung-und-chance-it-governance-im-banking">
      <img alt="Herausforderung und Chance: IT-Governance im Banking" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/OPHJZMzjnUgUNbfKWLgE.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/762-ganzheitlich-nachhaltig-die-digitalbank-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 4 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Ganzheitlich nachhaltig: Die Digitalbank ING
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Banking und Nachhaltigkeit Hand in Hand - kann das wirklich funktionieren? Bei der ING Deutschland unbedingt!Nachhaltigkeit ist der bei der ING ganz klar Chefsache und wird nicht als isoliertes Thema einer Abteilung gesehen, sondern in allen operativen Bereichen umgesetzt.“Wir als Banken haben die Chance, Nachhaltigkeit in der Mitte der Gesellschaft anzustoßen”, ist Jürgen (Leiter Strategy &amp; Business Development) überzeugt.Wie genau die ING mit dem Thema Sustainability umgeht, erzählen Dir Jürgen und Laura (Leiterin Daily Banking &amp; Payments) hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/762-ganzheitlich-nachhaltig-die-digitalbank-ing">
      <img alt="Ganzheitlich nachhaltig: Die Digitalbank ING" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/yRYtkrb3VwdOjoy1GZx8.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/848-coding-orange-der-it-podcast-der-ing">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        about 4 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Coding Orange – der IT Podcast der ING.
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Hier erzählen unsere IT-Expert*innen über ihren Arbeitsalltag bei uns. Zum Beispiel Softwarearchitekt Jürgen.Wie arbeitet es sich so als Softwarearchitekt bei der ING? Was ist das überhaupt, Softwarearchitektur? Und was hat es mit diesem Orange Code auf sich? Hört mal rein!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/848-coding-orange-der-it-podcast-der-ing">
      <img alt="Coding Orange – der IT Podcast der ING." loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/UMfnzcxwBu9cpSTAUkoB.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/891-blockchain-reloaded">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 4 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Blockchain Reloaded
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Seit Jahren ist Blockchain eines der großen Themen auf dem digitalen Finanzmarkt. In Folge 4 unseres Podcasts Coding Orange erzählt Euch Constantin Kurz, wie er vom Physiker bei der ING zum Blockchain-Experten geworden ist, was genau Blockchain überhaupt ist – und dass Blockchain deutlich mehr kann, als der Hype um die berühmt-berüchtigte Kryptowährung vermuten lässt. Neugierig? Hört doch mal rein!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/891-blockchain-reloaded">
      <img alt="Blockchain Reloaded" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/eQTlvlkJuFcxgIKfBtdj.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/942-ing-karriere-fragenfeuer-wie-ist-es-bei-uns-so">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        almost 4 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ING Karriere Fragenfeuer: Wie ist es bei uns so?
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          In unserem neuem Interviewformat treten unsere Mitarbeiter*innen vor die Kamera. Und erzählen von sich und ihren Jobs bei der ING.Zum Beispiel ITler*in Nicole, deren Traumjob natürlich nicht schon immer die Bank war ;)
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj00dnVrUEl6enpwWQ==">
  <div class="flex size-full items-center justify-center bg-base-300/50 text-center text-base-content" data-social-content-gate-target="content">
    <div class="flex flex-col items-center gap-3 px-4 sm:px-6">
      <p class="text-sm text-base-content/65">This content is not shown due to your cookie preferences.</p>

      <button type="button" class="btn gap-2 btn-primary btn-sm sm:btn-md" data-action="click->social-content-gate#play">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg> Load video
      </button>

      <button
        type="button"
        class="text-sm text-base-content/55 underline-offset-4 transition-colors hover:text-base-content hover:underline"
        data-controller="truendo"
        data-action="click->truendo#manage"
      >
        Cookie settings
      </button>
    </div>
  </div>

  
  <template data-gated-video-player-target="template">
    <media-player
  data-controller="video-player"
  data-video-player-autostart-value="false"
  data-video-player-timestamp-value="0"
  class="ring-media-focus aspect-video size-full overflow-hidden bg-slate-950 font-sans text-white data-[focus]:ring-4 leading-none @container"
  crossorigin
  playsinline
>
  <media-provider>
    <media-poster
      class="absolute inset-0 block size-full opacity-0 transition-opacity data-visible:opacity-100 [&amp;&gt;img]:h-full [&amp;&gt;img]:w-full [&amp;&gt;img]:object-cover"
      alt="Video thumbnail"
      aria-hidden="true"
      role="presentation"
    ></media-poster>



    <div
      class="
        media-loading:opacity-100 pointer-events-none absolute inset-0 z-30 flex items-center justify-center opacity-0 transition-opacity media-buffering:opacity-100
        media-waiting:opacity-100
      "
    >
      <div class="rounded-md bg-black/30 p-3 backdrop-blur-sm">
        <div class="size-8 animate-spin rounded-full border-4 border-white/30 border-t-white"></div>
      </div>
    </div>
  </media-provider>

  <div class="pointer-events-none absolute inset-x-0 bottom-0 z-[2] h-[55%] bg-linear-to-t from-black/65 via-black/28 to-transparent"></div>


    <!-- Gestures -->
    <media-gesture class="absolute inset-0 z-0 block size-full" event="pointerup" action="toggle:paused"></media-gesture>
    <media-gesture class="absolute inset-0 z-0 block size-full" event="dblpointerup" action="toggle:fullscreen"></media-gesture>
    <media-gesture class="absolute top-0 left-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:-10"></media-gesture>
    <media-gesture class="absolute top-0 right-0 z-10 block h-full w-1/5" event="dblpointerup" action="seek:10"></media-gesture>

  <media-captions
    class="
      absolute inset-x-0 bottom-4 z-10 hidden text-center text-sm font-semibold text-pretty break-words transition-[opacity,bottom] duration-300 select-none @lg:bottom-8
      @lg:text-lg @2xl:bottom-12 @2xl:text-xl media-controls:bottom-[100px] media-muted:block media-preview:opacity-0 [&_[data-part='cue']]:inline-block
      [&_[data-part='cue']]:rounded-lg [&_[data-part='cue']]:bg-black/55 [&_[data-part='cue']]:px-2.5 [&_[data-part='cue']]:py-1 [&_[data-part='cue']]:backdrop-blur-md
    "
  ></media-captions>

  <!-- Controls -->
  <media-controls class="pointer-events-none absolute inset-0 z-10 flex size-full flex-col opacity-0 transition-opacity media-controls:pointer-events-auto media-controls:opacity-100">
    <div class="pointer-events-none flex-1"></div>

    <media-controls-group class="flex w-full items-center px-0">
      <!-- Time Slider -->
      <media-time-slider  class="group relative mx-[7.5px] inline-flex h-10 w-full cursor-pointer touch-none items-center outline-none select-none">
        <media-slider-chapters class="relative flex size-full items-center rounded-[1px]">
          <template>
            <!-- Slider Chapter -->
            <div class="last-child:mr-0 relative mr-0.5 flex size-full items-center rounded-[1px]" style="contain: layout style">
              <!-- Slider Chapter Track -->
              <div class="ring-media-focus relative z-0 h-1 w-full rounded-full bg-white/20 group-data-[focus]:ring-[3px]">
                <!-- Playback progress -->
                <div class="absolute z-5 h-full w-[var(--chapter-fill)] rounded-full bg-brand will-change-[width]"></div>
              </div>
            </div>
          </template>
        </media-slider-chapters>

        <!-- Slider Thumb -->
        <div
          class="
            absolute top-1/2 left-[var(--slider-fill)] z-20 size-[15px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 ring-2 ring-black/30 backdrop-blur-md
            transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4
          "
        ></div>

        <!-- Slider Preview (shows on hover) -->
        <media-slider-preview class="pointer-events-none opacity-0 transition-opacity duration-200 data-visible:opacity-100" offset="6">
          <div
            class="
              mx-2 flex max-w-[280px] flex-col items-center rounded-[1.25rem] bg-black/55 px-4 py-2 text-sm font-medium text-white shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md
            "
          >
            <!-- Chapter Title (if chapters are available) -->

            <div class="vds-slider-chapter-title mb-1 w-full text-center text-balance" data-part="chapter-title"></div>

            <!-- Timestamp -->
            <media-slider-value class="font-mono text-white"></media-slider-value>
          </div>
        </media-slider-preview>
      </media-time-slider>
    </media-controls-group>

    <media-controls-group class="-mt-2 flex w-full items-center px-3 pb-3">
      <!-- Play Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-play-button
            class="
              ring-media-focus relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25 ring-white/10
              backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-paused:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"></path></svg>
            <svg class="media-paused:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"></path></svg>
          </media-play-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top start"
          offset="30"
        >
          <span class="hidden media-paused:block">Play</span>
          <span class="media-paused:hidden">Pause</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Time Group -->
      <div class="ml-1.5 flex h-10 items-center rounded-full bg-black/55 px-3 font-mono text-sm font-bold shadow-lg ring-1 shadow-black/25 ring-white/10 backdrop-blur-md">
        <media-time type="current" class="hidden media-started:block"></media-time>

        <div class="mx-1 hidden text-white/80 media-started:block">|</div>

        <media-time type="duration"></media-time>
      </div>

      <div class="flex-1"></div>

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button
            class="
              ring-media-focus group relative mr-1.5 inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="hidden size-5 group-data-[state=&#39;muted&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
            <svg class="hidden size-5 group-data-[state=&#39;high&#39;]:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"></path><path d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"></path></svg>
          </media-mute-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
          <span class="hidden media-muted:block">Unmute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              ring-media-focus group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg ring-1 shadow-black/25
              ring-white/10 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4
            "
          >
            <svg class="media-fullscreen:hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg>
            <svg class="media-fullscreen:block hidden size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"></path></svg>
          </media-fullscreen-button>
        </media-tooltip-trigger>

        <media-tooltip-content
          class="
            animate-out fade-out slide-out-to-bottom-2 data-visible:animate-in data-visible:fade-in data-visible:slide-in-from-bottom-4 z-10 rounded-full bg-black/55 px-3 py-1
            text-sm font-medium text-white ring-1 ring-white/10 backdrop-blur-md
          "
          placement="top end"
          offset="30"
        >
          <span class="media-fullscreen:hidden">Enter Fullscreen</span>
          <span class="hidden media-fullscreen:block">Exit Fullscreen</span>
        </media-tooltip-content>
      </media-tooltip>
    </media-controls-group>
  </media-controls>
</media-player>

  </template>

</div>

</article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/991-ki-in-der-praxis-bei-ing-machine-learning-engineer-ertugrul-erzahlt-von-seiner-arbeit">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        KI in der Praxis bei ING - Machine Learning Engineer Ertugrul erzählt von seiner Arbeit
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Künstliche Intelligenz ist längst vom Hype zur Wirklichkeit geworden...... und sorgt in immer mehr Wirtschaftssektoren für Wachstumschancen. Und damit natürlich auch bei uns! Ertugrul arbeitet bei uns als Machine Learning Engineer und beschreibt seine Mission so: „Aus Daten Informationen und Mehrwert extrahieren – das ist mehr oder weniger, was wir tun. Dabei verwenden wir nicht sechs Monate auf die Entwicklung und präsentieren dann die Software. Vielmehr entwickeln wir iterativ: Wir durchlaufen ständig neue Versionen.&quot;Lust auf einen Einblick in Ertugruls Job? Hier geht&#39;s lang.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/991-ki-in-der-praxis-bei-ing-machine-learning-engineer-ertugrul-erzahlt-von-seiner-arbeit">
      <img alt="KI in der Praxis bei ING - Machine Learning Engineer Ertugrul erzählt von seiner Arbeit" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/VVsFwDsMgzjZD1Y4SRLV.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1027-ing-die-erste-agile-bank-deutschlands">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ING - die erste agile Bank Deutschlands
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Eine konservative Bank, wo alles bleibt, wie es schon immer war? Nicht bei der ING! “Bei uns ist eigenverantwortliches, selbstbestimmtes und flexibles Arbeiten selbstverständlich – unabhängig von der Position. Ob in Sneakern oder im Anzug zu arbeiten, ist nichts Ungewöhnliches. Wir schätzen alle, wie sie sind und fördern Vielfalt in allen Teams. Unterschiedliche Lebenswege, Erfahrungen oder Lebensstile sind dabei ganz egal”, beschreibt Heiko (Head of Tech) die Unternehmenskultur der ING. “Wir arbeiten agil und für die IT bedeutet das: Neues ausprobieren, enge Zusammenarbeit mit dem Business und spannende Einblicke in alle Themen. Und vor allem: Der eigene Beitrag zum Erfolg wird viel schneller sichtbar.” Lust darauf, mehr zu erfahren? Das vollständige Interview mit Heiko findest du hier.
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1027-ing-die-erste-agile-bank-deutschlands">
      <img alt="ING - die erste agile Bank Deutschlands" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/TFaT7Eeg9XkmKZbdPlvC.jpeg" />
</a></article>

      </div>
      <div class="w-80 flex-none snap-start py-2 first:pl-1 last:pr-1 hover-device:w-auto">
        <article class="group flex size-full flex-col overflow-hidden rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-all hover:bg-base-200/40 hover:shadow-md">

  <a data-turbo-frame="_top" class="flex flex-1 flex-col focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1069-wo-innovationen-entstehen-microservice-hackathon">
    <div class="flex flex-1 flex-col px-6 pb-4 pt-6">
      <div class="mb-2 flex items-center text-xs text-base-content/60">
        <svg class="mr-1 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>
        over 3 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Wo Innovationen entstehen: Microservice Hackathon
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wir sind überzeugt: Echte Innovation entsteht nicht auf dem Papier. Bei der ING bedeutet Innovation daher vor allem eins: Dinge in die Tat umzusetzen. Dem damit verbundenen Wandel begegnen wir offen und aktiv. In Sachen IT-Architektur zum Beispiel mit einem Microservice Hackathon für unsere Engineers. Wie der abgelaufen ist, erzählt Euch Max, Head of Platform Engineering. Lest mal rein!
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/1069-wo-innovationen-entstehen-microservice-hackathon">
      <img alt="Wo Innovationen entstehen: Microservice Hackathon" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/xIUBkACjEKKC6Wo8ZDVu.jpeg" />
</a></article>

      </div>
</turbo-frame></template></turbo-stream>
<turbo-stream action="remove" target="auto_load_trigger"></turbo-stream>

<turbo-stream action="remove" target="load_more_stories_button"></turbo-stream>
