<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/2890-douglas-gmbh/stories/2199-a-journey-through-the-business-technology-team-at-douglas">
            <img alt="Douglas GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/ca27c1d385ca53027ca2237d630f2253/logo/GtKGcbMoRZSCiWmeUAtI.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">Douglas 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/2890-douglas-gmbh/stories/2199-a-journey-through-the-business-technology-team-at-douglas" data-share-link-title-value="A journey through the Business Technology Team at DOUGLAS" data-share-link-text-value="Check out this story from Douglas 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_231_3096115e"><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:231" data-bookmarkable-type="company_story" data-bookmarkable-id="231" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=231&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/2890-douglas-gmbh/stories/2199-a-journey-through-the-business-technology-team-at-douglas">
    <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">
        A journey through the Business Technology Team at DOUGLAS
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Discover how our Business Technology team shapes and transforms the IT landscape in an international environment. 💼 🚀
        </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/dj1mb0RQWWNqanViYyZ0PTIzMnMmbXRtX2NhbXBhaWduPXZpZGVvX2J1c2luZXNzdGVjaG5vbG9neV8xMTI0X2RlJm10bV9zb3VyY2U9d2VhcmVkZXZlbG9wZXJzJm10bV9tZWRpdW09b3JnYW5pYyZzVHlwZT13ZWFyZWRldmVsb3BlcnMv">
  <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/3301-smg-swiss-marketplace-group/stories/2198-our-finalist-at-this-year-s-swiss-ciso-awards">
            <img alt="SMG Swiss Marketplace Group logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/logo/2lcsX7t2JUQqvkC7HjV8.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">SMG Swiss Marketplace 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/3301-smg-swiss-marketplace-group/stories/2198-our-finalist-at-this-year-s-swiss-ciso-awards" data-share-link-title-value="our finalist at this year&#39;s Swiss CISO Awards 🔥 👏" data-share-link-text-value="Check out this story from SMG Swiss Marketplace 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_488_bda779c0"><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:488" data-bookmarkable-type="company_story" data-bookmarkable-id="488" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=488&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3301-smg-swiss-marketplace-group/stories/2198-our-finalist-at-this-year-s-swiss-ciso-awards">
    <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">
        our finalist at this year&#39;s Swiss CISO Awards 🔥 👏
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          🛡️We&#39;re so proud of our CISO Mostafa AbdelMoez Hassanin for being a finalist at this year&#39;s Swiss CISO Awards 🔥 Cybersecurity Month couldn&#39;t get any better! 👏
        </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/3301-smg-swiss-marketplace-group/stories/2198-our-finalist-at-this-year-s-swiss-ciso-awards">
      <img alt="our finalist at this year&#39;s Swiss CISO Awards 🔥 👏" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/cardimages/9rI9VCPVAJSZ2BOL70Ms.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/3301-smg-swiss-marketplace-group/stories/2197-cybersecurity">
            <img alt="SMG Swiss Marketplace Group logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/logo/2lcsX7t2JUQqvkC7HjV8.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">SMG Swiss Marketplace 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/3301-smg-swiss-marketplace-group/stories/2197-cybersecurity" data-share-link-title-value="#cybersecurity" data-share-link-text-value="Check out this story from SMG Swiss Marketplace 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_487_e43deda4"><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:487" data-bookmarkable-type="company_story" data-bookmarkable-id="487" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=487&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3301-smg-swiss-marketplace-group/stories/2197-cybersecurity">
    <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">
        #cybersecurity
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          🪲 At its core, a cybersecurity threat encompasses any malicious activity that has the potential to compromise digital assets, leading to financial or reputational harm. From 🎣 phishing attempts to malware or ransomware attacks, the threat landscape is diverse and ever-evolving.📝 In this blog article, we demistify #cybersecurity threats, expose their impact, and share strategies to mitigate risks, guided by insights from our Group #CISO Mostafa AbdelMoez Hassanin 🛡️Find out more:🔗https://lnkd.in/e62sugNh
        </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/3301-smg-swiss-marketplace-group/stories/2197-cybersecurity">
      <img alt="#cybersecurity" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/cardimages/vZSWA7s5yIEexJeZAQ0a.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/3301-smg-swiss-marketplace-group/stories/2196-insightful-events-in-october">
            <img alt="SMG Swiss Marketplace Group logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/logo/2lcsX7t2JUQqvkC7HjV8.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">SMG Swiss Marketplace 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/3301-smg-swiss-marketplace-group/stories/2196-insightful-events-in-october" data-share-link-title-value="insightful events in October  💪" data-share-link-text-value="Check out this story from SMG Swiss Marketplace 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_486_88f3db33"><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:486" data-bookmarkable-type="company_story" data-bookmarkable-id="486" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=486&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3301-smg-swiss-marketplace-group/stories/2196-insightful-events-in-october">
    <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">
        insightful events in October  💪
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          🔐 Throughout October, our incredible Security team took cybersecurity to the next level with an action-packed month of events, workshops, and challenges! From insightful talks to hands-on demos, they ensured that everyone—from tech beginners to seasoned pros—could learn, engage, and strengthen their security awareness. 💪Some of the highlights included ⬇️🎤 Talks &amp; Live Demos: From &quot;how you&#39;re being targeted&quot; to watching live demos of real-world attacks, our team shared practical tips to protect ourselves—both at work and in life.🔓 Back by Popular Demand – Lockpicking! Attendees got hands-on with lockpicking, discovering how locks work (and how they can be cracked!) while learning the art of physical security. 🚩 Our Capture The Flag (CTF) event featured a range of challenges, from beginner-friendly to advanced, based on real vulnerabilities in the new SMG Online Recruitment Platform. Participants tested their skills and uncovered hidden flags—great work, all! 🛑 Incident &amp; Crisis Management Simulation: In this intense tabletop exercise, employees assumed key roles to tackle unfolding cyber threats. The exercise highlighted the importance of swift, prepared responses to keep our enterprise secure.🔑 Future of Security: Our team hosted a thought-provoking session on securing identities and the infrastructure of our platforms, building trust in products, and exploring the future of passkeys and their business impact.A huge shoutout to our Security team for making this possible and for the tremendous work they do to keep our products and people safe. 👏 Here’s to staying vigilant, informed, and prepared—together!
        </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/3301-smg-swiss-marketplace-group/stories/2196-insightful-events-in-october">
      <img alt="insightful events in October  💪" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/cardimages/pI1Mlg1KiARr0AOdwsli.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/3301-smg-swiss-marketplace-group/stories/2195-happy-3rd-anniversary-to-smg">
            <img alt="SMG Swiss Marketplace Group logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/logo/2lcsX7t2JUQqvkC7HjV8.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">SMG Swiss Marketplace 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/3301-smg-swiss-marketplace-group/stories/2195-happy-3rd-anniversary-to-smg" data-share-link-title-value="🎂 Happy 3rd anniversary to SMG 🎉" data-share-link-text-value="Check out this story from SMG Swiss Marketplace 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_485_3d7896d1"><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:485" data-bookmarkable-type="company_story" data-bookmarkable-id="485" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=485&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3301-smg-swiss-marketplace-group/stories/2195-happy-3rd-anniversary-to-smg">
    <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">
        🎂 Happy 3rd anniversary to SMG 🎉
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          🎂 Happy 3rd anniversary to SMG 🎉 Today, we celebrate a milestone that marks not just three years of SMG Swiss Marketplace Group but three years of shared dedication, growth, and very importantly, fun too. 🚀💪 We thank everyone who has contributed to this journey. We can&#39;t wait to see what the future holds. 👏
        </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/3301-smg-swiss-marketplace-group/stories/2195-happy-3rd-anniversary-to-smg">
      <img alt="🎂 Happy 3rd anniversary to SMG 🎉" loading="lazy" src="https://wearedevelopers.imgix.net/company/a101c3285770eacb9bb9413b8ff0fd0f/cardimages/GViRBV2GFbMKzMlLDIpS.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/3022-dynatrace/stories/2186-austria-s-1-innovative-company">
            <img alt="Dynatrace logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/c2b081fe232277aa27117db2804777e1/logo/oUxMGjEsPHbj4VqvqSfD.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">Dynatrace</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/3022-dynatrace/stories/2186-austria-s-1-innovative-company" data-share-link-title-value="Austria’s #1 Innovative Company" data-share-link-text-value="Check out this story from Dynatrace"><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_576_e5ead00b"><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:576" data-bookmarkable-type="company_story" data-bookmarkable-id="576" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=576&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3022-dynatrace/stories/2186-austria-s-1-innovative-company">
    <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">
        Austria’s #1 Innovative Company
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Dynatrace is the most innovative international company in Austria!The trend. and Statista ranked us #1 among international companies for innovation in our product, production processes, and culture. They evaluated companies based on an independent survey of experts—patent attorneys, startup specialists, academics, and management consultants—as well as the number of patents and trademarks we’ve registered.Check out the full ranking here (switch to the Top 20 international companies tab) Read the trend article feat. our founder and CTO Bernd Greifeneder
        </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/3022-dynatrace/stories/2186-austria-s-1-innovative-company">
      <img alt="Austria’s #1 Innovative Company" loading="lazy" src="https://wearedevelopers.imgix.net/company/c2b081fe232277aa27117db2804777e1/cardimages/wsBJOA5IswfNivFd7cq8.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/2179-ux-vs-it-wer-bist-du">
            <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/2179-ux-vs-it-wer-bist-du" data-share-link-title-value="UX vs. IT – Wer bist Du?" 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_520_b8235ae2"><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:520" data-bookmarkable-type="company_story" data-bookmarkable-id="520" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=520&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/2179-ux-vs-it-wer-bist-du">
    <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">
        UX vs. IT – Wer bist Du?
      </h3>

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

      <div class="flex-1"></div>
    </div>
</a>
    <a data-turbo-frame="_top" class="bg-base-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="https://www.wearedevelopers.com/companies/118-ing-deutschland/stories/2179-ux-vs-it-wer-bist-du">
      <img alt="UX vs. IT – Wer bist Du?" loading="lazy" src="https://wearedevelopers.imgix.net/company/2907947e6b588ee689c1853a7a096ccf/cardimages/GFXHRvfRUekcgozy0Qni.jpeg" />
</a></article>
<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/2176-bist-du-bereit-fur-dieses-rasante-abenteuer-durch-die-welt-der-multicloud">
            <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/2176-bist-du-bereit-fur-dieses-rasante-abenteuer-durch-die-welt-der-multicloud" data-share-link-title-value="Bist du bereit für dieses rasante Abenteuer durch die Welt der Multicloud? " 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_566_b2aadc6b"><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:566" data-bookmarkable-type="company_story" data-bookmarkable-id="566" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=566&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/2176-bist-du-bereit-fur-dieses-rasante-abenteuer-durch-die-welt-der-multicloud">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Bist du bereit für dieses rasante Abenteuer durch die Welt der Multicloud? 
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wer in der Tech-Welt zu Hause ist, dem ist der ITCS ein Begriff. Auch in diesem Jahr waren wir mit zwei Speakerinnen (und unserem Karrierestand) in München dabei, als sich die IT- und Tech-Größen auf dieser Messe trafen. Im Tech Talk haben euch unsere Speakerinnen Simona Orlandi, Director Tech Operations, und Lea Wieditz, Technology Innovation Portfolio Manager, in eine 8-bit-Welt voller schwebender Plattformen und wirbelnder Datenwolken mitgenommen. Die Mission: Verbinde alle Clouds zu einem mächtigen Netzwerk und vereine unsere bunte Markenwelt in eine Multicloud. “Beim Erarbeiten einer Multicloud-Strategie fühlt man sich manchmal ein wenig wie auf der Regenbogenstrecke von Mario-Kart… Wir haben es zum Glück geschafft, nicht runterzufallen.“ - Lea Wieditz Warum eine eigene Multicloud sinnvoll ist?Kostenersparnis, neue Features und weniger Infrastrukturarbeit für Devs. Doch es gibt noch viele weitere Vorteile, die die Multicloud mit sich gebracht hat. Wie Simona und Lea die Multicloud erfolgreich implementiert haben, welche Herausforderungen sie dabei überwunden haben und welche wertvollen Erkenntnisse sie aus diesem Projekt gewonnen haben – all das präsentierten sie in vier spannenden Leveln während ihres Tech Talks. Wer hier schon Feuer und Flamme mit Hubert Burda Media war, konnte an unserem Stand die spannendsten IT-Jobs entdecken und direkt mit unseren Recruiterinnen ins Gespräch kommen. Du willst dein nächstes Level auch bei Burda bestreiten? Dann sieht dir unsere vielfältigen IT-Jobs an. Wir freuen uns schon auf den Zuwachs in der IT. Bist du beim nächsten ITCS auch dabei?
        </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/2176-bist-du-bereit-fur-dieses-rasante-abenteuer-durch-die-welt-der-multicloud">
      <img alt="Bist du bereit für dieses rasante Abenteuer durch die Welt der Multicloud? " loading="lazy" src="https://wearedevelopers.imgix.net/company/c28cfc2ab609591691a8b964937629f1/cardimages/rGZHFuYzI0jen41XeSZZ.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/2163-ki-boom-bei-burda">
            <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/2163-ki-boom-bei-burda" data-share-link-title-value="KI-Boom bei Burda !🤖" 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_565_1388f259"><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:565" data-bookmarkable-type="company_story" data-bookmarkable-id="565" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=565&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/2163-ki-boom-bei-burda">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        KI-Boom bei Burda !🤖
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          🚀KI-Boom bei Burda – über 800 geschulte Mitarbeiter:innen! 🤖Künstliche Intelligenz wird unseren Arbeitsalltag in Zukunft stark beeinflussen. Wir bei Burda möchten diese Chancen nutzen und die spannende Welt der KI erkunden und mitgestalten.💡Dabei beziehen wir alle Mitarbeitenden mit ein und bieten unternehmensweit umfassende Schulungen, um den Umgang und erfolgreichen Einsatz von KI-Tools zu erlernen. „Wir wollen mit den Grundlagentrainings einen Rahmen schaffen, in dem die Mitarbeitende die Möglichkeit haben, verschiedene KI basierte Tools kennenzulernen und auszuprobieren. So können wir alle bei Burda gleichermaßen von den neuen Technologien und Innovationen profitieren.“, betont @Annabelle Remmert aus der Personalentwicklung die Wichtigkeit der Trainings.🔥Seit August arbeiten wir erfolgreich mit @Sebastian Moritz von @Electric Sheep GmbH zusammen und haben mit den Basisschulungen einen guten Grundstein für die KI-Grundkompetenz der Belegschaft gelegt.„Mir war wichtig, den Entdeckergeist zu wecken und die Teilnehmenden dazu zu animieren, die Tools auch auf eigene Faust zu erkunden und herauszufinden, was alles möglich ist. Ganz nach dem Prinzip: Hilfe zur Selbsthilfe.“, erklärt Sebastian.💯Und die Rechnung geht auf: „Die Schulung hat mir wichtige Denkanstöße und Impulse gegeben, wie ich das Thema auch für meinen Arbeitsbereich, der nicht im redaktionellen liegt, einsetzen kann. Mein Blick hat sich geweitet und ich konnte gute Tipps mitnehmen.“, so ein Teilnehmer der „ChatGPT Basics Schulung“.🔄Aber auch interne Bereiche sorgen für einen regen Wissenstransfer: Unser Product &amp; Innovation Team teilt regelmäßig in verschiedenen Events &amp; Formaten Basis-Wissen über KI und fördert das Lernen und den Austausch über erste Anwendungsfälle in den verschiedenen Bereichen.Bei @BurdaForward wird sogar eine eigene generative KI entwickelt, die aus Bildern und Fotos automatisch Avatare und Bewegtbild erstellt. #moretocome👑Unser krönendes KI-Highlight dieses Jahr: Der burdaweite AI Demo Day. 333 Tage nach dem Launch von ChatGPT wurden am 10.10. die vielversprechendsten KI-Ideen aus allen Bereichen präsentiert und prämiert.Deine Meinung zählt: Mit welchen KI-Trends sollten wir uns in Zukunft noch mehr beschäftigen? Lass es uns wissen!KI, IT und Tech bei Burda – jetzt über unsere Teams und spannende Jobs informieren: https://www.burda.com/de/karriere/entwickler/#KI #Innovation #Weiterbildung #BurdakarriereBild: Unplash (Steve Johnson)
        </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/2163-ki-boom-bei-burda">
      <img alt="KI-Boom bei Burda !🤖" loading="lazy" src="https://wearedevelopers.imgix.net/company/c28cfc2ab609591691a8b964937629f1/cardimages/ovwUXlZNqcr45yB0qY6j.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/2938-raiffeisen-bank-international-ag/stories/2162-kubernetes-community-days-austria-2024">
            <img alt="Raiffeisen Bank International AG logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/0199fc56263491ee78ed3e2262db03c3/logo/05QG6zsY6ie0Zci0j2fI.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">Raiffeisen Bank International AG</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/2938-raiffeisen-bank-international-ag/stories/2162-kubernetes-community-days-austria-2024" data-share-link-title-value="Kubernetes Community Days Austria 2024" data-share-link-text-value="Check out this story from Raiffeisen Bank International AG"><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_586_aebef8ec"><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:586" data-bookmarkable-type="company_story" data-bookmarkable-id="586" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=586&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/2938-raiffeisen-bank-international-ag/stories/2162-kubernetes-community-days-austria-2024">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Kubernetes Community Days Austria 2024
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          From October 8th to 10th, the Kubernetes &amp; Cloud Native community gathered in Vienna, Austria, for KCD Austria. This three-day event featured exciting talks, workshops, and networking opportunities for IT professionals. Supported by the CNCF, the event was community-organized and not-for-profit. We at RBI were proud to participate and found it to be an incredibly enriching experience.
        </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/2938-raiffeisen-bank-international-ag/stories/2162-kubernetes-community-days-austria-2024">
      <img alt="Kubernetes Community Days Austria 2024" loading="lazy" src="https://wearedevelopers.imgix.net/company/0199fc56263491ee78ed3e2262db03c3/cardimages/xjWAxKUmRtt7G6KFlO9k.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/3779-msg/stories/2158-sei-dabei-beim-msg-hackathon-code-create-vom-26-28-06-2026">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2158-sei-dabei-beim-msg-hackathon-code-create-vom-26-28-06-2026" data-share-link-title-value="🔥Sei dabei beim msg Hackathon Code &amp; Create vom 26.-28.06.2026!💁" data-share-link-text-value="Check out this story from msg"><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_618_fdd7438f"><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:618" data-bookmarkable-type="company_story" data-bookmarkable-id="618" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=618&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2158-sei-dabei-beim-msg-hackathon-code-create-vom-26-28-06-2026">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        🔥Sei dabei beim msg Hackathon Code &amp; Create vom 26.-28.06.2026!💁
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Wie jedes Semester laden wir talentierte MINT-Studierende auch diesen Sommer wieder zu Code &amp; Create ein, unserem Hackathon-Event. An 3 Tagen dreht sich alles um Coden, Teamwork &amp; Spaß! Und das Beste: für dich als Teilnehmenden vollkommen kostenlos! Du möchtest beim nächsten Code &amp; Create dabei sein? Dann melde dich noch schnell an &amp; sichere dir deinen Platz!
        </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/dj1hdjk5Z1U0Ul9Vaw==">
  <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/118-ing-deutschland/stories/2156-ing-fragenfeuer-bei-uns-ist-mehr-drin-entdecke-unsere-job-benefits">
            <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/2156-ing-fragenfeuer-bei-uns-ist-mehr-drin-entdecke-unsere-job-benefits" data-share-link-title-value="ING Fragenfeuer: Bei uns ist mehr drin! Entdecke unsere Job-Benefits " 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_521_b636eda1"><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:521" data-bookmarkable-type="company_story" data-bookmarkable-id="521" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=521&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/2156-ing-fragenfeuer-bei-uns-ist-mehr-drin-entdecke-unsere-job-benefits">
    <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>
        almost 2 years ago
      </div>

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

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

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

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

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

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



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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  </template>

</div>

</article>
<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/3753-eltemate/stories/2155-take-a-look-at-our-amazing-office-space-in-amsterdam">
            <img alt="Eltemate logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/9b55845fdf789136c3a4a18d245f6fe0/logo/9AP6JCh8qlrfDJcG5tvY.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">Eltemate</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/3753-eltemate/stories/2155-take-a-look-at-our-amazing-office-space-in-amsterdam" data-share-link-title-value="Take a look at our amazing office space in Amsterdam" data-share-link-text-value="Check out this story from Eltemate"><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_244_51e03532"><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:244" data-bookmarkable-type="company_story" data-bookmarkable-id="244" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=244&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3753-eltemate/stories/2155-take-a-look-at-our-amazing-office-space-in-amsterdam">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Take a look at our amazing office space in Amsterdam
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Our new HQ office space in Amsterdam has been open for a while now and we are absolutely loving the design created by Maison Libre Interior. So many clever details representing our brand&#39;s spirit
        </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/3753-eltemate/stories/2155-take-a-look-at-our-amazing-office-space-in-amsterdam">
      <img alt="Take a look at our amazing office space in Amsterdam" loading="lazy" src="https://wearedevelopers.imgix.net/company/9b55845fdf789136c3a4a18d245f6fe0/cardimages/MQrQ2qJcTWvdorSwDBU7.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/3753-eltemate/stories/2154-team-retreat-in-lisbon">
            <img alt="Eltemate logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/9b55845fdf789136c3a4a18d245f6fe0/logo/9AP6JCh8qlrfDJcG5tvY.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">Eltemate</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/3753-eltemate/stories/2154-team-retreat-in-lisbon" data-share-link-title-value="Team Retreat in Lisbon" data-share-link-text-value="Check out this story from Eltemate"><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_243_e8badafb"><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:243" data-bookmarkable-type="company_story" data-bookmarkable-id="243" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=243&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3753-eltemate/stories/2154-team-retreat-in-lisbon">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Team Retreat in Lisbon
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Last week, our team had an incredible time in Lisbon for our team retreat. The days were filled with engaging presentations and training sessions on a wide range of topics. We also took the time to explore the beautiful city of Lisbon, visiting some its most iconic places and enjoying a boat trip along the stunning coastline. We wrapped up with a delicious beach-side dinner and drinks. We had people joining from all over the world, including from Singapore, Europe, Brazil and the U.S. It was a fantastic opportunity for all of us to bond and connect outside of the office. We returned feeling inspired, motivated, and closer as a team. A big thank you everyone who made this event possible. Here&#39;s to many more team events 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/3753-eltemate/stories/2154-team-retreat-in-lisbon">
      <img alt="Team Retreat in Lisbon" loading="lazy" src="https://wearedevelopers.imgix.net/company/9b55845fdf789136c3a4a18d245f6fe0/cardimages/nyOufv4VS9SRqu7nVMSc.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/3779-msg/stories/2147-msgconnect-it-news-msg-insights-und-co">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2147-msgconnect-it-news-msg-insights-und-co" data-share-link-title-value=" 📢msgCONNECT – IT-News, msg-​Insights und Co. 📨" data-share-link-text-value="Check out this story from msg"><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_622_ed0155fd"><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:622" data-bookmarkable-type="company_story" data-bookmarkable-id="622" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=622&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2147-msgconnect-it-news-msg-insights-und-co">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
         📢msgCONNECT – IT-News, msg-​Insights und Co. 📨
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Mit msgCONNECT versorgen wir dich 1x pro Quartal mit der wichtigsten Top-News rund um msg, aktuellen Podcast-Empfehlungen oder Anekdoten &amp; Neuigkeiten aus der IT-Welt. Gleichzeitig bleibst du über interessante Jobs und Branchenbereiche bei msg up-to-date. Interessiert? Jetzt kostenlos registrieren!
        </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/3779-msg/stories/2147-msgconnect-it-news-msg-insights-und-co">
      <img alt=" 📢msgCONNECT – IT-News, msg-​Insights und Co. 📨" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/cardimages/836rA8QLvWDsr0afwxLs.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/3779-msg/stories/2146-check-out-msg-karlsruhe">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2146-check-out-msg-karlsruhe" data-share-link-title-value="Check out msg | Karlsruhe 👀🌴" data-share-link-text-value="Check out this story from msg"><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_625_5834d10d"><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:625" data-bookmarkable-type="company_story" data-bookmarkable-id="625" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=625&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2146-check-out-msg-karlsruhe">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Check out msg | Karlsruhe 👀🌴
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Im August 2022 erschloss msg mit dem Standort Karlsruhe den renommierten Digitalstandort Karlsruhe. Besonders dabei: das auf die Mitarbeitenden zugeschnittene Raumkonzept und die &quot;grünen Oasen&quot; 🌿.❓Neugierig? Standortkoordinatorin Mirela und Vorstandsmitglied Frank geben dir umfassende Einblicke!
        </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/dj1ZUUx6UHFRTi0wTQ==">
  <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/3779-msg/stories/2144-check-out-msg-chemnitz">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2144-check-out-msg-chemnitz" data-share-link-title-value="Check out msg | Chemnitz 👀🔎" data-share-link-text-value="Check out this story from msg"><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_624_ddcb76b5"><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:624" data-bookmarkable-type="company_story" data-bookmarkable-id="624" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=624&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2144-check-out-msg-chemnitz">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Check out msg | Chemnitz 👀🔎
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          New Work trifft Engagement, Innovation &amp; Teamarbeit – und das seit über 25 Jahren am traditionsreichen Standort msg | Chemnitz. Standortleiter Ingo zeigt dir die Arbeitsumgebung vor Ort im Video! 🎥
        </p>

      <div class="flex-1"></div>
    </div>
</a>
    <div class="aspect-video" data-controller="social-content-gate gated-video-player" data-action="social-content-gate:allow-&gt;gated-video-player#mount" data-gated-video-player-source-value="aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1hOThDR2JRdGNISQ==">
  <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/3779-msg/stories/2143-check-out-msg-passau">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2143-check-out-msg-passau" data-share-link-title-value="Check out msg | Passau 👀😍" data-share-link-text-value="Check out this story from msg"><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_623_74fd6866"><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:623" data-bookmarkable-type="company_story" data-bookmarkable-id="623" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=623&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2143-check-out-msg-passau">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Check out msg | Passau 👀😍
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Agile Methoden &amp; innovative Softwareprodukte treffen auf eine familiäre Atmosphäre und eine der lebenswertesten Städte Deutschlands! Willkommen bei msg in Passau! ✌️
        </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/dj16MUd6YldBM193cyY=">
  <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/3779-msg/stories/2142-so-gestalten-wir-die-digitale-zukunft">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2142-so-gestalten-wir-die-digitale-zukunft" data-share-link-title-value=" So gestalten wir die digitale Zukunft!🚀💻" data-share-link-text-value="Check out this story from msg"><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_620_ec4488e7"><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:620" data-bookmarkable-type="company_story" data-bookmarkable-id="620" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=620&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2142-so-gestalten-wir-die-digitale-zukunft">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
         So gestalten wir die digitale Zukunft!🚀💻
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Hier erfährst du, was unsere Mission bei msg ist und wie wir die Digitale Transformation aktiv mitgestalten wollen. 💡Gestalte die Zukunft mit uns!
        </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/dj01am01a0gzVzRxNA==">
  <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/3779-msg/stories/2140-check-out-msg-frankfurt">
            <img alt="msg logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/fb5d6936a75435ea8237b16fec4db34c/logo/wW7h3lUBXujXe0m6O9EX.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">msg</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/3779-msg/stories/2140-check-out-msg-frankfurt" data-share-link-title-value=" Check out msg | Frankfurt 👀🏢" data-share-link-text-value="Check out this story from msg"><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_621_e1eed5ee"><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:621" data-bookmarkable-type="company_story" data-bookmarkable-id="621" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=621&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3779-msg/stories/2140-check-out-msg-frankfurt">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
         Check out msg | Frankfurt 👀🏢
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Direkt im innovativen Stadtbezirk Gateway Gardens liegt unser msg-Standort Frankfurt. Erlebe unser modernes Office-Konzept und profitiere sowohl von einer perfekten öffentlichen Anbindung sowie großzügigen Grünanlagen und Freizeitangeboten!👉🏻 Standortleiterin Sandra nimmt dich im Video mit in unsere Räumlichkeiten!
        </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/dj1Wd1VmTzgzVTBfYw==">
  <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/3549-aok-systems-gmbh/stories/2139-meet-the-team">
            <img alt="AOK Systems GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/logo/6DTpEd6GlbKGswSLnTjz.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">AOK Systems 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/3549-aok-systems-gmbh/stories/2139-meet-the-team" data-share-link-title-value="Meet the Team" data-share-link-text-value="Check out this story from AOK Systems 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_227_0cc128c8"><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:227" data-bookmarkable-type="company_story" data-bookmarkable-id="227" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=227&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3549-aok-systems-gmbh/stories/2139-meet-the-team">
    <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>
        almost 2 years ago
      </div>

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

        <p class="text-base text-base-content/70 line-clamp-3">
          Marc ist unser Experte für reibungslose, kreative Softwarelösungen. Als echter Teamplayer schätzt er es besonders, gemeinsam mit anderen Menschen richtig was zu bewegen – sowohl beim Pair-Programming im Office, wo er gemeinsam mit anderen Devs spannende Coding Projekte umsetzt, als auch mit seiner Mannschaft auf dem Fußballplatz. Wer in der Mittagspause Lust auf spannende Perspektiven zum Thema Coding und einen geselligen Plausch sucht, ist bei Marc also genau richtig. #TeamAS #AOKSystems #Teamplayers #OfficeLife #IT #MeetTheTeam
        </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/3549-aok-systems-gmbh/stories/2139-meet-the-team">
      <img alt="Meet the Team" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/cardimages/ByQH16bATAsYT6hy6CJE.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/3549-aok-systems-gmbh/stories/2138-fur-eine-grune-und-nachhaltige-zukunft">
            <img alt="AOK Systems GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/logo/6DTpEd6GlbKGswSLnTjz.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">AOK Systems 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/3549-aok-systems-gmbh/stories/2138-fur-eine-grune-und-nachhaltige-zukunft" data-share-link-title-value="Für eine grüne und nachhaltige Zukunft" data-share-link-text-value="Check out this story from AOK Systems 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_226_d5536a6f"><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:226" data-bookmarkable-type="company_story" data-bookmarkable-id="226" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=226&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3549-aok-systems-gmbh/stories/2138-fur-eine-grune-und-nachhaltige-zukunft">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        Für eine grüne und nachhaltige Zukunft
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Mit Stolz teilen wir mit, dass wir erneut offiziell als Ökoprofit®-Betrieb ausgezeichnet wurden! 💚 Die EU würdigt damit unsere bedeutenden Maßnahmen in Richtung Ressourcenschonung, wie beispielsweise die Reduktion betrieblicher Emissionen und die Steigerung der Ökoeffizienz. 💡Ein herzliches Dankeschön an unser Team, das täglich einen umweltfreundlichen Beitrag für die GKV leistet. 🌿#Award #AOKSystems #IT #Gesundheit
        </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/3549-aok-systems-gmbh/stories/2138-fur-eine-grune-und-nachhaltige-zukunft">
      <img alt="Für eine grüne und nachhaltige Zukunft" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/cardimages/JN4qszsuStVSytpiW92h.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/3549-aok-systems-gmbh/stories/2137-meet-the-team">
            <img alt="AOK Systems GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/logo/6DTpEd6GlbKGswSLnTjz.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">AOK Systems 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/3549-aok-systems-gmbh/stories/2137-meet-the-team" data-share-link-title-value="Meet the Team " data-share-link-text-value="Check out this story from AOK Systems 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_225_6378219d"><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:225" data-bookmarkable-type="company_story" data-bookmarkable-id="225" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=225&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3549-aok-systems-gmbh/stories/2137-meet-the-team">
    <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>
        almost 2 years ago
      </div>

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

        <p class="text-base text-base-content/70 line-clamp-3">
          Als Product Owner von oscare® connect sorgt Dominik dafür, dass aus komplexen Konzepten praktische Lösungen für die GKV entstehen. Jeder Tag birgt dabei neue Herausforderungen, was er besonders an seinem Job schätzt. Nach dem Feierabend geht es für Dominik genauso kreativ weiter: Für seinen YouTube-Kanal mit fast 5000 Abonnenten produziert er Content über seinen Lieblingssport, das Dartspielen. Schön, dich im Team zu haben, Dominik! 🤙🏼🎯#TeamAS #AOKSystems #Teamplayers #OfficeLife #IT #Teamwork #MeetTheTeam
        </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/3549-aok-systems-gmbh/stories/2137-meet-the-team">
      <img alt="Meet the Team " loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/cardimages/16ikXE14Y2OqgMPPLyJx.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/3549-aok-systems-gmbh/stories/2136-itcs-kleine-retro-zur-itcs">
            <img alt="AOK Systems GmbH logo" class="size-10 shrink-0 rounded-full bg-base-200 object-contain" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/logo/6DTpEd6GlbKGswSLnTjz.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">AOK Systems 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/3549-aok-systems-gmbh/stories/2136-itcs-kleine-retro-zur-itcs" data-share-link-title-value="ITCS - Kleine Retro zur ITCS" data-share-link-text-value="Check out this story from AOK Systems 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_224_1d3655a3"><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:224" data-bookmarkable-type="company_story" data-bookmarkable-id="224" data-bookmark-return-to="/stories.turbo_stream?page=6" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=224&amp;bookmarkable_type=company_story&amp;return_to=%2Fstories.turbo_stream%3Fpage%3D6" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fstories.turbo_stream%3Fpage%3D6"><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/3549-aok-systems-gmbh/stories/2136-itcs-kleine-retro-zur-itcs">
    <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>
        almost 2 years ago
      </div>

      <h3 class="mb-2 line-clamp-2 font-display text-lg leading-snug font-semibold text-balance text-base-content">
        ITCS - Kleine Retro zur ITCS
      </h3>

        <p class="text-base text-base-content/70 line-clamp-3">
          Am 13.09.24 waren wir auf der #ITCS unterwegs und der Tag war ein voller Erfolg! 🎉 Wir hatten die Gelegenheit, viele von Euch persönlich kennenzulernen und spannende Einblicke in unsere Karrieremöglichkeiten zu geben. Du hast es dieses Mal leider nicht zur IT-Jobmesse geschafft? Kein Problem! Alle wichtigen Infos über uns und unsere Stellenangebote findest Du hier: https://lnkd.in/dPTtGFcU 😎
        </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/3549-aok-systems-gmbh/stories/2136-itcs-kleine-retro-zur-itcs">
      <img alt="ITCS - Kleine Retro zur ITCS" loading="lazy" src="https://wearedevelopers.imgix.net/company/6ea08ca5b1f64bbc4cf031a3d0c12de7/cardimages/StEN6vqpn1YgQ7jDUusg.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=7">
          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>