<turbo-stream action="append" target="stories_grid"><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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3909-power-plus-communications/stories/2319-driven-by-innovation">
            <img alt="Power Plus Communications logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fa8489237beea59d4e073cfea81378ee/logo/uTZOz06Cm5NDvIoEFPFm.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Power Plus Communications</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3909-power-plus-communications/stories/2319-driven-by-innovation" data-share-link-title-value="Driven by Innovation" data-share-link-text-value="Check out this story from Power Plus Communications"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_629_d5a1797c"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:629" data-bookmarkable-type="company_story" data-bookmarkable-id="629" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=629&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3909-power-plus-communications/stories/2319-driven-by-innovation">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Driven by Innovation
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Our motto is ‘Driven by Innovation,’ according to our Head of Innovation Management, Marilen Schläfer.At Power Plus Communications, we constantly strive to incorporate the latest trends and scientific findings into our innovations. Our goal is to make the digitalisation of the energy transition smart, secure and sustainable.Find out more about our current projects: https://www.ppc-ag.de/en/innovation/innovationsprojekte/
        </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="aHR0cHM6Ly95b3V0dS5iZS9DUGpVVlduZ05ySQ==">
  <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3909-power-plus-communications/stories/2318-a-decisive-step-towards-a-smart-grid">
            <img alt="Power Plus Communications logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fa8489237beea59d4e073cfea81378ee/logo/uTZOz06Cm5NDvIoEFPFm.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Power Plus Communications</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3909-power-plus-communications/stories/2318-a-decisive-step-towards-a-smart-grid" data-share-link-title-value="A decisive step towards a smart grid" data-share-link-text-value="Check out this story from Power Plus Communications"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_630_7e3832ac"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:630" data-bookmarkable-type="company_story" data-bookmarkable-id="630" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=630&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3909-power-plus-communications/stories/2318-a-decisive-step-towards-a-smart-grid">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        A decisive step towards a smart grid
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          GE Vernova and PPC have successfully tested the interoperability of their broadband powerline (BPL) technologies. The focus of the collaboration was to connect GE Vernova’s MDS™ Orbit PowerNet to PPC’s smart meter gateway, which uses Nessum technology. This represents a significant milestone for broadband connectivity between medium and low voltage networks. This bridging is an important step towards a fully integrated smart grid.Read more:GE Vernova and PPC demonstrate successful interoperability for broadband communications in power grids - Power Plus Communications AG
        </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/3909-power-plus-communications/stories/2318-a-decisive-step-towards-a-smart-grid">
      <img alt="A decisive step towards a smart grid" loading="lazy" src="https://wearedevelopers.imgix.net/company/fa8489237beea59d4e073cfea81378ee/cardimages/7UvEaGJM7r7dXflj1MNB.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 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="ING Deutschland logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/logo/UbjHyweSxmgfCEZdst4d.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">ING Deutschland</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2316-komm-bei-uns-vorbei-nurnberg-digital-festival-2025" data-share-link-title-value="Komm bei uns vorbei: Nürnberg Digital Festival 2025 " data-share-link-text-value="Check out this story from ING Deutschland"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_515_d4dfab47"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:515" data-bookmarkable-type="company_story" data-bookmarkable-id="515" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=515&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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 ">
      <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/2803-burda/stories/2315-die-cyberport-se-bei-der-intel-emea-2025-retail-executive-connection">
            <img alt="Burda logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/c28cfc2ab609591691a8b964937629f1/logo/WzfYTgbmTe1VBIIzEF0q.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Burda</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/2803-burda/stories/2315-die-cyberport-se-bei-der-intel-emea-2025-retail-executive-connection" data-share-link-title-value="Die Cyberport SE bei der Intel EMEA 2025 Retail Executive Connection" data-share-link-text-value="Check out this story from Burda"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_567_0a0aad6d"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:567" data-bookmarkable-type="company_story" data-bookmarkable-id="567" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=567&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/2803-burda/stories/2315-die-cyberport-se-bei-der-intel-emea-2025-retail-executive-connection">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Die Cyberport SE bei der Intel EMEA 2025 Retail Executive Connection
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Einblicke, Begegnungen und Zukunftsimpulse für unser BusinessDie Intel EMEA Retail Executive Connection ist eine jährlich stattfindende Veranstaltung, bei der sich der Branchenführer Intel mit Herstellern und ausgewählte Retailpartnern aus ganz Europa trifft. Ziel ist es, aktuelle Markttrends zu besprechen, strategische Partnerschaften zu stärken und einen Ausblick auf kommende Innovationen zu geben. In diesem Jahr fand das Event vom 28. bis 30. April 2025 in Rom statt – und wir (Tina &amp; Matthias) waren mit dabei.In nur anderthalb Tagen konnten wir viele intensive Gespräche führen – unter anderem mit Intel, Lenovo, HP, Asus, Acer, Samsung, MSI, Medion/Erazer und Google. Diese Gespräche bieten uns nicht nur Einblicke in kommende Produktneuheiten, sondern stärken auch unsere Rolle als relevanter Handelspartner auf europäischer Ebene.Ein zentrales Thema war die Präsentation der kommenden ​Intel-Prozessor-Generation „Panther-Lake“​ – eine Technologie, die unseren Kund:innen ab Q2/2026 in neuen Geräten begegnen wird. Ergänzt wurde das Programm durch spannende Keynotes von Microsoft und Google, die ihre Visionen für die Zukunft des digitalen Arbeitens und Konsumierens vorgestellt haben.Auch die geplante Marktbegleitung zum Thema ​„Windows 10 End-of-Support“​ ab der im September geplanten Back to School Kampagne war für uns ein wichtiger Gesprächspunkt. Hier wollen wir uns gemeinsam mit unseren Partnern stark positionieren.Solche Veranstaltungen sind keine bloßen Branchentreffs – sie sind strategisch relevant. Sie stärken bestehende Partnerschaften, eröffnen neue Perspektiven und sorgen dafür, dass Cyberport frühzeitig in Produkt- und Marketingstrategien eingebunden ist. Das kommt letztlich nicht nur unseren Vertriebsteams, sondern auch dem Einkauf, Marketing, Kundenservice und vielen weiteren Bereichen zugute.Wir freuen uns schon darauf, die neuen Erkenntnisse in unseren Alltag zu integrieren.
        </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/2803-burda/stories/2315-die-cyberport-se-bei-der-intel-emea-2025-retail-executive-connection">
      <img alt="Die Cyberport SE bei der Intel EMEA 2025 Retail Executive Connection" loading="lazy" src="https://wearedevelopers.imgix.net/company/c28cfc2ab609591691a8b964937629f1/cardimages/ZOw79NCOzFMJ6yywjOZB.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 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="ING Deutschland logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/logo/UbjHyweSxmgfCEZdst4d.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">ING Deutschland</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2309-medior-model-was" data-share-link-title-value="Medior Model was?!" data-share-link-text-value="Check out this story from ING Deutschland"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_516_3a015939"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:516" data-bookmarkable-type="company_story" data-bookmarkable-id="516" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=516&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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 ">
      <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3877-igel-technology-gmbh/stories/2302-happy-mother-s-day">
            <img alt="IGEL Technology GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/402dee9872f2f8fb46fdae83943fa2f4/logo/vLu1ECUJcAskftj5X3Wx.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">IGEL Technology GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3877-igel-technology-gmbh/stories/2302-happy-mother-s-day" data-share-link-title-value="Happy Mother’s Day💐" data-share-link-text-value="Check out this story from IGEL Technology GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_238_3e362dfa"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:238" data-bookmarkable-type="company_story" data-bookmarkable-id="238" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=238&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3877-igel-technology-gmbh/stories/2302-happy-mother-s-day">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Happy Mother’s Day💐
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          In honor of Mother’s Day, we’re celebrating the incredible moms of IGEL, including our very own Yomira Macdonald (Yomi) .💐 In this special feature, Yomi shares how motherhood has shaped her approach to leadership, time management, and teamwork as a Marketing Coordinator at IGEL Technology. Her story is a beautiful reflection of our supportive, family-first culture. Read the full blog: https://lnkd.in/eQtnBXf6
        </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/3877-igel-technology-gmbh/stories/2302-happy-mother-s-day">
      <img alt="Happy Mother’s Day💐" loading="lazy" src="https://wearedevelopers.imgix.net/company/402dee9872f2f8fb46fdae83943fa2f4/cardimages/wnRHEb58jmF8zrzcAvYF.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3877-igel-technology-gmbh/stories/2301-now-next-miami-2025-recap">
            <img alt="IGEL Technology GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/402dee9872f2f8fb46fdae83943fa2f4/logo/vLu1ECUJcAskftj5X3Wx.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">IGEL Technology GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3877-igel-technology-gmbh/stories/2301-now-next-miami-2025-recap" data-share-link-title-value="Now &amp; Next Miami 2025 Recap" data-share-link-text-value="Check out this story from IGEL Technology GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_237_09eaf3bd"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:237" data-bookmarkable-type="company_story" data-bookmarkable-id="237" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=237&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3877-igel-technology-gmbh/stories/2301-now-next-miami-2025-recap">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Now &amp; Next Miami 2025 Recap
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Relive the energy of #NowAndNext25 🌴 Missed the event or want to experience the best moments all over again? From inspiring keynotes to hands-on breakouts, check out the highlights from an unforgettable experience.
        </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/dj1JYnRXazJGUlgzYw==">
  <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3336-hoffmann-group/stories/2294-top-employer-2025">
            <img alt="Hoffmann Group logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/afdf3e738abe61403ecd491f20d0f5a0/logo/u9EIcLYonUIGE8mVoyPx.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Hoffmann Group</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3336-hoffmann-group/stories/2294-top-employer-2025" data-share-link-title-value="Top Employer 2025" data-share-link-text-value="Check out this story from Hoffmann Group"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_279_104a03aa"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:279" data-bookmarkable-type="company_story" data-bookmarkable-id="279" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=279&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3336-hoffmann-group/stories/2294-top-employer-2025">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Top Employer 2025
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wir freuen uns sehr, dass wir erneut als Top Employer 2025 ausgezeichnet wurden – eine Anerkennung, die unser Engagement für gute Arbeitsbedingungen und eine starke Arbeitgebermarke bestätigt.
        </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/3336-hoffmann-group/stories/2294-top-employer-2025">
      <img alt="Top Employer 2025" loading="lazy" src="https://wearedevelopers.imgix.net/company/afdf3e738abe61403ecd491f20d0f5a0/cardimages/fKxiaCLXkGUgwVErFrYG.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3912-markt-pilot-gmbh/stories/2293-boost-your-profits-with-parts-pricing-excellence-webinar-with-dr-danilo-zatta-valcon">
            <img alt="MARKT-PILOT GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/1bbe6f29094f72859f542975bf3c9c61/logo/jKum9UEVRf9OTnssbD1H.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">MARKT-PILOT GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3912-markt-pilot-gmbh/stories/2293-boost-your-profits-with-parts-pricing-excellence-webinar-with-dr-danilo-zatta-valcon" data-share-link-title-value="Boost your Profits with Parts Pricing Excellence | Webinar with Dr. Danilo Zatta (Valcon)" data-share-link-text-value="Check out this story from MARKT-PILOT GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_212_e8160964"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:212" data-bookmarkable-type="company_story" data-bookmarkable-id="212" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=212&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3912-markt-pilot-gmbh/stories/2293-boost-your-profits-with-parts-pricing-excellence-webinar-with-dr-danilo-zatta-valcon">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Boost your Profits with Parts Pricing Excellence | Webinar with Dr. Danilo Zatta (Valcon)
      </h3>


      <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/dj1oMzR4dWdhUGwzMA==">
  <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3912-markt-pilot-gmbh/stories/2292-pilots-at-work">
            <img alt="MARKT-PILOT GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/1bbe6f29094f72859f542975bf3c9c61/logo/jKum9UEVRf9OTnssbD1H.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">MARKT-PILOT GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3912-markt-pilot-gmbh/stories/2292-pilots-at-work" data-share-link-title-value="Pilots at work " data-share-link-text-value="Check out this story from MARKT-PILOT GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_211_dda6b28b"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:211" data-bookmarkable-type="company_story" data-bookmarkable-id="211" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=211&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3912-markt-pilot-gmbh/stories/2292-pilots-at-work">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Pilots at work 
      </h3>


      <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/3912-markt-pilot-gmbh/stories/2292-pilots-at-work">
      <img alt="Pilots at work " loading="lazy" src="https://wearedevelopers.imgix.net/company/1bbe6f29094f72859f542975bf3c9c61/cardimages/TlGrGgqXXeI3g0ECbzNr.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3839-qualitype-gmbh/stories/2291-5-grunde-fur-qualitype">
            <img alt="qualitype GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/7e3224380d32bd507d8052ca9c3f0e5f/logo/g76RWEqkzmidrqJ3zwIu.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">qualitype GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3839-qualitype-gmbh/stories/2291-5-grunde-fur-qualitype" data-share-link-title-value="5 Gründe für qualitype" data-share-link-text-value="Check out this story from qualitype GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_290_a279d8ed"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:290" data-bookmarkable-type="company_story" data-bookmarkable-id="290" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=290&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3839-qualitype-gmbh/stories/2291-5-grunde-fur-qualitype">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        5 Gründe für qualitype
      </h3>


      <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/3839-qualitype-gmbh/stories/2291-5-grunde-fur-qualitype">
      <img alt="5 Gründe für qualitype" loading="lazy" src="https://wearedevelopers.imgix.net/company/7e3224380d32bd507d8052ca9c3f0e5f/cardimages/56mfSUJqHOceoEGaY7jh.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3839-qualitype-gmbh/stories/2290">
            <img alt="qualitype GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/7e3224380d32bd507d8052ca9c3f0e5f/logo/g76RWEqkzmidrqJ3zwIu.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">qualitype GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3839-qualitype-gmbh/stories/2290" data-share-link-title-value="🐰 🌺 🥚 𝗛𝗮𝗽𝗽𝘆 𝗘𝗮𝘀𝘁𝗲𝗿 𝗮𝗻𝗱 𝗿𝗲𝗹𝗮𝘅𝗶𝗻𝗴 𝗛𝗼𝗹𝗶𝗱𝗮𝘆𝘀 🥚 🌺 🐰" data-share-link-text-value="Check out this story from qualitype GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_289_e0006328"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:289" data-bookmarkable-type="company_story" data-bookmarkable-id="289" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=289&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3839-qualitype-gmbh/stories/2290">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        🐰 🌺 🥚 𝗛𝗮𝗽𝗽𝘆 𝗘𝗮𝘀𝘁𝗲𝗿 𝗮𝗻𝗱 𝗿𝗲𝗹𝗮𝘅𝗶𝗻𝗴 𝗛𝗼𝗹𝗶𝗱𝗮𝘆𝘀 🥚 🌺 🐰
      </h3>


      <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/3839-qualitype-gmbh/stories/2290">
      <img alt="🐰 🌺 🥚 𝗛𝗮𝗽𝗽𝘆 𝗘𝗮𝘀𝘁𝗲𝗿 𝗮𝗻𝗱 𝗿𝗲𝗹𝗮𝘅𝗶𝗻𝗴 𝗛𝗼𝗹𝗶𝗱𝗮𝘆𝘀 🥚 🌺 🐰" loading="lazy" src="https://wearedevelopers.imgix.net/company/7e3224380d32bd507d8052ca9c3f0e5f/cardimages/hhXM9tu19JgapH2uncLz.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 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">
            <img alt="ING Deutschland logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/logo/UbjHyweSxmgfCEZdst4d.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">ING Deutschland</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2285-du-und-die-ing-ein-perfect-match" data-share-link-title-value="Du und die ING: ein perfect Match " data-share-link-text-value="Check out this story from ING Deutschland"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_517_f1a0e17d"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:517" data-bookmarkable-type="company_story" data-bookmarkable-id="517" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=517&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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 ">
      <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3852-trivago/stories/2284-9-ways-we-support-parents-at-trivago">
            <img alt="trivago logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/1f1852064520cd590a3d71b2afd6fc90/logo/NgJ9whoTHpRMgzv3VWg4.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">trivago</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3852-trivago/stories/2284-9-ways-we-support-parents-at-trivago" data-share-link-title-value="9 ways we support parents at trivago" data-share-link-text-value="Check out this story from trivago"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_257_ca9d2eb7"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:257" data-bookmarkable-type="company_story" data-bookmarkable-id="257" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=257&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3852-trivago/stories/2284-9-ways-we-support-parents-at-trivago">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        9 ways we support parents at trivago
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Our parental community at trivago is growing, and this past year we carefully reviewed our existing benefits to see what we could do to support them both at work and in their family life. Here’s a quick overview of the benefits we offer parents at trivago! Read more here
        </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/3852-trivago/stories/2284-9-ways-we-support-parents-at-trivago">
      <img alt="9 ways we support parents at trivago" loading="lazy" src="https://wearedevelopers.imgix.net/company/1f1852064520cd590a3d71b2afd6fc90/cardimages/1pEj0fFDvk7cD2VwcNcZ.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3852-trivago/stories/2283-everything-you-need-to-know-about-our-tech-recruitment-process">
            <img alt="trivago logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/1f1852064520cd590a3d71b2afd6fc90/logo/NgJ9whoTHpRMgzv3VWg4.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">trivago</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3852-trivago/stories/2283-everything-you-need-to-know-about-our-tech-recruitment-process" data-share-link-title-value="Everything You Need To Know About Our Tech Recruitment Process" data-share-link-text-value="Check out this story from trivago"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_256_37a8f5d1"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:256" data-bookmarkable-type="company_story" data-bookmarkable-id="256" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=256&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3852-trivago/stories/2283-everything-you-need-to-know-about-our-tech-recruitment-process">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Everything You Need To Know About Our Tech Recruitment Process
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Working on a hotel search website that helps millions of travelers save time and money means that trivago talents can have a significant impact on our product and the travel industry as a whole. Read more
        </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/3852-trivago/stories/2283-everything-you-need-to-know-about-our-tech-recruitment-process">
      <img alt="Everything You Need To Know About Our Tech Recruitment Process" loading="lazy" src="https://wearedevelopers.imgix.net/company/1f1852064520cd590a3d71b2afd6fc90/cardimages/GX0p40TwpcrKkhwP1L2K.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2280-dein-job-in-5-sekunden-software-developer-in-bei-sopra-steria">
            <img alt="Sopra Steria Custom Software Solutions GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/logo/rRGSKXvpluVbMan6UMZS.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Sopra Steria Custom Software Solutions GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2280-dein-job-in-5-sekunden-software-developer-in-bei-sopra-steria" data-share-link-title-value="Dein Job in 5 Sekunden - Software Developer*in bei Sopra Steria" data-share-link-text-value="Check out this story from Sopra Steria Custom Software Solutions GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_553_771bfd16"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:553" data-bookmarkable-type="company_story" data-bookmarkable-id="553" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=553&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2280-dein-job-in-5-sekunden-software-developer-in-bei-sopra-steria">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Dein Job in 5 Sekunden - Software Developer*in bei Sopra Steria
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Die perfekte und vollständige Beschreibung des Jobs einer Software Developerin bei Sopra Steria in nur fünf Sekunden?! Mission accepted!Yolanda hat sich dieser Aufgabe gestellt und zeigt, was ihren Job ausmacht. Keine Sorge, dafür hat sie auch etwas mehr Zeit bekommen. ;-) Einen kleinen Vorgeschmack zu ihrem Job bekommt ihr im Video. 📽Weitere Informationen und alle offenen Jobs im Bereich Software &amp; Web Development findet ihr hier 👉 https://careers.soprasteria.de/software-and-web-development
        </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="aHR0cHM6Ly95b3V0dS5iZS9rVDJaRjB1b2ZKRQ==">
  <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2279-dein-jobstart-in-den-bereich-data-analytics-und-ki">
            <img alt="Sopra Steria Custom Software Solutions GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/logo/rRGSKXvpluVbMan6UMZS.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Sopra Steria Custom Software Solutions GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2279-dein-jobstart-in-den-bereich-data-analytics-und-ki" data-share-link-title-value="Dein Jobstart in den Bereich Data &amp; Analytics und KI" data-share-link-text-value="Check out this story from Sopra Steria Custom Software Solutions GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_555_be9ece2d"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:555" data-bookmarkable-type="company_story" data-bookmarkable-id="555" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=555&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2279-dein-jobstart-in-den-bereich-data-analytics-und-ki">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Dein Jobstart in den Bereich Data &amp; Analytics und KI
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Vielen ist im Studium noch nicht wirklich klar, wie genau der eigene berufliche Weg aussehen soll. Andere erkennen früh, wofür sie brennen und wieder andere ändern ihre Pläne im Laufe der Zeit. Victoria hat im Bachelor International Business Administration &amp; Digital Business studiert und hatte hier erste Berührungspunkte mit IT-Themen. Im Master hat sie ihren Fokus auf Digital Marketing und Data Science gelegt und parallel durch einen Werkstudierendenjob ihr Interesse am Bereich Data &amp; Analytics entdeckt.Aktuell durchläuft sie bei uns das Graduate Program Data &amp; Analytics. Wir haben mit ihr über das Programm und ihre aktuelle Rolle bei uns gesprochen. Außerdem zeigt Victoria, warum das Programm auch für Absolvent*innen spannend ist, die einen Einstieg in den Bereich KI suchen.Hi, Victoria! Beschreibe uns doch kurz deine aktuelle Rolle bei uns.Gerne. Seit September letzten Jahres bin ich bei Sopra Steria. Ich bin als Associate Consultant mit dem Schwerpunkt Data &amp; Analytics im Bereich Public Sector eingestiegen und durchlaufe aktuell das Graduate Program Data &amp; Analytics. Ab diesem Monat werde ich als technische Entwicklerin im ersten Projekt eingesetzt.Warum hast du dich für das Programm entschieden?Ich habe eigentlich nach einer IT ausgerichteten Trainee Stelle gesucht. Da ich auf dem Lebenslauf aber eher Quereinsteigerin in dem Bereich bin, bin ich nicht fündig geworden. Dann habe ich über LinkedIn gesehen, dass eine ehemalige Kommilitonin bei Sopra Steria angefangen hat und bin dann über die Website auf das Graduate Program aufmerksam geworden. Ich fand das Programm sofort sehr spannend, gerade weil ich mir für meinen Jobstart gewünscht habe, die Werkzeuge an die Hand zu bekommen, die ich künftig in meinem Job als Beraterin benötige. Ausschlaggebend waren dann auch die Gespräche mit meinen jetzigen Kolleg*innen und meinem Vorgesetzten – das muss ja auch stimmen! 😊Wie genau ist das Graduate Program aufgebaut?Zum Start des Programms durchläuft man mit einer Gruppe anderer Graduates dreieinhalb Wochen intensive Schulungen. Die einzelnen Blöcke haben in unterschiedlichen Offices von Sopra Steria in Deutschland stattgefunden. Nach der Theoriephase startet dann eine Projektarbeitsphase mit Abschlusspräsentation. Hier haben wir einen realistischen Case bearbeitet. Die Abschlussprüfung stand bei uns ca. sieben Wochen nach Programmstart an und ist die praktische Prüfung des Programms. Jetzt haben wir im März noch eine theoretische Prüfung, die von einem externen Prüfer abgenommen wird und danach erhalten wir unsere offizielle Zertifizierung.Wie war der Start für dich im Graduate Program?Der erste Tag war in Berlin, der Auftakt war super freundlich und offen. Ich hatte aber auch großen Respekt – im positiven Sinne. Es wurden alle vorgestellt und die nächsten Wochen beschrieben. Es wurde auch schnell klar, dass es definitiv eine intensive Zeit wird und von uns viel erwartet wird. Das hat mich sehr motiviert! Unsere Gruppe hat sich direkt gut verstanden. das hat uns in dieser intensiven Zeit sehr geholfen.Was sind einige der praktischen Skills, die du dir während des Programms angeeignet hast?Ich habe zu Beginn unserer Praxisphase viel im Backend gearbeitet, sprich Datenarchitektur, Datenmodellierung – in unserem Fall in Python nach der Data Mesh Methode. Im weiteren Verlauf habe ich mich aber auch mit Dashboardkonzipierung und Kennzahlen-Erstellung in Power BI beschäftigt. Agiles Projektmanagement gehörte auch dazu.Welche Rolle spielen die im Graduate Program erlernten Skills für Technologien wie KI?Um diese Frage zu beantworten, ist es wichtig, zunächst die größten Herausforderungen beim Einsatz von KI in Deutschland zu betrachten. Dazu zählen unter anderem der Aufbau einer leistungsstarken IT-Infrastruktur, eine oftmals eingeschränkte Datenverfügbarkeit sowie die Identifizierung relevanter Datenquellen innerhalb von Geschäftsprozessen, Datenmanagement und Analyse. Und genau hier kommt der Bereich Data &amp; Analytics ins Spiel.Das Graduate-Programm vermittelt die Kernkompetenzen, die für den Aufbau moderner Dateninfrastrukturen und Analysefähigkeiten erforderlich sind. Es befähigt uns, Datenqualität sicherzustellen, Datenquellen zu verknüpfen und aus großen Datenmengen verwertbare Erkenntnisse zu gewinnen. Gleichzeitig lernen wir, wie wir datenbasierte Ansätze effektiv in Geschäftsprozesse integrieren – ein wesentlicher Schritt für den erfolgreichen Einsatz von KI.Was waren deine größten „Aha-Momente“ im Programm?1. Man kann viel in kurzer Zeit lernen.2. Die Schulung zu Datenarchitektur und Datenmodellierung – das habe ich vorher im Job auch gemacht, allerdings dann erst verstanden, welche Schritte man weshalb macht.3. Das Endprodukt unseres Projekts zu sehen, vorher haben ich noch nicht ein solches Projekt von a bis z begleitet.Wie ist dein Fazit bisher? Wurden deine Erwartungen erfüllt?Ohne dick auftragen zu wollen: Meine Erwartungen wurden übertroffen. Ich hätte nicht gedacht, dass so viel Zeit und Mühe in uns als Teilnehmende investiert wird. Das Programm war ein rundum durchdachtes Paket aus Trainings, Ausbildungen und einem offiziellen Zertifikat. Einen besseren Start in mein Berufsleben nach der Uni hätte ich mir nicht wünschen können. Ich habe in den letzten Wochen nicht nur sehr viel gelernt, sondern auch viele wertvolle Kontakte im Unternehmen geknüpft – für mich die ideale Kombination.Wem würdest du das Graduate Program Data &amp; Analytics empfehlen?Das Graduate Program ist ideal für:Datenbegeisterte: Personen, die sich für Daten, Analysen und deren Anwendung in der Geschäftswelt interessieren.Analytisch Denkende: Menschen, die Spaß an Problemlösung haben und gerne mit Daten arbeiten, um fundierte Entscheidungen zu treffen.Hilfreich, aber kein Muss: Personen, die bereits erste Berührungspunkte mit Themen wie Datenanalyse, Datenmanagement oder Business Intelligence hatten und diese Fähigkeiten weiter ausbauen möchten.Und abschließend: Dein KI-Snack. Wie nutzt du KI im Joballtag?Ich glaube Gen AI muss ich gar nicht erwähnen. In dem Zusammenhang hilft zum Programmieren Copilot in Google Colab - der ist gruselig gut. ChatGPT nutze ich täglich für Inspiration, Erklärungen und Zusammenfassungen. Wobei ich dabei perplexity.ai bevorzuge.Danke, Victoria! Schön, dass du bei uns bist.Unsere Kampagnenseite mit vielen weiteren Insights zu #AIIsNothingWithoutYou findet ihr 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="aHR0cHM6Ly95b3V0dS5iZS9lSEdaUjB4YkZYaz9zaT1PVldub2wzNmZVV05fZW1W">
  <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2278-softwareentwicklung-in-der-beratung">
            <img alt="Sopra Steria Custom Software Solutions GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/logo/rRGSKXvpluVbMan6UMZS.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Sopra Steria Custom Software Solutions GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2278-softwareentwicklung-in-der-beratung" data-share-link-title-value="Softwareentwicklung in der Beratung" data-share-link-text-value="Check out this story from Sopra Steria Custom Software Solutions GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_557_1d35c1cf"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:557" data-bookmarkable-type="company_story" data-bookmarkable-id="557" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=557&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2278-softwareentwicklung-in-der-beratung">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Softwareentwicklung in der Beratung
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Kymbat arbeitet bei uns als Senior Consultant im Bereich Public Sector. Sie ist seit 2017 bei uns und entwickelt seitdem mit ihrem Team Software für unsere Kunden. Sie gibt Euch Einblicke in ihren Alltag als Softwareentwicklerin und verrät Euch ihre Tipps für den Einstieg in die Beratung als Softwareentwickler*in. Hallo, Kymbat, warum hast Du Dich für Sopra Steria als Arbeitgeber entschieden? Als ich mich beworben habe, war es mir besonders wichtig, dass ich einen guten Übergang von der Theorie in die Praxis bekomme. Individuelle Förderung und Weiterentwicklung waren für mich also das A und O. Das konnte Sopra Steria und insbesondere meine Führungskraft mir bieten, deshalb habe ich mich für Sopra Steria entschieden. Wie war Dein Einstieg bei uns?Dank der individuell abgestimmten Schulungen hatte ich einen sehr angenehmen Einstieg in mein Berufsleben. Ich durfte direkt bei Kundenprojekten unter der Betreuung von Kolleg*innen meine Softwareentwicklungsfähigkeiten anwenden und diese weiter aufbauen. Auch das Onboarding in die internen Prozesse von Sopra Steria war klasse. Im Rahmen des Patenprogramms wurde ich von einem erfahrenen Kollegen bei Prozessunklarheiten unterstützt und fühlte mich dadurch als Einsteigerin sehr gut aufgehoben. Was sind Deine Aufgaben als Softwareentwicklerin?Als Softwareentwicklerin setze ich die funktionalen Anforderungen der Anwendung um. Das beinhaltet die Analyse der Problemstellung, die Konzipierung der Lösung sowie die Implementierung und Fehlerbehebungen. Zudem gehören auch Development und IT Operations-Aufgaben dazu. Dabei ist es wichtig, nicht nur die technische Funktionalität zu berücksichtigen und alles einfach von oben nach unten zu programmieren, sondern auch die Bedürfnisse der Kunden zu beachten. In Absprache mit unseren Kunden kann ich die genauen Umsetzungsbedingungen klären und bessere Lösungsideen und Alternativwege finden. Mit welchen Programmiersprachen und Webtechnologien arbeitest Du? Ich bin Backend-Entwicklerin mit dem Schwerpunkt Java. Ich setze Technologiestacks wie Spring, SpringBoot, Hibernate/JPA, REST, GIT, Jenkins, JUnit usw. ein. Vereinzelt wende ich auch die Programmiersprache JavaScript mit dem Framework React und Kolibri bei der Frontend seitigen Implementierung der Aufgaben an. Was ist für Dich der Vorteil als Softwareentwicklerin für eine Beratung zu arbeiten?Als Softwareentwicklerin in der Beratung hat man eine große Auswahl an Projekten mit unterschiedlichen Schwerpunkten und kann sich so kontinuierlich weiterentwickeln. Wenn man einen Tapetenwechsel braucht, ist es natürlich super, dass man nicht den Arbeitgeber wechseln muss, sondern auch mal das Projekt wechseln kann. Was macht für Dich Deinen Bereich aus? Der schnelle technologische Wandel stellt hohe Ansprüche an die Flexibilität, den persönlichen Einsatz und die Bereitschaft zur Weiterbildung. Problemlösung und Recherchen sind für eine*n Softwareentwickler*in bei den täglichen Herausforderungen sehr wichtig, das heißt hier ist es immer spannend und nie langweilig! Bedeutet aber auch, dass man als Softwareentwickler*in bereit sein muss, sich immer in einer Lernphase zu befinden und viel Ehrgeiz und Motivation mitzubringen. Was war für Dich besonders hilfreich auf Deinem Karriereweg?Für mich als Young Professional war das Mentoring und das Vertrauen meines Vorgesetzten ausschlaggebend für meine berufliche Entwicklung. Er hat mich immer unterstützt und mich individuell gefördert, damit ich den Herausforderungen gewachsen bin und mich beruflich immer weiterentwickle. Dein Tipp für alle, die sich für eine Karriere in der Beratung im Bereich Softwareentwicklung interessieren?Softwareentwicklung in der Beratung ist eine sehr gute Karriereoption mit vielen Möglichkeiten. Ich würde diesen Beruf auf jeden Fall jeder Person empfehlen, die gerne über den Tellerrand schaut und bereit ist, die eignen Softskills in der Beraterrolle anzuwenden und neue zu erwerben. Das Interesse am Programmieren und Software ist natürlich Pflicht. Danke, Kymbat! Schön, dass Du bei uns bist.
        </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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2278-softwareentwicklung-in-der-beratung">
      <img alt="Softwareentwicklung in der Beratung" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/cardimages/MWDBPys0WocM1be2NDoR.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2277-associate-lead-expert-im-bereich-software-architecture">
            <img alt="Sopra Steria Custom Software Solutions GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/logo/rRGSKXvpluVbMan6UMZS.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Sopra Steria Custom Software Solutions GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2277-associate-lead-expert-im-bereich-software-architecture" data-share-link-title-value="Associate Lead Expert im Bereich Software Architecture" data-share-link-text-value="Check out this story from Sopra Steria Custom Software Solutions GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_556_a5a90c8b"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:556" data-bookmarkable-type="company_story" data-bookmarkable-id="556" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=556&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2277-associate-lead-expert-im-bereich-software-architecture">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Associate Lead Expert im Bereich Software Architecture
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Sebastian teilt mit uns seine Erfahrungen und Insights aus über 12 Jahren Sopra Steria, angefangen als Werkstudent bis hin zum Associate Lead Expert im Bereich Software Architecture. Er erzählt, wie er seine Rolle wahrgenommen hat und welche Herausforderungen und Erfolge ihn auf diesem Weg begleitet haben.Hi, Sebastian. Wieso hast du dich für eine Karriere in der Beratung entschieden?Für mich war der Einstieg in die Beratung eher zufällig über persönliche Kontakte. Entscheidend war zunächst, einen interessanten Job in Berlin zu finden. Beratung an sich war dabei nicht das ausschlaggebende Kriterium, aber genau die richtige Entscheidung, wie sich über die Jahre herausgestellt hat. ;-)Wie hat sich deine Rolle seit deinem Einstieg verändert?Meine Reise bei Sopra Steria begann als Werkstudent parallel zum Masterstudium der Informatik. Damals hatte ich natürlich ganz andere Verantwortlichkeiten als heute. Über die Jahre habe ich verschiedene Projekte in unterschiedlichen Bereichen durchlaufen und dabei Positionen wie Associate Consultant, Consultant und zuletzt Senior Consultant innegehabt. Der Übergang zum Associate Lead Expert ermöglicht es mir, mich ganz auf meine fachliche Expertise zu konzentrieren, anstatt auf disziplinarische Führung, was mir besonders entgegenkommt.Wie hat Sopra Steria dich bei deiner Entwicklung unterstützt?Meine Führungskraft hat mir stetig mehr Verantwortung übertragen und mich auch mal ins kalte Wasser geworfen. Zusätzlich hat mich das SHAPE-Programm von Sopra Steria mit verschiedenen Lehrgängen unterstützt. SHAPE ist unser Entwicklungsprogramm ab dem Level Senior Consultant. Im Fokus steht die individuelle Entwicklung unserer Mitarbeitenden und das Erkennen ihrer Potenziale. Unsere Entwicklungstracks – Management, Expert, Corporate und Project Management – bieten maßgeschneiderte Karrieremöglichkeiten, die auf individuellen Stärken aufbauen.Welche Projekte haben einen besonders prägenden Einfluss auf deine berufliche Entwicklung gehabt, und warum?Da fallen mir direkt zwei Projekte ein:Das Projekt mit der Alexander-von-Humboldt-Stiftung (AvH): In diesem Projekt war ich noch während meines Studiums das erste Mal regelmäßig „auf Reisen“. Außerdem war ich dort von Anfang an in einem größeren Projekt dabei und vollständig eingebunden. Die AvH ist immer noch ein guter Kunde von uns, darauf bin ich ein bisschen stolz und schaue mit Nostalgie zurück.Das Bundesministerium der Finanzen/Informationstechnikzentrum Bund: In diesem Projekt bin ich mit kurzen Unterbrechungen fast durchgängig seit 2017 unterwegs. Ich empfinde diese lange Zeit allerdings nicht als hinderlich, denn die Modernisierung der Haushaltsverfahren des Bundes ist nicht nur eine wichtige Aufgabe – immerhin werden in diesem Umfeld alle Zahlungen der Bundesrepublik von der Planung bis zur Bilanz abgebildet, sondern es bieten sich auch vielfältige Herausforderungen und viele verschiedene technische Lösungsmöglichkeiten. Die Kundenbeziehung ist durch Respekt und Vertrauen gekennzeichnet, sodass ich mich insgesamt wohlfühle.Kannst du uns einen typischen Arbeitstag als Softwarearchitekt beschreiben und welche Herausforderungen dir dabei begegnen?Manch einer sagt, Architekt sein bedeutet, Kästchen und Striche zu malen. Tatsächlich geht es darum, ein Verständnis für die wesentlichen Herausforderungen unserer Kunden zu entwickeln und die passenden Bausteine zu deren Lösung zu einem Gesamtkonstrukt zu verbinden. Dabei ist es wichtig, das Entwicklungsteam von äußeren Einflüssen abzuschirmen, sodass effizient entwickelt werden kann. Mir persönlich ist es außerdem enorm wichtig, dass sich alle Teammitglieder wohlfühlen und sich gern einbringen, um voneinander zu lernen und mit Freude zusammen etwas zu erreichen.Wie arbeitest du mit anderen Teams zusammen?Der Austausch mit anderen Teams ist essenziell, da jede*r unterschiedliche Erfahrungen und Lösungsansätze einbringt. Wir haben zum Beispiel eine Entwickler*innen Community #devCom gegründet, um den inhaltlichen Austausch zu fördern und uns untereinander besser kennenzulernen.Welche Fähigkeiten und Qualifikationen sind aus deiner Sicht entscheidend, um als Lead Expert erfolgreich zu sein?Neben inhaltlicher Exzellenz ist vor allem die Kommunikation entscheidend. Der entscheidende Unterschied ist, wie man die Inhalte sowohl zum Kunden als auch zum Team oder nach außen kommuniziert, alle mitnimmt, Kompromisse findet, für ein Miteinander auf Augenhöhe sorgt und mit Argumenten überzeugen kann. All das gelingt meiner Meinung nach fast automatisch, wenn man für sein Thema brennt. Auch das macht eine Expert*in aus.Welche Ratschläge würdest du potenziellen Bewerber*innen geben, die eine Karriere als Softwarearchitekt*in in der IT-Beratung anstreben?Eine Balance zwischen etabliertem Vorgehen und neuen Ansätzen finden; das bringt Akzeptanz, aber auch Innovationen.Kommunikation und Transparenz sind Trumpf.Keep it simple: Wir müssen Lösungen finden, keine überkomplexen Technologie-Monster erschaffen. Goldene Wasserhähne sind zwar cool, bringen unsere Kunden aber nicht weiter.Danke, Sebastian. Schön, dass du da bist.
        </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="aHR0cHM6Ly95b3V0dS5iZS9HQlgtRmdhSnRkVT9zaT1fOWppdHY4QjluXzFybF9k">
  <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>
<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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2276-wo-ki-beginnt-hort-routine-auf-alwine-uber-echte-effizienz-durch-ai">
            <img alt="Sopra Steria Custom Software Solutions GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/logo/rRGSKXvpluVbMan6UMZS.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Sopra Steria Custom Software Solutions GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3874-sopra-steria-custom-software-solutions-gmbh/stories/2276-wo-ki-beginnt-hort-routine-auf-alwine-uber-echte-effizienz-durch-ai" data-share-link-title-value="Wo KI beginnt, hört Routine auf – Alwine über echte Effizienz durch AI" data-share-link-text-value="Check out this story from Sopra Steria Custom Software Solutions GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_554_0b8ee0f4"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:554" data-bookmarkable-type="company_story" data-bookmarkable-id="554" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=554&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2276-wo-ki-beginnt-hort-routine-auf-alwine-uber-echte-effizienz-durch-ai">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Wo KI beginnt, hört Routine auf – Alwine über echte Effizienz durch AI
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Schon im ersten Semester war für Alwine klar: Daten sind mehr als nur Zahlen – sie sind der Schlüssel zu echten Erkenntnissen und diese Faszination hat sie nie losgelassen. Heute ist sie Associate Lead Expert bei Sopra Steria Custom Software Solutions (CSS), einer Tochterfirmer von Sopra Steria. Sie gestaltet KI-Projekte beim Kunden und treibt intern das Thema Generative KI voran. Im Interview spricht sie über aktuelle Trends und wie sie ihre Begeisterung für KI mit anderen teilt.Hi Alwine, stelle dich doch kurz vor und beschreibe deine aktuelle Rolle bei uns. Sehr gern. Ich bin Alwine und bin seit mittlerweile zwei Jahren bei der CSS. Angefangen habe ich als Senior IT-Consultant, mittlerweile habe ich mich aber als KI-Expertin innerhalb der CSS etabliert. Beim Kunden bin ich Product Ownerin für ein GenAI Tool zur Unterstützung im Rahmen von Softwareentwicklungsprojekten. Intern leite ich mit zwei weiteren Kollegen*innen den KI-Squad im Value Stream Technology.Welche Aufgaben und Prozesse beschäftigen dich aktuell?Mein Fokus liegt derzeit auf den Einsatz und der Nutzung von KI, um möglichst viele Herausforderungen zu lösen, damit Routinearbeiten endlich vollumfänglich abgegeben werden können. In Softwareentwicklungsprojekten reicht das von Anforderungserhebung bis hin zur Testautomatisierung.Wann hat sich dein Interesse für Daten gezeigt und wie hast du dies im Verlaufe deiner beruflichen Entwicklung immer wieder ausleben können?Meinen ersten Kontaktpunkt hatte ich bereits 2005 im ersten Semester meines Wirtschaftsinformatik-Studiums in der Vorlesung „Datenbanken”. Es hat mich fasziniert, wie schnell wir aus Daten wertvolle Informationen extrahieren konnten. 2019 habe ich beim Kunden einen ersten Chatbot eingeführt, der bis heute täglich genutzt wird und einen großen Pain Point bei dem Kunden adressiert, damals noch ohne Generative Pre-trained Transformer-Technologie (kurz GPT), sondern mit einem klassischen kleinen neuronalen Netz. Um meine Kenntnisse im Bereich Daten noch stärker zu vertiefen, habe ich mich 2021 dazu entschieden, nebenberuflich Data Science im Master zu studieren. Seit 2025 leite ich mein erstes KI-Projekt beim Kunden.Was fasziniert dich an deinem Job bei uns und speziell an der Arbeit mit Künstlicher Intelligenz? Mich begeistert vor allem das Prinzip, aus Daten der Vergangenheit etwas Neues für heute und die Zukunft zu schaffen. Das können beispielsweise datenbasierte Entscheidungen sein, die Unternehmen wirklich weiterbringen. Und gerade im Bereich Generativer KI sehen wir einen enormen Effizienzgewinn: Routinetätigkeiten lassen sich mittlerweile abgeben – und wir gewinnen Zeit für die wirklich spannenden Aufgaben.Wie hat dein Studium deine Perspektive auf das Thema KI verändert oder vertieft?Im Studium war ich gezwungen, mir viele Inhalte selbst zu erarbeiten. Das hat mich in die Tiefe gebracht. Ich habe nicht nur die mathematischen Grundlagen wie Integralrechnung verinnerlicht, sondern auch ein tiefes Verständnis für rekurrente neuronale Netze (RNNs), Long-Short-Term-Memory (LSTM) und GPT-Modelle aufgebaut. Heute weiß ich genau, wie RNNs funktionieren – und auch, warum GPTs in vielen Aspekten LSTM Netzen überlegen sind.Als dann Ende 2022 der große Hype um generative KI losging, hat das natürlich auch mein Studium schnell beeinflusst – und mein Interesse nochmal verstärkt.Wie teilst du dein Wissen und deine Begeisterung für KI mit anderen? Welche Formate und Wege nutzt du dafür?Ich bin sehr aktiv auf LinkedIn und teile dort regelmäßig neue Konzepte, die ich selbst gelernt habe. Außerdem nehme ich am unternehmensinternen Regelmeeting zum Thema Generative KI teil. Dort stelle ich auch gerne neue Frameworks vor, die gerade auf den Markt gekommen sind, und diskutiere mit Kolleg*innen über deren Einsatzmöglichkeiten.Wenn Kolleg*innen mal nicht in Projekten eingebunden sind, entwickeln wir gemeinsam Proof of Concepts – ein sinnvoller Weg, um Wissen rund um KI praxisnah weiterzugeben. Und privat habe ich sogar einen eigenen Podcast ins Leben gerufen: Einfach KI – da geht’s, wie der Name schon sagt, um alles rund um künstliche Intelligenz.Welche KI-Trends oder Entwicklungen verfolgst du aktuell besonders intensiv – und warum?Ich finde es spannend zu sehen, wie sich der Fokus gerade verschiebt: Weg vom nächsten Modell mit dem besten Benchmark, hin zu Standards, die wirklich nachhaltige Entwicklungen ermöglichen – wie etwa das Model Context Protocol (MCP).Außerdem schaue ich mir viele KI-Startups an, um zu sehen, wohin sich der Markt bewegt. Besonders faszinierend finde ich Tools für die Softwareentwicklung. Stichwort: Vibe Coding, oder Lösungen, die schützenswertes Unternehmenswissen unternehmensintern besser zugänglich machen. Das können zum Beispiel Informationen sein, die bei Offboarding-Prozessen leicht verloren gehen.Welche Ratschläge würdest du jemandem geben, der sich tiefer in das Thema KI einarbeiten möchte?Einfach loslegen! Such dir ein Problem aus deinem Alltag und überlege, wie ein KI-Tool helfen könnte. Plattformen wie YouTube, HuggingFace oder natürlich ChatGPT sind tolle Einstiegsquellen. Learning by Doing ist hier der beste Weg.Was ist dein KI-Snack, den du alltäglich einsetzt?Wenn ich mich schnell in ein Thema einarbeiten muss, setze ich für Recherchen sehr stark auf Perplexity. Das Tool liefert mir übersichtliche Zusammenfassungen und direkt die passenden Quellen dazu. Schneller kann ich mich auf einen Podcast oder eine StartUp Präsentation gar nicht vorbereiten. 😊Danke, Alwine! Schön, dass du bei uns bist. #AIIsNothingWithoutYou Du möchtest ebenfalls im Bereich KI durchstarten?
        </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/3874-sopra-steria-custom-software-solutions-gmbh/stories/2276-wo-ki-beginnt-hort-routine-auf-alwine-uber-echte-effizienz-durch-ai">
      <img alt="Wo KI beginnt, hört Routine auf – Alwine über echte Effizienz durch AI" loading="lazy" src="https://wearedevelopers.imgix.net/company/841213c924bdfefae1d19025b57a8f68/cardimages/B2qyrVeGbofmc5Tdm9YP.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3468-rosenxt-group/stories/2274-shaping-the-future-with-innovation-and-holiday-spirit">
            <img alt="Rosenxt Group  logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/e3f2fd6f21fcc67e96ee9aab407318fd/logo/H40F6PQHsjrA9as6kbm5.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Rosenxt Group </div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3468-rosenxt-group/stories/2274-shaping-the-future-with-innovation-and-holiday-spirit" data-share-link-title-value="Shaping the Future with Innovation and Holiday Spirit🎄" data-share-link-text-value="Check out this story from Rosenxt Group "><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_294_b774cdaf"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:294" data-bookmarkable-type="company_story" data-bookmarkable-id="294" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=294&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3468-rosenxt-group/stories/2274-shaping-the-future-with-innovation-and-holiday-spirit">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Shaping the Future with Innovation and Holiday Spirit🎄
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Shaping the Future with Innovation and Holiday SpiritAt Rosenxt, we’re committed to developing tomorrow’s high-tech solutions today. This vision is coming to life with our new Innovation Square, currently under construction in Wietmarschen-Lohne, Lower Saxony.✨ This holiday season, our construction site is illuminated with festive lights—a symbol of progress, innovation, and the magic of Christmas. 🎄We wish you and your loved ones a Merry Christmas, peaceful holidays, and a successful start to the year 2025. Let’s continue shaping the future together! 🚀#Rosenxt #construction #christmas #holidayseason
        </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/3468-rosenxt-group/stories/2274-shaping-the-future-with-innovation-and-holiday-spirit">
      <img alt="Shaping the Future with Innovation and Holiday Spirit🎄" loading="lazy" src="https://wearedevelopers.imgix.net/company/e3f2fd6f21fcc67e96ee9aab407318fd/cardimages/3VgcJtZLqq9HiT466f59.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3468-rosenxt-group/stories/2273-rosenxt-donates-over-6-000">
            <img alt="Rosenxt Group  logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/e3f2fd6f21fcc67e96ee9aab407318fd/logo/H40F6PQHsjrA9as6kbm5.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Rosenxt Group </div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3468-rosenxt-group/stories/2273-rosenxt-donates-over-6-000" data-share-link-title-value="Rosenxt donates over €6,000 🤝 " data-share-link-text-value="Check out this story from Rosenxt Group "><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_293_12466102"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:293" data-bookmarkable-type="company_story" data-bookmarkable-id="293" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=293&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3468-rosenxt-group/stories/2273-rosenxt-donates-over-6-000">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Rosenxt donates over €6,000 🤝 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Technology and innovation drive us – but giving back to society is just as important to us. 🤝 At our 2024 Christmas party, we raised over €6,000 for social projects in Emsland and have now donated it to three organizations:🌟 3,400 euros for the Löwenherz Children&#39;s Hospice, which supports families with seriously ill children in difficult times.🎭 1,200 euros for the Lingen Theatre Clinic, which brings joy to patients with humor and distraction.⚽ 1,500 euros for the ‘Indus – Inclusion through Sport’ project, which uses sport to bring together people with and without disabilities.The work of these projects is an important part of our society and strengthens our daily coexistence. With our donation, we can do our small part to ensure that their work continues in the future! 🙌
        </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/3468-rosenxt-group/stories/2273-rosenxt-donates-over-6-000">
      <img alt="Rosenxt donates over €6,000 🤝 " loading="lazy" src="https://wearedevelopers.imgix.net/company/e3f2fd6f21fcc67e96ee9aab407318fd/cardimages/mLWgNDT1uWqZ5eoYgfXu.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/3468-rosenxt-group/stories/2272-today-is-international-engineers-day">
            <img alt="Rosenxt Group  logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/e3f2fd6f21fcc67e96ee9aab407318fd/logo/H40F6PQHsjrA9as6kbm5.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">Rosenxt Group </div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/3468-rosenxt-group/stories/2272-today-is-international-engineers-day" data-share-link-title-value="Today is International Engineers Day 💡" data-share-link-text-value="Check out this story from Rosenxt Group "><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_291_e65c0513"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:291" data-bookmarkable-type="company_story" data-bookmarkable-id="291" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=291&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/3468-rosenxt-group/stories/2272-today-is-international-engineers-day">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Today is International Engineers Day 💡
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Today is International Engineers Day – a day to celebrate the minds that drive innovation! 💡We asked our engineers what engineering means to them. Their answers show that they not only make a valuable contribution to our company, but also actively shape the future of our society. 🚀🔍 Do you see your future in engineering? Then become part of our team! Find out more at rosen-nxt.com.
        </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/3468-rosenxt-group/stories/2272-today-is-international-engineers-day">
      <img alt="Today is International Engineers Day 💡" loading="lazy" src="https://wearedevelopers.imgix.net/company/e3f2fd6f21fcc67e96ee9aab407318fd/cardimages/kGPQvySAhAh7cYAia2zy.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">
    <div class="p-6 pb-4">
      <div class="flex items-start justify-between">
        <a data-turbo-frame="_top" class="flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/2425-piazza-blu-gmbh/stories/2270-daniel-im-interview">
            <img alt="piazza blu² GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/5f904d4430976ebb21a5eb31057299d3/logo/zPKdhDj9WlDnX8o4zy04.png" />

          <div class="min-w-0 flex-1">
            <div class="text-sm text-base-content/60">Inside</div>
            <div class="font-medium text-base-content">piazza blu² GmbH</div>
          </div>
</a>
        <div class="flex items-center gap-1">
          <button name="button" type="button" class="p-1.5 rounded-md hover:bg-base-300/50" title="Share this item" data-controller="share-link" data-action="click-&gt;share-link#share" data-share-link-url-value="https://www.wearedevelopers.com/companies/2425-piazza-blu-gmbh/stories/2270-daniel-im-interview" data-share-link-title-value="Daniel im Interview" data-share-link-text-value="Check out this story from piazza blu² GmbH"><svg class="size-4 text-base-content/70" 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 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"></path></svg></button>

          <div id="bookmark_button_company_story_25_1b30e822"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse p-1.5 rounded-md hover:bg-base-300/50" title="Bookmark this story" disabled="disabled" aria-label="Bookmark this story" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="company_story:25" data-bookmarkable-type="company_story" data-bookmarkable-id="25" data-bookmark-return-to="/stories.turbo_stream?page=4" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=25&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D4" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D4"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" 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.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
        </div>
      </div>
    </div>

  <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/2425-piazza-blu-gmbh/stories/2270-daniel-im-interview">
    <div class="flex flex-1 flex-col px-6 pb-4 ">
      <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">
        Daniel im Interview
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          1. Wer bist du und was machst du bei piazza blu?Hi, mein Name ist Daniel! Ich bin als Full Stack Developer gestartet, habe mich aber durch mein Interesse an iOS-Entwicklung und 3D-Webapps zunehmend in diese Bereiche vertieft und bin heute in zwei Teams unterwegs: App-Team &amp; 3D-Team. Warum sich entscheiden, wenn man beides haben kann?2. Was gefällt dir besonders gut an deinem Job?Übersichtliche Teams, große und spannende Projekte – hier kann man eigene Ideen einbringen, statt nur Vorgaben abzuarbeiten. Die Arbeit an 3D-Konfiguratoren verbindet Job und Leidenschaft, weil sie sich mit meinen privaten Interessen überschneidet. Ich entwickle mich also nicht nur fachlich weiter, sondern nehme auch persönlich viel mit – und das fühlt sich nicht nur nach Arbeit an. Win-Win! 🚀Dazu kommt eine entspannte Arbeitsatmosphäre – keine starren Prozesse, sondern ein Mix aus bewährten Methoden und neuen Ansätzen. Hier gibt’s keine „Das haben wir schon immer so gemacht“-Mentalität, sondern eine gesunde Mischung aus „Geht nicht, gibt’s nicht“ und „Muss das wirklich sein?“ – und das klappt erstaunlich gut! 😃3. Welche Möglichkeiten zur Weiterbildung oder persönlichen Entwicklung nutzt du hier?Ich lerne am liebsten direkt im Projekt – wenn mich ein Thema interessiert, tauche ich einfach ein und eigne mir das Wissen unterwegs an. Dazu kommen Udemy-Kurse und Messen, um immer auf dem neuesten Stand zu bleiben. Hier gibt’s viele Möglichkeiten, sich weiterzuentwickeln!4. Drei Worte, die piazza blu für dich am besten beschreiben:🚀 Dynamisch, Kreativ, Entspannt
        </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/2425-piazza-blu-gmbh/stories/2270-daniel-im-interview">
      <img alt="Daniel im Interview" loading="lazy" src="https://wearedevelopers.imgix.net/company/5f904d4430976ebb21a5eb31057299d3/cardimages/6Jq0vXKMClfnCzmD9sbQ.jpeg" />
</a></article>

</template></turbo-stream>
  <turbo-stream action="replace" target="stories_pagination"><template>
    <turbo-frame class="group" id="stories_pagination">
      <div class="mb-20 flex justify-center">
        <a data-turbo-frame="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/stories.turbo_stream?page=5">
          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>