<turbo-stream action="append" target="jobs_grid"><template>
    <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1702516_41f3ec25"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1702516" data-bookmarkable-type="job" data-bookmarkable-id="1702516" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1702516&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1702516-fullstack-developer-laravel-react-vue-gesucht-in-haselunne">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Fullstack Developer Laravel &amp; React/Vue gesucht in Haselünne
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Mintcode Solutions Gmbh</div>

                    <div class="truncate text-base-content/60">Haselünne, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" 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 d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Vue.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Laravel</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1657525_6b1a1b3e"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1657525" data-bookmarkable-type="job" data-bookmarkable-id="1657525" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1657525&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1657525-senior-frontend-developer-mit-schwerpunkt-ux-ui-design">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Frontend Developer mit Schwerpunkt UX/UI-Design*
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Haeger Gmbh</div>

                    <div class="truncate text-base-content/60">Bonn, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Webpack</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1966289_b8136842"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1966289" data-bookmarkable-type="job" data-bookmarkable-id="1966289" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1966289&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1966289-senior-frontend-engineer-react-typescript">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">6 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Frontend Engineer (React / TypeScript)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Wearedna</div>

                    <div class="truncate text-base-content/60">München, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €80k–100k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Stripe</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Next.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_404402_5aa54f90"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:404402" data-bookmarkable-type="job" data-bookmarkable-id="404402" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=404402&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/404402-senior-frontend-engineer-react-typescript">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Frontend Engineer (React / TypeScript)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Wearedna</div>

                    <div class="truncate text-base-content/60">München, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €80k–100k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Stripe</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Next.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1456296_df022dd1"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1456296" data-bookmarkable-type="job" data-bookmarkable-id="1456296" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1456296&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1456296-graduate-frontend-developer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">17 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Graduate Frontend Developer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Alpine Business Consulting</div>

                    <div class="truncate text-base-content/60">Hamburg, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" 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 d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Vue.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1982121_904225d1"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1982121" data-bookmarkable-type="job" data-bookmarkable-id="1982121" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1982121&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1982121-senior-fullstack-entwickler-colenio-gmbh-co-kg">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">5 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Fullstack Entwickler - colenio GmbH &amp; Co. KG
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">colenio GmbH &amp; Co. KG</div>

                    <div class="truncate text-base-content/60">Runkel, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">NoSQL</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1306956_fae77215"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1306956" data-bookmarkable-type="job" data-bookmarkable-id="1306956" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1306956&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1306956-full-stack-web-developer-financial-systems-frontend-j17018">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">27 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Full-Stack Web Developer (Financial Systems/Frontend) - J17018
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Exclusive Associates</div>

                    <div class="truncate text-base-content/60">Worms, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €53k–67k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JSON</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Github</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1385681_7d9a34f9"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1385681" data-bookmarkable-type="job" data-bookmarkable-id="1385681" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1385681&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1385681-senior-fullstack-developer-mensch">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">22 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Fullstack Developer (Mensch)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Solandeo GmbH</div>

                    <div class="truncate text-base-content/60">Berlin, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Git</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Linux</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1913887_64e0b214"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1913887" data-bookmarkable-type="job" data-bookmarkable-id="1913887" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1913887&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1913887-umschulung-zum-zur-fachinformatiker-in-anwendungsentwicklung-ihk">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">9 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Umschulung zum/zur Fachinformatiker:in Anwendungsentwicklung (IHK)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">GAIA AG</div>

                    <div class="truncate text-base-content/60">Hamburg, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €35k–75k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Backend</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">SQL Databases</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Web Development</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2009946_cc3b4de0"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2009946" data-bookmarkable-type="job" data-bookmarkable-id="2009946" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2009946&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2009946-aem-backend-developer-senior">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            AEM Backend Developer - Senior
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Jobgether</div>

                    <div class="truncate text-base-content/60">Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" 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 d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Osgi</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JSON</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_25023_61bea666"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:25023" data-bookmarkable-type="job" data-bookmarkable-id="25023" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=25023&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/25023-junior-software-engineer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Junior Software Engineer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">tuev-ai-lab</div>

                    <div class="truncate text-base-content/60">Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" 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 d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Git</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1438279_ea59d491"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1438279" data-bookmarkable-type="job" data-bookmarkable-id="1438279" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1438279&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1438279-frontend-engineer-sap-web-interfaces-j21055">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">19 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Frontend Engineer SAP &amp; Web-Interfaces - J21055
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Exclusive Associates</div>

                    <div class="truncate text-base-content/60">Darmstadt, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Git</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2019983_aebc4b53"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2019983" data-bookmarkable-type="job" data-bookmarkable-id="2019983" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2019983&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2019983-senior-fullstack-entwickler">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Fullstack Entwickler
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Instaffo GmbH</div>

                    <div class="truncate text-base-content/60">Siegburg, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €70k–80k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">NoSQL</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2010389_03743c3f"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2010389" data-bookmarkable-type="job" data-bookmarkable-id="2010389" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2010389&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2010389-senior-software-engineer-frontend-angular">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior-Software-Engineer-Frontend-Angular
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">adesso SE</div>

                    <div class="truncate text-base-content/60">Neumünster, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Git</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JIRA</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">RxJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1915329_1a97b7a3"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1915329" data-bookmarkable-type="job" data-bookmarkable-id="1915329" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1915329&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1915329-b126-c10-senior-softwareentwickler-full-stack-direktvermittlung-in-festanstellung">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">9 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            B126-C10 Senior Softwareentwickler Full-Stack - Direktvermittlung in Festanstellung
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Jan Schreiner Private Arbeitsvermittlung Arbitex</div>

                    <div class="truncate text-base-content/60">Berlin, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €53k–75k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">NoSQL</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">DevOps</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Graphql</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_420580_dc7dd377"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:420580" data-bookmarkable-type="job" data-bookmarkable-id="420580" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=420580&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/420580-software-engineer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Software Engineer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">SMIGHT GmbH</div>

                    <div class="truncate text-base-content/60">Karlsruhe, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" 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 d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">DevOps</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Backend</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Google Cloud</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1964914_0dacdc9c"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1964914" data-bookmarkable-type="job" data-bookmarkable-id="1964914" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1964914&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1964914-senior-design-engineer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">6 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Senior Design Engineer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Jobgether</div>

                    <div class="truncate text-base-content/60">Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" 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 d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Figma</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Next.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Tailwind</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_632179_4968cb41"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:632179" data-bookmarkable-type="job" data-bookmarkable-id="632179" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=632179&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/632179-tech-lead-softwareentwicklung-financial-systems-j31810">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Tech Lead Softwareentwicklung Financial Systems - J31810
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Exclusive</div>

                    <div class="truncate text-base-content/60">Berlin, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">NoSQL</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">MySQL</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1346135_5e518924"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1346135" data-bookmarkable-type="job" data-bookmarkable-id="1346135" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1346135&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1346135-junior-projektleiter-softwareentwicklung-j40678">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">25 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Junior Projektleiter Softwareentwicklung - J40678
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Exclusive Associates</div>

                    <div class="truncate text-base-content/60">Ansbach, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €54k–70k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML5</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">DevOps</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Backend</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_632215_b3f822d0"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:632215" data-bookmarkable-type="job" data-bookmarkable-id="632215" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=632215&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/632215-frontend-systems-developer-j17018">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Frontend Systems Developer - J17018
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Exclusive</div>

                    <div class="truncate text-base-content/60">Berlin, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">HTML</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JSON</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Adobe</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_376608_2c239329"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:376608" data-bookmarkable-type="job" data-bookmarkable-id="376608" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=376608&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/376608-junior-e-commerce-entwickler-typescript">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Junior E-Commerce Entwickler - TypeScript
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Jobriver Hr Service</div>

                    <div class="truncate text-base-content/60">Frankfurt am Main, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €36k–48k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">TypeScript</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Unit Testing</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1915131_79bcde9f"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1915131" data-bookmarkable-type="job" data-bookmarkable-id="1915131" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1915131&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1915131-angular-frontend-entwickler">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">9 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Angular Frontend Entwickler
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">IVU Traffic Technologies AG</div>

                    <div class="truncate text-base-content/60">Aachen, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Openapi</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Tailwind</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">AngularJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1543273_6522c573"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1543273" data-bookmarkable-type="job" data-bookmarkable-id="1543273" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1543273&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1543273-junior-machine-learning-engineer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            (Junior) Machine Learning Engineer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Power Reply GmbH &amp; Co. KG</div>

                    <div class="truncate text-base-content/60">Berlin, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">DevOps</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Backend</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_679535_a45e0d0f"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:679535" data-bookmarkable-type="job" data-bookmarkable-id="679535" data-bookmark-return-to="/jobs?country=DE&amp;q=frontend+junior" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=679535&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dfrontend%2Bjunior"><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>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/679535-junior-full-stack-development-engineer">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Junior Full Stack Development Engineer
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">empit</div>

                    <div class="truncate text-base-content/60">Berlin, Germany</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" 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="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €45k–58k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Databases</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>

</template></turbo-stream>
  <turbo-stream action="replace" target="jobs_pagination"><template>
    <turbo-frame class="group" id="jobs_pagination">
      <div class="mb-20 flex justify-center">
        <a data-turbo-frame="jobs_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/jobs.turbo_stream?country=DE&amp;page=7&amp;q=frontend+junior">
          Load more jobs <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>