<turbo-stream action="append" target="company_stories"><template>
    <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">

      <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>

    <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">

      <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>

    <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">

      <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="not-prose 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="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 shadow-black/25 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="
              relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg shadow-black/25 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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"></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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5"></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 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>


        <div class="ml-3 flex items-center gap-1 text-sm font-medium text-white tabular-nums [text-shadow:0_1px_2px_rgb(0_0_0/0.6)] ">
          <media-time type="current" class="hidden media-started:block"></media-time>

          <span class="hidden text-white/60 media-started:block" aria-hidden="true">/</span>

          <media-time type="duration" class="text-white/70"></media-time>
        </div>

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

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button class="group inline-flex h-10 min-w-10 cursor-pointer items-center justify-center gap-2 rounded-full bg-black/55 shadow-lg shadow-black/25 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4 @sm:data-[state=muted]:pr-4 @sm:data-[state=muted]:pl-3 mr-1.5">
  <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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"></path></svg>
  <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block 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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"></path></svg>
  <span class="hidden text-sm font-semibold whitespace-nowrap @sm:group-data-[state='muted']:inline">Tap for sound</span>
</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 backdrop-blur-md media-muted:hidden
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg shadow-black/25 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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"></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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"></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 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>

    <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">

      <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>

    <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">

      <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>

    <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">

      <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="not-prose 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="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 shadow-black/25 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="
              relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg shadow-black/25 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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"></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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5"></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 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>


        <div class="ml-3 flex items-center gap-1 text-sm font-medium text-white tabular-nums [text-shadow:0_1px_2px_rgb(0_0_0/0.6)] ">
          <media-time type="current" class="hidden media-started:block"></media-time>

          <span class="hidden text-white/60 media-started:block" aria-hidden="true">/</span>

          <media-time type="duration" class="text-white/70"></media-time>
        </div>

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

      <!-- Mute Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-mute-button class="group inline-flex h-10 min-w-10 cursor-pointer items-center justify-center gap-2 rounded-full bg-black/55 shadow-lg shadow-black/25 backdrop-blur-md transition-colors outline-none hover:bg-black/65 data-[focus]:ring-4 @sm:data-[state=muted]:pr-4 @sm:data-[state=muted]:pl-3 mr-1.5">
  <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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"></path></svg>
  <svg class="hidden size-5 group-data-[state=&#39;low&#39;]:block 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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"></path></svg>
  <span class="hidden text-sm font-semibold whitespace-nowrap @sm:group-data-[state='muted']:inline">Tap for sound</span>
</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 backdrop-blur-md media-muted:hidden
          "
          placement="top"
          offset="30"
        >
          <span class="media-muted:hidden">Mute</span>
        </media-tooltip-content>
      </media-tooltip>

      <!-- Fullscreen Button -->
      <media-tooltip>
        <media-tooltip-trigger>
          <media-fullscreen-button
            class="
              group relative inline-flex size-10 cursor-pointer items-center justify-center rounded-full bg-black/55 shadow-lg shadow-black/25 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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"></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="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"></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 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>

    <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">

      <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>

    <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">

      <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>

</template></turbo-stream>
<turbo-stream action="replace" target="company_stories_pagination"><template><turbo-frame class="group" id="company_stories_pagination">
    <div class="mt-8 flex justify-center">
      <a data-turbo-frame="company_stories_pagination" data-turbo-prefetch="false" class="btn btn-outline btn-primary gap-2 group-aria-busy:pointer-events-none group-aria-busy:opacity-60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/more_stories.turbo_stream?page=6">
        Load more stories <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd"></path></svg>
</a>    </div>
</turbo-frame></template></turbo-stream>
