CINXE.COM

Pressearbeit, Öffentlichkeitsarbeit (PR) Jobs | academics

<!DOCTYPE html> <html lang="de" style="scrollbar-gutter: stable;" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="PyUDDiorRHAnChYnKWc_BwhSA0ofVhU3UMvwC_7IpnRmMWTMq05xY9Ds"> <meta content="2017-09-18T00:00:00+02:00" name="date"><meta content="Finden Sie aktuelle Stellenangebote zu Pressearbeit, Öffentlichkeitsarbeit (PR) auf academics, dem führenden Karriereportal für Wissenschaft, Forschung, Öffentliches &amp; Gesellschaft." name="description"><meta content="2025-02-21T00:00:00.000000+01:00" name="last-modified"><meta content="index,follow,noarchive,max-snippet:-1,max-image-preview:large,max-video-preview:-1" name="robots"><link href="https://www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=" rel="canonical"><title>Pressearbeit, Öffentlichkeitsarbeit (PR) Jobs | academics</title><meta content="Finden Sie aktuelle Stellenangebote zu Pressearbeit, Öffentlichkeitsarbeit (PR) auf academics, dem führenden Karriereportal für Wissenschaft, Forschung, Öffentliches &amp; Gesellschaft." property="og:description"><meta content="https://assets.academics.de/athenex-assets/images/meta/academics-og-4f66c2a96aa433a77a947ea47b06e30c.jpg?vsn=d?height=630&amp;width=1200&amp;aspect_ratio=1200%3A630" property="og:image"><meta content="630" property="og:image:height"><meta content="1200" property="og:image:width"><meta content="Pressearbeit, Öffentlichkeitsarbeit (PR) Jobs | academics" property="og:title"><meta content="website" property="og:type"><meta content="https://www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=" property="og:url"> <!-- generics --> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-16x16-a8ec142c2f54f7a3f235386f0f7903f8.png?vsn=d" sizes="16x16"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-32x32-58ff5b658aecff1a16ef8d0c45cf1907.png?vsn=d" sizes="32x32"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/google-favicon-48x48-68c45355ee593fea948232eb083f6b79.png?vsn=d" sizes="48x48"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-96x96-6e8911a298fe4d89711e311775fbaebf.png?vsn=d" sizes="96x96"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/apple-favicon-167x167-124ff53fe1a1f65279a8f848bd4ecec0.png?vsn=d" sizes="167x167"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/apple-favicon-180x180-74e047e1e7db7c5f9eb4c7f7a217eb4a.png?vsn=d" sizes="180x180"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/google-favicon-192x192-8c12052395a9e1b4854b989be3daea52.png?vsn=d" sizes="192x192"> <!-- Android --> <link rel="shortcut icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-96x96-6e8911a298fe4d89711e311775fbaebf.png?vsn=d" sizes="96x96"> <link rel="manifest" href="https://assets.academics.de/athenex-assets/snippets/manifest/manifest-6361a11f41b8e7402f18eb4a68fed831.json?vsn=d"> <!-- iOS --> <link rel="apple-touch-icon" href="https://assets.academics.de/athenex-assets/images/favicon/apple-favicon-180x180-74e047e1e7db7c5f9eb4c7f7a217eb4a.png?vsn=d" sizes="180x180"> <!-- Windows --> <meta name="msapplication-TileColor" content="#FFFFFF"> <meta name="msapplication-TileImage" content="https://assets.academics.de/athenex-assets/images/favicon/google-favicon-192x192-8c12052395a9e1b4854b989be3daea52.png?vsn=d"> <meta name="msapplication-config" content="https://assets.academics.de/athenex-assets/snippets/manifest/browserconfig-33278d31f1ace88ad82cb858b3e06794.xml?vsn=d"> <link phx-track-static rel="preload" href="https://assets.academics.de/athenex-assets/fonts/inter-roman.var.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link phx-track-static rel="preload" href="https://assets.academics.de/athenex-assets/assets/app-da992d92ae27d6719b031e1e5b70534d.css?vsn=d" as="style"> <link phx-track-static rel="stylesheet" href="https://assets.academics.de/athenex-assets/assets/app-da992d92ae27d6719b031e1e5b70534d.css?vsn=d"> <script type="text/javascript"> window.acConsent = { requestConsentOnLoad: false } </script> <script defer phx-track-static type="text/javascript" src="https://assets.academics.de/athenex-assets/assets/app-fe1d70f68b3f578fa20effcf6d85cd53.js?vsn=d"></script> <script defer type="text/javascript"> window.addEventListener("load", _event => { window.WebtrekkTracking.init({"zeit":{"contentGroup":{"1":"verlag","2":"joblist","3":"academics","4":"acade","5":"jobsearch","6":"","7":"www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=","customEcommerceParameter":{},"customParameter":{},"trackDomain":"audev.zeit.de","trackId":"981949533494636"},"academics":{"contentGroup":{"1":"verlag","2":"joblist","3":"academics","4":"acade","5":"jobsearch","6":"","7":"www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=","customEcommerceParameter":{},"customParameter":{"2":"group_field_subject_media_communication","3":"branche-medien-public_relations","4":"","5":"","6":"","8":"false","9":"","10":"","16":"2017-09-18","21":"nicht_angemeldet","26":"joblist","31":null,"32":"https","34":"de","41":"www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU="},"executePluginFunction":"wt_vwo","trackDomain":"audev.zeit.de","trackId":"847035010387565"}}, "https://assets.academics.de/athenex-assets/snippets/webtrekk_v4.min-080d4a9951431f0159693a524a614ca7.js?vsn=d") }) </script> <meta name="google-site-verification" content="Y2l9sqQQHRqPsc739iU4vZEa4lZUohSamJNtrvN3K78"> <script type="text/javascript"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MH6CTJ'); window.GTM = { loaded: true } window.dataLayer.push({"PageType":"ListingPage","email":"","event":"setEmail","hash_method":"md5"}) window.dataLayer.push({"PageType":"ListingPage","email":"","event":"setEmail","hash_method":"sha256"}) </script> </head> <body class=" m-auto antialiased print:bg-white-0"> <div id="phx-GCZIXS49YofPRCnh" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDWklYUzQ5WW9mUFJDbmh3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkF0aGVuZXhXZWIuSm9iTGl2ZS5JbmRleHcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GEVsaXhpci5BdGhlbmV4V2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcJcm9vdF92aWV3dx9FbGl4aXIuQXRoZW5leFdlYi5Kb2JMaXZlLkluZGV4dwxsaXZlX3Nlc3Npb25oAncHZGVmYXVsdG4IAJd-1BQsEiQYbgYAGOR9KZUBYgABUYA.qwiZDFu8DhMxRB1BQvC3bfSnTnXoAGEm3mCQ_2iOe4c" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDWklYUzQ5WW9mUFJDbmh3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAFHcId2VidHJla2t3DmhlYWRlcl9zdHlsaW5ndw9zZXNzaW9uX2NvbnRleHR3DXBhZ2VfcHJldmlldz93EGRlZmVycmVkX2ludGVudHN3DXJlZGlyZWN0X3BhdGh3EnNvdXJjZXBvaW50X2NvbmZpZ3cKZ3RtX2NvbmZpZ3cGZm9vdGVydwp1c2VyX2FnZW50dx1yZWdpc3RyYXRpb25fZmVuY2VfdW5lbGlnaWJsZXcTY3VycmVudF91c2VyX3N0YXR1c3cPY3VycmVudF91c2VyX2lkdwxjdXJyZW50X3VzZXJ3CWNsaWVudF9pZHcNY2xpZW50X2RvbWFpbncKam9iX21hcmtldHcHd3QzX2VpZHcMc2Vzc2lvbl9zZWVkdwhyZWZlcnJlcmpuBgAY5H0plQFiAAFRgA.8XwDM01RSXTKRUR3A4y72cN9urXU1fu2kuRrGiJntpw"><header class="print:hidden"> <div> <div class="header--revealed z-30" id="top-header" phx-hook="headerScroll"> <div class="flex w-full flex-col items-end justify-end gap-6 top-[-72px] lgw:top-[-84px] mb-[-72px] lgw:mb-[-84px] text-primary-60 zos:text-text-70 shadow-elevation-md bg-white-0"> <div class="h-[72px] flex w-screen justify-between lgw:h-[84px] lgw:justify-center"> <div class="max-w-[1920px] flex w-screen justify-between"> <div class="mx-4 my-4 pt-1 pb-2 zos:my-5 zos:p-0 md:mx-8 lgw:pt-[5px] lgw:pb-3" data-tracking-context="{&quot;6&quot;:&quot;header_logo&quot;}"> <a href="/" title="academics.de Stellenmarkt Homepage" data-tracking-params="{&quot;7&quot;:&quot;logo&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div style="" class="h-[27px] lgw:h-[35px] zos:h-8 zos:lgw:h-11 aspect-[67/12] zos:aspect-[47/8]"> <div class="relative h-full w-full"> <div class="top-[1px] left-[1px] w-[calc(100%_-_1.75px)] h-[calc(100%_-_1.75px)] absolute z-2 "></div> <picture> <source media="(max-width: 767px)" srcset="https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=600&amp;width=339&amp;aspect_ratio=339%3A600 1x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=900.0&amp;width=508.5&amp;aspect_ratio=508.5%3A900.0 1.5x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1200&amp;width=678&amp;aspect_ratio=678%3A1200 2x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1.5e3&amp;width=847.5&amp;aspect_ratio=847.5%3A1.5e3 2.5x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1800&amp;width=1017&amp;aspect_ratio=1017%3A1800 3x"> <source media="(max-width: 1023px)" srcset="https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=700&amp;width=950&amp;aspect_ratio=950%3A700 1x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1050.0&amp;width=1425.0&amp;aspect_ratio=1425.0%3A1050.0 1.5x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1400&amp;width=1900&amp;aspect_ratio=1900%3A1400 2x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1750.0&amp;width=2375.0&amp;aspect_ratio=2375.0%3A1750.0 2.5x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=2100&amp;width=2850&amp;aspect_ratio=2850%3A2100 3x"> <source media="(min-width: 1440px)" srcset="https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1500&amp;width=930&amp;aspect_ratio=930%3A1500 1x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=2250.0&amp;width=1395.0&amp;aspect_ratio=1395.0%3A2250.0 1.5x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=3000&amp;width=1860&amp;aspect_ratio=1860%3A3000 2x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=3750.0&amp;width=2325.0&amp;aspect_ratio=2325.0%3A3750.0 2.5x, https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=4500&amp;width=2790&amp;aspect_ratio=2790%3A4500 3x"> <img class="absolute z-4 h-full w-full " src="https://assets.academics.de/athenex-assets/images/academics-dark-19edd46b79e67d0ad6a0e219ff087c77.svg?vsn=d?height=1500&amp;width=930&amp;aspect_ratio=930%3A1500" alt="academics - Logo" title="academics - Logo" loading="lazy"> </picture> </div> </div> </a> </div> <div class="flex gap-5 hidden pr-5 lgw:flex lgw:pr-0" data-tracking-context="{&quot;6&quot;:&quot;header_links&quot;}"> <a href="/stellenanzeigen" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 mx-1 my-auto" title="Suchen und finden Sie Ihren Traumjob" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;0&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Jobs </a> <a href="/arbeitgeber" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 mx-1 my-auto" title="Informieren Sie sich über Ihren zukünftigen Arbeitgeber" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Arbeitgeber </a> <a href="/ratgeber" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 mx-1 my-auto" title="Durchstöbern Sie unsere vielfältigen Ratgeberthemen" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Ratgeber </a> <a href="/services" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 mx-1 my-auto" title="Informieren Sie sich über die academics-Serviceangebote" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;3&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Services </a> </div> <div class="flex justify-between"> <div class="hidden lg:flex lgw:mx-8 lgw:my-5"> <div class="flex items-center gap-4 " data-tracking-context="{&quot;6&quot;:&quot;menu_actions&quot;}"> <a class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 " title="Schauen Sie sich Ihre Job-Merkliste an" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;OGdlT056Tm0rRGs4TEMzRTJOVllvVElNM2d5QkF6Qy9LUmNKVnczWlhZTjBkS05Fdnp6QW9GMUJyQTByODhodkZ5VkVoMVBSWlV1TTB6djVPSXpITlRhSmo4UkFMS2V5MnhjYmh6V0pMUmRFOERkdFNOY1JTUmgrNE0wcHBGdngzNUk0WmZFZEpSd2cvbjNMSnNRcXZkWGxseHlENTRxbTA4QU5VTzJIOEVtNEx4eXlzSTd5a0ZGMjhidWF1aUVKQ2dwZW9KYzM3VUJQcE9qNlcvcVRXMEZHV3N3TTdOR3ZUNTZrVmdJVEV4YmNIWDJ2NE5kb0s5MVhYSlVJcnlvOUU3OTVzLzdxRlI3eW80Y1BjMitvOSs0cjMwNVZ1b2M5TzZta1dBbGF6TlZUOXdPYlh1MnJkMzZBNUl2UmtuVzdNOXVxV09kdmtuN2xpRlRwdzlLTjF2UW5Gcy9SSXBTZTBiWUN3MlMwZGJMMjFYZ1hUOE5QNWRCblJyVW1CMmt1cnplR0YxY3dGYVNySzBmMy9sUWIwMkFDSURhRHJsZXgxQ1c1UkVuYmNWYnpTMnJId3RhVGMwUFJsTXZOekY4dlBPNTJ6YUxBU3JnWEpUbmo0bENSNXk0QVY0ejNaZnpiRGZvRHl5QmI2OVZtWFVBZ0w2WVVzZlVIZjFlbUMySUhBNGsrQ3ZyQkRRTTdxaFJ5RGFLYVo2bWl3Um1zSGR2N3NGbTByR3BMNzcrNFVhTEtBcHZqdDMxZERqVUxPYStWWTlPTzNrZkx5eVd2bHJka3A3ekFvekZBS041dUlHbUpiMWhCaTBWNVdBM0oydk1WNVhGWFpySkJmTWJCQVBaQUtSQlBTZDg5dHAzeFZubVRyV3pPcjBmZ0NwUnFHbGZWOVBNVTIwNkQzYUMxVS9JSWU3Zllya1p4dFlKVyt5dWt3WkpLbVdndnJqRC9EV0FoY3hVengrSVhpeEhDKzl0WFNqV3NCTUFKQ3QzSHV2UlE2SzZSV2wrYk12VS92ZThJWmNBQy9JOTY3NHoycHdCNHpIZ01QQT09&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-primary-transparency-80 zos:text-neutral-60 ac-mask-contain academics-star-filled-16 mb-[2px]" class="text-primary-transparency-80 zos:text-neutral-60"></span> <span class="mx-1"> Gemerkte Jobs </span> </a> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 !py-2.5 !h-[36px] !text-base" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Melden Sie sich an, um alle Vorteile von academics zu genießen"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Login </span> </div> </button> </div> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 !py-2.5 !h-[36px] !text-base" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;3&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Erstellen Sie einen Account, um alle Vorteile von academics zu genießen"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Registrieren </span> </div> </button> </div> <div class="my-auto h-6 border-r zos:!border-neutral-60 border-primary-60"></div> <a href="https://inserieren.academics.de/de/" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 " title="Schalten Sie eine Stellenanzeige als Arbeitgeber" rel="nofollow noopener noreferrer" target="_blank" data-tracking-params="{&quot;7&quot;:&quot;header_link&quot;,&quot;8&quot;:&quot;4&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Für Arbeitgeber </a> </div> </div> <div class="relative mx-4 flex grow-0 items-center justify-center md:mx-8 flex lgw:hidden" data-tracking-context="{&quot;6&quot;:&quot;header_actions&quot;}"> <button id="burger-menu-open-icon" class="p-[6px] relative" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;header__menu--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;menu-card-hide&quot;],&quot;to&quot;:&quot;#menu-card&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;menu-card-show&quot;],&quot;to&quot;:&quot;#menu-card&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;hidden&quot;],&quot;to&quot;:&quot;#burger-menu-close-icon&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;hidden&quot;],&quot;to&quot;:&quot;#burger-menu-open-icon&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;header--sticky&quot;],&quot;to&quot;:&quot;#top-header&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" data-tracking-params="{&quot;7&quot;:&quot;burger_menu&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class=" text-primary-60 zos:text-text-70 ac-mask-contain academics-menu" class=" text-primary-60 zos:text-text-70"></span> </button> <button id="burger-menu-close-icon" class="p-[6px] hidden rounded-md bg-primary-transparency-80 zos:bg-neutral-20" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;header--sticky&quot;],&quot;to&quot;:&quot;#top-header&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;menu-card-show&quot;],&quot;to&quot;:&quot;#menu-card&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;menu-card-hide&quot;],&quot;to&quot;:&quot;#menu-card&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;hidden&quot;],&quot;to&quot;:&quot;#burger-menu-open-icon&quot;}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;hidden&quot;],&quot;to&quot;:&quot;#burger-menu-close-icon&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;header__menu--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" data-tracking-params="{&quot;7&quot;:&quot;burger_menu&quot;,&quot;9&quot;:&quot;close&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class=" text-primary-60 zos:text-text-70 ac-mask-contain academics-close" class=" text-primary-60 zos:text-text-70"></span> </button> <div id="menu-card" class="group menu-card-hide"> <div class="top-[72px] fixed inset-x-0 bottom-0 group-[.menu-card-hide]:hidden md:hidden"></div> <div class="top-[80px] right-[-16px] absolute xsm:right-0 flex flex-col justify-between gap-px overflow-hidden rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos w-[calc(100vw)] z-80 mt-2 xsm:w-[calc(100vw-32px)] sm:w-[338px] transform transition-all duration-150 ease-entrance !h-min group-[.menu-card-show]:max-h-[calc(100vh-92px)] group-[.menu-card-hide]:max-h-0 scroll-touch overflow-y-auto overflow-x-hidden overscroll-y-contain scroll-smooth bg-neutral-30 zos:bg-neutral-10"> <div> <div class="flex gap-5 flex flex-col items-start gap-2 self-stretch bg-white-0 py-2" data-tracking-context="{&quot;6&quot;:&quot;menu_card_links&quot;}"> <a href="/stellenanzeigen" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 self-stretch !px-4 !py-3.5 !h-11 !border-0 !hover:border-0 !border-transparent bg-white-0 hover:bg-neutral-10 " title="Suchen und finden Sie Ihren Traumjob" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;0&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Jobs </a> <a href="/arbeitgeber" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 self-stretch !px-4 !py-3.5 !h-11 !border-0 !hover:border-0 !border-transparent bg-white-0 hover:bg-neutral-10 " title="Informieren Sie sich über Ihren zukünftigen Arbeitgeber" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Arbeitgeber </a> <a href="/ratgeber" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 self-stretch !px-4 !py-3.5 !h-11 !border-0 !hover:border-0 !border-transparent bg-white-0 hover:bg-neutral-10 " title="Durchstöbern Sie unsere vielfältigen Ratgeberthemen" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Ratgeber </a> <a href="/services" class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 self-stretch !px-4 !py-3.5 !h-11 !border-0 !hover:border-0 !border-transparent bg-white-0 hover:bg-neutral-10 " title="Informieren Sie sich über die academics-Serviceangebote" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;3&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Services </a> <a class="h-[36px] h-[36px] flex items-center px-0.5 py-2 text-style-button-md jobmarket-font-semibold cursor-pointer border-b border-transparent text-primary-60 hover:text-primary-60 hover:border-primary-transparency-80 zos:text-text-70 zos:hover:text-text-100 zos:hover:border-neutral-80 self-stretch !px-4 !py-3.5 !h-11 !border-0 !hover:border-0 !border-transparent bg-white-0 hover:bg-neutral-10 flex lg:hidden" title="Schauen Sie sich Ihre Job-Merkliste an" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;4&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;SkZ5SG9YbVpoak1WZEVZUE9tbk8zQ0RSdXU0NG1qbFN0c1JaVVA4bzNtVHVwSHNObjlEZDBIMmlwZHRIdmNkRFRIVkFWNVVyOUtOV2pDL3dZQmp6Y0ZIeXpSZ2pkZG03TFZSeHhtcjF1R2hkcW9JSUVhb3pUS0w2bkhhTXNOejVyc2p0SnIyMkFGeEl3NGhuSllwby84YzROQjZFYjdhRnB6aUxWOFpLaUpPYUxCVm9JcStsWGxxaFpMeWh5Y2NGQ21WTkQ2TUxpY1VqUmU1NE1IdGlGaGgxb3VPUWdHMjY5ZzliZ09wWU9lUS9DdWkwWk15TVZ4K1FocnhyOWZzY0UzV3dzZThSMjdyTzlvV2taWEZxRDZyb1NITmNoQXRSaVVqdTFXRENESVJvQmx2WS9iTk9kd2pGRTJFTlR0ZDI2aXlHMWhqZS9zWXdKZllJbnpRN1FGOUdRU1BmU1NGWG5TMXRQTzBlWVFXL1JOeWtWTDZqdkI3MEVCU0RibHdyeXg0enpxcjFydmVTMWZDN0hpRThoR05ubjFBRGR0YzhQbi9zc29RUDJxcTB1ZEFjN2JWV2lnUjlCcXJKZzRNV1NMYzVBYTVlUUQyb2R4TVBGVnZWZmVUOUd3bmc2TVM4UytLVHJBcHczdlI0Yk9mMmZBN2MzUVEycVlaK3ZIMEJwMmprYzExNkZlRmJ2Rm1VV1Y3TDgyWGpsZk92TkppU3kydTlYblFvUEFYbytyb2JaVkk1c24vQnpHenZrZ1VGcHQ5dnFyODVQS3JBSTFtZ2krdVdMWjlnVUFpZE5JcWpuR1AxUXFLUWI3NDZPVGFYVUsxd3owRFRqZlByd3FwaWZMUUlQVEovajhZOFJFRXhVVHB5Mk9PaHg3cGZoRGlDNW85cEVLaFJZdmpNTVBLU1JpWUUvcXdMMHZmUWpXVDhNbXZEc2ZIemNCUVhneC94a0w2eWY1dkZwTFZuMnU3WEZEL1BaMUxTS0RaVW9RZ2NPQmMwUWZRZjRtSFJkSXpreVVtUnNTUmtIUVJPbytIK051VWkvUT09&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-primary-transparency-80 zos:text-neutral-60 ac-mask-contain academics-star-filled-16 mb-[2px]" class="text-primary-transparency-80 zos:text-neutral-60"></span> <span class="mx-1"> Gemerkte Jobs </span> </a> </div> <div class="flex flex-col items-center gap-6 self-stretch bg-neutral-20 px-3 pt-6 pb-3" data-tracking-context="{&quot;6&quot;:&quot;menu_actions&quot;}"> <div class="flex flex-col items-center items-stretch gap-3 self-stretch"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 !px-5 !py-3.5 !h-[46px] !text-base w-full" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Melden Sie sich an, um alle Vorteile von academics zu genießen"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Login </span> </div> </button> </div> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 !px-5 !py-3.5 !h-[46px] !text-base w-full" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;3&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Erstellen Sie einen Account, um alle Vorteile von academics zu genießen"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Registrieren </span> </div> </button> </div> </div> <a class="flex flex-col items-start self-stretch px-4 py-3 shadow-[0px_1px_1px_0px_rgba(27,36,44,0.08)] rounded-md border border-solid border-neutral-20 cursor-pointer bg-white-0" href="https://inserieren.academics.de/de/" title="Schalten Sie eine Stellenanzeige als Arbeitgeber" target="_blank" rel="nofollow noopener noreferrer" data-tracking-params="{&quot;7&quot;:&quot;header_link&quot;,&quot;8&quot;:&quot;4&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <p class="jobmarket-font-semibold text-base text-primary-60 zos:text-text-70"> Für Arbeitgeber <span class="text-sm font-normal text-primary-40 zos:text-text-40 ac-mask-contain academics-arrow-right-16" class="text-sm font-normal text-primary-40 zos:text-text-40"></span> </p> <p class="text-sm font-normal text-primary-40 zos:text-text-40"> Finden Sie qualifizierte Mitarbeiter:innen </p> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <div id="session-funnel" data-tracking-context="{&quot;6&quot;:&quot;auth_modal&quot;}"> <div id="session-funnel-modal" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]" data-open-modal="[[&quot;show&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-content&quot;}]]" class="relative z-40 hidden"> <div id="session-funnel-modal-bg" class="fixed inset-0 bg-primary-transparency-20 transition-opacity" aria-hidden="true"></div> <div class="fixed inset-0 overflow-y-auto" aria-labelledby="session-funnel-modal-title" aria-describedby="session-funnel-modal-description" role="dialog" aria-modal="true" tabindex="0"> <div class="flex min-h-full items-center justify-center"> <div class="max-w-[358px] w-full md:max-w-[704px] md:py-8 lg:max-w-[800px]"> <div id="session-funnel-modal-container" phx-hook="Phoenix.FocusWrap" class="relative z-60 hidden transition" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]" phx-key="escape" phx-window-keydown="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]"> <span id="session-funnel-modal-container-start" tabindex="0" aria-hidden="true"></span> <div class="flex flex-col overflow-hidden bg-white-0 shadow-pill rounded-[24px] md:rounded-[32px]"> <header class="flex w-full flex-col"> <div class="min-h-[56px] px-8 py-3 md:min-h-[64px] md:py-8"></div> <button class="absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]" type="button" aria-label="schließen" id="modal-close-session-funnel-modal"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> </header> <div id="session-funnel-modal-content" class="px-4 md:px-16 lg:px-24"> <div></div> </div> <footer> <div></div> </footer> </div> <span id="session-funnel-modal-container-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> <main id="main" phx-hook="pushEvent" class="break-words"> <div> <div id="job-index" class="bg-neutral-10 print:bg-white-0"> <div id="flash-group" class="fixed z-20 print:hidden flex flex-col gap-4 inset-x-4 bottom-4 md:max-w-[500px] md:top-20 md:right-8 md:bottom-auto md:left-auto md:flex-col-reverse lgw:top-24"> <div id="disconnected" class="hidden" phx-remove="[[&quot;hide&quot;,{&quot;time&quot;:150,&quot;transition&quot;:[[&quot;ease-exit&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;,&quot;opacity-0&quot;,&quot;translate-y-20&quot;,&quot;md:translate-y-0&quot;,&quot;md:translate-x-20&quot;]]}]]" phx-connected="[[&quot;hide&quot;,{&quot;time&quot;:150,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;ease-exit&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;,&quot;opacity-0&quot;,&quot;translate-y-20&quot;,&quot;md:translate-y-0&quot;,&quot;md:translate-x-20&quot;]]}]]" phx-disconnected="[[&quot;show&quot;,{&quot;time&quot;:1150,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;ease-entrance&quot;,&quot;duration-150&quot;,&quot;delay-1000&quot;],[&quot;opacity-0&quot;,&quot;translate-y-20&quot;,&quot;md:translate-y-0&quot;,&quot;md:translate-x-20&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;md:translate-x-0&quot;]]}]]"> <div class="rounded-[12px] border border-neutral-30 bg-white-0 p-4 shadow-elevation-lg zos:shadow-elevation-lg-zos relative flex flex-col gap-2 p-4"> <div class="flex items-end justify-end"> <div class="flex flex-grow items-start gap-3"> <span class="rounded-lg p-2 bg-warning-10 text-warning-70"> <span class="h-6 w-6 ac-mask-contain hero-exclamation-circle" class="h-6 w-6"></span> </span> <p class="tracking-[0.035px] max-w-[200px] mr-9 text-sm text-text-100"> Aktuell ist der Funktionsumfang unserer Webseite eingeschränkt - Laden Sie die Seite neu, wenn dieser Hinweis nach wenigen Sekunden weiter angezeigt wird. </p> </div> </div> </div> </div> </div> <div id="jobs-overview" class="min-h-[80vh] pt-[124px] relative bg-neutral-10 pb-6" data-tracking-context="{&quot;5&quot;:&quot;joblist&quot;,&quot;6&quot;:&quot;results_list&quot;}"> <div id="oob-fixed-under-header-jobs-overview"></div> <div class="layout-grid"> <p class="col-span-4 md:col-span-6 lg:!col-start-2 lg:col-span-10 lgw:col-span-10 text-primary-60 zos:text-text-100 headline-style-h2"> Jobsuche </p> </div> <div id="job-overview-search-module-wrapper" phx-hook="fixedUnderHeaderWhenOOB" data-oob-anchor-id="oob-fixed-under-header-jobs-overview" class="[&amp;.sticky]:bg-white-0 [&amp;.sticky]:z-10 [&amp;.sticky]:rounded-b-xl [&amp;.sticky]:shadow-lg [&amp;.sticky_.hidden-unless-sticky]:block [&amp;_.hidden-unless-sticky]:hidden pt-4 [&amp;.sticky_.hidden-when-sticky]:hidden [&amp;_.hidden-when-sticky]:block"> <div id="search-module" class="layout-grid transition-[top_150ms_ease_0ms]" data-tracking-context="{&quot;6&quot;:&quot;search_module&quot;}"> <div class=" relative col-span-4 md:col-span-6 lg:!col-start-2 lg:col-span-10 lgw:col-span-10"> <div class="flex flex-row items-center" data-tracking-context="{&quot;7&quot;:&quot;search_input&quot;}"> <form phx-click-away="form:on_click_away" phx-target="3" phx-change="form:on_change" phx-submit="form:on_submit" class="w-full" id="search-module-form"> <div class="flex justify-between rounded-full bg-white-0 border border-neutral-30 shadow-sm focus:shadow-input focus-within:outline-none focus-within:ring focus-within:ring-focus-100 focus:shadow-input"> <div class="w-full flex items-center"> <input type="text" id="search-module-form_search_input" name="search_module[search_input]" value="" class="w-full border bg-white-0 font-normal px-4 py-[10px] h-[40px] md:px-5 md:py-4 md:h-full text-style-paragraph-md rounded-lg md:rounded-xl placeholder:text-text-40 border-neutral-40 bg-transparent text-text-100 hover:!border-neutral-50 disabled:!pointer-events-none disabled:!bg-neutral-20 disabled:!border-neutral-30 disabled:!text-text-40 disabled:placeholder:!text-text-40 !rounded-full flex pl-5 placeholder-text-40 md:min-w-[350px] border-none focus:!shadow-none focus:!ring-offset-0 focus:outline-none focus:ring-0 " id="search-text-input" placeholder="Suchbegriff, Branche, Position, Standort" phx-keyup="input:on_keyup" phx-target="3" autocomplete="off"> </div> <div class="flex"> <div class=""> <button class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full jobmarket-font-semibold focus:shadow-button w-10 h-10 text-sm text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 m-2" id="clear-search-button" title="Neue Suche starten"> <span class="w-6 h-6 ac-mask-contain academics-search" class="w-6 h-6"></span> </button> </div> </div> </div> <div id="suggestions" class="absolute mt-3 z-2 flex w-full flex-col rounded-3xl bg-white-0 text-base font-medium text-text-100 cursor-pointer shadow-elevation-xl zos:shadow-elevation-xl-zos"> </div> <input id="search-module-form_category_tags-ZmllbGRfc3ViamVjdF9wdWJsaWNfcmVsYXRpb25z" type="hidden" name="search_module[category_tags][]" value="field_subject_public_relations"> </form> <div class=""> <button class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full jobmarket-font-semibold focus:shadow-button w-10 h-10 text-sm border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 hidden-unless-sticky ml-5" data-tracking-params="{&quot;9&quot;:&quot;subscribe_register&quot;}" id="jobmail-subscription-icon" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;V2t6U3lOaVZHMUxaMVBjS3RmdHVWNS9KMjZ1N1RtZEVwYTFiazBKalFKRnpqNXRZTE03d3V2RzdzMWxYeWErdXpaUXMwOFhjRmJCOUNROUNHQ256YzRvOTNOQUpHNFFPWmgvWktvQVVuQXZleExUMzRoTThKOGhWQkUzVU5UVlh5ZGJjc2JqaTdRdVowNExNbVhLR2dOTzFpd3RZRis0eVlxR3VjdThUdnoxdGNtdlJUNTRlNWdlNXdpM0xuM0lJWEg4d09RQkphdFVPR3dKOG9FZ2RIUVhlTFYrdnExemdVcFNsdjhRdDVUaURaVFk4NVlEUHpkYjh5T3NFR0czK3hFTXZWaW1JUWpsRnRuQU5SS055bDA1aVJRMHFhR2t1QlZHV0pCdlNobldLSHNHaE52RTlhY0VhNnhOanB2dWpNWjVYdHhBUWpRaWJSbVQ1dXlSWmZGcm0vMGtjbWNNcGpta2hxYzJIeXZSYnBkSS9wUzF2Z01IOHNOdTBaWDdqeXJsdjh5WkZCa2M1eDNQR213OU5LcjNSUmRYT0RGVU9KSHZZNzVQZ1V5NG1kZU1VcVo1MkpXQ252SVBQbTVIdEk3N21kaVY2c25PV3lINy95Q1l0UTRrTlVLb0tEdE5Kd0s3K2dzNkwyUk9tbnpqSG5mVGFSQjRlVmg4VDdWRzVOUDdtN2RHajVpUE0wR1J1c05JWnZyVXpvWTZxYlZCNmZjbldlT0FxZ3kyYzRKR2w2VlpCbXZ1MUc3eTk3ZW1INS8rUCtjbGhkb2JFNlRodlRaYXBrOHY2RDBHZ3hNenlyQlBSZVNmVUZsdmR6MlVpdElaYWVJY1Y5ZFFDVmUvSUluNlAxNThPeDZJcjU5TmR1YW5mVURRWTQ2Z0o2N05YeWdzMHZLd0M5THNPbVVaMGR5aVlFdXdDMlpWd0NydzFhRmpkU3hDUE5aT3Z6Q1RYb1M3cWRhQXU4Yko2ZVgxd0NwS1NMTE1ybTBLbFRHc3ZSSkg1cTMwa2RMTnQxZFpFbklJQVlTYmNidkIrL29SaUhkUFF5R3VEc0ltZ1ovWWdXa09hQURxQm1Xd053elRrL0NXU0c5SHlISVQ5UlJyeWFBQzFDUWFkTmM2U0FOVTMveCtQbDFMcWF4bEhRK09BN0hBZlRYelVXK3JRMkViUUFXNVNUZEVac0thZUNaU1graEt0cGZhSVhOaVpqckRmUXFJK2g5WU9FZ1lJb2hEV2k2dFR6bjZOOUJyb1lRbkU5eURyUEdEc1dEeFl5LzBOV3dWTjFSRE5IVy9yS2xmM25KTjdDNUFyS2pmMjc1VytmM3BHcUlMNW1MeGxxQ1RTZGllRWhXNFNYc21NVFp5ekpOakwxdFUyTG8xcHN1SnRGQmVtRERlQmhYKzNkS1ZmakNzaE1qemg0WGlTSnlxeGxITlBpOUFreVBza2xMS2lkSFhUYzNOQ2Q2QTMrZzRkd2x3N3lmNHYrOHp2dmxpeFlJcm9XeW1rWUpNPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Suche abonnieren"> <span class="w-6 h-6 ac-mask-contain academics-bell-border" class="w-6 h-6"></span> </button> </div> </div> <div class="hidden-when-sticky"> <div> <div class="mt-4 flex justify-between gap-2" id="job-filter"> <div id="quick-filter-employer" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate " data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-employer]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Art des Arbeitgebers </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:7,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Art des Arbeitgebers </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:7,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-target="7" phx-change="action:form_change" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_research_institute" name="employer_research_institute" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_research_institute&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_research_institute-label" href="/stellenanzeigen/arbeitgeber-forschungseinrichtung/gQc=" title="Forschungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_research_institute&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschungseinrichtung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university" name="employer_university" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university-label" href="/stellenanzeigen/arbeitgeber-hochschule/gQg=" title="Universität" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universität </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_hospital" name="employer_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_hospital-label" href="/stellenanzeigen/arbeitgeber-klinik/gQk=" title="Klinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinik </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_cultural_institution_cultural_facility" name="employer_cultural_institution_cultural_facility" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_cultural_institution_cultural_facility&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_cultural_institution_cultural_facility-label" href="/stellenanzeigen/arbeitgeber-kulturelle-einrichtung/gQo=" title="Kulturelle Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_cultural_institution_cultural_facility&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kulturelle Einrichtung </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_school_educational_institution" name="employer_school_educational_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_school_educational_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_school_educational_institution-label" href="/stellenanzeigen/arbeitgeber-schule-bildungseinrichtung/gQw=" title="Schule, Bildungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_school_educational_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schule, Bildungseinrichtung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_social_institution_church_run_institution_religious_institution" name="employer_social_institution_church_run_institution_religious_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_social_institution_church_run_institution_religious_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_social_institution_church_run_institution_religious_institution-label" href="/stellenanzeigen/arbeitgeber-soziale-einrichtung-kirchliche-einrichtung/gQ0=" title="Soziale Einrichtung, Kirchliche Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_social_institution_church_run_institution_religious_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziale Einrichtung, Kirchliche Einrichtung </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_foundation_association_federation_ngo" name="employer_foundation_association_federation_ngo" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_foundation_association_federation_ngo&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_foundation_association_federation_ngo-label" href="/stellenanzeigen/arbeitgeber-stiftung-verein-verband-ngo/gQ4=" title="Stiftung, Verein, Verband, NGO, NPO" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_foundation_association_federation_ngo&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Stiftung, Verein, Verband, NGO, NPO </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_company" name="employer_company" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_company&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_company-label" href="/stellenanzeigen/arbeitgeber-unternehmen/gQ8=" title="Unternehmen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_company&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unternehmen </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_hospital" name="employer_university_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_hospital-label" href="/stellenanzeigen/arbeitgeber-universitaetsklinik/gRo=" title="Universitätsklinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universitätsklinik </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_of_applied_sciences" name="employer_university_of_applied_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_of_applied_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_of_applied_sciences-label" href="/stellenanzeigen/arbeitgeber-haw/gRs=" title="Hochschule für angewandte Wissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_of_applied_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hochschule für angewandte Wissenschaften </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_other" name="employer_university_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_other-label" href="/stellenanzeigen/arbeitgeber-sonstige-hochschule/gRw=" title="Sonstige Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sonstige Hochschule </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_country" name="employer_public_administration_country" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_country&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_country-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land/gR0=" title="Öffentliche Verwaltung: Land" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_country&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Land </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_commune" name="employer_public_administration_commune" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_commune&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_commune-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-kommune/gR4=" title="Öffentliche Verwaltung: Kommune" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_commune&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Kommune </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_other" name="employer_public_administration_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_other-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-sonstige/gR8=" title="Öffentliche Verwaltung: Sonstige" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Sonstige </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_federal" name="employer_public_administration_federal" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_federal&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_federal-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-bund/gSA=" title="Öffentliche Verwaltung: Bund" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_federal&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Bund </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_private" name="employer_university_private" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_private&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_private-label" href="/stellenanzeigen/arbeitgeber-private-hochschule/gSE=" title="Private Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_private&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Private Hochschule </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 18 Suchergebnisse </span> </div> </button> </div> </div> </form> </div> </div> </div> <div id="quick-filter-job_type" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate hidden md:flex" data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-job_type]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Arbeitszeit </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:8,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Arbeitszeit </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:8,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-target="8" phx-change="action:form_change" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-job_type_full_time" name="job_type_full_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;job_type_full_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-job_type_full_time-label" href="/stellenanzeigen/arbeitzeit-vollzeit/gRA=" title="Vollzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-job_type_full_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vollzeit </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-job_type_part_time" name="job_type_part_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;job_type_part_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-job_type_part_time-label" href="/stellenanzeigen/arbeitzeit-teilzeit/gRE=" title="Teilzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-job_type_part_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Teilzeit </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 18 Suchergebnisse </span> </div> </button> </div> </div> </form> </div> </div> </div> <div id="quick-filter-contract_type" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate hidden sm:flex" data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-contract_type]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Befristung </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:9,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Befristung </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:9,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-target="9" phx-change="action:form_change" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-contract_type_temporary" name="contract_type_temporary" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;contract_type_temporary&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-contract_type_temporary-label" href="/stellenanzeigen/anstellungsart-befristet/gRI=" title="Befristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-contract_type_temporary&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Befristet </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-contract_type_permanent" name="contract_type_permanent" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;contract_type_permanent&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-contract_type_permanent-label" href="/stellenanzeigen/anstellungsart-unbefristet/gRM=" title="Unbefristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-contract_type_permanent&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unbefristet </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 18 Suchergebnisse </span> </div> </button> </div> </div> </form> </div> </div> </div> <div class=""> <button class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full jobmarket-font-semibold focus:shadow-button w-10 h-10 text-sm border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 rounded-lg border-primary-20 bg-white-0 relative after:absolute after:top-1.5 after:right-1.5 after:h-2.5 after:w-2.5 after:rounded-full after:bg-secondary-60" data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;filter_toggle_on&quot;}" phx-click="[[&quot;show&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="w-6 h-6 ac-mask-contain academics-filter-aca" class="w-6 h-6"></span> </button> </div> </div> <div id="filter-modal" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" data-open-modal="[[&quot;show&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}]]" class="relative z-40 hidden"> <div id="filter-modal-bg" class="fixed inset-0 bg-primary-transparency-20 transition-opacity" aria-hidden="true"></div> <div class="fixed inset-0 overflow-y-auto" aria-labelledby="filter-modal-title" aria-describedby="filter-modal-description" role="dialog" aria-modal="true" tabindex="0"> <div class="flex min-h-full items-center justify-center"> <div class="max-w-[358px] w-full md:max-w-[704px] md:py-8 lg:max-w-[800px]"> <div id="filter-modal-container" phx-hook="Phoenix.FocusWrap" class="relative z-60 hidden transition" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:6,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" phx-key="escape" phx-window-keydown="[[&quot;push&quot;,{&quot;target&quot;:6,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]"> <span id="filter-modal-container-start" tabindex="0" aria-hidden="true"></span> <div class="flex flex-col overflow-hidden bg-white-0 shadow-pill rounded-lg"> <header class="flex w-full flex-col"> <button class="absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" phx-click="[[&quot;push&quot;,{&quot;target&quot;:6,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" type="button" aria-label="schließen" id="modal-close-filter-modal"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> </header> <div id="filter-modal-content" class=""> <form phx-target="6" phx-auto-recover="form_recovery" phx-change="action:form_change" phx-submit="action:form_submit" class="max-h-[95vh] flex flex-col md:max-h-[612px]"> <h5 class="headline-style-h5 px-4 py-6 md:px-6 md:py-5"> Filtern </h5> <div class="overflow-y-scroll"> <div class="flex flex-col divide-y divide-neutral-40 px-4 md:px-6"> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="relative after:absolute after:ml-0.5 after:top-1 after:h-2.5 after:w-2.5 after:rounded-full after:bg-secondary-60">Berufsfeld</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 7;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Naturwissenschaften, Life Sciences, Umwelt</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_natural_sciences_life_sciences_environmental_sciences" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_natural_sciences_life_sciences_environmental_sciences-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_chemistry&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry-label" href="/stellenanzeigen/branche-chemie/AQ==" title="Chemie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Chemie </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biochemistry&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry-label" href="/stellenanzeigen/branche-biochemie/Ag==" title="Biochemie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biochemie </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology-label" href="/stellenanzeigen/branche-biologie/Aw==" title="Biologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biologie </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_molecular_biology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology-label" href="/stellenanzeigen/branche-molekularbiologie/BA==" title="Molekularbiologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Molekularbiologie </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biotechnology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology-label" href="/stellenanzeigen/branche-biotechnologie/BQ==" title="Biotechnologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biotechnologie </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_microbiology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology-label" href="/stellenanzeigen/branche-mikrobiologie/Bg==" title="Mikrobiologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mikrobiologie </a> </label> </span> <span style="order: 18;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_pharmaceutical_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences-label" href="/stellenanzeigen/branche-pharma/Bw==" title="Pharma" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Pharma </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biomedicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine-label" href="/stellenanzeigen/branche-biomedizin/CA==" title="Biomedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biomedizin </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biophysics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics-label" href="/stellenanzeigen/branche-biophysik/CQ==" title="Biophysik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biophysik </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_geosciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences-label" href="/stellenanzeigen/branche-geowissenschaften/EA==" title="Geowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Geowissenschaften </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_agricultural_forestry_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences-label" href="/stellenanzeigen/branche-agrar-forst/Eg==" title="Agrar, Forst" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Agrar, Forst </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science-label" href="/stellenanzeigen/branche-ernaehrung/Gw==" title="Ernährung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Ernährung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medical_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology-label" href="/stellenanzeigen/branche-medizintechnik/KA==" title="Medizintechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizintechnik </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_materials_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science-label" href="/stellenanzeigen/branche-materialien-werkstoffe/KQ==" title="Materialien und Werkstoffe" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Materialien und Werkstoffe </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology-label" href="/stellenanzeigen/branche-lebensmitteltechnologie/Kg==" title="Lebensmitteltechnologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lebensmitteltechnologie </a> </label> </span> <span style="order: 17;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_neuroscience&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience-label" href="/stellenanzeigen/branche-neurowissenschaften/LA==" title="Neurowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Neurowissenschaften </a> </label> </span> <span style="order: 19;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_physics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics-label" href="/stellenanzeigen/branche-physik/MQ==" title="Physik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Physik </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_bioinformatics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics-label" href="/stellenanzeigen/branche-bioinformatik/NA==" title="Bioinformatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bioinformatik </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mathematics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics-label" href="/stellenanzeigen/branche-mathematik/NQ==" title="Mathematik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mathematik </a> </label> </span> <span style="order: 20;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_environmental_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science-label" href="/stellenanzeigen/branche-umwelt/Og==" title="Umwelt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Umwelt </a> </label> </span> </div> </div> <div style="order: 6;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Medizin, Gesundheit, Psychologie</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_medicine_health_psychology" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_medicine_health_psychology-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_medicine" name="group_field_subject_medicine_health_psychology--field_subject_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_medicine-label" href="/stellenanzeigen/branche-humanmedizin/FQ==" title="Humanmedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Humanmedizin </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine" name="group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_veterinary_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine-label" href="/stellenanzeigen/branche-veterinaermedizin/Fg==" title="Veterinärmedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Veterinärmedizin </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_dentistry" name="group_field_subject_medicine_health_psychology--field_subject_dentistry" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_dentistry&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_dentistry-label" href="/stellenanzeigen/branche-zahnmedizin/Fw==" title="Zahnmedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_dentistry&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Zahnmedizin </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy" name="group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_psychology_psychotherapy&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy-label" href="/stellenanzeigen/branche-psychologie-psychotherapie/GQ==" title="Psychologie, Psychotherapie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Psychologie, Psychotherapie </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_food_science" name="group_field_subject_medicine_health_psychology--field_subject_food_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_food_science-label" href="/stellenanzeigen/branche-ernaehrung/Gw==" title="Ernährung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_food_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Ernährung </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_medical_technology" name="group_field_subject_medicine_health_psychology--field_subject_medical_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medical_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_medical_technology-label" href="/stellenanzeigen/branche-medizintechnik/KA==" title="Medizintechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_medical_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizintechnik </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_neuroscience" name="group_field_subject_medicine_health_psychology--field_subject_neuroscience" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_neuroscience&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_neuroscience-label" href="/stellenanzeigen/branche-neurowissenschaften/LA==" title="Neurowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_neuroscience&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Neurowissenschaften </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport" name="group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_health_care_nursing_sport&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport-label" href="/stellenanzeigen/branche-gesundheit-pflege-sport/PQ==" title="Gesundheit, Pflege, Sport" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Gesundheit, Pflege, Sport </a> </label> </span> </div> </div> <div style="order: 1;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Bildung, Gesellschaft, Pädagogik, Soziales</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_education_society_pedagogy" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_education_society_pedagogy-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences" name="group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_education_educational_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences-label" href="/stellenanzeigen/branche-erziehung-paedagogik-weiterbildung/Ow==" title="Erziehung, Pädagogik, Weiterbildung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Erziehung, Pädagogik, Weiterbildung </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work" name="group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_social_pedagogy_social_work&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work-label" href="/stellenanzeigen/branche-sozialpaedagogik-soziale-arbeit/PA==" title="Sozialpädagogik, Soziale Arbeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sozialpädagogik, Soziale Arbeit </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport" name="group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_health_care_nursing_sport&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport-label" href="/stellenanzeigen/branche-gesundheit-pflege-sport/PQ==" title="Gesundheit, Pflege, Sport" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Gesundheit, Pflege, Sport </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_politics_government" name="group_field_subject_education_society_pedagogy--field_subject_politics_government" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_politics_government&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_politics_government-label" href="/stellenanzeigen/branche-politik/QA==" title="Politik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_politics_government&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Politik </a> </label> </span> </div> </div> <div style="order: 4;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Kultur &amp; Kunst</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_culture_arts" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_culture_arts-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_culture" name="group_field_subject_culture_arts--field_subject_culture" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_culture&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_culture-label" href="/stellenanzeigen/branche-kultur/Qw==" title="Kultur" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_culture&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kultur </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_art_design" name="group_field_subject_culture_arts--field_subject_art_design" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_art_design&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_art_design-label" href="/stellenanzeigen/branche-kunst-design-gestaltung/RQ==" title="Kunst, Design, Gestaltung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_art_design&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kunst, Design, Gestaltung </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_music" name="group_field_subject_culture_arts--field_subject_music" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_music&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_music-label" href="/stellenanzeigen/branche-musik/Rg==" title="Musik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_music&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Musik </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction" name="group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_film_theater_acting_stage_direction&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction-label" href="/stellenanzeigen/branche-film-theater-schauspiel-regie/Rw==" title="Film, Theater, Schauspiel, Regie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Film, Theater, Schauspiel, Regie </a> </label> </span> </div> </div> <div style="order: 2;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Geisteswissenschaften</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_humanities" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_humanities-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_sociology" name="group_field_subject_humanities--field_subject_sociology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_sociology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_sociology-label" href="/stellenanzeigen/branche-soziologie/Pg==" title="Soziologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_sociology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziologie </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_religion_theology" name="group_field_subject_humanities--field_subject_religion_theology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_religion_theology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_religion_theology-label" href="/stellenanzeigen/branche-religion-theologie/Pw==" title="Religion, Theologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_religion_theology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Religion, Theologie </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_philosophy" name="group_field_subject_humanities--field_subject_philosophy" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_philosophy&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_philosophy-label" href="/stellenanzeigen/branche-philosophie/QQ==" title="Philosophie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_philosophy&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Philosophie </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_history_history_of_art_archaeology" name="group_field_subject_humanities--field_subject_history_history_of_art_archaeology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_history_history_of_art_archaeology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_history_history_of_art_archaeology-label" href="/stellenanzeigen/branche-geschichte-kunstgeschichte-archaeologie/RA==" title="Geschichte, Kunstgeschichte, Archäologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_history_history_of_art_archaeology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Geschichte, Kunstgeschichte, Archäologie </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_languages_literature" name="group_field_subject_humanities--field_subject_languages_literature" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_languages_literature&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_languages_literature-label" href="/stellenanzeigen/branche-sprachen-literatur/SQ==" title="Sprachen und Literatur" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_languages_literature&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sprachen und Literatur </a> </label> </span> </div> </div> <div style="order: 10;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Wirtschaftswissenschaften, Management, Recht</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_administration_management_economy_law" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_administration_management_economy_law-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration" name="group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_economics_management_business_administration&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration-label" href="/stellenanzeigen/branche-wirtschaft-management-verwaltung/Nw==" title="Wirtschaftswissenschaften, Management, Verwaltung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftswissenschaften, Management, Verwaltung </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_industrial_engineering" name="group_field_subject_administration_management_economy_law--field_subject_industrial_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_industrial_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_industrial_engineering-label" href="/stellenanzeigen/branche-wirtschaftsingenieurwesen/OA==" title="Wirtschaftsingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_industrial_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftsingenieurwesen </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_law" name="group_field_subject_administration_management_economy_law--field_subject_law" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_law&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_law-label" href="/stellenanzeigen/branche-recht/OQ==" title="Recht" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_law&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Recht </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_environmental_science" name="group_field_subject_administration_management_economy_law--field_subject_environmental_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_environmental_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_environmental_science-label" href="/stellenanzeigen/branche-umwelt/Og==" title="Umwelt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_environmental_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Umwelt </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_academic_administration_management" name="group_field_subject_administration_management_economy_law--field_subject_academic_administration_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_academic_administration_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_academic_administration_management-label" href="/stellenanzeigen/branche-wissenschaftsmanagement/Sg==" title="Wissenschaftsmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_academic_administration_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wissenschaftsmanagement </a> </label> </span> </div> </div> <div style="order: 3;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Internationale Zusammenarbeit</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_international_relations" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_international_relations-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm col-span-2"> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_international_relations--field_subject_international_development_cooperation" name="group_field_subject_international_relations--field_subject_international_development_cooperation" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_international_development_cooperation&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_international_relations--field_subject_international_development_cooperation-label" href="/stellenanzeigen/branche-internationale-zusammenarbeit-entwicklungszusammenarbeit/Sw==" title="Internationale Zusammenarbeit, Entwicklungszusammenarbeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_international_relations--field_subject_international_development_cooperation&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Internationale Zusammenarbeit, Entwicklungszusammenarbeit </a> </label> </span> </div> </div> <div style="order: 9;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Technik, Ingenieure, IT, Mathematik</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_engineering_it_mathematics" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_engineering_it_mathematics-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics" name="group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_electrical_engineering_electronics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics-label" href="/stellenanzeigen/branche-elektrotechnik-elektronik/HQ==" title="Elektrotechnik, Elektronik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Elektrotechnik, Elektronik </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_automation_measurement_control_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering-label" href="/stellenanzeigen/branche-automatisierungs-mess-regelungstechnik/Hg==" title="Automatisierungstechnik, Messtechnik, Regelungstechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Automatisierungstechnik, Messtechnik, Regelungstechnik </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_information_technology" name="group_field_subject_engineering_it_mathematics--field_subject_information_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_information_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_information_technology-label" href="/stellenanzeigen/branche-informationstechnik/Hw==" title="Informationstechnik (IT)" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_information_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Informationstechnik (IT) </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mechanical_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering-label" href="/stellenanzeigen/branche-maschinenbau/IA==" title="Maschinenbau" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Maschinenbau </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_plant_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_plant_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_plant_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_plant_engineering-label" href="/stellenanzeigen/branche-anlagenbau/IQ==" title="Anlagenbau" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_plant_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Anlagenbau </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_automotive_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering-label" href="/stellenanzeigen/branche-fahrzeugtechnik-automotive/Ig==" title="Fahrzeugtechnik, Automotive" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Fahrzeugtechnik, Automotive </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_energy" name="group_field_subject_engineering_it_mathematics--field_subject_energy" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_energy&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_energy-label" href="/stellenanzeigen/branche-energie/Iw==" title="Energie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_energy&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Energie </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_aerospace_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering-label" href="/stellenanzeigen/branche-luft-raumfahrttechnik/JA==" title="Luftfahrttechnik und Raumfahrttechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Luftfahrttechnik und Raumfahrttechnik </a> </label> </span> <span style="order: 23;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_process_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_process_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_process_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_process_engineering-label" href="/stellenanzeigen/branche-verfahrenstechnik/JQ==" title="Verfahrenstechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_process_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Verfahrenstechnik </a> </label> </span> <span style="order: 17;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_mechatronics" name="group_field_subject_engineering_it_mathematics--field_subject_mechatronics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mechatronics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_mechatronics-label" href="/stellenanzeigen/branche-mechatronik/Jg==" title="Mechatronik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_mechatronics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mechatronik </a> </label> </span> <span style="order: 21;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_production_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_production_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_production_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_production_engineering-label" href="/stellenanzeigen/branche-produktionstechnik/Jw==" title="Produktionstechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_production_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Produktionstechnik </a> </label> </span> <span style="order: 18;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_medical_technology" name="group_field_subject_engineering_it_mathematics--field_subject_medical_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medical_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_medical_technology-label" href="/stellenanzeigen/branche-medizintechnik/KA==" title="Medizintechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_medical_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizintechnik </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_materials_science" name="group_field_subject_engineering_it_mathematics--field_subject_materials_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_materials_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_materials_science-label" href="/stellenanzeigen/branche-materialien-werkstoffe/KQ==" title="Materialien und Werkstoffe" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_materials_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Materialien und Werkstoffe </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_food_technology" name="group_field_subject_engineering_it_mathematics--field_subject_food_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_food_technology-label" href="/stellenanzeigen/branche-lebensmitteltechnologie/Kg==" title="Lebensmitteltechnologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_food_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lebensmitteltechnologie </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_chemical_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering-label" href="/stellenanzeigen/branche-chemieingenieurwesen/Kw==" title="Chemieingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Chemieingenieurwesen </a> </label> </span> <span style="order: 19;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_neuroscience" name="group_field_subject_engineering_it_mathematics--field_subject_neuroscience" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_neuroscience&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_neuroscience-label" href="/stellenanzeigen/branche-neurowissenschaften/LA==" title="Neurowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_neuroscience&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Neurowissenschaften </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_civil_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_civil_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_civil_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_civil_engineering-label" href="/stellenanzeigen/branche-bauingenieurwesen/Lw==" title="Bauingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_civil_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bauingenieurwesen </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning" name="group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_architecture_urban_spatial_planning&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning-label" href="/stellenanzeigen/branche-architektur-stadt-raumplanung/MA==" title="Architekturplanung, Stadtplanung, Raumplanung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Architekturplanung, Stadtplanung, Raumplanung </a> </label> </span> <span style="order: 20;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_physics" name="group_field_subject_engineering_it_mathematics--field_subject_physics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_physics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_physics-label" href="/stellenanzeigen/branche-physik/MQ==" title="Physik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_physics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Physik </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_computer_sciences" name="group_field_subject_engineering_it_mathematics--field_subject_computer_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_computer_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_computer_sciences-label" href="/stellenanzeigen/branche-informatik/Mg==" title="Informatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_computer_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Informatik </a> </label> </span> <span style="order: 25;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_business_informatics" name="group_field_subject_engineering_it_mathematics--field_subject_business_informatics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_business_informatics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_business_informatics-label" href="/stellenanzeigen/branche-wirtschaftsinformatik/Mw==" title="Wirtschaftsinformatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_business_informatics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftsinformatik </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_bioinformatics" name="group_field_subject_engineering_it_mathematics--field_subject_bioinformatics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_bioinformatics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_bioinformatics-label" href="/stellenanzeigen/branche-bioinformatik/NA==" title="Bioinformatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_bioinformatics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bioinformatik </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_mathematics" name="group_field_subject_engineering_it_mathematics--field_subject_mathematics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mathematics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_mathematics-label" href="/stellenanzeigen/branche-mathematik/NQ==" title="Mathematik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_mathematics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mathematik </a> </label> </span> <span style="order: 26;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_industrial_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering-label" href="/stellenanzeigen/branche-wirtschaftsingenieurwesen/OA==" title="Wirtschaftsingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftsingenieurwesen </a> </label> </span> <span style="order: 22;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_environmental_science" name="group_field_subject_engineering_it_mathematics--field_subject_environmental_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_environmental_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_environmental_science-label" href="/stellenanzeigen/branche-umwelt/Og==" title="Umwelt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_environmental_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Umwelt </a> </label> </span> <span style="order: 24;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics" name="group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_traffic_transportation_logistics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics-label" href="/stellenanzeigen/branche-verkehr-transport-logistik/gRQ=" title="Verkehr, Transport, Logistik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Verkehr, Transport, Logistik </a> </label> </span> </div> </div> <div style="order: 5;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Medien &amp; Kommunikation</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_media_communication" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_media_communication-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_media_communication--field_subject_media_communication_information_management" name="group_field_subject_media_communication--field_subject_media_communication_information_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_media_communication_information_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_media_communication--field_subject_media_communication_information_management-label" href="/stellenanzeigen/branche-medien-kommunikation-informationsmanagement/SA==" title="Medien, Kommunikation, Informationsmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_media_communication--field_subject_media_communication_information_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medien, Kommunikation, Informationsmanagement </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_media_communication--field_subject_academic_administration_management" name="group_field_subject_media_communication--field_subject_academic_administration_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_academic_administration_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_media_communication--field_subject_academic_administration_management-label" href="/stellenanzeigen/branche-wissenschaftsmanagement/Sg==" title="Wissenschaftsmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_media_communication--field_subject_academic_administration_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wissenschaftsmanagement </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_media_communication--field_subject_public_relations" name="group_field_subject_media_communication--field_subject_public_relations" value="true" checked class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_public_relations&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_media_communication--field_subject_public_relations-label" href="/stellenanzeigen/branche-medien-public_relations/gRU=" title="Pressearbeit, Öffentlichkeitsarbeit (PR)" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_media_communication--field_subject_public_relations&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Pressearbeit, Öffentlichkeitsarbeit (PR) </a> </label> </span> </div> </div> <div style="order: 8;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Öffentliche Verwaltung, Öffentlicher Dienst</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_public_administration" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_public_administration-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm col-span-2"> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_public_administration--field_subject_public_administration" name="group_field_subject_public_administration--field_subject_public_administration" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_public_administration&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_public_administration--field_subject_public_administration-label" href="/stellenanzeigen/branche-oeffentlicher-dienst/gRY=" title="Öffentliche Verwaltung, Öffentlicher Dienst" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_public_administration--field_subject_public_administration&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung, Öffentlicher Dienst </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Position</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 11;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Mit Personalverantwortung</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--position--group_position_with_staff_management_responsibilities" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_position_with_staff_management_responsibilities-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_with_staff_management_responsibilities--position_professor" name="group_position_with_staff_management_responsibilities--position_professor" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_professor&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_with_staff_management_responsibilities--position_professor-label" href="/stellenanzeigen/position-professor/TA==" title="Professor, Professorin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_with_staff_management_responsibilities--position_professor&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Professor, Professorin </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_with_staff_management_responsibilities--position_chief_physician_chief_of_medicine" name="group_position_with_staff_management_responsibilities--position_chief_physician_chief_of_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_chief_physician_chief_of_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_with_staff_management_responsibilities--position_chief_physician_chief_of_medicine-label" href="/stellenanzeigen/position-oberarzt-chefarzt/TQ==" title="Oberarzt, Oberärztin, Chefarzt, Chefärztin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_with_staff_management_responsibilities--position_chief_physician_chief_of_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Oberarzt, Oberärztin, Chefarzt, Chefärztin </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_with_staff_management_responsibilities--position_team_leader_group_leader_laboratory_head_department_head" name="group_position_with_staff_management_responsibilities--position_team_leader_group_leader_laboratory_head_department_head" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_team_leader_group_leader_laboratory_head_department_head&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_with_staff_management_responsibilities--position_team_leader_group_leader_laboratory_head_department_head-label" href="/stellenanzeigen/position-gruppen-team-labor-abteilungsleitung/Tg==" title="Gruppenleitung, Teamleitung, Laborleitung, Abteilungsleitung, Referatsleitung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_with_staff_management_responsibilities--position_team_leader_group_leader_laboratory_head_department_head&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Gruppenleitung, Teamleitung, Laborleitung, Abteilungsleitung, Referatsleitung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_with_staff_management_responsibilities--position_general_manager_director_head_of_university_head_of_institute" name="group_position_with_staff_management_responsibilities--position_general_manager_director_head_of_university_head_of_institute" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_general_manager_director_head_of_university_head_of_institute&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_with_staff_management_responsibilities--position_general_manager_director_head_of_university_head_of_institute-label" href="/stellenanzeigen/position-hochschul-institutsleitung-geschaeftsfuehrung-direktor-vorstand/Tw==" title="Hochschulleitung, Institutsleitung, Amtsleitung, Geschäftsführung, Direktor, Direktorin, Vorstand" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_with_staff_management_responsibilities--position_general_manager_director_head_of_university_head_of_institute&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hochschulleitung, Institutsleitung, Amtsleitung, Geschäftsführung, Direktor, Direktorin, Vorstand </a> </label> </span> </div> </div> <div style="order: 12;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Für Berufseinsteiger &amp; Fachkräfte</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--position--group_position_young_senior_professionals" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_position_young_senior_professionals-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_trainee" name="group_position_young_senior_professionals--position_trainee" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_trainee&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_trainee-label" href="/stellenanzeigen/position-trainee-volontaer/UA==" title="Trainee, Volontär, Volontärin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_trainee&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Trainee, Volontär, Volontärin </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_phd_student" name="group_position_young_senior_professionals--position_phd_student" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_phd_student&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_phd_student-label" href="/stellenanzeigen/position-doktorand/UQ==" title="Doktorand, Doktorandin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_phd_student&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Doktorand, Doktorandin </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_postdoc" name="group_position_young_senior_professionals--position_postdoc" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_postdoc&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_postdoc-label" href="/stellenanzeigen/position-postdoc/Ug==" title="Postdoc" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_postdoc&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Postdoc </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_assistant" name="group_position_young_senior_professionals--position_assistant" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_assistant&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_assistant-label" href="/stellenanzeigen/position-assistent-referent/Uw==" title="Assistent, Assistentin, Referent, Referentin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_assistant&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Assistent, Assistentin, Referent, Referentin </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_specialist_expert" name="group_position_young_senior_professionals--position_specialist_expert" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_specialist_expert&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_specialist_expert-label" href="/stellenanzeigen/position-spezialist-fachkraft/VA==" title="Spezialist, Spezialistin, Fachkraft" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_specialist_expert&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Spezialist, Spezialistin, Fachkraft </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_research_fellow_research_assistant_research_associate" name="group_position_young_senior_professionals--position_research_fellow_research_assistant_research_associate" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_research_fellow_research_assistant_research_associate&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_research_fellow_research_assistant_research_associate-label" href="/stellenanzeigen/position-wissenschaftlicher-mitarbeiter/VQ==" title="Wissenschaftlicher Mitarbeiter, wissenschaftliche Mitarbeiterin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_research_fellow_research_assistant_research_associate&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wissenschaftlicher Mitarbeiter, wissenschaftliche Mitarbeiterin </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_researcher" name="group_position_young_senior_professionals--position_researcher" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_researcher&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_researcher-label" href="/stellenanzeigen/position-forscher/Vg==" title="Forscher, Forscherin, Researcher" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_researcher&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forscher, Forscherin, Researcher </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_project_manager_product_manager_coordinator" name="group_position_young_senior_professionals--position_project_manager_product_manager_coordinator" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_project_manager_product_manager_coordinator&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_project_manager_product_manager_coordinator-label" href="/stellenanzeigen/position-projekt-produktmanager-koordinator/Vw==" title="Projektmanager, Projektmanagerin, Produktmanager, Produktmanagerin, Koordinator, Koordinatorin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_project_manager_product_manager_coordinator&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Projektmanager, Projektmanagerin, Produktmanager, Produktmanagerin, Koordinator, Koordinatorin </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_lecturer" name="group_position_young_senior_professionals--position_lecturer" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_lecturer&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_lecturer-label" href="/stellenanzeigen/position-dozent-lecturer-lehrkraft-lehrbeauftragter-studienleiter/WA==" title="Dozent, Dozentin, Lecturer, Lehrkraft für besondere Aufgaben, Lehrbeauftragter, Lehrbeauftragte, Studienleiter, Studienleiterin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_lecturer&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Dozent, Dozentin, Lecturer, Lehrkraft für besondere Aufgaben, Lehrbeauftragter, Lehrbeauftragte, Studienleiter, Studienleiterin </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_tenure_track_lecturer" name="group_position_young_senior_professionals--position_tenure_track_lecturer" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_tenure_track_lecturer&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_tenure_track_lecturer-label" href="/stellenanzeigen/position-akademische-rat-studienrat/WQ==" title="Akademischer Rat, akademische Rätin, Studienrat, Studienrätin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_tenure_track_lecturer&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Akademischer Rat, akademische Rätin, Studienrat, Studienrätin </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_medical_assistant" name="group_position_young_senior_professionals--position_medical_assistant" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_medical_assistant&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_medical_assistant-label" href="/stellenanzeigen/position-assistenzarzt-facharzt/Wg==" title="Assistenzarzt, Assistenzärztin, Facharzt, Fachärztin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_medical_assistant&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Assistenzarzt, Assistenzärztin, Facharzt, Fachärztin </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_psychologist" name="group_position_young_senior_professionals--position_psychologist" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_psychologist&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_psychologist-label" href="/stellenanzeigen/position-psychologe/Ww==" title="Psychologe, Psychologin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_psychologist&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Psychologe, Psychologin </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_young_senior_professionals--position_teacher_social_worker" name="group_position_young_senior_professionals--position_teacher_social_worker" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_teacher_social_worker&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_young_senior_professionals--position_teacher_social_worker-label" href="/stellenanzeigen/position-lehrer-erzieher-paedagogen-sozialarbeiter/XA==" title="Lehrer, Lehrerin, Erzieher, Erzieherin, Pädagoge, Pädagogin, Sozialarbeiter, Sozialarbeiterin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_young_senior_professionals--position_teacher_social_worker&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lehrer, Lehrerin, Erzieher, Erzieherin, Pädagoge, Pädagogin, Sozialarbeiter, Sozialarbeiterin </a> </label> </span> </div> </div> <div style="order: 15;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Ausschreibungen für Stipendien, Preise, Förderprogramme</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--position--group_position_grants_prizes_scholarship_programmes_stipends" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_position_grants_prizes_scholarship_programmes_stipends-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm col-span-2"> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_grants_prizes_scholarship_programmes_stipends--position_grants_prizes_scholarship_programmes_stipends" name="group_position_grants_prizes_scholarship_programmes_stipends--position_grants_prizes_scholarship_programmes_stipends" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_grants_prizes_scholarship_programmes_stipends&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_grants_prizes_scholarship_programmes_stipends--position_grants_prizes_scholarship_programmes_stipends-label" href="/stellenanzeigen/position-ausschreibungen-stipendien-preise-foerderprogramme/YA==" title="Ausschreibungen für Stipendien, Preise, Förderprogramme" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_grants_prizes_scholarship_programmes_stipends--position_grants_prizes_scholarship_programmes_stipends&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Ausschreibungen für Stipendien, Preise, Förderprogramme </a> </label> </span> </div> </div> <div style="order: 13;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Beamtenlaufbahn</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--position--group_position_career_as_a_civil_servant" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_position_career_as_a_civil_servant-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_career_as_a_civil_servant--position_upper_intermediate_service" name="group_position_career_as_a_civil_servant--position_upper_intermediate_service" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_upper_intermediate_service&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_career_as_a_civil_servant--position_upper_intermediate_service-label" href="/stellenanzeigen/position-gehobener-dienst/gRc=" title="Gehobener Dienst" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_career_as_a_civil_servant--position_upper_intermediate_service&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Gehobener Dienst </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_career_as_a_civil_servant--position_higher_service" name="group_position_career_as_a_civil_servant--position_higher_service" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_higher_service&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_career_as_a_civil_servant--position_higher_service-label" href="/stellenanzeigen/position-hoeherer-dienst/gRg=" title="Höherer Dienst" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_career_as_a_civil_servant--position_higher_service&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Höherer Dienst </a> </label> </span> </div> </div> <div style="order: 14;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Für Studierende</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--position--group_position_studies" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_position_studies-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_studies--position_internship_placement" name="group_position_studies--position_internship_placement" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_internship_placement&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_studies--position_internship_placement-label" href="/stellenanzeigen/position-praktikant/XQ==" title="Praktikant, Praktikantin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_studies--position_internship_placement&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Praktikant, Praktikantin </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_studies--position_student_assistant" name="group_position_studies--position_student_assistant" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_student_assistant&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_studies--position_student_assistant-label" href="/stellenanzeigen/position-studentische-hilfskraft/Xg==" title="Studentische Hilfskraft" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_studies--position_student_assistant&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Studentische Hilfskraft </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_studies--position_bachelors_masters_thesis_paper" name="group_position_studies--position_bachelors_masters_thesis_paper" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_bachelors_masters_thesis_paper&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_studies--position_bachelors_masters_thesis_paper-label" href="/stellenanzeigen/position-studien-abschlussarbeiten/Xw==" title="Studienarbeiten, Abschlussarbeiten" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_studies--position_bachelors_masters_thesis_paper&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Studienarbeiten, Abschlussarbeiten </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_position_studies--position_dual_studies" name="group_position_studies--position_dual_studies" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;position_dual_studies&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_position_studies--position_dual_studies-label" href="/stellenanzeigen/position-duales-studium/gRk=" title="Dualer Student, Duale Studentin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_position_studies--position_dual_studies&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Dualer Student, Duale Studentin </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;3&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Arbeitsbereich</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--category--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_science_research_higher_education" name="--category_science_research_higher_education" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_science_research_higher_education&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_science_research_higher_education-label" href="/stellenanzeigen/arbeitsbereich-lehre-forschung-wissenschaft/YQ==" title="Lehre &amp; Forschung, Wissenschaft" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_science_research_higher_education&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lehre &amp; Forschung, Wissenschaft </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_research_development" name="--category_research_development" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_research_development&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_research_development-label" href="/stellenanzeigen/arbeitsbereich-forschung-entwicklung/Yg==" title="Forschung &amp; Entwicklung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_research_development&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschung &amp; Entwicklung </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_laboratory" name="--category_laboratory" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_laboratory&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_laboratory-label" href="/stellenanzeigen/arbeitsbereich-labor/Yw==" title="Labor" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_laboratory&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Labor </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_project_management_product_management" name="--category_project_management_product_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_project_management_product_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_project_management_product_management-label" href="/stellenanzeigen/arbeitsbereich-projekt-produktmanagement/ZA==" title="Projektmanagement, Produktmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_project_management_product_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Projektmanagement, Produktmanagement </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_product_development_process_development_business_development" name="--category_product_development_process_development_business_development" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_product_development_process_development_business_development&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_product_development_process_development_business_development-label" href="/stellenanzeigen/arbeitsbereich-produkt-prozess-geschaeftsentwicklung/ZQ==" title="Produktentwicklung, Prozessentwicklung, Geschäftsentwicklung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_product_development_process_development_business_development&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Produktentwicklung, Prozessentwicklung, Geschäftsentwicklung </a> </label> </span> <span style="order: 19;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_administration_academic_affairs" name="--category_administration_academic_affairs" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_administration_academic_affairs&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_administration_academic_affairs-label" href="/stellenanzeigen/arbeitsbereich-verwaltung-management/Zg==" title="Verwaltung, Management" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_administration_academic_affairs&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Verwaltung, Management </a> </label> </span> <span style="order: 17;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_student_advisory_service_programme_coordination_student_affairs" name="--category_student_advisory_service_programme_coordination_student_affairs" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_student_advisory_service_programme_coordination_student_affairs&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_student_advisory_service_programme_coordination_student_affairs-label" href="/stellenanzeigen/arbeitsbereich-studiengangskoordination-studienberatung/Zw==" title="Studiengangskoordination, Studienberatung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_student_advisory_service_programme_coordination_student_affairs&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Studiengangskoordination, Studienberatung </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_consulting" name="--category_consulting" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_consulting&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_consulting-label" href="/stellenanzeigen/arbeitsbereich-beratung-training/aA==" title="Beratung, Training" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_consulting&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Beratung, Training </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_quality_assurance_quality_management" name="--category_quality_assurance_quality_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_quality_assurance_quality_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_quality_assurance_quality_management-label" href="/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ==" title="Qualitätssicherung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_quality_assurance_quality_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Qualitätssicherung </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_communication_marketing_pr_fundraising" name="--category_communication_marketing_pr_fundraising" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_communication_marketing_pr_fundraising&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_communication_marketing_pr_fundraising-label" href="/stellenanzeigen/arbeitsbereich-kommunikation-marketing-pr-fundraising/ag==" title="Kommunikation, Marketing, PR, Fundraising" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_communication_marketing_pr_fundraising&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kommunikation, Marketing, PR, Fundraising </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_editing" name="--category_editing" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_editing&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_editing-label" href="/stellenanzeigen/arbeitsbereich-redaktion-lektorat/aw==" title="Redaktion, Lektorat" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_editing&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Redaktion, Lektorat </a> </label> </span> <span style="order: 18;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_sales_distribution" name="--category_sales_distribution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_sales_distribution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_sales_distribution-label" href="/stellenanzeigen/arbeitsbereich-vertrieb/bA==" title="Vertrieb" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_sales_distribution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vertrieb </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_medical_research_regulatory_affairs" name="--category_medical_research_regulatory_affairs" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_medical_research_regulatory_affairs&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_medical_research_regulatory_affairs-label" href="/stellenanzeigen/arbeitsbereich-klinische-forschung-regulatory-affairs/bQ==" title="Klinische Forschung, Regulatory Affairs" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_medical_research_regulatory_affairs&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinische Forschung, Regulatory Affairs </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_medicine" name="--category_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_medicine-label" href="/stellenanzeigen/arbeitsbereich-medizin-heilkunde/bg==" title="Medizin, Heilkunde" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizin, Heilkunde </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_nursing_therapy_attendance_consulting" name="--category_nursing_therapy_attendance_consulting" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_nursing_therapy_attendance_consulting&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_nursing_therapy_attendance_consulting-label" href="/stellenanzeigen/arbeitsbereich-pflege-therapie-betreuung/bw==" title="Pflege, Therapie, Betreuung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_nursing_therapy_attendance_consulting&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Pflege, Therapie, Betreuung </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_education" name="--category_education" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_education&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_education-label" href="/stellenanzeigen/arbeitsbereich-erziehung-bildung/cA==" title="Erziehung, Bildung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_education&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Erziehung, Bildung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_controlling_finance" name="--category_controlling_finance" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_controlling_finance&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_controlling_finance-label" href="/stellenanzeigen/arbeitsbereich-controlling-finanzen/cQ==" title="Controlling, Finanzen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_controlling_finance&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Controlling, Finanzen </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_human_resources_legal_patenting" name="--category_human_resources_legal_patenting" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_human_resources_legal_patenting&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_human_resources_legal_patenting-label" href="/stellenanzeigen/arbeitsbereich-personal-recht-patentierung/cg==" title="Personal, Recht, Patentierung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_human_resources_legal_patenting&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Personal, Recht, Patentierung </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_it_telecommunication" name="--category_it_telecommunication" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_it_telecommunication&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_it_telecommunication-label" href="/stellenanzeigen/arbeitsbereich-it-edv-telekommunikation/cw==" title="IT, EDV, Telekommunikation" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_it_telecommunication&quot;,&quot;event&quot;:&quot;click&quot;}]]"> IT, EDV, Telekommunikation </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;4&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Standort</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 17;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Deutschland</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--country--country_germany" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;country_germany-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_baden_wurttemberg" name="country_germany--country_baden_wurttemberg" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_baden_wurttemberg&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_baden_wurttemberg-label" href="/stellenanzeigen/land-baden-wuerttemberg/dA==" title="Baden-Württemberg" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_baden_wurttemberg&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Baden-Württemberg </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_bavaria" name="country_germany--country_bavaria" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_bavaria&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_bavaria-label" href="/stellenanzeigen/land-bayern/dQ==" title="Bayern" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_bavaria&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bayern </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_berlin" name="country_germany--country_berlin" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_berlin&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_berlin-label" href="/stellenanzeigen/land-berlin/dg==" title="Berlin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_berlin&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Berlin </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_brandenburg" name="country_germany--country_brandenburg" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_brandenburg&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_brandenburg-label" href="/stellenanzeigen/land-brandenburg/dw==" title="Brandenburg" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_brandenburg&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Brandenburg </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_bremen" name="country_germany--country_bremen" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_bremen&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_bremen-label" href="/stellenanzeigen/land-bremen/eA==" title="Bremen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_bremen&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bremen </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_hamburg" name="country_germany--country_hamburg" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_hamburg&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_hamburg-label" href="/stellenanzeigen/land-hamburg/eQ==" title="Hamburg" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_hamburg&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hamburg </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_hesse" name="country_germany--country_hesse" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_hesse&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_hesse-label" href="/stellenanzeigen/land-hessen/eg==" title="Hessen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_hesse&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hessen </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_mecklenburg_western_pomerania" name="country_germany--country_mecklenburg_western_pomerania" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_mecklenburg_western_pomerania&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_mecklenburg_western_pomerania-label" href="/stellenanzeigen/land-mecklenburg-vorpommern/ew==" title="Mecklenburg-Vorpommern" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_mecklenburg_western_pomerania&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mecklenburg-Vorpommern </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_lower_saxony" name="country_germany--country_lower_saxony" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_lower_saxony&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_lower_saxony-label" href="/stellenanzeigen/land-niedersachsen/fA==" title="Niedersachsen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_lower_saxony&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Niedersachsen </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_north_rhine_westphalia" name="country_germany--country_north_rhine_westphalia" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_north_rhine_westphalia&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_north_rhine_westphalia-label" href="/stellenanzeigen/land-nordrhein-westfalen/fQ==" title="Nordrhein-Westfalen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_north_rhine_westphalia&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Nordrhein-Westfalen </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_rhineland_palatinate" name="country_germany--country_rhineland_palatinate" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_rhineland_palatinate&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_rhineland_palatinate-label" href="/stellenanzeigen/land-rheinland-pfalz/fg==" title="Rheinland-Pfalz" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_rhineland_palatinate&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Rheinland-Pfalz </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_saarland" name="country_germany--country_saarland" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_saarland&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_saarland-label" href="/stellenanzeigen/land-saarland/fw==" title="Saarland" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_saarland&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Saarland </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_saxony" name="country_germany--country_saxony" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_saxony&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_saxony-label" href="/stellenanzeigen/land-sachsen/gQA=" title="Sachsen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_saxony&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sachsen </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_saxony_anhalt" name="country_germany--country_saxony_anhalt" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_saxony_anhalt&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_saxony_anhalt-label" href="/stellenanzeigen/land-sachsen-anhalt/gQE=" title="Sachsen-Anhalt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_saxony_anhalt&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sachsen-Anhalt </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_schleswig_holstein" name="country_germany--country_schleswig_holstein" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_schleswig_holstein&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_schleswig_holstein-label" href="/stellenanzeigen/land-schleswig-holstein/gQI=" title="Schleswig-Holstein" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_schleswig_holstein&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schleswig-Holstein </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_thuringia" name="country_germany--country_thuringia" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_thuringia&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_thuringia-label" href="/stellenanzeigen/land-thueringen/gQM=" title="Thüringen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_thuringia&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Thüringen </a> </label> </span> </div> </div> <div style="order: 18;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">International</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--country--country_international" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;country_international-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_austria" name="country_international--country_austria" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_austria&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_austria-label" href="/stellenanzeigen/land-oesterreich/gQQ=" title="Österreich" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_austria&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Österreich </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_switzerland" name="country_international--country_switzerland" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_switzerland&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_switzerland-label" href="/stellenanzeigen/land-schweiz/gQU=" title="Schweiz" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_switzerland&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schweiz </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_other_countries" name="country_international--country_other_countries" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_other_countries&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_other_countries-label" href="/stellenanzeigen/land-andere-laender/gQY=" title="Andere Länder" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_other_countries&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Andere Länder </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;5&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Art des Arbeitgebers</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--employer--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_research_institute" name="--employer_research_institute" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_research_institute&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_research_institute-label" href="/stellenanzeigen/arbeitgeber-forschungseinrichtung/gQc=" title="Forschungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_research_institute&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschungseinrichtung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university" name="--employer_university" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university-label" href="/stellenanzeigen/arbeitgeber-hochschule/gQg=" title="Universität" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universität </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_hospital" name="--employer_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_hospital-label" href="/stellenanzeigen/arbeitgeber-klinik/gQk=" title="Klinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinik </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_cultural_institution_cultural_facility" name="--employer_cultural_institution_cultural_facility" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_cultural_institution_cultural_facility&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_cultural_institution_cultural_facility-label" href="/stellenanzeigen/arbeitgeber-kulturelle-einrichtung/gQo=" title="Kulturelle Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_cultural_institution_cultural_facility&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kulturelle Einrichtung </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_school_educational_institution" name="--employer_school_educational_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_school_educational_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_school_educational_institution-label" href="/stellenanzeigen/arbeitgeber-schule-bildungseinrichtung/gQw=" title="Schule, Bildungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_school_educational_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schule, Bildungseinrichtung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_social_institution_church_run_institution_religious_institution" name="--employer_social_institution_church_run_institution_religious_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_social_institution_church_run_institution_religious_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_social_institution_church_run_institution_religious_institution-label" href="/stellenanzeigen/arbeitgeber-soziale-einrichtung-kirchliche-einrichtung/gQ0=" title="Soziale Einrichtung, Kirchliche Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_social_institution_church_run_institution_religious_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziale Einrichtung, Kirchliche Einrichtung </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_foundation_association_federation_ngo" name="--employer_foundation_association_federation_ngo" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_foundation_association_federation_ngo&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_foundation_association_federation_ngo-label" href="/stellenanzeigen/arbeitgeber-stiftung-verein-verband-ngo/gQ4=" title="Stiftung, Verein, Verband, NGO, NPO" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_foundation_association_federation_ngo&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Stiftung, Verein, Verband, NGO, NPO </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_company" name="--employer_company" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_company&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_company-label" href="/stellenanzeigen/arbeitgeber-unternehmen/gQ8=" title="Unternehmen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_company&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unternehmen </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_hospital" name="--employer_university_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_hospital-label" href="/stellenanzeigen/arbeitgeber-universitaetsklinik/gRo=" title="Universitätsklinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universitätsklinik </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_of_applied_sciences" name="--employer_university_of_applied_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_of_applied_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_of_applied_sciences-label" href="/stellenanzeigen/arbeitgeber-haw/gRs=" title="Hochschule für angewandte Wissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_of_applied_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hochschule für angewandte Wissenschaften </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_other" name="--employer_university_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_other-label" href="/stellenanzeigen/arbeitgeber-sonstige-hochschule/gRw=" title="Sonstige Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sonstige Hochschule </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_country" name="--employer_public_administration_country" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_country&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_country-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land/gR0=" title="Öffentliche Verwaltung: Land" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_country&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Land </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_commune" name="--employer_public_administration_commune" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_commune&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_commune-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-kommune/gR4=" title="Öffentliche Verwaltung: Kommune" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_commune&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Kommune </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_other" name="--employer_public_administration_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_other-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-sonstige/gR8=" title="Öffentliche Verwaltung: Sonstige" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Sonstige </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_federal" name="--employer_public_administration_federal" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_federal&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_federal-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-bund/gSA=" title="Öffentliche Verwaltung: Bund" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_federal&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Bund </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_private" name="--employer_university_private" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_private&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_private-label" href="/stellenanzeigen/arbeitgeber-private-hochschule/gSE=" title="Private Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_private&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Private Hochschule </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;6&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Arbeitszeit</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--job_type--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--job_type_full_time" name="--job_type_full_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;job_type_full_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--job_type_full_time-label" href="/stellenanzeigen/arbeitzeit-vollzeit/gRA=" title="Vollzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--job_type_full_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vollzeit </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--job_type_part_time" name="--job_type_part_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;job_type_part_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--job_type_part_time-label" href="/stellenanzeigen/arbeitzeit-teilzeit/gRE=" title="Teilzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--job_type_part_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Teilzeit </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;7&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Befristung</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--contract_type--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--contract_type_temporary" name="--contract_type_temporary" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;contract_type_temporary&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--contract_type_temporary-label" href="/stellenanzeigen/anstellungsart-befristet/gRI=" title="Befristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--contract_type_temporary&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Befristet </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--contract_type_permanent" name="--contract_type_permanent" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;contract_type_permanent&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--contract_type_permanent-label" href="/stellenanzeigen/anstellungsart-unbefristet/gRM=" title="Unbefristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--contract_type_permanent&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unbefristet </a> </label> </span> </div> </div> </div> </details> </div> </div> </div> <div class="mx-4 mt-11 mb-4 md:mx-6 md:mt-4 md:mb-8 md:flex md:justify-end"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;remove_attr&quot;,{&quot;attr&quot;:&quot;open&quot;,&quot;to&quot;:&quot;#filter-modal details&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 18 Suchergebnisse </span> </div> </button> </div> </div> </form> </div> <footer> </footer> </div> <span id="filter-modal-container-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> </div> <div class="text-style-paragraph-xs mt-4 flex text-neutral-80"> Filterwerte <div class="group relative"> <div class="bg-jobs-tooltip-mobile bg-cover bg-no-repeat md:bg-jobs-tooltip aspect-[127/98] absolute z-10 hidden text-white-0 group-hover:block pt-[30px] pr-[28px] pl-[30px] bottom-[-155px] left-[-41px] md:pt-[20px] md:pb-[0px] md:pl-[28px] md:bottom-[-2px] md:left-[-38px]"> <div class="w-[150px]"> Zur Verbesserung des Suchergebnisses ergänzen wir Ihre Suche mit Filterwerten aus unserem Katalog. </div> </div> <span class="ml-2 h-4 w-4 text-neutral-80 ac-mask-contain academics-info" class="ml-2 h-4 w-4 text-neutral-80"></span> </div> </div> <div class="flex gap-2 overflow-scroll pt-2 pb-4 md:flex-wrap md:overflow-hidden md:pb-6"> <div class="text-text-70 border-neutral-30 bg-secondary-30 inline-flex items-center whitespace-nowrap rounded border text-sm font-medium tracking-[0.035px] pr-[6px] h-[28px] py-1 pl-2 leading-5 md:py-[6px] md:h-8 md:rounded-lg md:pl-3 " data-tracking-context="{&quot;7&quot;:&quot;filter&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;remove_category_tag&quot;}" data-tracking-params="{}"> <span class="truncate"> Pressearbeit, Öffentlichkeitsarbeit (PR) </span> <span phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;pill&quot;:&quot;field_subject_public_relations&quot;},&quot;event&quot;:&quot;tag:remove_category&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" phx-target="3" class="ml-1 flex cursor-pointer items-center justify-center rounded hover:bg-secondary-40 h-4 w-4 md:h-5 md:w-5"> <span class="text-text-55 text-text-55 w-[10px] h-[10px] m-[3px] m-1 md:h-3 md:w-3 ac-mask-contain academics-close-3px" class="text-text-55 text-text-55 w-[10px] h-[10px] m-[3px] m-1 md:h-3 md:w-3"></span> </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-text-70 bg-neutral-20 rounded-[6px] md:rounded-[8px] py-[4px] px-[8px] h-7 md:h-8 md:py-[6px] md:px-[12px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 min-w-min shrink-0 hover:cursor-pointer" class="min-w-min shrink-0 hover:cursor-pointer" data-tracking-params="{&quot;7&quot;:&quot;filter&quot;,&quot;9&quot;:&quot;remove_all_category_tags&quot;}" phx-click="[[&quot;push&quot;,{&quot;event&quot;:&quot;tag:remove_all_categories&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" phx-target="3"> <span class="truncate"> <span class="my-auto mb-0.5 h-4 w-4 text-neutral-80 ac-mask-contain academics-trash" class="my-auto mb-0.5 h-4 w-4 text-neutral-80"></span> Filterwerte löschen </span> </div> </div> </div> </div> </div> <div class="layout-grid"> <div class="col-span-4 md:col-span-6 lg:!col-start-2 lg:col-span-10 lgw:col-span-10 mt-3 flex justify-between"> <div class="min-w-0"> <h1 class="text-style-paragraph-md jobmarket-font-semibold text-primary-60 zos:text-text-100"> 18 Stellenangebote <div class="mt-2 mb-4 truncate font-medium text-primary-40 zos:text-text-40"> mit den Filtern Pressearbeit, Öffentlichkeitsarbeit </div> </h1> </div> <div class="relative flex items-end"> <span id="jobsearch-sort-button" class="cursor-pointer " data-tracking-params="{&quot;7&quot;:&quot;sort_button&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;toggle&quot;,{&quot;to&quot;:&quot;#jobsearch-sort-dropdown&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="mb-4 bg-primary-60 ac-mask-contain academics-sorting" class="mb-4 bg-primary-60"></span> </span> <div id="jobsearch-sort-dropdown" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#jobsearch-sort-dropdown&quot;}]]" class="hidden top-[60px] absolute w-[230px] right-0 z-2 flex flex-col rounded-3xl bg-white-0 text-base font-medium text-text-100 shadow-elevation-xl zos:shadow-elevation-xl-zos "> <div id="jobsearch-sort-1" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/branche-medien-public_relations/gRU=?sort=current_desc" class="flex cursor-pointer justify-between px-8 py-3 first:rounded-t-3xl last:rounded-b-3xl hover:bg-neutral-10" data-tracking-params="{&quot;7&quot;:&quot;sort_button&quot;,&quot;9&quot;:&quot;sort_select&quot;,&quot;ct&quot;:&quot;current_desc&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="pointer-events-none"> Aktualität </span> <span class=" ac-mask-contain academics-checkmark"></span> </div> <div id="jobsearch-sort-2" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/branche-medien-public_relations/gRU=?sort=valid_through_asc" class="flex cursor-pointer justify-between px-8 py-3 first:rounded-t-3xl last:rounded-b-3xl hover:bg-neutral-10" data-tracking-params="{&quot;7&quot;:&quot;sort_button&quot;,&quot;9&quot;:&quot;sort_select&quot;,&quot;ct&quot;:&quot;valid_through_asc&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="pointer-events-none"> Bewerbungsfrist </span> </div> </div> </div> </div> </div> <div id="live_job_teasers" class="layout-grid"> <div class="col-span-4 text-center md:col-span-6 lg:!col-start-2 lg:col-span-10 lgw:col-span-10"> <ul class="flex flex-col gap-2" id="job-teasers-job-teasers"> <li id="job-teaser-1096593-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/referent-in-m-w-d-fuer-wissenschaftskommunikation-universitaet-bielefeld-bielefeld-1096593#" title="Referent*in (m/w/d) für Wissenschaftskommunikation" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;1&quot;,&quot;10&quot;:&quot;1096593&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096593" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/054027229/20250221102118.000000Z/resources/bielefeld_uni.png" alt="Universität Bielefeld - Logo" title="Universität Bielefeld - Logo"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Referent*in (m/w/d) für Wissenschaftskommunikation</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096593&quot;}"> <div id="bookmark-job-1096593-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;NjVDUlNITFZQdi9ZL0IrWjhiZms1d2RUSTFvWk1hcTNJcWdGdEdxdkg2Z1B4Skx3UVVwcHE1Tjk4S2FQSHl0N2Q0SnAwY04vMTdWOURvTCtQeFd1eG51SWVJWVprcGJsSk51TXk3QzRadytUZlI3TjB2bUNnRHNMS1VSTXViczZBSlp3RjRoYk9KTEJtNjVEK3o5YndjTjJ3R3VXVEZTRTU0Q1RlVWlpNkhpRWlkQzltVlJ4ZVhDOWZlQ2l0dU1iL3dDeWI0NFlYSEdDSmxnMDhSa1hqRVZ3aThoQWxFNkFJN0MzMnlJWnpHREU0MGtCNFg0dGpZNnI4VFllM0VOcFY4cCtMVnhTNUQxRFlDUFdTdGc4b3EwNXdpd2FuWUVzWFBhU2d1WGZvVzlBeG1WZEptMGwyQVNGd2J4eHBBQjNHRHRjWUVDanB6b3NrRkM2SlZodGtMbTVZMDk3Y3NxMm1tOWJTVWRoVktMRkdsRjhQUXU3N2YzdWJmRi9TN1ZpeVQ0WTBHRmRWRXpXdGpHb2hSS1FJU1VJWG4zVzJ0WEkvOS9qd3kwanVTTERsQlBSdmFuMVJyME02SFJLQ3Z2NStBR3pJUGY3Y25OK0FkOUhha0cxZnZxekQyaDZ3cFhPUnJrY3cwWFMxZmFEMFNZdDE5Unl5QjBURUl0blFpTEQ3cFo1dzVOc0xPUTF4WlZzd2t0bGdZQXpERG1EekYzL0lLUG1DZXducUxUU2J5ZTNJWU5rajQ2SVU0UFNRaEdMMGdUeklFbkFmQ0tPN255QTZvTHRyZG4xV2x3Z0tZc0s3Q0FNaWlrcGtJMDNBTG4vS2dHaHN2d0FYMTJtZFVxOVlyYmxUZ2lYWlRFSkhIUjF4MVJ3a0pTSCthdUxuT3Zzc1gxKzZyYTk4bk4ySkxPUlBzUlMrSCthelJNdXVJekxHc3hYSUNnU1ZZMU9RSTV0d1pCOVlMMzlFR1BHUzZESzQ4OFBOQ1BwK3ljMTZHR3FBRHlwdHpqRWlPeUlacmVNVjAyVVZQNmVPT00zZk5sM2JFOWdQSjNsYUFsZkNpU21jeE5SditsZTBtVW5MK0FPMURCK0Y1SmU4TGJLb1VkT3ZTYU4vaTJEZksvV283KzZVaXZLaWpsVk9MMTFNR09ZbFlENlorUFhoRWF4SHJjVW8ySDVNVUxzZ0dDY0J1aGtHYXJ2MTMzeXlxY240NklJaWdQbGxRSWRuSDFPN1BBbENQdzI4UFhCRG1VPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Universität Bielefeld </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Bielefeld </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 21.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096584-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/professur-w-m-d-fuer-public-relations-und-kommunikation-iu-internationale-hochschule-frankfurt-am-main-muenster-dortmund-berlin-1096584#" title="Professur (w/m/d) für Public Relations und Kommunikation" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;2&quot;,&quot;10&quot;:&quot;1096584&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096584" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/054028067/20250221092102.000000Z/resources/100x50.png" alt="IU Internationale Hochschule - Logo" title="IU Internationale Hochschule - Logo"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Professur (w/m/d) für Public Relations und Kommunikation</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096584&quot;}"> <div id="bookmark-job-1096584-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;ZEtuRXhUTnZ1UDVEd3pQcUVaNXdhRDdrV0NCU0daYWFEWk9yRzVYNzBIakQwUVpnZHpYVWpndlhlSzhjL3MrS3dTbkp4UWhFMXRmemVMVlN0SUZSU1lUc3NuWHZqdWZNaW14bEVwNktXbnFmWEV5cksvaXh6c2VEb1NaMFc2VDJIem0yWTJFRUE3N01kekpwS01aQjNDTEEwZ09BTGwvV284WGlqTmNGNnFoK0xNc2VKUlRNdGg3YUwyR1RLTGJqU2g5eUFvWFI4dzhEeFoxbmtlVzRHMi8wbXlGV2dNRlJ3UFJhZW1kdVlFajNuQVp5TE9PZ2hERkppYWxSZ08xYTBFSmhUWnI0ZFgrMGFQWlFOWS81UmlsZmNmUmlxcDZzMVZTaVBWS0FzcG5CdjVQOFFrQ0VPVkl2dXRIT2lkNVo0RkFwbktObENyZXhDNXB6R3NHdUdXdU5ocjdDQ2VjbVAramVqUUZRejJveUo3QWlFbmU1K0R3OGFpUjNRazJMRUdSaDZEM1JnMk43WTJYTEl0dXh1Qk9rcFhIM2tsdVpqYzdwOWlBZ1M3MUpNVTFVcXF0K0J2OGcrb0U2QTVySzRTYURpYWZ3eG5XZ2FIVnQrME44UWZQSVdlTXJiNjhvRmMxemFmM0tYNE50MjkzbTlZM05lWjZOZE5zUktldmxHS1FtN05RRlJiVFM2ODE2ZXd4SjF2N2poNFhrMGtDN3pqanpabmNDTWkxalp0WUlRRHhJRVVrNEgwN0xKdXRHLzZvclJQbnhTZFF6Y1NYQkFxTlJqNHFsb3pJaGs2MnVVbGg0MTI3ZUFuNnY3d2oxTUI0SFlNSDg5TGp0bnNGV1FCODllNDF1bmZlaml1V245WDkyMlMrYUFmTnlzREdxM2h2YUJvbjM4eGE1OGJFU0JYQkd4TUprZmoxcG1XbmN1UkNydCtxc2dKaEdxU0hZbXJGWGNiR3BFYTlNamZQUVo0NXRFWDBiRlpweENJQVVvclJ6Ly9VUUhFUUp3N1piVEh3RHVDQ2d5YnpvTzFUV3ZqTWVhai9jM3U1OTNNTzd2TWxyREZQNXo2bnhHdUNCZlhnMUlUUktnZHNjZ1ZWM212TEF1dUduQ0RNdTVNeC9Zd1VjZFV1OUwzZEovZUJhTWZPeWNManU5dkwrMjVLRzZ6Y1JwQlZzQ2FTRDVnYXpLNDZVb1NsK05OUWJzajBNdE0ybkdHTjMrYmZyTm1YMEN3eTlWSStxdmdNPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> IU Internationale Hochschule </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Frankfurt am Main, Münster, Dortmund, Berlin </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 21.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096570-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/hospitant-in-im-bereich-im-bereich-stiftungsmanagement-veranstaltungsmanagement-und-presse-und-oeffentlichkeitsarbeit-bei-der-b-braun-stiftung-deutschlandstiftung-integration-melsungen-1096570#" title="Hospitant*in im Bereich im Bereich Stiftungsmanagement, Veranstaltungsmanagement und Presse- und Öffentlichkeitsarbeit bei der B. Braun-Stiftung" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;3&quot;,&quot;10&quot;:&quot;1096570&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096570" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2024/06/11/923230249/3943bee2a8195a21eb7a0fe6d7037a26.png" alt="Deutschlandstiftung Integration - Logo" title="Deutschlandstiftung Integration - Logo"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Hospitant*in im Bereich im Bereich Stiftungsmanagement, Veranstaltungsmanagement und Presse- und Öffentlichkeitsarbeit bei der B. Braun-Stiftung</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096570&quot;}"> <div id="bookmark-job-1096570-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;cWl6Qko1VnFLOWlXMXVtTzJkVGtOcXJueTRXcDF6RU1FVXJCL0Fmd0Nrc2E3UzJFT2xVZ2ZjVTJpSWM5NE5Bejd5OXVyaTduc05PNk84U2pDQ3dyMmlvaWFmajM1c1Z1TmlzSDhXRDVIc01ZZkNiVG5sM1JsNnRYRHVrWEVvTGI4anRmWFA2WUM3Yi9aOWM1VTA5bkNTM1EwWllVamc4MVcyYm9oVDQ0WHkxdk1jUXlhYVA3VytETHRyREtIWFVBVUJwK0lpV241Mk04cDVZN2JDYndYNWIvVW0xMGhYU2dRNzVEUU51dXcxVFpBaXgzTG8wNXkvWmpWMXRVWWFDVThWS0dLSjhadG5vb2kyVTVQTks4YjFiTVlxalBPNndPeERTcXZEdWl4YXFqSmh4b29ldDk4QUJCdFEwZmN6TnNhdml0OHVZVk81UUlSdFEwak5sdFhwOEtEdTNSMDFSZllQU3E4bVBsdEVTVm45VlJrNndsR3ZvWEJFVzc5dWtkL0taMEdzeXZKUDgwR1FMdzJuVjNMNGVIKzRCaWxSSnBZQVRXYkxYUmZ6UFZ6b0tnUVB3cmJZNTh4RVBGNzRWbU0zRTFZbXdlWWQvZE0zcDNPZFhJKzBQM284cHBBeHNsMEF0ZUZmNWNNdXlnWDF2RmxVUTRkc1gwZFFaODdwSFdEZTVoZnZ2Qm1VRnVxWmlhdGMrbGVQUGYzUjdSWFpJNnRWMmt5V2w3MVFyUzZxbUYydlZoQlRmOFNjNlRnL1JuNFNDdEVZTXVweUx5ZWNUczJHN0VSR0xkN2VOdGNIdEYxV0tnbm9wVnZlRXFsZnAxZGJteU1abnpNVnVXSUxVMDloSTUxd1VDWURudDV6bjhiUmpTRm9MMlpOWHVtRkNsSGxsVGNRWm9KT0JwckhseWRkOTg3NitoSGg3cFhTS2s4Mm9jOXFkcjlYck4wZDMyVUU3RWp0ek1BSmpBL1N2a2RhRnNXNHh0NjRmV0xFeVVhNStlbzBXSEsvMFJUWStHcFR2OXZNUUt5bURNeTl4d1RSMVUvOUl1Nml4N1d3dTQrOGh6YjJNODlIa1JzWFg1SC9SRmpZSld0czBFQndEQ0JUdlZPc1lPWEpMSWlRSkVWdERVM1MvRnk5bHN3V1FwOTBjNlNoaElmNVFTOFpzd3g1RmdMZXN1U25kRms3NnRLM2JCbnlkRTRjL21yeE9WNU9lb2JSYXk2WVVXVStLNzBwSGJPYjJheHk4PQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Deutschlandstiftung Integration </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Melsungen </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 20.02.2025 </span> </div> </div> </a> </li> <li id="jobmail-subscription-3-container"> <div class="w-full md:w-full flex flex-col items-center justify-between md:flex-row bg-secondary-60 rounded-xl p-4 shadow-md hover:shadow-lg md:h-[116px] md:px-8 bg-jobmail-subscription-primary bg-no-repeat bg-[length:82px_82px] bg-[left_-9px_top_8px] md:bg-[length:150px_150px] md:bg-[left_-19px_top_-15px] " data-tracking-context="{&quot;7&quot;:&quot;jobmail_subscription_card&quot;,&quot;8&quot;:&quot;4&quot;}" class=""> <div class="ml-[74px] min-h-[76px] md:ml-[120px] md:min-h-min"> <h5 class="hyphens-auto break-words headline-style-h5 text-left text-white-0"> Noch nichts Passendes gefunden? </h5> <p class="text-style-paragraph-sm mt-2 text-left font-medium md:mt-0 text-white-0"> Lassen Sie sich zukünftig Jobs per Job-Mail zusenden! </p> </div> <div class="w-full md:w-auto"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold text-primary-60 hover:text-primary-50 group-[.disabled]:text-white-60 bg-white-0 group-[.disabled]:bg-white-90 !font-medium mt-2 w-full md:mt-0 md:ml-6 md:w-auto" data-tracking-params="{&quot;9&quot;:&quot;subscribe_register&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;cHFtV0FVUUd2MHJBT08xZWV3d3RXKzErQkJ5UkN5cUZ3aXBESVdUTVZ4UDdZZzFXTStCYlNsQTQ5cFJPdi9aQ2FqZUw3am8vU29yOStjME5ZeVdVcnI3UlhoOVRPeThoeEhMeHlUWDRPaHBoSHdtb01LeElqYmg4Ym5keFdoR3NJSjdQbjRXbVcySzJHY24yWUNpRW02dzVzL3A4UU1vKzV5WENxRlJOVGgweUhLK1hLeWNhZGJNK0c2TzlTS1A4Uml6V3dpRzVneGpUNFBaQStEU01NaFI0UnN0VTJsTWxnV2VSaENCZTVJUGs5bGE2Wkp3THVYbVR3MHB5N3lIenNlZjd2NzFtM040dnUzZlJUR1d2VHdMaHpyRVRBQVNqbXphKzNGbEJDV1pEYmZzSkFqR004eXZHbnFoeDdvZFpiK1NJeEo0RkI0S2x0Y3pEbVYwZy9WOUF0K0xzeWdhR21oOWFDQTdRb1QveHJ5UGhrMkp2MjUrWDgvWEJKS0pLc2k0UU9qZStUejdDZVZuS0FKdHVsbTRXY3ZjRS9ZZzBmOXBFMHpQSFpvWDNQbzdPUmFqVXcwazJMajZnQVExWEs4TEpncm9xb1ZqNmRDR3dOVGd6ZjVSL3VTN0c0Tm1Ndk5BVTI1eDZDdCs5NXg2dnQ3andId3ZGeVR5Wmpta3ZvVk56dVFUVysrb2o0QWNDVWpObHczbjFOSFRIVytXRlh0QjNISWtVWVkxU0wrNHpvd04va2NzdnM2eEJxaU9EZE1ZVHdtYUdvUXZZSEpqaFpVUGIyUUxXT1FwOGhhckdGV09YMk5BeEVtM3NJZU9keStxRGdTZ09nVnlqa0paQklVVXJrTHR0alNPRGsxcVJFdmU3Q1Z2Y1lIeDd4c0laV3NLczdpQXc0L1NJaFA4enZHeVg1Vk9QNkZsWGtkVHo0V3FHdVIwNURTV25BTUwwVlBJMHc5d1o5dHZXa1dkYlkvMW1DZ2xNeElYWSsyQzFoQUlWTmt6WEQxTEhVdE8yT0lDY1kwQUJjL2RxOEw3UktzeDZLa21uenBUeXJaSWhKTjVCQ1FQWkZTNkY1TFBHSjZDZ1JxT1k4V0RCQVV0djNocXBaQjR3QjNwdHVIM2hHRitFM3BMeVpCRks2UGIyakxuSkJ4SjBQM0dhWGg0RmxnTlNEeFQ2MVdreFhiWjM5QkxSU2hKT1B0WnA0S3YwTSswNEF5dXEyV3BaS3N2bVp0cThYS21ETFFXU1lSQ2NsVmUyUldVZzh1bktQVEVwOTlnWGxEUFQ5aDVERjBPbjlRN1BHa0szZEE4Vlk2Q2Jic2ptSlN1Z21GcDNPd0tXZGRFc3JnN3hsY0RMQ3JMZW5oUnZiTEUvak5hZ1pnZVZBWWtrTkZlTnliVWtWbE94YzlmZ2h3dzRlM3RoOExFZkJjL2pPWGVQZHVvU1NmRkIxVkZLWXV2aWJBdWdyU3V4VmRMMDZwa0l5dkx3NG92SzVjelRxRzlPMWJ3PQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Suche abonnieren"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 flex-row-reverse"> <span class="h-4 w-4 mr-0 ml-[4px] ac-mask-contain academics-bell-border-16" class="h-4 w-4 mr-0 ml-[4px]"></span> <span class="truncate"> Suche abonnieren </span> </div> </button> </div> </div> </div> </li> <li id="job-teaser-1096491-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/praktikum-im-bereich-presse-text-c2c-ngo-berlin-1096491#" title="Praktikum im Bereich Presse &amp; Text" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;5&quot;,&quot;10&quot;:&quot;1096491&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096491" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2022/03/6228bec7021d2860780639.png" alt="C2C NGO - Logo" title="C2C NGO - Logo"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Praktikum im Bereich Presse &amp; Text</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096491&quot;}"> <div id="bookmark-job-1096491-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;Z1RKOWVZd1lHWDdDc3pwaHFhbmFZL2gwd1FuK1EyWlJjOHpSYkUxVGZSR0ZPWWZaRHczMzJuOGJ2dmFJZG0wR0tWM2k0T3hHc2xOc2c1dllOREYvMktleUdiaGorTVBZWTBwTVdXZjJweU1TNlJsWEtaZ2U4c056Unp3NUN1QW1ZeEc2Yyt5eDBUS09pckwyWWNaNXN0NkJQZnVtMlFDSmxZa3J5NDZQdUtXQ00vZGZ3YzZmZjFwN1lxeHFQamVsNnMxTTk1WkZoZHA1R01NVWNWcEdIczFtb0FXd05lV3BFRjRYdEU3V05NSmJ3TTdQd0Myei83L2tiaTg0U2VwN3ZCZTNiaUZMNjJMeTBESnZicEoreVg1aDl3OVgwTVdlOER2MWVJUmpkMzdEWXNLcTA2Um5SaGoyVUd4TlRUQkQvcldzU3psdFAvU04yamk3S21GRDd2T1FwNVU3OTBWWHQ2S3BOSktic1c1TTQ3SG9kczVLdzRKbkpsYlBMek9EcVZPYnc4RjlrL3ZLbDhkeVpHUWNZa28wM2JjQ3ZmeHZBK3d4TGpsODUvQWJDRDFQU3RvWlV2ZHgrUzIxVlJBdkdKSGVwak9JL1NIZFA4UjJoYm1oOXZkbUNFcGFEV1lPcEhRQW96b2NKTE1iaXlwUlU4QVl3ckY1elI4NnZyOW51VDlqNUhBRHo0SlNFZ0hHVkRTWnppbG1yZkY3TnV2MGhxeGJqUVFVWWh2VldYUkEwNkxiOEJLNWVjV1Q1U05ncnZKcm53dXNzcFVQR2xrdUhxdFhPVWpYNmlNcTc3dEVlWWxWMkMyb0RPd0NENjhndk43d2dZTnhuMU9RWXMvckJuZDVKaDRhWkJsUDZaMkdEUFFkWmQ2R1hoc3JIRThWaGUxcmpuR3NZTC8zZTZwaUxtMkF6bmhCL2cvSnVSRzRkWGtvb2JiZXdFRWpiR0c0RnRQcnErd2F3VUhpdFJwQVRwQklhblIzVTl5WHlJRW1SZEs2aWJLQ2UzUy81clRnNG5rZUtMb1ZOSzd2cXBzOTB2VmpsZnlDWDRkSHl6QndEeTFsMGtKcW5IYi9PRGtKSmgwdWxxUG1NT2dVVHRBLzFSaHk3TWErMjRTQzlRQ0hCRyt5R1o0Z091V3hJTWY3Uld2TzlXY1ZydGRVQW5PdUVZYkRxUUZqejJJWXVDcUpybTFVSkhaUnA3S3kxM0wzUWxLdVhUVktXV0NLeHNJZWhtOWtISUxGMlBjPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> C2C NGO </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Berlin </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 19.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096520-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/praktikum-in-dem-bereich-kommunikationsdesign-videoproduktion-c2c-ngo-berlin-1096520#" title="Praktikum in dem Bereich Kommunikationsdesign &amp; Videoproduktion" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;6&quot;,&quot;10&quot;:&quot;1096520&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096520" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2022/03/6228bec7021d2860780639.png" alt="C2C NGO - Logo" title="C2C NGO - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Praktikum in dem Bereich Kommunikationsdesign &amp; Videoproduktion</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096520&quot;}"> <div id="bookmark-job-1096520-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;Qi9lWDZKNGFFS0VBcjZnVEVPU2hubUJPRWZ5dmNlaC85czkrdGpMbC9mYkk0bHdFNnUxMTRhMVd0alJXS0tMZ2hEeG83NnJ2NnRWcGE2OWNUOS8xRTdUcnpzK0pVejdmdTFPajdUNitGNlFWSXZPdE1SU0pGVFpoQ05yd0UrVlV5a1ZTM2VzQ09PY3RSejdTS2dxUi82YkJScnBSdkpsMFNCcEpjZVNEYWhkUC80MkIwNjRyWnhXUURQdTIwak12RVJBQTVOTTc1Q01hU0NhT1Ewb2tnQXlZeG5ZbnFqejI4UXNYUnh5akdEcFRxRlpsOUd4b1ZOWFVIbk14ZFNjeHI0OXA5K3ZxWkNqNnRWN2JXUjh4aExJL0cydlJ5YUV4REhlRkFtMEt4a3RkRVRIOW1nemh2N3pORUhnV0dKRzhNSjA3TVpyNE9tYTJBTWhPMWhFSEkyL1lmR1pxMVhKeHc3ZUxFRXRqYzdZVDh3NTlKMHEzbUVzTlFRaFN3M2w3c04wZmlZbllGRHRoY0dna1dhYjVKd0JZRjNUeWZZTGE5MnkzdTBUMFgrbjJkUS9mKzlCZC9CV0U2ZHExQ3RQS04rdy8xNXQ1UHFvcmxZc1dDd3BQMG1IVXBST3VVdlhhSkswTzFGRU5BazhRSTFiSy8xTm5nd0kvZEdkdlk3SFNKSjR1OGJJaUdaV0plNDJjektaWEZKVlFyeVIxS0FadlFzUldRWlB5dDZ6YzlmM3FJM2dPUjB5UHBGVDF5clpaMHFHZ1pIUUl0VDg2SmZ5VkNZNFBpVWkzWFRsZWZ3T2pKazJKSVM4SEZwdnMzL3p1dVk0UEV1ejZtYmYxSWorWkJkK0c2SnpBWUlXbDcxZ3Nxa2pSZ29OZ0d3L2pQZGdPY2kvbkdwQTRTbkw2d1VuK09TUE9XRXdNREhBUXNsSU83SW1kUTZ4dlBqb2VzWmp4c2diVmJtOGVFRVJya0FwRDVuSEV4YkluZFlibnlVSmRlbFdXUU1LK1ZJU1M1NXhFUm9DaEtxNENGQjcxU1VMUEwxVWN5RDRvelhKNjhDWDVPYlUxeE8rZjV4aW5ZSVJMMDdZSW01akhDeTU5bHU4ZE5IS0xXcU5rQ09YeEt5eWRPUk1PNmV3WG9qSjRWTVAveDhRcFhxdUlnVEFEMDY3aUFtVlRCNExkSFBCK1B6MlhESXp1MUpiYmpyV3JBZjE1dWhjVlRhT3hTODNUaTB6akh3c1E3Snk5Q05rPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> C2C NGO </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Berlin </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 19.02.2025 </span> </div> </div> </a> </li> <li id="employer-preview-card-container"> <div class="w-full md:h-auto md:w-full flex flex-col items-center justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " data-tracking-context="{&quot;7&quot;:&quot;employer_preview_card&quot;,&quot;10&quot;:&quot;216&quot;}" class=""> <p class="text-style-paragraph-md mb-1 font-semibold">Arbeitgeber im Blick</p> <p class="text-style-paragraph-sm mb-4"> Dieser Arbeitgeber bietet Jobs passend zu Ihrer Suche an. </p> <div class="aspect-[16/9] h-[77px] w-[310px] lg:h-[95px] lg:w-[380px]"> <img src="https://assets.academics.de/employers/employer_logo/spycnpmcpoqgkc3p5zidy7lieyojaonvfkihl25lxqzzeind3a2q.png" alt="IU Internationale Hochschule - Logo" title="IU Internationale Hochschule - Logo" class="aspect-[16/9] h-full w-full flex-none object-contain"> </div> <div class="max-w-full "> <a class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 mt-4 lg:mt-6" data-tracking-params="{&quot;7&quot;:&quot;employer_preview_card&quot;,&quot;9&quot;:&quot;visit&quot;}" href="https://www.academics.de/arbeitgeber/erfurt-iu-international-university#section_jobs_navigation" id="employer-preview-card-button" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" target="_blank" title="Zu den Stellenangeboten"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Zu den Stellenangeboten </span> </div> </a> </div> </div> </li> <li id="job-teaser-1096421-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/wissenschaftliche-r-referent-in-mit-schwerpunkt-stakeholder-management-und-kommunikation-w-m-d-forschungszentrum-juelich-gmbh-duesseldorf-1096421#" title="Wissenschaftliche:r Referent:in mit Schwerpunkt Stakeholder-Management und Kommunikation (w/m/d)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;8&quot;,&quot;10&quot;:&quot;1096421&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096421" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/053947187/20250218103101.000000Z/resources/juelich_neu_100x50.png" alt="Forschungszentrum Jülich GmbH - Logo" title="Forschungszentrum Jülich GmbH - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Wissenschaftliche:r Referent:in mit Schwerpunkt Stakeholder-Management und Kommunikation (w/m/d)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096421&quot;}"> <div id="bookmark-job-1096421-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;dTgvQW5OUlljSWpCTEkwWjJUV1Z1MzVSUVJmWTRDWmhGV3J3aUpKSmFCYzVYc0pnTjZyMWNnYmF4ZkZkOW1tN3JXZThEQXdZNGt0dlJhV3V1MFBDNGMyNndtdlBkamQ3TkJsNkdwQVNKeHBmQWlCd0tzQ3kzK0hQdXpqanJIeENVM2pjUkpLVWhtVFlqelpYNDJnWGp5SVExV3ZCK3B5d3FWM2JobWQwOTlSRENMS0drSmF3dEFId2VQMVAvcG9KTS84UFJxTUs0ekM0RFNoL0o4RU1kU3lFYk4yWm9sRWExNlMxUS82YXlJZTJBVTJ5NmR4dmM2NE9UaERlUThaeFdsc0tyN2g5bkpKckszdWo2Tnp1MkJIU0RqRHVJVnd5U3VoamhINUlRWWxMNUxYUnFXMk9CUTRaNG55d3JxQlQ3a3ZMQmxoRXh2STVWcWI3UWJvZTBQMDVTSmMxN1BRNW5EVWFmUmx4cm9SMUpYeHUwUkMwbEQxR1Y1SkZHcGNwekdadkhoVFQ2WExEdkhNeTFORk9FSWVlcng2S3RKYkxxS2xRNENqcFZFMEc0OUdkeERnckx3Y3VnMlBIYzgrcjY5dHBaVzNjeFo1NVdTZjQ0aTA2OVQzVEFXanVtSlV4SlhITW44eXl0WENFR3hCLzNGT294UGsxcDFOdUlsSStGTS81anRKOWh4UCs5M2ZlS2ZXVWJabENkNkxUMW52Q3gxQ254UUd6My8xcnVNeTRUbktCcng4WGVMN3NkSTA3bU5IcTBBbjlWczU1MmtFNDlkbTYwM05zcWpIMFpOR3FrdEtGdkdpMXZrMVB1dHE1cVYvRjNlcldlaFJEY2N6Z05nTHQybWJHaEp3bHJKL2lmQ2dmWTFHUVNqVWREYkZoMlA4a3hYYXN1OWUrZmNwZmw3NkpCK3MvTDJJVXR1SXNMc2VIaGpvZGpkTWFQREhEODRmUWJhVFZtNlE1S1l2WG5zbGVFSENuR1E0bEtlTnVmK0k4NWlUUWVjb0NHT2lUZDZVWm1SejNzd0ZlVE1NaWJ5Qzg0WWtxU2x4c1J2aWxCd1o1T0lPWW1DMGNMcTBkQzlCTkJaU0liNXYyWWwrdTRpNXpKaVdMWnNNcXJkTncwRG9US3J0TTFsc1Q1Z0hCNVliaHVIclVrZ0w3MnBBR0xzZStzYk9YS1ZqblY1ZWlGUnZDd1UvbFZHNjdqYXJsUHZIVlFSMHFMeFZwVWpZSUl3TVkwTzBSUzE0PQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Forschungszentrum Jülich GmbH </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Düsseldorf </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 18.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096366-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/hospitant-innen-d-w-m-fuer-das-deutsche-stiftungswesen-bundesweit-im-rahmen-des-projekts-vielfalt-stiften-vollzeit-deutschlandstiftung-integration-berlin-1096366#" title="Hospitant:innen (d/w/m) für das deutsche Stiftungswesen (bundesweit) im Rahmen des Projekts „Vielfalt stiften“ (Vollzeit)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;9&quot;,&quot;10&quot;:&quot;1096366&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096366" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2024/06/04/1535072643/3361be09f7fd41064f74e4131db22b27.png" alt="Deutschlandstiftung Integration - Logo" title="Deutschlandstiftung Integration - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Hospitant:innen (d/w/m) für das deutsche Stiftungswesen (bundesweit) im Rahmen des Projekts „Vielfalt stiften“ (Vollzeit)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096366&quot;}"> <div id="bookmark-job-1096366-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;dys3RE1zalFUUmVWT3ZxSW5Wb1M3cXRtbWNNMFBBbHo1N3FEa01HOWNqQzAvdjR6d2swMjgwWHFOREJkOER2V21sWDk3aUlNa0ZKa0E3a3hRZTRyYWNRU1JuOXNIWUdmdEtKZ0pTSTJwZjQ2UlI3b1BkcmlMUHU0Vzc2TmxPMFhCWUY3ck02RE02YjBBL0tJREtLdjFvTEVXbWV2YS9jdllwb1NvV3dhL0VZZ2Nkb3NoR3gwZWliZllBdm9Ebmkya0FRTllYNXh2dGV3ZWpDT1JxcHhnT0pLTnB6UHZyaGJxUWVGMHpJQmNCQWtmc09jMlR4THVPNGg4U0huTWo3eXA5eFB6Ymw4UWJiUysyTTRWdXBqUmhqUVVXQ1J3Uk9TdE03ZGg2VWs2alZ1aUtqaGlOSDJCVG1RUGtzYVBSbnJLUmlHVXh3WFVNcWxTRGNHVXlCSzlSV1FnTkFwem10b2RERXNlS1M5ZVd6eEJWelBqelNWbVpKRHdLQlpmak9nM1VLQUI5SkVHcXJDR1pLWEZkWGZDdW84U2lnZEtpRlpuMHIwNzhTZTkrd3lZK0V4SnRzZEIwcnV2WDF6MENZVWp1eVJnZTAxYTl1V3Q0Mm1mSUcyaVFES1RWdWdrUG42WXNicU54Z0FsNU9xQjEvcEVtbXRCK2lNaGY5N292Rkp0STB6QkVDNGxzLzVyYnZ3MDBLeUVsK0pUMENTYkZzWHVHSUxaN0xWMHFqcktuMHd6UnVKb2s3ZStZYk5Gb201VkVwc1EwQXNGa0tYVS9VeHVIYWhEckJDRktaVFplOVFmV3hVdlZaZjZZYURsTjU3TTV1a0pQRTdOdW9pa3hGa0JRMk5zY21oRDV3SURycGVDT1NZQW1WVStsR2NXbE50eUZQcjlZc1EvSFNmT3BNYWw5VUgwTzlDVGFLNzJVWE8yYk1VVnQ2U3dCdm1ZNjNKTnFDNlJqSDFIQzZrb080cXFYcG9DRFNFTEQxSlp1d3lEZDUrSURDazBPVFlpMVFTTmg2QzlOc0wzNXlpb1NCbGk4U0x6bUJYcDZkSWgvRzF2ZG56VEswRHlyNEVyaU9jTjY0b1JjYU5WeWJRN2VUZ3NNcEpZcnp1OXhJdThoVTEzaTBEenBUd0lxbUpyVTcycVNIRFloaWlDOEtBRFVWVlJza1I0ai92QUt2Mlg4SzNXVkxJWmlxMnNuQWVQMjk4Zmt0N0E5TTdmUWxRa0FhUjFHSXVVVlo4OVhBPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Deutschlandstiftung Integration </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Berlin </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 14.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096234-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/journalist-in-henri-nannen-schule-hamburg-1096234#" title="Journalist:in" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;10&quot;,&quot;10&quot;:&quot;1096234&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096234" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/053753275/20250211110103.000000Z/resources/henri-nannen-schule_100x50.png" alt="Henri-Nannen-Schule - Logo" title="Henri-Nannen-Schule - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Journalist:in</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096234&quot;}"> <div id="bookmark-job-1096234-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;OTNJcVRKa2JyT2lSNTVmZDE1d1R3bldVcUphbElOS3V6SnZ4VjZNWmJLdGI4b1RiaGlJTFk5ZkNWdW9ZUUtGZVdNMU1NRW5qNzVKemxGTEU2OStBclJLUEUzUGRzSGFNTlR6TVhmU0FZT2k2OFQza0pjT3FnYUtBaXUxcVp1UlFMeXVRWFBGWXFWT0FmbTVUOUhWc2hXci9VV2VaZTFmMGMwTUowZVNiSTU2cUV2TGo1bTF2cUNCbUJzanZvT0I0NXpXQmVpdWNGWEF1NGcwWUZZakdIQkozYVpqYTZiUlFPNldUN2hKMVlhMnlpaVBjMVhlZk9MSGp4WUxPYXVUNkMwamc4bHhXVHNsTVlJZG5LSGdTOVFKaWV1TG4vTGVGMEJNcmNQT3BKdk02akljWFYrUld0VC9mNlBlWXVCWGRKVHlsK0xiTnZQTG9yMXZ1dnBLUUlXaFArRlUveE5hVU96ZkdUUVdra1dSN2dPYUVKWFkySCsxTGNnN0V4Z1hycC96TUpld2g3OUFTQkV0U0lnUEJqVi9iTlp1dHI4R1BhRVhQaE52YkNNUTYrZFpIeEcwdXlxbFFaSWZBN2RqTXdaL2VFZWxXZUxvWmZyVVJLSCtLUmNJbGIvSEpDRmthamdFbzVQNXhKT0JyTFcrcTRIQXNuaHc1SFIybzQyWUJhR0pJcFhQSVpnOU5uV2lpdWZJazBBb2NodDZMYmdYY1NyaDMvWnA3Vk5TTmJZYVViZm9Gd0lCeVN3NmhERUtrTUVDRlJnd1BVd2YzOUVIMXd6SFU1eUZWT3c1TVpPTng4QXgzeENjTGtBdUlHeEJaY2MrdWFMVjFDR01ycFJJaVk0enhQUnlreVIzYktjTy9WNCtHUlNTZ0tJZDBBL2REMUEvMjF0MVpoUTlsZVV1LzRlQk01L1d0YWp5ZGdVSm52WWRkeXdXMHdvZUREQXA2alk2QTBxRGxBWUpOT204T1lySk5kc1JBMEdZRlVtaGZ4aGhZZ3FOZEhPNm1mb1RIbHVkaGVWNlBWdTFtb1pFdDQ1bExZcklOREpHOGJrSnpUQnl4eHFJQTA4Y3NocjhNUURlRWZHUUlVc3d1SzhKZHA1a3RuVVhYMlExTldrRzRBYmtLV2pRa1NlcUQ5WStlUVc1dGcrbllZMUJydy9hbWNiVm1qcExmRXJmUVQxTmhhYVY1eDF2bmZnWU4va0hQaExBR00rRjlrZXlVck1QbW1wblhud2Z4eWtrPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Henri-Nannen-Schule </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Hamburg </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 13.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096260-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/praktikum-stabstelle-medien-kommunikation-ecchr-berlin-1096260#" title="Praktikum Stabstelle Medien &amp; Kommunikation" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;11&quot;,&quot;10&quot;:&quot;1096260&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096260" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2025/02/12/834830782/4d16fae191fff944aa8c788b1c69fbba.svg" alt="ECCHR - Logo" title="ECCHR - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Praktikum Stabstelle Medien &amp; Kommunikation</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096260&quot;}"> <div id="bookmark-job-1096260-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;Vk1Sc3E4VWtzUkdqcG1DWHlTc1RQUno3V3VYRGdZTEwyTHBVVVptdUFBcSsvbUhqb2JVS0RqU016Tk5jazkwUXdHZ1ZtcVJXa2IyQld3SXltWXRCRFh5V1BKcVRJWFJlaTlLNjBQWWtmR3hoVWxzbXhIU2U4a0JZNi9nOU0xbHRSNXVhdnc1QlVrakZUT1FpVW1XOXArN2pSRzQyK3YzQTFicTFwRXppbHREdHluZkVzM2d6NmVkd056TkhlYytZditNRlpybXlMMG1DbStvQmlhVjcwSm4vRU4zMUFNUUZZdU9VeEp6NHdld2xEUDA1TUxWNXNsdzBFQWZtQWhROEpqMFF1RVdLbEZIQ0tieUlxNEpjZ1dZT05vRjAyWkRIbkdWSzV2MU9UQkJKaWtTQ3g5d0xMYWxTQXdIN041eDhuV0t0bTRmRXBDbm9CUzlBNE1EcWxBV2ZDRzB6UEFmTDh3dERJOVNGaGVjSC83THZxbFE2cDVMRmlsUVBxQmltbkhVTVFreWMwQjNiUXdTSk5JVVROUUtsYVg0WWkybTRsNmVlZmZIZWJJNHNDd2MrWHZGb1JyU3h1NzhjWDRBaXNJejlnb2FmYXBVdmVEcDhWWXQzd3pvYlJ6N2xVZnJSRlN0SkFBTkpnS3NIZ29KYkVYcm9nZ0lPOGlzQjN1Sk9HOHc3aVNnMkNqa1R4bEd4cEE4cll2UWYyK2RobURpUXZsbE83eFZXRmhMVmVSakIreWVpR3lzWFVrT0V0aW1JYzVrUmpTSjB3N2lPYmY5blRRQTFYL2tPaXRndHhTWDJDZTF6VHgvU0xERzByeSttK1RUUE5sK1g3dGtjN1c4eFBralhFUDZxTmdvQm9RSGNpL2JESnhVUW1TUFQ4SngxWnpNZTdnQXowWUVFWmJZRzByZ0VVQW9vZGVtQXh6REdiazEwKzd4UXY1cmxNTnBxMUxmZHVNVHFodTdkeElkOHV5ZC9sdERiOU1WalFqVE90YzFIalVKL09iMnBoMUlvN0FyWHhYYXRHRVArME9MdURqazBPTU9hRjlCdmluNFprN2xoQnNxR1crNXRiNUtaVE9pdDNZTjFFeDVSc3VZY05SaTNjTEpnbnVZbUxHdE02dFhZMGx5YXJla2hwK1poN1MvZ2tEWVRRWmpIeWZzWkhRSWpDemRCeTZxL1d2ZSthVTRPMjVaQ0hvWVRhazg0QkwvY1ZFczIvaVE5Nks2MXN3ZXJQd2NNWlhjPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> ECCHR </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Berlin </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 12.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096179-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/studentische-hilfskraft-werkstudent-in-w-m-div-im-bereich-oeffentlichkeitsarbeit-leibniz-institut-fuer-gemuese-und-zierpflanzenbau-igz-e-v-grossbeeren-1096179#" title="Studentische Hilfskraft/Werkstudent*in (w,m,div.) im Bereich Öffentlichkeitsarbeit" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;12&quot;,&quot;10&quot;:&quot;1096179&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096179" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2020/04/62a1a2b0ec6d0357082256.svg" alt="Leibniz-Institut für Gemüse- und Zierpflanzenbau (IGZ) e.V. - Logo" title="Leibniz-Institut für Gemüse- und Zierpflanzenbau (IGZ) e.V. - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Studentische Hilfskraft/Werkstudent*in (w,m,div.) im Bereich Öffentlichkeitsarbeit</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096179&quot;}"> <div id="bookmark-job-1096179-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;eU5QaUwyeWtQcVZKT0wvbmJIeUo4dXpjN3JNUnNhMng4cnpWN2FrbTNMRWM2d29jTmFBK3E1VndGVUtUN2pyQXNPdkRzWWhWTERGQmlCMm9mQUljQlBNd3g0Zm93b3lLZEsxbzF5NW83ZWpvTWlqZTdHRitXS3J3K0FJRndWeWExVW5oeDk5eEsvS0crMmNTNURjSi9Pek5VU283M0hHODRNbVZlVFgzK2lIc1A3aW5XK1pRRk1xTlNCTkozZ3lsVUdUd2s1RXNRWFc2aXRVdUZCRzFzNlNTVTVLL291aGVnM0Z5dERvMjdlem9tTWZ3M1BFNFhTSjFEV1lDUk5QeU1SV3FtSXU2TXZPbHd1VDlvTFA2STJRNGlhTGZQM0hYaDZiVXlORUpSZzRhamV4LzExb0RwR2E5RkdWL0cvTXpEdjRQNmJOWTFuWitsSWZlTnNJZG1qMEYyTUdxQkZlYnRIaWdiUnFVcnZpangwLy9Gcm5Va3Jxc09XYkpVcldScUlqZThwN1pMTTk5a1JCbm85bnpDcHBndEhlUklYSGc5Q0R6a3B0YVpiTmJRMFpERXpIUjRIZjRid3NCVFlFb2YxRlZPSUtma3VlWTRMd3BnNGZVSmZlY1ZxRW9vWXZ1YWNlVFB4THFreDdyR2hYd0NhclNkOGFlN2Q3eHc4VnRHTHByNk1lMExiemVVc3VLWUJIZndvcEZKNGpHNjZPZm1OSVFBd0p1U0VhRnVITWxpVkhRbnBMRnFzMGVrY3pZb04yWEhRRGthUklkOWUwd0Vrd1B1SS8veHdHUTdhcUcyOHM4WUFCM004STdWM1d0U1pqR3drMjl5WlI2MGh1dTZXVzVTZW5wZnBvTXAxVWlOcXFRWWpQRnJETFNhTFpGK3RTOThKWUZLdlV3ZC9hR0lZQzRkOE91WFhUYndKcUUvcW9BdVpHMksxNEJSbjc5OFc1cFltVnEzeXFYelFLV0I5dEp0S29ubWRjdGY3dWNKdE5Ec08rcXRINGtsa0MyR0xzaGRuNVo5TjF3ZzA3M1M4VTlzeHd3VDQydHJIL1llS2lQUUxnQ2pmTEd5WVBzWTBrVlJoMXpiK0Q3eEtIdHZ4MVBacVZsV3ZWU25oSGpHeG5HWnRLU1o3R0xqV3owdjJwRGM5RzNpam56ZktFMEVjTVRhRWVmMzVGcW5zZnJMb2YyQXNsNTJEMFBlTHVIL25ncVB0MC9BTHhneXlCYmVoMEVTZGE4M3BnPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Leibniz-Institut für Gemüse- und Zierpflanzenbau (IGZ) e.V. </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Großbeeren </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 07.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096133-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/ingenieur-in-der-fachrichtung-landschaftsarchitektur-freiraumplanung-landeshauptstadt-kiel-kiel-1096133#" title="Ingenieur*in der Fachrichtung Landschaftsarchitektur - Freiraumplanung" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;13&quot;,&quot;10&quot;:&quot;1096133&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096133" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/053585757/20250206090102Z/resources/logo.jpg" alt="Landeshauptstadt Kiel - Logo" title="Landeshauptstadt Kiel - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Ingenieur*in der Fachrichtung Landschaftsarchitektur - Freiraumplanung</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096133&quot;}"> <div id="bookmark-job-1096133-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;Y0o5OGVaNy9uSzB6NnMzREFzZ01hSTZLbXNWYzhVRVVXMUdPSzhYanplQUhaOUxDVnZhdGZ6QXQzZnN2dFlTeXFEZkNDQzZBeVQzb1VXU1VUZ3FibFhVbDVLOUEzTFlJc1ErYmE1T3paa2VBdk1MNlF0dFhXN2VsUGI1L0h0VFdybnQycUx5Qmwvdkc4b0VlUFlGKy9ZS1hwSWpUNDVNbHhRRVRnQ0ppa00zdGRjOXBHbEgwWU9lYk1GbTVGd09BTFZWZG5MZ2NxQWo0K3Zjc3NzZUI3QXdaWmxaVDZYYVJYQm1KSGEyRzRxTVNjRnR2S1FtUjlkQjV3VHpmNDBXZ0JsaTZWWUlhWWQ0cklFeGhKc2pSbVVCQk5YUXMrWEpCVllYb0xPd252U1NlZU5MOUhLMFNtZDlneHc5SmswNEJTbDlpRFFDWmN1Q0JUZ0M1bTBVVmlEMXAyWFU3TEllVmdja1FzNWdMWlJSNzVHV29wUXNpK1RRVmtPRDZ3OXZaMW5aczMrbGJ0V0o2Ti9NZXR1ZnhRWTFkY3Vvc0Mwc0JoTng4ejhDNDE1TFd3Ni9YWSs0MmlRQkQ1QjlyZGZFWnpWOXo4R2NDM2NVc1BHUGVKcVpNOG9xUHlzYnZ6eW5zb085NHAwY2UvN2ZNWlp0UjFUVFUzMXdSa3QxdEwvaVk1UHJpVzBuSk9tQ2RYTkphaXRhSHBaOVhwSXRtZEFOL1I2NytUdlp1Q1JOOHRKbmpublNFSENXeVpSb2xkN0xTQk9pdThjeFJXSHFsSTRsUFl1SHArcjFZcnZXejZLVGhHdU54THExTUxDTkVxOGh3bW1MSzVTWmZZTHNUQVJJQWZRazRnMzhUMTRnY0NseVhMZElKamV1ZmRtek9tVUFkZHVPYnRCK3ZxNm42RkdQLy91dFBZS3V1NUFsdFVua3NnaXgydFpvdjJyNnRsQ0dubnNrVWdmWVNUaTlQUmRWM1ZvWno5bEx0aVk0R1BDSzRUWnpNRWdyKzMySG1ObzN6TU8vRGxNWWtodE5sQ1VrN21McnZEaGlaR0JYQ3JDeFpObHVaNlZIWGZVSTAwbXNvN3RWTGZtZjRZQ3A5dysyMFVXczNpTHBhTkp0bk5JVXNzdCtBWnU0MFlDTTk2d3BzMTRKdFJNRm84SDJkSms5VTh3NDRvYnZkc3o0d0RnVm1xVFYvcWpRUDNmd2lnT3IySDVFMm5OazFIWnFTL01FTW9RQkVEdHhpTWlRPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Landeshauptstadt Kiel </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Kiel </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 07.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095335-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/pressesprecher-in-media-relations-manager-w-m-d-konzerthaus-dortmund-dortmund-1095335#" title="Pressesprecher/in / Media Relations Manager (w/m/d)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;14&quot;,&quot;10&quot;:&quot;1095335&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095335" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2025/01/09/1201686670/0f8028e48bcb88c68783abb067ab6443.png" alt="Konzerthaus Dortmund - Logo" title="Konzerthaus Dortmund - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Pressesprecher/in / Media Relations Manager (w/m/d)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095335&quot;}"> <div id="bookmark-job-1095335-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;NmxBTHFmVWJDcjdEL1NuY0xEaVAxY1VSd0QzWmQrMVpKNEs4NzZzTU5tL0FHbFR6eEZZdVBTUUU0SVNNdFNpTytUOGJZTmVtS1lCNVlkUE5BUnRHaFNDWGJZYUY4QUpUSVVuaXgxNDNFY0RXMSthekhVTVVHSHI2T05aL1paL0JzUDBBYkdHNDBwc3dvMVZ1V3ZMejQva1hWaktzSzZGN2dCZnVRWHhjZDBuUmY0Z2JibndUbnppWmFrQSt4djNFZ2hxZGVrem15MmNkVkROS0srS0Q3N2Uva0JlSHRRTVdMM2R4M25XZk9zUXRaMXBIVmEzQUNVNkdIY3l4OXBxRnl4L3VGbUkzRFVFdnlIbHd4b1k3TXhDcnp4eEJCRldoMTZMdjRjb2JZa3FQVzVHVnJQaGhmdFJRV2U2Q0syaS9hRzBmTUp3a0pubjBYVlNGNWxQVjRBQXdqbFZFQkhDSzg1dkxiTkpPeHcySCtSdmgzd2dHRUJ0N1hNYjkxVGZRWTNEMmRBL2FmMDdyNWs2ZVBpSE44SGpidDNxK0hpQ3FSdUJwYXBJNFBkNHdnaVY3RERSQkFTRUI2ZVRiTml5QW1mYXNXYXBuakdmM2FxNTdyTk9KV0NFYjBhajN1ZDg0YkZhd3FMejU0K1liK1lGTTRQbk0vT2lDYlJ0aVZsa1hGZGF2MnFNM01PQ1dLTXhDdkIyRk1LYkRQeStMWUJHL1J5SHd1dnBwbXk0cnJodjhDNFV1cW8yZUgvdlBzNmVtZlZUUVFqMzQ0N2R3REN3WmpEcnhla1hqbEk4cFUrbytKais4MVBpcE5SdW50QWp3WTNocGNRL2hHNEs3RGF1aWFkakdna3dFUUhpcE5RUXhXNFJUYi9pWG9YdzZXTmhKRWVmNHB0eGVNZVdtdndrRHAveUx5c1pnWEp1ZmhXazRpRGVTUzBRakZKeUEzRkpQZlE2YlVxOGRKUys3R3NmRDhLSVRReXBEYjFpd0IxRFU1YlU3bHRjaVhycm9wTk5OaUowN29KbFpwZVp1UzQ2emNtR1FPakdReWt3YWVhV05ZNU43MzhRdVBqZ0xPbTk2bFFzM082Y0I2VTF2T01hcFRZVFZLbys4cTdIUVFISkgvOHB5ZHAzcHQyc1dvbXpmZTdKK29yMG5ObVJyWDkyWStjYS9PRkthMkxIOUlYNi9qWEhHMU01MWVBZjVDUng2STVFNXdnaXl0V1h2Q3h3ekJkWjM2MmNCcUFvPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Konzerthaus Dortmund </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Dortmund </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 06.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096018-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/studentische-hilfskraft-w-m-d-fuer-social-media-podcast-recherche-chemnitz-01-2025-forschungsinstitut-betriebliche-bildung-f-bb-ggmbh-chemnitz-sachsen-1096018#" title="Studentische Hilfskraft (w/m/d) für Social Media &amp; Podcast-Recherche | Chemnitz (01/2025)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;15&quot;,&quot;10&quot;:&quot;1096018&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096018" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2021/06/60d49068d329e557729239.png" alt="Forschungsinstitut Betriebliche Bildung (f-bb) gGmbH - Logo" title="Forschungsinstitut Betriebliche Bildung (f-bb) gGmbH - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Studentische Hilfskraft (w/m/d) für Social Media &amp; Podcast-Recherche | Chemnitz (01/2025)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096018&quot;}"> <div id="bookmark-job-1096018-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;ckMzcmswZmIyamovNzZTU3MvREdlRzd2bkJUNmJVdFZyTDkvMmdBd0JmejhabUprMUI0SlovR0JIai9zUGJFY21rQmtsTlBDc3Zid09yOUZvNUdCL3dtQ3YraGFZeC9CY0s1NGt0cDYwL2xSZGxTTEhEVzV0eUtTZUg4U25YTFUwSUZHcmVrcEFLcGFCZCtjblI1QkpIRVdrUVdjTXJEeWZXZDJETWl1R3U1NzZiL3pmbU9ielUzMGQ2eU43NTF4b21TZVBjb2xtUURvR2ZJazB0eXBSaTZHcDZQbDk2MW1OWUN6YkNoSU9oSWxpcWQvVDdLU3NuZEVRWUFBYWV2UGZucm43d090dnU1UHlHN3dPNXV3a1Iva3kydUM0UUVyYkYrWTBqdVorSHV4d1RpMVRJWk0ydzZjQ1NuZzcwTU5FZkMxK1Y2dGJLYSsrUW0xS1dReTNuSnBHZk1XL0xNSHhKenAwNk1GcmFvVTZzby94SWtPVzFSMzlaTExxYU5yNytldmVxbDQ3SzJFQW5KRDdYWTJ3ajVNQnFVOUF2dDFuVnZrVFo0RHlRTTVabUtybEg5TkpockxrYS9hbE1tYkFKQUVPRjJTbkNneWdGenNCenRFZHkwY1lLOGt6RnFlS0dXZndIREJRdWFqaGFmeHRHM3FjU093WlpCRFYzYXRncnNaNWgwRzJ1SmxaQ2lTTDdmV3NzWGFEUzcreUduYVdrV0xCVmNXeFdQeERYUjZJUk1qU3NxZWJrOHUwRmxveW42TzNlVi9Pc2VpTUkvUU8welQ2dUh6dW9acUQvNENSRXQydXV0ckFrSStDWURId3RzTzZ2YjBWZ3MvbHI4TWpIaFZYaGtVWEc0a0UwdmtYMk0wSEtabFJXUERSM3dDcDMyR0V2Y3VpWmJoQU93RjRmZy81YjBOeFpSUkZXT0w3Sk5zMlpjWFBwK2FrZmhkWEpybkdhemJIM0RTSTdHa1VyOGhCcU02dWQreXVlRmdXV0E3dFlaOUlncU9rWVEybDVIVGdRU1pGaXp5UGFaSWtUK0dxR0ZvWHFyeWFKV3duRmVtcXhLbjdrK2R0SGE3TWNmUmJobXBtQ29nT3NUYWRKNFNlYnViRnFMODI4aTlKc0JDbFVOUWMrTENldzcvSE9hczcwZzVFam04aDhmMjdvQkdhOWdnTTZ0bHc4aE5NUmx6Tjhod0lRTXFZdVhIaDBGMnpxR0dGakVFUXFiZDZIcjZsQTRlRklzPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Forschungsinstitut Betriebliche Bildung (f-bb) gGmbH </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Chemnitz, Sachsen </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 04.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095956-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/research-groups-forces-to-find-answers-zif-zentrum-fuer-interdisziplinaere-forschung-bielefeld-1095956#" title="Research Groups Forces To Find Answers" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;16&quot;,&quot;10&quot;:&quot;1095956&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095956" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/053197052/20250131091111.000000Z/resources/bielefeld_uni.png" alt="ZiF - Zentrum für interdisziplinäre Forschung - Logo" title="ZiF - Zentrum für interdisziplinäre Forschung - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Research Groups Forces To Find Answers</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095956&quot;}"> <div id="bookmark-job-1095956-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;dU1PZy9JZE5GRUVCRkFtSDRxUFAwRDRqS3FUYnh3bnVMQkluYmJHR1hqeDRPQzdXUXdQbWpaV3JJK2dTQlBud1pwU2hpcDhiLzBjYzJvejB5OEQ2bjZsbGVkeHNFc3RCam5USFdxT1lNRWUzdFJ2Q25FZTR5blcxREt5TDdKbXRxZGlSTE55MWtNQWFlYlF5eEhxcXV2ZVYyQzZ4UXRtZ0JDM3lHQ3ZMTnh6blRBZUVzMlR4bU9FZFJGYXpINnhuWHJDVU1lVldsOVhZU0h6S2lmMkZhUjhEczFVL0dtV1hZUEdkSERJMTdlbDhaaWtGU0NCbHBXbStWUmhoNVEyaDgrd2VKSmR6SThMZ1IyNVpJeTNCNG1ldGptL1l2Y1VDbWlUUHJUSnNhV21IbVR3eTM5Q0lNaUNoQ3g1TEg4MHZsYXE4VUQ5VVhRcHhrOEZpbCtUWVJFL2s4aEJ1NlpoV294dEsrdDdvUEY4aFNYQU1SVkhEaldqemMyYUdtdGhnNzVsU3JGbDZSQXN1R1pWN1A4andpdDJ4MkF4SkVLdzJLS0x6bjJjSWlJWVVMclA1NXhqM3c4cEtZUXdRK2FsRTJYdkJzbDNON1NWUTNIY0o2TXB4cnpFWWw1aVZkSHZ1aVRCTHFzanhhaWlaYktVNWg4TC94VVVWVjk0d1hTcmRJbjJGN1d4aGhKVzZIUjgybUtBbjBhMFBKTGs1MWg0elB1Ulg1WXRBMEcwYTh5THRWK09tUW85cmpqU3FsdUxFeGhEVmZPR1FMVmhuSXFET3dBYnFnajgzSHRKOTR0b3JBKzMvbENwcnhzb0FrdHlkV3dTVU8zUGxDTG1TelJaZFlhOStVTkJGUUowdkN6ZG5LUERMRC8vVmllVEZxeUZwVmRyaXhZS1NTaUcwaHpxS3hudVpIUDVaUStZREk4L1FpN2didlE4Q2hFRkNjeC8vL1FkbHoxTjJpMnBDaTlTMGh0UmhaNlpxTlpZMU1jN0JOTHExYi95SXd3N2ZaZUxRTmRuT3hrNTRRNS9ncWx6bWh4a1JQZVF4Y21QaitJVktxcExILzh0L0JucVM0VUlIcmJkT0M2OWFUY0xVeFdqdkxNL0FaYzdFOEY4bzhrMUhaa3c3UWVUT0FqSGlqNTFEQmpyaFYyZk5VdUwxOGhGaG53bVpaTjZicHpjV0pTUzBuV2RuaWF3ZW9XcmxiZG9yQnVQYjlJUnF2aVAvWmFjVGN0N3N5Z2szUXo4PQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> ZiF - Zentrum für interdisziplinäre Forschung </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Bielefeld </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 01.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095981-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/marketing-und-social-media-manager-m-w-d-videoproduktion-unternehmenskommunikation-asiin-e-v-duesseldorf-1095981#" title="Marketing- und Social Media Manager (m/w/d) – Videoproduktion &amp; Unternehmenskommunikation" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;17&quot;,&quot;10&quot;:&quot;1095981&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095981" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2024/11/20/1652133359/4ca6ca5caeab43fe8053cd8695184c46.png" alt="ASIIN e.V. - Logo" title="ASIIN e.V. - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Marketing- und Social Media Manager (m/w/d) – Videoproduktion &amp; Unternehmenskommunikation</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095981&quot;}"> <div id="bookmark-job-1095981-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;dnVOZUUxaTdDM3NkOXhkbHJyeEkwcVZlNTN0YUJmUGd1WTBwaFkxR094WTk5dzB2RXlJM0pPVWZRdEJRUmMweS9tLzZrbnhVMEZnREVhdVJDeGdiMktNblExY0lWbGt3TnhJZ0NFZlZUZ3UvV2xDTEpibjNVUlB2RmRYcTRTMnRkZ0hsdW1xWUUrbjJ4OWxoWDZPdzFlN09xVmJjc1BndjZKQy9OK3BWUFo3aW10aTRBeWQyZ2JJY2ZUSlBISWxVelIwQjcyeEl3WWQ4YS85SWREbDJWSEVhOExSbTJpVEVVUTdrMVBhaXByRE40YlNpUk43QkxCUGttSkdkMVdydU5OVVBEMGZhS3FSeXg4WE9JWUtNSkFadDNHYXJ2dW1DMGt5ZEE1eTlSbGdib3haMTFjWXNRb2Zub1VtZTBLSzMzNytyclhZREFFeFVEOUV6dE9XaXlZa1UyaDdSUnJmc0FsWVoraEdXZ0JFM3E1SU1jOWpZck5uanY2ejBWNzltTjdNQ3Q0V2JGdjJmdjJwQ09YcHllMUREbFdSWG9JbmVkd2ppbkJTU2Q3TzNMYXpYU3B3VGcwKzBBMkc4bzRNVWZ5cjROc3Fxa1RXK0RjUUVtU29oRWFUb0VnT3JtVHo5UGx0ZnpsaTdxbFc4bmlPdUp0QWRuY0ZDcTNHMk9ycCtobkdCTFJzd3gwTjBlSWh4QVlDWmZzdjluWEZnM24yZ3MraDh1MFFWVDZuUW5iUlREMEZURGJDaitQMUVqcDhZenNOWmdHREJhbDlJaDVUbXJwQ0xJdmNlaHJleFgrV1lnVHk1dktuaThlN294TEYrK3EvSmROQnpIbHhBL3R3OWtBTDdyckJQcDZOcThFSkhFejhqSEhyOHhMMmtvUTdYNXY2NS9sZTlkMWZlSW9Ja0NmQmlkeVFTUXhLVzAyUnVUbVdrV21PNW9jSHRmY0syai9kM2ZxNkVaL0wyUHpBSEdLTit5WU5URlRLVm16ZkNxOUxGWlF2R0htNkJXelhQUXlVbFdua0tOeENNNE9PaWlQYVozSUFyM1lnS0xZeUN3UzF5K0F4amJCbXpxcEZqQmxsYnVsQzAyZE9Rd3BrN2M0djNPM2RjdFZTc2tuSTR2QXFOeEIybkZnUVhLUmU1MHc2WGRtTy82LzdScjJyL2F2QWJHeVp0eW9jRFk1V0J3UXZjWG0rMHEzc3N6T2greHB5MW9SdkxpcWoxUmdXaEN0NXRRaW9ibURjPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> ASIIN e.V. </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Düsseldorf </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 31.01.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095804-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/studentische-hilfskraft-stifterverband-fuer-die-deutsche-wissenschaft-e-v-berlin-1095804#" title="Studentische Hilfskraft" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;18&quot;,&quot;10&quot;:&quot;1095804&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095804" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2021/06/60d03f5022cc3677995665.svg" alt="Stifterverband für die Deutsche Wissenschaft e.V. - Logo" title="Stifterverband für die Deutsche Wissenschaft e.V. - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Studentische Hilfskraft</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095804&quot;}"> <div id="bookmark-job-1095804-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;TVhGSUo0eUI3d3Jtcm5SajhCQThuWTc0N25UNFJqUkE5a3JiemVaQU9lVU82TWYwVC9BQkVnOVJBVWRSQ3h1cjNmUE85bGR4MHc0czV3ajNjUXI3eFhjTGpvWElzM3NWZHNQT3FxNXJLWUhqSlNOQTY0NjB3NlZySGZHd25UaXF0R1dwVUJjckRtSEtublBRQzRBczR0WW53dkpURG9sa3FtcGhJYXlMcmZKd0J4VjBPeUFRRHY2YitoWWwyU0hSL2hISXJVRllncTV4cUJDV1VBbi9wenhLeGhIMnhGbjhqcGluSU81cE14TkdHQU9MQkJkTU05d1hyVllMdmtJbDY4c2hnNkpRU2YwV0twa1pEWEJGa3I5V1Z3SUJPcHJFbi9HYUVFR2p5QXpxdE8valFuckFFRlpZWU53OGdEUDJiWUVINmZvSUxrNnJJUytLMWZvMjd5RFNqZXhIcmdCWDVnd1B4OFpHem5LS2UzNmtoMERnTk82aXVtZUJYZi9XM3pPWEwzVnpYcHNpZ2ZuQzZnTUViWS9KeG9Zamtwb0s0TFQ3OEZsWUNPbHhWeVp5S3RnbElRVFdjSmtkWkRiWWJNWHhHcG1iSHlFUHVBdG8wUEdnRVJtV0dScVgreWJqd1FFV0w5MTJTaVQ1R0tXWE5wK2ZhWmtRL28yZHZHMzVxMzJzQWQ4dHp6bWpJQlNzSWM4b1ZZVWI1U1ZacmxQMTEyZjVjb3ROa2NjNjlHa2tBRk9GbloxMzFFL1VjenU5SnlYTUhjcVYzMDgyOVJYTisra2p6QnFIWEh0NFBiWTl3U1hXNzR2TDZlR3NYY2h0a3pTa2RBSWFsVzNoUmx6YVZodEl5TDdneDlETUtBYnhGTGVvZG9qVjNITncvaGlwY3I5VVJkNGZxMHRhOGxMSVB3cENna3RNVE1aWVlyaHgvR3VtWWVOc2R2QTc1VnlVTHQzMEo3WGFyQjlROFZKa2R5eFFGMjJrNnlDZmJEUnBEVEdKSE92TVlQdnB3ejNoWXZzTGpZdmFiQm8rckwvRWNYT3ZkeGRBWm9YSU5TaXRrQitGN0JlR29TTUxzd3BZcDczTlFSUTc5MmtiK1ZldXkzNmpITjBPS0tKY2lOdVRwQkpJSzR5RlNLUXlOd3J3VjlmTUJHZDhGTVo1b3dMSEE3Y1pTb0thWFhaVHVPMU5tUlpDV3BoQTFmSUdFZGwwWUxGakt4dnZRRy9GKzNMY2hta21yYm9JSWs4PQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Stifterverband für die Deutsche Wissenschaft e.V. </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Berlin </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 28.01.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1094242-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/sandpit-foerderprogramm-curious-minds-make-a-difference-wuebben-wissenschaftsstiftung-ggmbh-deutschlandweit-1094242#" title="Sandpit Förderprogramm - Curious Minds Make A Difference" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;19&quot;,&quot;10&quot;:&quot;1094242&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1094242" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://job-assets-prod.storage.googleapis.com/052006043/20241127112103.000000Z/resources/logo.png" alt="Wübben Wissenschaftsstiftung gGmbH - Logo" title="Wübben Wissenschaftsstiftung gGmbH - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Sandpit Förderprogramm - Curious Minds Make A Difference</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1094242&quot;}"> <div id="bookmark-job-1094242-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;aFN0TldtU0Z1SlJ2QWxUeVJnNjlWNU9hcUdLMFNNQnUvYUplVkxLYXFzMXJzTVkvS05BSlJpNE41ZWVhdTN4djUwdjlDNlo3Y1dQY084YjZvVlBXaDNJSjYxc0lDbDQ4R2hKV2xQbmw4NFh5eWl4L1BCejc4MlA5cjE1WmZGVUNzTlJQWmdRZEJrQTlTODZTdVdXcEdmVHFaeWc4UG9LcVJyWUpjTFRFR0VOWUxKTFkwT04zbEl5aDUrOUF0YWZzMGJXUjkxM0JPOXh3ZkRwR0xqT1MrRjdjdUpYOUpqK3lKYTZOeng5OWNMUGFJZ3ZvVlpmLzN5RnMrQjdDc1hFdDlEK0thMUordjl1QjhFclV5YnRUcWtOeXJsTWhoWExTT0VxQStXaW1tUXdydG5HT0lMSE05TnJXZlpyZDRSU1pqL0llZERidEpaSm9XMGV5NnNWaVFsQWdFc3JqbHVyM250OEJXbVFkeWVSS3JOQVpBUkgyQTg3MG1EeGhFYmxLcTRFa1ZRZGRUc1F4WDU5TGpraGhjMzVrdzlxeXFHRy9laEJXVnRESzQ3QjJ4VWQ2Q091dFdTN3YyN3llbmtDTnd6bGE1dXpzUnpBcWlqZ2xDK0hoY0MzM1Q2ZW5xbHBsYnRncTF1NlJqVTIxOWFjeUh4Z2cvM1dpUS9hTy9way9zMEVRNEd2RDRXZndtb1V5OVBBa2xDS0tsaWlMUE5LOElyOU9tN1hrcHI4UUQwTy9tTXdXckpSLzJXZnZ4YW1wSUJUNjByVWsreWhHUmxqQ1lWeW9rUWllQTgwM1IxY2M3TFY5bFZ1TVozcnlJdEFwQzF6OXFRRnl5TE5JMStYNnZnVlQ1UGdFTEFKYmlCaXpEMEcvb1UzenRiUEQxL3RhZXBXSEFGQUVmendEZ2hoMFJJQXRHaExsOUR0N0o2eDZNVFpIUTlhUks1YWZuQzNEY3JYbi9EVDg0S25rVlR3ZTEwR3JIQnhXMVJGQkdLUy9pNmlPZkZDMVRrZGQ2SUhDeU02Ry9NaTlia3lMTTlObFptcFFvaEtRc285K0d1VmhwV0lEcEVpcUxyOWVDYTdjaEt6eFNZT2ZwNHlSYitnaFNVcUwrMmE5Qm9IbkRRU0JJcVlFT2t5OG1XeVJqVkpkSXcyZ21YYTlvazQrMjZOelF4THFQOFBRL1hXWldPN29JYXFHeHdxdGdnTWRmUVVXbXBiWE1nUEVPLzJKNlBmcWFmVGFXUmppMVdFPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Wübben Wissenschaftsstiftung gGmbH </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> deutschlandweit </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 26.01.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095558-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/duales-studium-public-relations-kommunikation-b-a-am-campus-oder-virtuell-iu-internationale-hochschule-hamburg-sowie-weitere-standorte-deutschlandweit-1095558#" title="Duales Studium Public Relations &amp; Kommunikation (B.A.) am Campus oder virtuell" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;20&quot;,&quot;10&quot;:&quot;1095558&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095558" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2019/08/60d03a3db160d204951750.png" alt="IU Internationale Hochschule - Logo" title="IU Internationale Hochschule - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Duales Studium Public Relations &amp; Kommunikation (B.A.) am Campus oder virtuell</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095558&quot;}"> <div id="bookmark-job-1095558-login" class="cursor-pointer" phx-hook="preventDefault" data-tracking-params="{&quot;9&quot;:&quot;bookmark_toggle_on&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;WFliR0hrZW1lK3dPTEtqdWdDOVFjcnR3NVphU2lTNk02UjcrNThrMGcrTjNFeDNxZ3lOWTNvZHU1VEpvazFnejl6SmNKd1RQZWxmSCtrcVJHUVlRREtnSHg4TEtDZXBpNFpETDgwMzF0Y3hkUDdwQVFRUHRucVluNWEwQmRYMjZIV1B2alBaWHNMaGZIMWNJT2YrV0pLajJFdmlRQ25DV0dhL0liTHZ2U0hSbWlPUk90d21SclZRTWlXRWtOeDFFYlVCOE5qdkNSeElOeFZudU5nUFVTdDZWVTR4cEt5ZW13dTFXZS9HS3FQalNlMXVMSFYwVDM1aDQrYmVuSGdrOGJpckRvWXJtd0ZrcFVNemRiZlBHbzVyYm9yWE9wei9jWTNLeisvellpZys4ZHM1NGdJNTRUalhmQ0hmTGFtZE9kbWV5ekxZY2NjN3B5UWUxa1Z5MkdtTEZyVXNuejZnRHkyWjk2cG54b1AwcjJwMVdtUXJadkJUL0I1QlgvM2Z4SjZMcjFpbkFnc3ZtcUpma3d1TkQ3bndwZ3BKa0lCOEhiajJkRTllZFd5WnNwd1ZXRzVnbUFhS0R0T3QrVWtCRk1yUE1qa1EzOHYyalcxTjNqNE55YVRqLy82eFlMblJGeWJOSExwa2ZCS2RaYzBZMEZXQ0xNYzBnNVIrZmwzalJyOE1ZZ0hKaXgzREVrZHp4R3A3T2gzZWJJcmROOGxQY2NwUGVYNGJiUFRieFVTMWkyc2lZbHdmd0ttZGlGeTJEa2VFLzRBL24vRnVPaHRBSmVNMGowbXNCRGJlVG9DUVNhbXR4WWFRaGE4bGswTmgvYmRKS0hZVW1DMWUwRnlPWGwwMVlTcU9nc3U5Wi9ldXdxSVFrdjJVdlN5RjRwTzJxRTRTWTJ1Ri9jUFhXRmpIdnVQb3VZbXIxZ2hXb016cTgxb2NhYTdYblUxNmFHWktlWnZSajBUS2lHZUVIYmR6WGpHMzRZSC9JRGVFaGJSNmpKNTRxc09TcWN3S2hYMFZ5c0p4YVN3ZGJKcUIra1pOV1pkT3NDU1pVaVVvMXp3TFUxNTFCUko0Q2ZUWXp6aWJFM1Q2M0U4dktTY1FKM2dWMzNmVzhOOXRVNldTKzB4blE5MnFXbDVGNVgyZzRxVEMwUFJZNjRZUjFaaU1yR0V0QXJtSkpFZ293aVJiQjNqR2ttdnNzeWVFVlY3V1ltRjNMV0Z1TUk5U3Y1RDIrYmZqNVJKeVE2RldYNm9FPQ==&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> IU Internationale Hochschule </p> </div> <div class="flex justify-between"> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-primary-80 bg-primary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> Hamburg sowie weitere Standorte deutschlandweit </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 17.01.2025 </span> </div> </div> </a> </li> </ul> <div id="job-teaser-pagination" class="text-style-paragraph-xl mt-8 items-center gap-4"> <div class="flex flex-wrap justify-between"> <div class="group disabled"> <a class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full jobmarket-font-semibold focus:shadow-button w-10 h-10 text-sm border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 mr-20" data-to="/stellenanzeigen/branche-medien-public_relations/gRU=?page=0" data-tracking-params="{&quot;7&quot;:&quot;previous_page&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;visit&quot;}" disabled id="job-teasers-prev-page" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" phx-hook="pushPatchWithQueryMerge" title="Vorherige Seite"> <span class="w-6 h-6 ac-mask-contain academics-chevron-left" class="w-6 h-6"></span> </a> </div> <div class="w-[156px] order-last mt-6 basis-full content-center md:order-none md:mt-1 md:basis-1"> <div class="flex content-center justify-center gap-2"> <a id="job-teasers-select-page-1" href="/stellenanzeigen/branche-medien-public_relations/gRU=?page=1" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/branche-medien-public_relations/gRU=?page=1" title="Suchergebnis Seite 1" class="cursor-pointer text-base font-bold text-primary-60" data-tracking-params="{&quot;7&quot;:&quot;job_overview_navigation&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> 1 </a> </div> </div> <div class="max-w-full group disabled"> <a class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 " data-to="/stellenanzeigen/branche-medien-public_relations/gRU=?page=2" data-tracking-params="{&quot;7&quot;:&quot;next_page&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;visit&quot;}" disabled id="job-teasers-next-page" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" phx-hook="pushPatchWithQueryMerge" title="Nächste Seite"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Nächste Seite </span> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div id="feedback-module" data-tracking-context="{&quot;6&quot;:&quot;feedback_modal&quot;}"> <div id="feedback-module-modal" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#feedback-module-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" data-open-modal="[[&quot;show&quot;,{&quot;to&quot;:&quot;#feedback-module-modal&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#feedback-module-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#feedback-module-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}]]" class="relative z-40 hidden"> <div id="feedback-module-modal-bg" class="fixed inset-0 bg-primary-transparency-20 transition-opacity" aria-hidden="true"></div> <div class="fixed inset-0 overflow-y-auto" aria-labelledby="feedback-module-modal-title" aria-describedby="feedback-module-modal-description" role="dialog" aria-modal="true" tabindex="0"> <div class="flex min-h-full items-center justify-center"> <div class="max-w-[358px] w-full md:max-w-[704px] md:py-8 lg:max-w-[800px]"> <div id="feedback-module-modal-container" phx-hook="Phoenix.FocusWrap" class="relative z-60 hidden transition" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#feedback-module-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" phx-key="escape" phx-window-keydown="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#feedback-module-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]"> <span id="feedback-module-modal-container-start" tabindex="0" aria-hidden="true"></span> <div class="flex flex-col overflow-hidden bg-white-0 shadow-pill rounded-[32px]"> <header class="flex w-full flex-col"> <button class="absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#feedback-module-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#feedback-module-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}]]" type="button" aria-label="schließen" id="modal-close-feedback-module-modal"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> </header> <div id="feedback-module-modal-content" class="p-4"> <div></div> </div> <footer> </footer> </div> <span id="feedback-module-modal-container-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> <div id="feedback_modal" class="print:hidden h-[0px] sticky bottom-0 z-10 mb-[-88px] mt-[88px] md:mb-[-136px] md:mt-[136px] lgw:mb-[-152px] lgw:mt-[152px]"> <div class="relative"> <div class=""> <button class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full shadow-elevation-2xl-lg hover:shadow-none text-style-button-sm font-medium zos:font-normal p-1 bg-primary-10 border border-neutral-30 zos:border-primary-10 absolute right-4 bottom-4 md:right-8 md:bottom-8" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;open&quot;}" id="feedback_button" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#feedback-module&quot;,&quot;event&quot;:&quot;feedback_module:open_form&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="h-[40px] flex items-center truncate rounded-full border border-neutral-30 bg-white-0 px-4 zos:border-primary-20"> <div class="zos:leading-normal">Feedback</div> </div> </button> </div> </div> </div> </main> <footer class="print:hidden"> <div class="bg-primary-60 zos:bg-neutral-100 pt-4 xsm:pt-4 sm:pt-4 md:pt-8 lg:pt-8 lgw:pt-16 xl:pt-16 !pb-4 md:!pb-8 lgw:!pb-16"> <div class="layout-grid" data-tracking-context="{&quot;6&quot;:&quot;footer__linklist&quot;}"> <div class="col-span-4 md:col-span-6 lg:col-span-12 lgw:col-span-3"> <a href="/"> <div style="" class="w-[162px] h-[28px] zos:h-[36px]"> <div class="relative h-full w-full"> <div class="top-[1px] left-[1px] w-[calc(100%_-_1.75px)] h-[calc(100%_-_1.75px)] absolute z-2 "></div> <picture> <source media="(max-width: 767px)" srcset="https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=600&amp;width=339&amp;aspect_ratio=339%3A600 1x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=900.0&amp;width=508.5&amp;aspect_ratio=508.5%3A900.0 1.5x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1200&amp;width=678&amp;aspect_ratio=678%3A1200 2x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1.5e3&amp;width=847.5&amp;aspect_ratio=847.5%3A1.5e3 2.5x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1800&amp;width=1017&amp;aspect_ratio=1017%3A1800 3x"> <source media="(max-width: 1023px)" srcset="https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=700&amp;width=950&amp;aspect_ratio=950%3A700 1x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1050.0&amp;width=1425.0&amp;aspect_ratio=1425.0%3A1050.0 1.5x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1400&amp;width=1900&amp;aspect_ratio=1900%3A1400 2x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1750.0&amp;width=2375.0&amp;aspect_ratio=2375.0%3A1750.0 2.5x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=2100&amp;width=2850&amp;aspect_ratio=2850%3A2100 3x"> <source media="(min-width: 1440px)" srcset="https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1500&amp;width=930&amp;aspect_ratio=930%3A1500 1x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=2250.0&amp;width=1395.0&amp;aspect_ratio=1395.0%3A2250.0 1.5x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=3000&amp;width=1860&amp;aspect_ratio=1860%3A3000 2x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=3750.0&amp;width=2325.0&amp;aspect_ratio=2325.0%3A3750.0 2.5x, https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=4500&amp;width=2790&amp;aspect_ratio=2790%3A4500 3x"> <img class="absolute z-4 h-full w-full " src="https://assets.academics.de/athenex-assets/images/academics-white-ac590c8de15228b7dcc7f68a0684fabc.svg?vsn=d?height=1500&amp;width=930&amp;aspect_ratio=930%3A1500" alt="academics - Logo" title="academics - Logo" loading="lazy"> </picture> </div> </div> </a> </div> <div class="pb-8 zos:pb-0 lg:pb-12 col-span-4 md:col-span-6 lg:col-span-12 lgw:col-span-9 block md:hidden lg:block"> <div class="flex flex-col justify-between gap-8 md:justify-start lg:flex-row lg:justify-between"> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> academics </p> <a href="https://www.academics.de/info/ueber-uns" title="Über uns" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Über uns </p> </a> <a href="https://www.zeit-verlagsgruppe.de/karriere/" title="Karriere" target="_blank" rel="nofollow noopener noreferrer"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Karriere </p> </a> <a href="https://www.academics.de/info/kontakt" title="Kontakt" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Kontakt </p> </a> <a href="https://www.academics.de/info/impressum" title="Impressum" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Impressum </p> </a> <a href="https://www.academics.de/info/nutzungsbedingungen" title="Nutzungsbedingungen" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Nutzungsbedingungen </p> </a> <a href="https://datenschutz.zeit.de/academics_de" title="Datenschutzerklärung" target="_blank" rel="nofollow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Datenschutzerklärung </p> </a> <p class="jobmarket-font-semibold cursor-pointer pb-3 text-base text-white-0 hover:text-white-40 js-action-privacy-manager" data-tracking-params="{&quot;8&quot;:&quot;7&quot;,&quot;9&quot;:&quot;open_privacy_manager&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Cookies &amp; Tracking </p> <a href="https://www.academics.de/info/academics-partner" title="Partner" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Partner </p> </a> <a href="https://www.academics.de/registrieren" title="Job-Mail" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Job-Mail </p> </a> <a href="https://berufstest.zeit.de/berufstest/berufserfahrung/1?wt_zmc=fix.ext.zonpmr.academics.footer.boa-berufstest.link.x.job&amp;utm_medium=fix&amp;utm_source=academics_zonpmr_ext&amp;utm_campaign=footer&amp;utm_content=boa-berufstest_link_x_job" title="BOA Berufstest" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> BOA Berufstest </p> </a> <a href="https://www.academics.com" title="academics.com" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> academics.com </p> </a> <a href="https://www.academics.de/info/faq" title="FAQ" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> FAQ </p> </a> </div> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> Jobs </p> <a href="https://www.academics.de/stellenanzeigen/position-professor/TA==" title="Jobs Professor" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Professor </p> </a> <a href="https://www.academics.de/stellenanzeigen/position-wissenschaftlicher-mitarbeiter/VQ==" title="Jobs Wissenschaftlicher Mitarbeiter" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Wissenschaftlicher Mitarbeiter </p> </a> <a href="https://www.academics.de/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land+arbeitgeber-oeffentliche-verwaltung-kommune+arbeitgeber-oeffentliche-verwaltung-sonstige+arbeitgeber-oeffentliche-verwaltung-bund/gR2BHoEfgSA=" title="Jobs Öffentlicher Dienst" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Öffentlicher Dienst </p> </a> <a href="https://www.academics.de/stellenanzeigen/position-postdoc/Ug==" title="Jobs Postdoc" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Postdoc </p> </a> <a href="https://www.academics.de/stellenanzeigen/land-berlin/dg==" title="Jobs Berlin" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Berlin </p> </a> <a href="https://www.academics.de/stellenanzeigen/land-hamburg/eQ==" title="Jobs Hamburg" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Hamburg </p> </a> </div> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> Ratgeber </p> <a href="https://www.academics.de/themen/gehalt" title="Ratgeber Gehalt" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Gehalt </p> </a> <a href="https://www.academics.de/themen/arbeitsfeld-oeffentlicher-dienst" title="Ratgeber Öffentlicher Dienst" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Öffentlicher Dienst </p> </a> <a href="https://www.academics.de/themen/bewerbung-richtig-schreiben" title="Ratgeber Bewerbung" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Bewerbung </p> </a> <a href="https://www.academics.de/themen/professur" title="Ratgeber Professur" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Professur </p> </a> <a href="https://www.academics.de/themen/promovieren" title="Ratgeber Promotion" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Promotion </p> </a> <a href="https://www.academics.de/themen/habilitation" title="Ratgeber Habilitation" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Habilitation </p> </a> </div> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> Für Arbeitgeber </p> <a href="https://inserieren.academics.de/de/" title="Stellenanzeige schalten" target="_blank" rel="nofollow noopener noreferrer"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Stellenanzeige schalten </p> </a> <a href="https://www.academics.de/info/mediadaten" title="Mediadaten" target="_self" rel="nofollow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Mediadaten </p> </a> <a href="https://www.academics.de/info/allgemeine-geschaeftsbedingungen-agb-arbeitgeber" title="AGB" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> AGB </p> </a> </div> </div> </div> <div class="pb-8 zos:pb-0 lg:pb-12 col-span-3 hidden md:flex lg:hidden"> <div class="flex flex-col justify-between gap-8 md:justify-start lg:flex-row lg:justify-between"> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> academics </p> <a href="https://www.academics.de/info/ueber-uns" title="Über uns" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Über uns </p> </a> <a href="https://www.zeit-verlagsgruppe.de/karriere/" title="Karriere" target="_blank" rel="nofollow noopener noreferrer"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Karriere </p> </a> <a href="https://www.academics.de/info/kontakt" title="Kontakt" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Kontakt </p> </a> <a href="https://www.academics.de/info/impressum" title="Impressum" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Impressum </p> </a> <a href="https://www.academics.de/info/nutzungsbedingungen" title="Nutzungsbedingungen" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Nutzungsbedingungen </p> </a> <a href="https://datenschutz.zeit.de/academics_de" title="Datenschutzerklärung" target="_blank" rel="nofollow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Datenschutzerklärung </p> </a> <p class="jobmarket-font-semibold cursor-pointer pb-3 text-base text-white-0 hover:text-white-40 js-action-privacy-manager" data-tracking-params="{&quot;8&quot;:&quot;7&quot;,&quot;9&quot;:&quot;open_privacy_manager&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> Cookies &amp; Tracking </p> <a href="https://www.academics.de/info/academics-partner" title="Partner" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Partner </p> </a> <a href="https://www.academics.de/registrieren" title="Job-Mail" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Job-Mail </p> </a> <a href="https://berufstest.zeit.de/berufstest/berufserfahrung/1?wt_zmc=fix.ext.zonpmr.academics.footer.boa-berufstest.link.x.job&amp;utm_medium=fix&amp;utm_source=academics_zonpmr_ext&amp;utm_campaign=footer&amp;utm_content=boa-berufstest_link_x_job" title="BOA Berufstest" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> BOA Berufstest </p> </a> <a href="https://www.academics.com" title="academics.com" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> academics.com </p> </a> <a href="https://www.academics.de/info/faq" title="FAQ" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> FAQ </p> </a> </div> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> Jobs </p> <a href="https://www.academics.de/stellenanzeigen/position-professor/TA==" title="Jobs Professor" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Professor </p> </a> <a href="https://www.academics.de/stellenanzeigen/position-wissenschaftlicher-mitarbeiter/VQ==" title="Jobs Wissenschaftlicher Mitarbeiter" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Wissenschaftlicher Mitarbeiter </p> </a> <a href="https://www.academics.de/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land+arbeitgeber-oeffentliche-verwaltung-kommune+arbeitgeber-oeffentliche-verwaltung-sonstige+arbeitgeber-oeffentliche-verwaltung-bund/gR2BHoEfgSA=" title="Jobs Öffentlicher Dienst" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Öffentlicher Dienst </p> </a> <a href="https://www.academics.de/stellenanzeigen/position-postdoc/Ug==" title="Jobs Postdoc" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Postdoc </p> </a> <a href="https://www.academics.de/stellenanzeigen/land-berlin/dg==" title="Jobs Berlin" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Berlin </p> </a> <a href="https://www.academics.de/stellenanzeigen/land-hamburg/eQ==" title="Jobs Hamburg" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Jobs Hamburg </p> </a> </div> </div> </div> <div class="pb-8 zos:pb-0 lg:pb-12 col-span-3 hidden md:flex lg:hidden"> <div class="flex flex-col justify-between gap-8 md:justify-start lg:flex-row lg:justify-between"> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> Ratgeber </p> <a href="https://www.academics.de/themen/gehalt" title="Ratgeber Gehalt" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Gehalt </p> </a> <a href="https://www.academics.de/themen/arbeitsfeld-oeffentlicher-dienst" title="Ratgeber Öffentlicher Dienst" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Öffentlicher Dienst </p> </a> <a href="https://www.academics.de/themen/bewerbung-richtig-schreiben" title="Ratgeber Bewerbung" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Bewerbung </p> </a> <a href="https://www.academics.de/themen/professur" title="Ratgeber Professur" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Professur </p> </a> <a href="https://www.academics.de/themen/promovieren" title="Ratgeber Promotion" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Promotion </p> </a> <a href="https://www.academics.de/themen/habilitation" title="Ratgeber Habilitation" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Ratgeber Habilitation </p> </a> </div> <div> <p class="jobmarket-font-semibold tracking-[0.035px] pb-4 text-sm text-white-60"> Für Arbeitgeber </p> <a href="https://inserieren.academics.de/de/" title="Stellenanzeige schalten" target="_blank" rel="nofollow noopener noreferrer"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Stellenanzeige schalten </p> </a> <a href="https://www.academics.de/info/mediadaten" title="Mediadaten" target="_self" rel="nofollow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> Mediadaten </p> </a> <a href="https://www.academics.de/info/allgemeine-geschaeftsbedingungen-agb-arbeitgeber" title="AGB" target="_self" rel="follow"> <p class="jobmarket-font-semibold pb-3 text-base text-white-0 hover:text-white-40"> AGB </p> </a> </div> </div> </div> <div class="col-span-4 md:col-span-6 lg:col-span-12 border-t-[1px] justify-between border-white-60 pt-8 zos:hidden md:flex lg:pt-12"> <div> <p class="pb-2 text-sm text-white-60"> In Kooperation mit </p> <a href="https://www.forschung-und-lehre.de/" rel="nofollow noopener noreferrer" target="_blank"> <img src="https://assets.academics.de/athenex-assets/images/forschung-und-lehre-bde5445debe7868e417759c07b9c831b.svg?vsn=d" loading="lazy" class="h-[18px] w-[156px]" alt="Forschung & Lehre - Logo"> </a> </div> <div class="flex gap-3 pt-6 md:justify-end md:pt-0"> <a href="https://facebook.com/academics.de/" rel="nofollow noopener noreferrer" target="_blank"> <div class="p-[15px] h-12 w-12 rounded-full border border-white-60"> <img src="https://assets.academics.de/athenex-assets/images/facebook-55294e207e533880ec1fda432c4bc212.svg?vsn=d" loading="lazy" class="h-4 w-4"> </div> </a> <a href="https://www.instagram.com/academics.de" rel="nofollow noopener noreferrer" target="_blank"> <div class="p-[15px] h-12 w-12 rounded-full border border-white-60"> <img src="https://assets.academics.de/athenex-assets/images/instagram-28c860d81acd90515c5256d59faf17a8.svg?vsn=d" loading="lazy" class="h-4 w-4"> </div> </a> <a href="https://de.linkedin.com/company/academics-de" rel="nofollow noopener noreferrer" target="_blank"> <div class="p-[15px] h-12 w-12 rounded-full border border-white-60"> <img src="https://assets.academics.de/athenex-assets/images/linkedin-1606483221759e62121e8d75adba47e5.svg?vsn=d" loading="lazy" class="h-4 w-4"> </div> </a> </div> </div> </div> </div> </footer></div> <script type="text/javascript"> window._sp_ = {"config":{"accountId":692,"cmpOrigin":"https://sourcepoint.mgr.consensu.org","mmsDomain":"https://cmp.academics.de","siteHref":"https://www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=","targetingParams":{"presentationSite":"academics.prod.de"},"waitForConsent":true,"wrapperAPIOrigin":"https://wrapper-api.sp-prod.net/tcfv2"},"privacyManager":{"id":351056}} window.sourcepoint_script = "https://gdpr-tcfv2.sp-prod.net/wrapperMessagingWithoutDetection.js" </script> <noscript> <img alt="" width="1" height="1" src="//audev.zeit.de/981949533494636/wt.pl?p=439,verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=,0,0,0,0,0,0,0,0&amp;cg1=verlag&amp;cg2=joblist&amp;cg3=academics&amp;cg4=acade&amp;cg5=jobsearch&amp;cg6=&amp;cg7=www.academics.de%2Fstellenanzeigen%2Fbranche-medien-public_relations%2FgRU%3D&amp;cg9=2017-09-18"> <img alt="" width="1" height="1" src="//audev.zeit.de/847035010387565/wt.pl?p=439,verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/branche-medien-public_relations/gRU=,0,0,0,0,0,0,0,0&amp;cg1=verlag&amp;cg2=joblist&amp;cg3=academics&amp;cg4=acade&amp;cg5=jobsearch&amp;cg6=&amp;cg7=www.academics.de%2Fstellenanzeigen%2Fbranche-medien-public_relations%2FgRU%3D&amp;cg9=2017-09-18"> </noscript> <script type="text/javascript"> ENV = {"sentry":{"enabled":true,"dsn":"https://9aa863e6c1434f78a5b12e42834c1033@sentry.akra.systems/64"},"release":"local","stage":"prod"} </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W25Q4PCH" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10