<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_1214077_835f260e"><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:1214077" data-bookmarkable-type="job" data-bookmarkable-id="1214077" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1214077&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1214077-junior-backend-entwickler-backend-developer-javascript-typescript-nestjs">
      <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 Backend-Entwickler / Backend Developer - JavaScript / TypeScript / NestJS
          </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">RUBINLAKE GmbH</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>
                €45k–60k
              </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">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">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">NestJS</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_407711_41dec402"><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:407711" data-bookmarkable-type="job" data-bookmarkable-id="407711" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=407711&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/407711-fullstack-engineer-typescript-aws">
      <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
            "
          >
            Fullstack Engineer - TypeScript &amp; AWS
          </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">FUNKE MEDIENGRUPPE</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-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">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">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">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_390812_37692a4c"><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:390812" data-bookmarkable-type="job" data-bookmarkable-id="390812" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=390812&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/390812-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">Materna 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">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">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">Jenkins</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_2010198_7ca11dd6"><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:2010198" data-bookmarkable-type="job" data-bookmarkable-id="2010198" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2010198&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/2010198-senior-react-java-typescript-developer-mannheim-aliru-gmbh">
      <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 React &amp; Java- / Typescript Developer - Mannheim - Aliru GmbH
          </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">Aliru GmbH</div>

                    <div class="truncate text-base-content/60">Mannheim, 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">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">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">Flutter</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_1702686_c20c2463"><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:1702686" data-bookmarkable-type="job" data-bookmarkable-id="1702686" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1702686&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1702686-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">13 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">Materna 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">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">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>
          </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_397562_87905bbb"><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:397562" data-bookmarkable-type="job" data-bookmarkable-id="397562" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=397562&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/397562-frontend-entwicklerm-react-typescript-berlin-hybrid-finmas">
      <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 Entwicklerm React &amp; TypeScript | Berlin hybrid | Finmas
          </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">Finmas 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-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">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">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_1962515_3b20ff1c"><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:1962515" data-bookmarkable-type="job" data-bookmarkable-id="1962515" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1962515&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1962515-senior-frontend-entwickler-angular-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 Entwickler Angular / 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">APRIORI - business solutions AG</div>

                    <div class="truncate text-base-content/60">Augsburg, 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">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">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">Grpc</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_371094_e80916be"><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:371094" data-bookmarkable-type="job" data-bookmarkable-id="371094" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=371094&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/371094-typescript-fullstack-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">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
            "
          >
            TypeScript Fullstack 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">Thor Gmbh</div>

                    <div class="truncate text-base-content/60">Troisdorf, 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>
                €40k–60k
              </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">Redis</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_1383497_2f22370f"><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:1383497" data-bookmarkable-type="job" data-bookmarkable-id="1383497" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1383497&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1383497-senior-softwareentwickler-frontend-react-und-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">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 Softwareentwickler Frontend (React und 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">emvion Business Software</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-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">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">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_383809_4091f670"><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:383809" data-bookmarkable-type="job" data-bookmarkable-id="383809" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=383809&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/383809-software-engineer-backend-node-js-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
            "
          >
            Software Engineer Backend Node.js / 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">MegaPart GmbH</div>

                    <div class="truncate text-base-content/60">Grafenwöhr, 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">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">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">Node.Js</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_1984316_f9954e89"><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:1984316" data-bookmarkable-type="job" data-bookmarkable-id="1984316" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1984316&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1984316-backend-developer-typescript-node-js-go-agital-online">
      <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
            "
          >
            Backend Developer - TypeScript, Node.js, Go - agital.online
          </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">Jobfabrik GmbH</div>

                    <div class="truncate text-base-content/60">Wiesenbach, 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">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">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>
          </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_126010_80288a54"><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:126010" data-bookmarkable-type="job" data-bookmarkable-id="126010" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=126010&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/126010-frontend-entwickler-vue-js-typescript-rest-ux-ui-100-remote-id02799a">
      <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
            "
          >
            Frontend-Entwickler (Vue.js, TypeScript, REST, UX/UI) 100% remote ID02799A
          </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">mund consulting AG</div>

                    <div class="truncate text-base-content/60">Dreieich, 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">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">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>
          </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_1196100_2a251874"><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:1196100" data-bookmarkable-type="job" data-bookmarkable-id="1196100" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1196100&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1196100-fullstack-developer-mit-fokus-auf-node-js-und-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 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 mit Fokus auf Node.js und 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">Westhouse Consulting GmbH</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"></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">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">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>
          </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_31163_17c0fe78"><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:31163" data-bookmarkable-type="job" data-bookmarkable-id="31163" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=31163&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/31163-software-engineering-working-student">
      <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
            "
          >
            Software Engineering (Working Student)
          </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">Friendly Captcha GmbH</div>

                    <div class="truncate text-base-content/60">Wörthsee, 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">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">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">Redis</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_1915497_5f21fc4a"><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:1915497" data-bookmarkable-type="job" data-bookmarkable-id="1915497" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1915497&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1915497-fullstack-developer-typescript-angular-rest">
      <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
            "
          >
            Fullstack Developer - TypeScript / Angular / REST
          </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">H&amp;S GmbH</div>

                    <div class="truncate text-base-content/60">Rheine, 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">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">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>
          </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_1637350_17d82007"><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:1637350" data-bookmarkable-type="job" data-bookmarkable-id="1637350" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1637350&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1637350-frontend-entwickler-angular-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">13 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-Entwickler - Angular &amp; 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">SEKAS GmbH</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-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">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">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">Grpc</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_1910289_697e6c80"><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:1910289" data-bookmarkable-type="job" data-bookmarkable-id="1910289" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1910289&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1910289-frontend-developer-react-typescript-bonn">
      <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
            "
          >
            Frontend Developer React / TypeScript - Bonn
          </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">SprintEins 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/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>
                €48k–66k
              </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">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">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_89798_a26c685b"><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:89798" data-bookmarkable-type="job" data-bookmarkable-id="89798" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=89798&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/89798-full-stack-softwareentwickler-in-next-js-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">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
            "
          >
            Full Stack Softwareentwickler*in (Next.js / 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">GP JOULE GmbH</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"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </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">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">Databases</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_1700861_c2be53a8"><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:1700861" data-bookmarkable-type="job" data-bookmarkable-id="1700861" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1700861&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1700861-softwarearchitekt-mit-c-java-angular-javascript-und-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">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
            "
          >
            Softwarearchitekt mit C#, Java, Angular, Javascript und 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">KA RESOURCES</div>

                    <div class="truncate text-base-content/60">Neu-Ulm, 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"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </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
              </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">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">Okta</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>
          </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_1418091_a51716dd"><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:1418091" data-bookmarkable-type="job" data-bookmarkable-id="1418091" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1418091&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1418091-working-student-frontend-engineer-react-typescript-j25838">
      <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">20 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
            "
          >
            Working Student Frontend Engineer - React &amp; TypeScript - J25838
          </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">Düsseldorf, 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">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">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">JSON</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_373315_b635d915"><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:373315" data-bookmarkable-type="job" data-bookmarkable-id="373315" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=373315&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/373315-frontendentwickler-typescript-react">
      <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
            "
          >
            Frontendentwickler TypeScript / React
          </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">SAFELOG GmbH</div>

                    <div class="truncate text-base-content/60">Bremen, 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">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">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_1247693_bc70925e"><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:1247693" data-bookmarkable-type="job" data-bookmarkable-id="1247693" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1247693&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1247693-frontend-developer-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 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
            "
          >
            Frontend Developer 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">SprintEins GmbH</div>

                    <div class="truncate text-base-content/60">Stuttgart, 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">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">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">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_1261127_9618d090"><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:1261127" data-bookmarkable-type="job" data-bookmarkable-id="1261127" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1261127&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/1261127-software-engineer-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 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
            "
          >
            Software Engineer 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">Akkodis Germany GmbH</div>

                    <div class="truncate text-base-content/60">Bremen, 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>
                €56k–68k
              </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">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">Agile Methodology</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_66313_e04f14c1"><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:66313" data-bookmarkable-type="job" data-bookmarkable-id="66313" data-bookmark-return-to="/jobs?country=DE&amp;q=typescript" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=66313&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DDE%26q%3Dtypescript"><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/66313-frontendentwickler-angular-typescript-c-100-remote-id02803">
      <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
            "
          >
            Frontendentwickler (Angular, TypeScript, C#) 100% remote ID02803
          </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">mund consulting AG</div>

                    <div class="truncate text-base-content/60">Dreieich, 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"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </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">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">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">DevOps</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=5&amp;q=typescript">
          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>