CINXE.COM

Medizintechnik - Jobs für Akademiker - 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="KSwtY3sXASMgClAaGXI_GxQYBUAkOzAmMaZ5JFSKyBabk5YiK-q-hsTt"> <meta content="2024-12-10" name="date"><meta content="Medizintechnik-Jobs? Jetzt attraktive Stellenangebote für Akademiker in Forschung und Wirtschaft finden? Hier auf academics!" name="description"><meta content="2024-12-10" 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-medizintechnik/KA==" rel="canonical"><title>Medizintechnik - Jobs für Akademiker - academics</title><meta content="Medizintechnik-Jobs? Jetzt attraktive Stellenangebote für Akademiker in Forschung und Wirtschaft finden? Hier auf academics!" property="og:description"><meta content="https://ac-fallback-assets.imgix.net/dach/athenex-dach-49e8d6a63bd6f876c5ec91bff7f892a5c6c02b3d6e687c9f2e47781e9ccbd0da.png?auto=format&amp;fill=solid&amp;fill-color=fff&amp;fit=fillmax&amp;h=630&amp;w=1200" property="og:image"><meta content="630" property="og:image:height"><meta content="1200" property="og:image:width"><meta content="Medizintechnik - Jobs für Akademiker - academics" property="og:title"><meta content="website" property="og:type"><meta content="https://www.academics.de/stellenanzeigen/branche-medizintechnik/KA==" property="og:url"><meta content="summary_large_image" name="twitter:card"><meta content="Medizintechnik-Jobs? Jetzt attraktive Stellenangebote für Akademiker in Forschung und Wirtschaft finden? Hier auf academics!" name="twitter:description"><meta content="https://ac-fallback-assets.imgix.net/dach/athenex-dach-49e8d6a63bd6f876c5ec91bff7f892a5c6c02b3d6e687c9f2e47781e9ccbd0da.png?auto=format&amp;fit=crop&amp;h=500&amp;w=1000" name="twitter:image"><meta content="500" name="twitter:image:height"><meta content="1000" name="twitter:image:width"> <!-- 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-6267cde1ed740a022752d4bed00b3af9.css?vsn=d" as="style"> <link phx-track-static rel="stylesheet" href="https://assets.academics.de/athenex-assets/assets/app-6267cde1ed740a022752d4bed00b3af9.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-0d1730ea27d34fc0d09989c5c32db038.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-medizintechnik/KA==","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/branche-medizintechnik/KA==","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-medizintechnik/KA==","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/branche-medizintechnik/KA==","customEcommerceParameter":{},"customParameter":{"2":"group_field_subject_natural_sciences_life_sciences_environmental_sciences|group_field_subject_medicine_health_psychology|group_field_subject_engineering_it_mathematics","3":"branche-medizintechnik","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-medizintechnik/KA=="},"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-GCU93bgudXT3pmvx" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDVTkzYmd1ZFhUM3Btdnh3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkF0aGVuZXhXZWIuSm9iTGl2ZS5JbmRleHcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GEVsaXhpci5BdGhlbmV4V2ViLlJvdXRlcncJcm9vdF92aWV3dx9FbGl4aXIuQXRoZW5leFdlYi5Kb2JMaXZlLkluZGV4dwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncHZGVmYXVsdG4IAP6Ju8WrKyMYbgYAccwGGJUBYgABUYA.YUtlguoHkwsMTGlRMljdKkPuGMSjaXA_v8LiDz8NTq8" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDVTkzYmd1ZFhUM3Btdnh3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAFHcId2VidHJla2t3DmhlYWRlcl9zdHlsaW5ndw9zZXNzaW9uX2NvbnRleHR3DXBhZ2VfcHJldmlldz93EGRlZmVycmVkX2ludGVudHN3DXJlZGlyZWN0X3BhdGh3EnNvdXJjZXBvaW50X2NvbmZpZ3cKZ3RtX2NvbmZpZ3cGZm9vdGVydwp1c2VyX2FnZW50dx1yZWdpc3RyYXRpb25fZmVuY2VfdW5lbGlnaWJsZXcTY3VycmVudF91c2VyX3N0YXR1c3cPY3VycmVudF91c2VyX2lkdwxjdXJyZW50X3VzZXJ3CWNsaWVudF9pZHcNY2xpZW50X2RvbWFpbncKam9iX21hcmtldHcHd3QzX2VpZHcMc2Vzc2lvbl9zZWVkdwhyZWZlcnJlcmpuBgBxzAYYlQFiAAFRgA.tfseMg9n-WkvmYMK8bzqi_RqOJh8LqqqrqZjBRsfEHU"><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;M3RBMGhZdUk2YlBHZTJJVzB4c3dyWTZQdnJPV3FvaE9ZRjZQbmRDR2c0UW03V1poQk9kRzMySG9VcllXU2FpQ0VXU1ZZRTBCZmh1VDdvV1Z6N0ZFREtpV3d0N0RJUmtGZFlzcEpJUGRqOFZHS3UxOUw3ZXZsb3QweGpQemtmLzloUjVUVGNoalBnQnJDNjVUUjg5SWxjWFBTdWtMSU1GdGN5UXRoUE5mbzNyY2twYzJ5RVlVMHR3MCtjNTZSRWZYNUsycDZ6ejNGKzByZjlZdUpTbDl0ckhsQTRTUUZ5amhTa2VlZ283MXhvek83L29SVSs1YUNDZEhkTHczNHIraW0zWGJXdWN6alF5SlJWM2dXOWErclVtRzZZT3pUcE9mS0UzTGg5TUVvaWZ0N1Mza2UzWlRSN21CVDhweExOMU9nKytxYzNwL1doZ24wWFpWblc3L3REbGEwN29FUjJ3dFdaZXNER3Q5VlFVeGJUOXVDcTZURU5Xb2hJV2pBTmV5eE1la0JKQVZ6S05SMGdDdkNVaXhpRlc3THlSMXpjS3N4UEpsNEZVWGFIbWVlSnFERDJmdGRMSS9ha3pZSHRsVUZJc1I5Wk45aHVHbjcyMlJTTEY5SDg1MDNUSWw5ZVNRSzh4eG5MK2FtZ1ZBeVRaRFZGN1hqMVZsQW5VT1lHMmsrUklMZmhnSUtnbyszZlRFSU5mSGt5ZHZFMmpDeHhwUHVHUmV1M0oxcUlENmxxYStESEQ4eG1zZzFjRHdIazArVEMya3R1RkxLWkJka0lvdi93eHVydGRaZFZRQlZQSGlld3lNUVRtbnQ5VVA0NHJHcm9qZkgvNHlCT1BqaXErQXFtZVh6WU10M0swc3FoZUV5d0dkY2tYTnIyRmM0MTdVdjJKWUJsZTd2UlpCa3RGOHRMdWZxVmEzVlEwcDZIUUhUaXZtb2Y0OUJQZzFnTDB4SW9EYkNMZDVtQW5wYk1DUjJxYlc0QkZnTDVlU1FlK3pJSVA2MmhabEd0ZEVLWE1x&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;L1U0M04ydWVYd0dKNnAyV2tDMkhTYWJwUU9pTGJJKytUZ09aZG1XSC9YRWlqRDFLQ1M4MGRWNlVicWpOZmNiYm9CVHh1V3lIdmVCOXFmVzd6UnpaYkRqSGxRalpVN3pveWgvSkJSWEVHZjNrZ3RFVHVuR3cvaXF6NXNkR0lHVm9mWFVNWjFvZ2ozUGU3cXVTTnRSQmVuSElkaDVtZVRzeVBHMFRYd1I3akMyNlgydDFpUUV1Q2FzZ1JHSThRekVFVmpvQ0c4RG5YWUFOY01iK3d2ZFZscFBveEtGeGRmKzJpY3NEWFFHVU4vQm9HTUFRM2xhVUoyVW42aWZWL0hzbXlrN2J5d0lxNjRCbHBvOEdZZVM1cFE0VFI0aHMzM0hLZmdyZ0pVQ1E0YmdaMzhXalRIL1ZIR2RGRWZOUjFJODUvTHkyQklnUjM5TE1YSHZLeThJL3Z4WlFQamMyYSs0SjJPajFINmIrZFROZ0h0ejJPWlhCTVIvZGdLSWsyODJhRlRsWklUNnZDU2RLc2hOMVBlWUU3VzJPUHpIdE95VGU1T1llUDMxdDc2aGhMNnAvYlRPUGZqOTNJQ3I0Z0w0b3diRkpaMkFVUm9qdkJ3NGhOeEV0TXlzWWtBSTFnL0NNaU5PUEVPd0R4c0JwYjM3d3gvTVp3bDFXWkVwWlJwRHFBcEJWUzl0ZUgwQlgySmtlUVlESUpqY29tbjB6WCs4R2hjMExSOG55ck9BMTh2RkdRb2NFOFhUbkhxUCt3Q3JuckZXeWViYmkyY3pVYi8yQjZWQjdnK1pkUnF4M3ozbGpNOHREeDVmcWk4bmxXZ2dHYnFKb0VHNEdsbytpdVkycXhURGoxMzllbklEd3JZREFQQ0wwNEdSZEJ0QUlpQmwxWUdaV2N0b1lvN2t5QWJ4MThsckN3MHlhRzlTWU9QODJaQi9Ldk9JM1U4dnJOY3dKa1A1a1daWU0wQUx2S0RoVC9KajZjVkhyZFo2OElBeTBtWXc2VnVzaTJrSnhINkVk&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-submit="form:on_submit" phx-change="form:on_change" 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-target="3" autocomplete="off" phx-keyup="input:on_keyup"> </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-ZmllbGRfc3ViamVjdF9tZWRpY2FsX3RlY2hub2xvZ3k=" type="hidden" name="search_module[category_tags][]" value="field_subject_medical_technology"> </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;a0pXanVQd05Ec1B0TkJsdFRJTzM3Z0ZzTmtLY1JMakl0YTZRQWNma2hjbjJxWlNVeHZwdStiWXNXcFc0dzV6R1p1N2NSOXVFblluNytMT20rQm5aZ2Y1NTdEZzgxdVhLdzBaSHRpcm03eFgvL0laV29GaGNXOHJkR3hkOGk5OEpBd2xNcjd0bklwYllCalpHaEtzWUtnb1JsMGE1b0ZqeElKUjRudC94MElZQ2JGZ3Z1cHpJQWpLelNDeUFEcUxNMldzOTVySlhWVjM5VDhFeW40dXMxamlkcnN3eC9DWHpyNDU4amlDTDJqTlk5eGJQN3QxbTVIdGZsM2wwYWNZcG5Xc254ZXlCalVZdEJaV0ZkVG0zL3JrTUl0TTd4TEJIMEJLNVhWQWJpV29VblVpazNxb3c5OUprNzA1YWdyK0V5ZWtmc1dlRGxIamNkNVpDOEo0YyszR2NUVjU2dk8xZWhZU0JDOUU5QTJwb3I0MzJXSFUyL1lYM3pRS0pFd3ZRVmViaktQd0w1NnNDenViMVlMS3BiYzNxMFI1UjJQaUFEQ09OOURQdUNsemp0VFk4cWlqMGtYbjZwTXdWUlFwSFhwSkJRaGNaSXJoRVBqdTlyQXJqanlCaGduUWtTdHdsTjAyRTZLeC93ZmI0S1huUkhiQkpxdkJGOTlFYWNCbUI3dFBaSldLbkJHdHcvYTVBYUFYaHN1bnQvSmZTQUNESUhYVkVQZGdDKzYzRHJnZ0FxR1VYWjlnOHBydmFTdGd6VkZrVEUwR3FTak9Ob2hxWDh5QnlrWVFIYnBjVnJXanBOR2ZiUkR3NnY1WUh6dHFTeVM0VGNpK2dqOGFDUE9QNzM5TmxMRk1IU2t6dFZ3N09HYlo4K0cyQmh5OHBwaHB3NGNCck50bGZVRHV5YjdBb0szdFpEQ3YvbDkzb0ViaVhrTnVJRnVhS25KQlBONnZYNEhTcGl0VEdwcTEraTArajFMVEFlcmFvbDVjQ21Fb21qSmd3ZGRIRXdyUCtXV1BVQXg5ODNpMkNjTmNhRkFJUktSdndyUGVnZWFuS1dxcUE4K2pCcG1YMWlZaWdMQ08vUXZlazBuL2wxeko0RG5udWp2K29sa1lrdmZhS2o4dmY5ZXh4TDV6MzlQR3lzUE1rRGNsNnRyeFJ1aWpSdHR4OWZILzd3WXdyc1dRTWhLZ0FSUTNlam1EYW41ckxKQlZzSU83UUpoN3BVOEZjaEo0UXQweHFZVWZ2RnovM3NJMG1zNVpZNXMrbjJkWmpFbkxuK2RjWWZwaUdubXU3aTAvSnUyeW92MkxiNDA1M3Y0aWxTK2FVLzV3aVphQ29NUVFzT1RrUE9CV24xQitKNUcvd2hOMXBsYVRwYW80YVArcytQQjMvWHF4NEZ2UVRCWklhVlRoMWtyMEdISTg9&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-submit="action:form_submit" phx-change="action:form_change" 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"> 15 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-submit="action:form_submit" phx-change="action:form_change" 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"> 15 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-submit="action:form_submit" phx-change="action:form_change" 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"> 15 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-auto-recover="form_recovery" phx-target="6" phx-submit="action:form_submit" phx-change="action:form_change" 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" 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_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" 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_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" 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_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" 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"> 15 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"> Medizintechnik </span> <span phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;pill&quot;:&quot;field_subject_medical_technology&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"> 15 Stellenangebote <div class="mt-2 mb-4 truncate font-medium text-primary-40 zos:text-text-40"> mit den Filtern Medizintechnik </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-medizintechnik/KA==?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-medizintechnik/KA==?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-1094844-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-advanced-methods-of-machine-learning-and-reinforcement-learning-m-w-d-hochschule-mannheim-mannheim-1094844#" title="Professur &quot;Advanced Methods of Machine Learning and Reinforcement Learning&quot; (m/w/d)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;1&quot;,&quot;10&quot;:&quot;1094844&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1094844" 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/052481493/20241218082103.000000Z/resources/Hochschule_Mannheim_Arbeitgeberlogo_100x50.png" alt="Hochschule Mannheim - Logo" title="Hochschule Mannheim - 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> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-white-0 bg-secondary-60 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 mr-1 inline h-6" class="mr-1 inline h-6"> <span class="truncate">Top Job</span> </div> <h2 class="inline break-words">Professur &quot;Advanced Methods of Machine Learning and Reinforcement Learning&quot; (m/w/d)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1094844&quot;}"> <div id="bookmark-job-1094844-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;cFQ4U2NTK3hUaGhma1k3bnlXNXU0dlZGMFJ0bXZJYnpkMi9Gc3FCaVU5ay9XeHdsRzlHbUMweXF2b0I5bEY0SjB1bVhYMFp2aHZGaDhjYktvZUFpbjVSUkNJRitPNXUrSkdLaHlMNUNLV256dDFDUEJ2MWdPalg3WEYxaWJhTjhCMW5LQ2pQTlluLzJWcnFuS1UwbzZydHJXeG5HMTRPOEozcklaMWN4TGh5QWtUNGRvRmRFZ3dON2REcnR4R09vazBucW5sbFdYUWZpc09MK3g2K1hzNERUTDYwbjAxSkhPbHZKakpvM1hkNEhGcy91NjkzSHYzdTBYT0pzdUszTHc2S1MrUXlFTTBqb0pib2FyQ1BLaVZ6emI0eFFtM1JEd1I0cFBZbGF3Z2tSOS9USVY2OGVyRFRGd2lzWjM1ckxQZ2RvSlcrejJXRUZRS3RnZy84aW5nRjhpcHN2SDNMMHVuT2owMmI4bTQ5a2FKUEtmR0hYZ1dDcFdrbVFwd1pNS1NFVE9iRGxHenBGaHFtc3BOTWhORGJQQlBQa1V6UVBSRm9FY1VtVkRXTmZCaWJ0QmZENFAyV0RKTkRDekluOXZTS2VQYU43THVsQXFJOXRLa045VGZiWFRHcDEzb2JHM0hyNGI0NzkrNGI4VlNLanBwRjVBVjZPdEdGZnpCTW9rVHNNTmtBSmVVc0xJKzlpSy8rWEZTR2JncE9vemdxNG9HR3JXMXMrUnNPV2hzeXY3WkhYbXhrZmQxWE43ZDRFbUMvdmcxMEwyVmhMeTcwQ0lhSUpOK1JKOUF3cXlhTlRkcFJIcEk5VGFVLzJQaXluTmF4enQ0M1lpUDVCQ0pKVXNQeGJqSlJYdEc2M2xqU1B3elZDdUNrSlVjaithdWR1c1BTcStNVU5Ub3FjK1o4dGtEQm9LSXVEQnVBdXRrSzI3T1Z5SzJNa01lZ0pUOU4yUzl3YzM2THhNMmJiYWVsckxIVEt1M2hZczlCNWs2NVhUaDYxMi9UQm4wNDF5U29EVFNPOW9EYnIrVXNaaXlvcS9aZ0Ywazkyd0hHUHZnUFlkemprdHFHcjVLcEFVVERMTXFHbi9KREpoTUgzaUVvNUdYQWNUU093TmgvU3NYZVBwaGhvL1dndFVHR1BMZFhTUXNkWGJVNmVqby9sQ1I1VnBZUUMrSEpDUmd5NTdyeUk=&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"> Hochschule Mannheim </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"> Mannheim </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-1095980-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-projektmanager-m-w-d-qualitaetssicherung-an-internationalen-hochschulen-asiin-e-v-duesseldorf-1095980#" title="Referent / Projektmanager (m/w/d) – Qualitätssicherung an internationalen Hochschulen" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;2&quot;,&quot;10&quot;:&quot;1095980&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095980" 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/2022/04/19/1559107312/02f2ff94e5b93623f594fb7e144c3fc4.png" alt="ASIIN e.V. - Logo" title="ASIIN e.V. - 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> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-white-0 bg-secondary-60 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 mr-1 inline h-6" class="mr-1 inline h-6"> <span class="truncate">Top Job</span> </div> <h2 class="inline break-words">Referent / Projektmanager (m/w/d) – Qualitätssicherung an internationalen Hochschulen</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095980&quot;}"> <div id="bookmark-job-1095980-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;bDFReG1KS3VnUkNzNE9pRnlPSTlYb0VlbisxTnNvSVh2NTRMT2pZSjU2eGpLcGNVU0FQS2l3VVhJUzNhRzJWR2xoWkRqTEVNUW9PN204WFNQWHRyL2o1MVFTRFVRMDB1d1k0UWN3SDF3SCs2QW5YOFN4dWJxTnJnZm1zYnY1ZmJBSFFEZGVQeTJwMlk4dFEvUnRaTXcwNVE0YUY1SGY1MDdOci9LdTYzTGU1NWZCU0g2cTN4V3hvU0V6NDhWaFZiUEw2OER3RGErZTF4NHc0elJ3YzhWZUF5bldzeXFUZmVvcjh6NlNEakJnblhYbU0rQXJtTWdWVlhNU2szUnNNd3BjL2JvV3gvQ0ZVRHpiSCtrakw0N24xU25IODZLK1gxckNjMkVZQmpWWVhTckk5WEU5bjhBbTJ4aUJkTEZvS3lJd25UbzU5dUQxZm9wV1JTRGNhTXZ1ZC83eG9ocld1ZHYwY0l1WnFQaFhXeDBJM28rQ09acTBRcnBjQjRrby9FanBvWWFLTitSaHFPNm5ObFY0TlUrckJ1RGdTK2lVcWljNUdidkw2Y2p6eVVnR0taUnFSR0pTelhLdUtMRitMTktOOU1CUVQxZ0phdHVaUGQzU3FkdGZKdUt5M1REbW9pUEhnTmw5cDV0b1NrSGVLVGtYd1RBLytjUjBLRlg1NFRnNndnVU9KaWZLMWdvK1VnZzEyc0h6bHpHNEVvaGUyWGVYT0ZRYm1ldzU0Q05UWlpNaVF0WStrLzRVbkFWbndQSDFSOFRrUzFJUTJISTdhdDRvZ2VmK0xnTmtwVGpueTNmdlRYUHdaUUNTRFMwQkZSOXVqbzljWmJ6UGthQTNQT1ZOSitPUW9SNDlFMGZEWE5HYWZIbW1IZ0JWaE8rOGpBQ1ZaWTI2b1BXZlV2c1BZdjdtSEgvNjJjTFpqZFNxZExQM3ViaGFjWUhFa3dnMk14Y0lzd01vUUtpdktSS3J4TUdpZmJsU3pMRDdwUk8zVWZpM0doOVVzRkwzbGtMVm4wMHlzcUo5OFpHRXRDYzE1bHUrQUp1Y3h2SnVzV1lnT3drWHJlTjZ1R2p2MzlyaEpsdzlHQjc3cVlJRXVUNHhRcXpSb2tmK3JsdUdwNDVDY05yNWNVMzdFSEszSU5BMlRMdXNOMU1UaFI4bW9Jd0lSamdkNTcvMjdvNlYyVTgyMWM=&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-1095982-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/consultant-projektmanager-m-w-d-qualitaetsmanagement-an-internationalen-hochschulen-asiin-consult-gmbh-duesseldorf-1095982#" title="Consultant / Projektmanager (m/w/d) – Qualitätsmanagement an internationalen Hochschulen" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;3&quot;,&quot;10&quot;:&quot;1095982&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095982" 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/2023/03/29/1417349053/65eb33122914ea287088ffc1da802966.png" alt="ASIIN Consult GmbH - Logo" title="ASIIN Consult GmbH - 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> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-white-0 bg-secondary-60 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 mr-1 inline h-6" class="mr-1 inline h-6"> <span class="truncate">Top Job</span> </div> <h2 class="inline break-words">Consultant / Projektmanager (m/w/d) – Qualitätsmanagement an internationalen Hochschulen</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095982&quot;}"> <div id="bookmark-job-1095982-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;ak1KYWkvN21hRGhDeHlZek5qdkxRSnZKUU1IR2Jnb0c0TFA0OW5yZWUwZFdjcEZ1aDBWMmppZHFKK050Z0JYVzFzaUJXMnplRHRJSUhrelhCMXBUbVB5Wit2VUhsbkVvMFQxSS8vdGlwRktWK2prNDQ3Nks1QWdSUENueElqVElMUEQ5N0p3YlZHOWRjc0NiV1VVbGFKT2FzdDRySi9XeEo4bU8rTlFSUG9GV3R4SFZKOERFaWx5ZFd6VlVjQnBkbk8wdWNPT20rKzYyblU4aWxkSW0xaE0yZmhsajgwUXVXZzE3cWRVclZtZmdhemxiUVowVnpTNVVzazZnendlRzJocUtQMnFiUUlaaUExVnZDU01qTS93UmJnc3R6bUp0NXhCLzlLM0xaeVVmSXlvWGl0ZmN4eFBhcUZPdlVnb2pONUR5ZFV1c1hvTFVsa0ZHSThBZVZkbGNjWlkzMTVFTDdSazVDR3RvYVhFRTUrSUV3VnJNS09UQ25YU3lPOXdhOXJFcW5KaEJtLzRiQkkwN3NVRDJabC9admJMWjVEdWtHUlNDZ3F6YmpxNDJINU1ZQUZmcm0xbW4xSDUwSEpRdHRydEY3WDFDbkQxdzF2TDd5b2RBME9mOHNTRThhaVNaQXZzMHdwVi9EYUZUTzVQWElBWkp1bGREYjFEUWVCdGNwZ0t0SUNLd2VySGhRNjB4d2kwWkJwbVJRTU9vR3B1d2U0TGZsck9qbXRJbDNwWm9sQlBlUlBxS2NUOHdac0s0c0FaTWg3V0tTWXhINnRKd2thMWhXc3Npamx5OTV5SUErSTZuRkFGMXJncUtSQ1QyNkY2d28zMnJzODZhaXBuZHROQ0o2NjIwWWpJS2JJeXQ3R25XRGM0M2tFZElKMkRMcGlUeHhTNVh4ZmVMamIvcVROaGFYak9zODZuZ2RtT3ZycjhoSkNQMjF3VFJjc1lXTUV2VGFaaW81eWVRN1N0dENUTXdIU2pEd2RSUkhQYmNCcnN4VHU5MkJrVnVML05uOVpuWVNOREQ1YS9jQlQyTEVCT1d2Znl0U2xiUkw2VmswV2xUNXpKY0NwWTJyRmx0eWREajZ6djloclRmQWx5MFhYWTV6b0RMbmhsKzVKeCtkUXgzSld0RDRXWGo5ZEwxUG16dnZIa0dzREtwNDI3WWxJRFJPazJxMTFoRk1ycnA=&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 Consult 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"> 31.01.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;L0VZTWdHK0M3dk1SNmNSS0hwOTNvYS84VUt6RnJxK21FTEtYUnhlbnpHZXIxaDMrbzRITHh3bUc2QVNlN2hHQzJYRXdXdkFSVGxLek9oOXczeDI5UWViekZUZHFoZDB6dGlMWWRuZytWT1BFY0pMY2F5NmNwVFBtRjlqYlBlTDg5VlVZU1FiakRtMWRDS3hDZ0lyUjBvbzVmT3NaMWlFNStRd2t6aG1BWVhreTdSVHQwU281SUlUL2UwQjdjOEk2Zy9PNXJkRFpObXZWdjBmbWo0Yk5TMnl5ZU9RU25kaHFtbzhOK2l1Z2lTdnFCNGU4ekVvWFFTL3N0VWY4WE5OanJONmZMdVJTeVRsUHB5SFY3aWQxeU05MCsrWmtwTXVBL2tzeUN6WGpIdVBRRGFJR0lvSXJoMTQ0WVp3cDR6clh5M1NSbklrRGJYVHdUT2tKWFk1ekpUR1pCOG9DdmVKRGQ1RlpBcGJLemJOT3RCcFR4OFpJbzJPWVZSdFM0U2YwR0Q4c3RwQktaYVcxTkxvZmd1eFRpYkloS2pJL084S0NxQjE2S2hxczNQNndETmQ5aDdmdGJPalVMbGlEWGNUUTY4cDlScThZeC8zZjgwSU5VOFlFd2JmcStFcGFTMUVGQUtEM0VwcmszK2RWdmhiNTVtdENaK0RRZFIyUElHdjM5ZXRPTWtyaWdxazFXdTdJZ0lMKzYrd0hJZjYwQTRoRW5HSnRneXhJaGxudnJXbmhucHNiUGVoemVsbDBzMlR2UWxhbTJtb1ZzbEF4ZTBpSVJtTGZCLzVCY2k1d0NTcHczeUJvUUZTK3lBL1pIbDI5cVhDVVRBT1czKzI1azE5Mk1oRjl4ZHpvSWJRNUtETUpwRG9VRmNlbExMcitEb3ZHYWlLTUt4NHRaQTd6YnYwZmYwV1Y3Ly80S3FhOWh1U2J4RGRDLzlkckZjc2g0eThoYkJ3WTRIWmFoNXhQUlFub0xPTUdhMGNMaTk2M3E2R1lseVVXa2RIZW1IYzhSNW5ST0NyclI4V0JJcityQ0tuYXVVV2p5N2ZNMEV2RXNEUG5SZDkzK1RrVkZ4V0VwQ3l6ZDl0TlNKQWcrbXJRRlJPN2xMRStvcGxWSHZYQ29VWFlTVUpWcmtpRFRyTU5icXJibzJrYUQvSjlqSTdYdU84d0RoRUhJYjZDRW1PN2x1TitrcFpUNzFRbDZxL1dvVGY4aENEL1pXcWhYUitYVEJEODVPMW5adFpDY2szMnVVR2tZTHBiditQeUt3bUpiaG9PMFRUNFBBcWFPaUtEVy9LR2tyK0dsNE5yVWZ6V3RXZUxpY1BGT3hyYy9BYk5iRTlVb29ETnBIRGNkNDFEOEcvQm5KOXZnVFBwTmFDYVpZQ3czNVBxdmJvUnVQaW9hUUQxNkR0VnBvSVhPQUE9&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-1096392-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-bes-gr-w-2-w-m-d-fuer-das-fachgebiet-biomechatronik-und-robotik-hochschule-bremen-bremen-1096392#" title="Professur -Bes.-Gr. W 2- (w/m/d) für das Fachgebiet &quot;Biomechatronik und Robotik&quot;" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;5&quot;,&quot;10&quot;:&quot;1096392&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096392" 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/053919421/20250217105102Z/resources/logo.jpg" alt="Hochschule Bremen - Logo" title="Hochschule Bremen - 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 -Bes.-Gr. W 2- (w/m/d) für das Fachgebiet &quot;Biomechatronik und Robotik&quot;</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096392&quot;}"> <div id="bookmark-job-1096392-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;L2RJVXA1d25wRzBVRk11aHRxL3JJQzVBZlNkVHlSWVdXVTZlNmpYRlZEbzkyUE5GdWxaS3BlanFDSzFpYWcvVVFnVDRYSG01QTVHalNDNkdsejM4NlRiclh3V3VJYVJwdXZXbkVyRG9LQkk0VGJFRXZYalhaMlh0K1Z0TGs5NTErcXFWMGkzVzVGa3NOZW9aZHVXRE01ZVowM2ZmaGpPT3UvWGZJZ3h3Nk9ic2JPLzJjR05ZMjBqTmZMM3VKelpRK1lGdXRKQkVyNXBzcHVSMzczS092cUdnK0huS0E2N2RURTJuUkFpakNlS2RGa0s3RXl5ZlNacTBYaW5RQUJpUUVPWFRCbkxXb28zNjlvbWtuRHJwSmZPWjBHZTdGUDV3NzVkT3hPbFQ2a1dyU2RnOElabXYzWXJhU1ZIakZPVVl4VW5zdUZLVTh5Uk1TMkhxd3dmaVZiclNvZ0ZHME5SdzZ1VHdZRXBkQjBrODV2RWIxMjg0VDBXUkxwbnQxTGxZaytkQVVUTTFobzRneFVKRmdQTzAyekI2K0FWeC8vNkVUQTlYSnZjSHJCWWh3Y1BWYVRxeFAra1l5aDMrTUduRkhIVUtDZlhoc01LR2NhekQ0OWx0Q2Q5cjJONktsUG5qMmd6dThsOGc0V2hDcTFnY0ZycTI4NGpRRWx6MVFzTDZVT1RMV1BVRGU1QWZHRlBBUUlTMWh1aDFZcXZVckNRd3R1WFhLUzlMd3EwNE1XWjFvVC8vZ3ZROXNyZTNUamJQbTg4djUwWFVTRzYvc0dyWFE0WWF0N29EejVYbkFSWlJWeGRJcnI0eUJzTFNDVUw1QUJtV1FreDJtbjBYcVh1TnhxazF4cjBseFI5d3JQZGtZWnREcE9oNHJPRFdIVGZPRXFtZktiMy9OdUFYcW5KTzVmeXB3RkN1MFd6a3dTMWllZGNFT0h6ekJENHNWS2hvWkZRUFBIckZEaElxeDBrOGd1QXRHVUMvNGVHVGRXQnY4eUx4cVBRYnlqdjNQY1RBRldNZmtYamIwWTdMUVlrNFo2V3ROMzlTQ1lQb29YTkowNDBRelhDRkkvTE1nRHJhaFR1SGhvQ2tGb215U1I2YURzbVkzZXlJSHNhdFBRb2ZldTB4RUlDZVZHQ1ZLYmNUOUx2SXNueXYrY01BVGRPZXlxMVo2WnVBdkVCTTh5V00=&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"> Hochschule Bremen </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"> Bremen </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.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096327-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/w3-professur-fuer-mobile-computing-und-telemedizin-universitaet-bayreuth-bayreuth-1096327#" title="W3-Professur für Mobile Computing und Telemedizin" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;6&quot;,&quot;10&quot;:&quot;1096327&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096327" 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/053779253/20250213092105.000000Z/resources/logo_uni.png" alt="Universität Bayreuth - Logo" title="Universität Bayreuth - 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">W3-Professur für Mobile Computing und Telemedizin</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096327&quot;}"> <div id="bookmark-job-1096327-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;THMzQzlGREFiaDRTelJDTmg1cVhtTTk5ejZ4cDdRM2tjWW13QUhtVmZnYVltcWRxeUNYd28zVXF3NG90UHlDNmZtNEtHM3ZaMXdjSTl6MFpvZE1uQWhtcU1nU1poTGxpK2ZNWDVmL1U3ZHY4bFpVV3NuVjAzL2IxTlR5aDg4VkdFSWdGdDcvcG5MMG10MTUzSmxycWR0TWlIclgxMDVxTXF1ZzVYUEtVYTlsRTlzcHZWZlJRbWJDQ0hzUWhqZlNjU1ZjSTUxSDdiZU1rcUFGZXgxa3Y0TEt2N1dpdzNCSlo5OStYM0JiaEtIR0gzVmQzU09MY2Z5d3RyYk1CVElPSmc1NTl2TEgwUGxFLzlQbndwY0M4M1pCZFVUclU3NWZUb1NTSXNNWkgwaUJMMjR5SlpPdmp6WVdra01GdTlHSlplWHZFRUppdUNVZGVsdHc2OHB5eStsQ1RzcXlDeXJ0OEJjZUhCUHZQK2VPUjRNYTNwSEt0czAwUzA2a29qMHZpTlRZMjFHUHhjQm5EazVYNnBJWVo4QkNFTXJoV2w3c1NXeWJwaCtsWHEwLzBQRW56TGMwM3FhWUhWRFhLUUkzMGcvMnBWYzI0WlR6eHYza0NkRmdZbEdHZDVkU1pHWGNQcTI5blRacEpVRDJzOEV5OG95QXhtOEVnL2dqNnNQbzhFL3pwOW5xREJvYXg1cmhNYWt0YmRKVTkzQm5ibVIxMHc1UEZWVkRpckluVXNTLzlDZ3V0YU45a0sxUjJCc2xka2JYSnN1NEV4WXNJU0gvSGs3bTNsTS9FdWRUSHpkVVN3UkhPSmt3Z1hhQ3AzeDVCRDVGRlZzM0o0Q1dtNHhJNVlhb1JpRzBHU2x0cWRxZHRHTHFxYUY3SWJRMlBCRWJCL3BiN3FZTXl3ZGpkTmVFSVJjeG1XNCtzTFVuL1phYjBCd21zYlRqUVpRZjJablVGalFoRXlodHVheFFHd0t6K0crVWRSSlNjbnV6VGRpT3V4bDhRTjNHdS9ORjhweWdTakVZSEdNZUxUWVVVckVhZjgwSzVIb2tIVVNkQ0xzc1BVaGtBRmxwNHdHN3VGU1VWOUpHRXRFSmVxVExsNzl4b0ZPMWc5UUdNT3VvR0c5ZGJXNUJvM1pmdHI0SGxYUGVlZzZyV09zUHJrL2J0WkpNUWNJc2R2eVlPSUhwRmN6L3A=&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 Bayreuth </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"> Bayreuth </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="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;575&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/ctbdfysbpcnq65k35al6qd32s3m7plwn6rnljiz4sfh6fflogfuq.svg" alt="Hochschule Bielefeld - Logo" title="Hochschule Bielefeld - 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/hochschule-bielefeld" 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-1096155-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/alliance-interinstitutional-postdoctoral-call-2025-health-life-science-alliance-heidelberg-mannheim-heidelberg-mannheim-1096155#" title="Alliance Interinstitutional Postdoctoral Call 2025" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;8&quot;,&quot;10&quot;:&quot;1096155&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096155" 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/06/1346972424/cc86fe2468e8ccf42a3f38bab51bd88b.png" alt="Health + Life Science Alliance Heidelberg Mannheim - Logo" title="Health + Life Science Alliance Heidelberg Mannheim - 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">Alliance Interinstitutional Postdoctoral Call 2025</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096155&quot;}"> <div id="bookmark-job-1096155-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;RnpGd2RjUnl5ZnNkY3E0M3dJNjEycTlkSzQ5Zm0wWnhTUXJCcHFjTkZrcU9DcVdUeW5VelpFWjdhVFZvaHg2dW82Ky9rWXI5V2pPdDh3Q2hERll5b1IwRW8vRjZXQnYrSTExNWpSZVkxaXprVzZLb1BTVDM2czF5NEpBT1duSnh5VnRrSlVHVmZsWjJTWklxTm1GQ21XR1Z3YjZyL29ONUErQTJFaVlwalQ5dHNkQ00xRmNoVWlybFd6SnNPNFkxZUQ3UXlQM0lQWDFQUG9ieDdxTXZRZWovK292dThRbU9UZm9DQjRxM2p0Vkk1dDgveXMraDJveDAydTBXWFlMS1NXcUFqMXRIUkU1TExIMkUxRFlLNDc4OTl4R2pVcXNMWjdWdTNEckI1eEVsY1ZsZk16Yy8yc0llOU8yUUswNG44a1ZvVDM1OHpuVTZ2UnBHL2FYQ25aUkpMTi9RVXRhY3VWaWdGS3YrTFV5S0JTLzdiV3hjVmJqMXhqYmorb0ExMzFtMERuL0pHNlhWeFY0bk9lUU9WMlJJSnp2Tjh4S3BMakpxUFVqY3ZLQ1JNNUpLeEsycEZRTzF1S3lGb25WTTQzYkJGMlhSNm5xOG1ORHNjK3hBeTRXQ2tvZnFnUndqTkpYUGNYOENJSy9QMHFxZy8yN3dRY0dwM2FMcyswdFpUQjM4VVdPVnpnaVRGY3ZkdUJlNm1FTEIxZ2dYczBCMXozSzY4eHJyNW5zd0NmL3piMjBWZVUzTzFoaFV2Q2VxZkhoSlRoWUpTSHpGaXAwSGZpMFNuWHJkTWdyc243T1oxd2dDZEZVM3l5YVFUS2FzUHI1MDJtRGFzQUZ1SS8zRVMydlFhUHEwNjBCUER4RlFhcUkyRTNKTlRyQ3pENzhIcTVEODVsZlRiOGpFcEtRSDdCUS9NcHZZbytqbTZUazZFanRWTzJhbXBxZWt2WjhvcFRBd2FEV3N4VTZXeWxjVUJ0WFZ6WUNXWEYrN2ZDeExmdGlhUURLRVhqQjNxb2dYa2E2WHllY0tVbnN2czN3M25wZ0JZRmtLaGo1bkpwKy9CMVphZjFyTGVEcHVyVXZRdEtRNHE0WUd5ekF4ZU5pNnJTbVJpVEZkVGFIQ084MnpIR2JXUGxiemFTVjd2QWJGcVcvOTl0Zm5JbS9KUFA2NVRtWGY0MlFjdHdKOTNIZEY=&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"> Health + Life Science Alliance Heidelberg Mannheim </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"> Heidelberg, Mannheim </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-1096116-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/junior-professor-w1-tenure-track-w2-for-mesoscopic-and-superresolution-imaging-technologies-universitaetsklinikum-der-rwth-aachen-aachen-1096116#" title="Junior Professor (W1, tenure track W2) for Mesoscopic and Superresolution Imaging Technologies" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;9&quot;,&quot;10&quot;:&quot;1096116&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096116" 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/053652247/20250205140102.000000Z/resources/logo.png" alt="Universitätsklinikum der RWTH Aachen - Logo" title="Universitätsklinikum der RWTH Aachen - 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">Junior Professor (W1, tenure track W2) for Mesoscopic and Superresolution Imaging Technologies</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096116&quot;}"> <div id="bookmark-job-1096116-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;YytKT01UeS9XTFNZcjJQNkhrTHpUOU5ySU5pUWdsUHYvTWR0ZEtweGJyaHVaQnN2SHlLZm5WUU5kcnJiYkR6WGE4dDlnak92NGVxR0NGM2NUTy9JM1JQUU90VncvODdJU0VJeE9zTUhmck1ETjM4ay9xU3lFNE9FeGhQdTBqRU50cTFDQXBYM09adzdRdnArbjdlRDh5OWZUVjlRWk5Vb3k5eXo1SGNLQ3hoT1owOEo3UUhaTy93Vmk1b0MwVXVjemxMSkJBYmxKMXJLNno1dlFhQ281dlJhclBxOUxOU0paUDkxUWpRd3pJd1dRd3M4eWdWbUVrdE00OW85NjZ6TDFhR3FvWERiQnJBdEhWZENTNkRyeUl5TFV3ckpzeVBGcDROT2tnZlVpUjV0UEFGanNOdm5qSlB2R1NnRDlORjZMRkNuZUE4emdlbDNYUDJlUDQxWjhkMFdGOEFRN2hVZDJtcG1ObDFmWWFnMkxkcmk0cllObGdtTGYyejNXalhzNzdDeGYwaFhDOTJ3NzVlT2E0WCtjSFVGOUkzMXlQTGVmVElxUSt1dTBsZ3ZlcXExcklvL2RRM0pxQ0w5WjBaTEJJemduTXJWekx5VklIVnoraGJPVS8wK2ZyVW5YbE96c3BQRVF3SWphNmdqUWo1eGRJcVhnUmkwbTJFSkVIMjZncWJqV3pKMEdDb01BWGVjQXptc1JVejdSbkZHMzV2emhjbllZYVNPNkE2YlhrLzBGbDRBZDRYTkpoNktib1BnajNBRHhhMUFabVVkYWdtNDNnM2QrTm9RY1gybkwzdU1EbzBWU3dud2hBaWx5WSsyNm4zQWtvTm4wdHBxWGIwdmYrdCtKSkVaanBEK3NGMlI5amlJN0lCNHN1dWNBSU1yOVRBM2FxY1FNSExackVaNnRUVGdNSDBzcDRLd2FGWFZGWWxhdTJUUVlzaHJzdXUwODJlWE5YemZyK3UzdVVjWVZ1UU1lL1d5QnJ6ZHRVRHI4bFRpM3pmbTBnNTFFcjgwTG5IRGxVT0MvSVovVGhTSG83dXJvS2trdllib3B1eUhST2xtbWhUejRJMlF2Tk15YWtXTEwrRlEzeHVnZVQzb044dEJZT3hWNmxlM1dMSmw4UkN4UStrYjVYbFNaRzdZTWtTRzcyVFlxcG9OZWZFd1EvQkFqSjBzbXgvcWlBeUs=&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ätsklinikum der RWTH Aachen </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"> Aachen </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-1096122-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/universitaetsprofessur-w2-neue-technologien-fuer-die-nmr-basierte-metabolomforschung-technische-universitaet-dortmund-dortmund-1096122#" title="Universitätsprofessur (W2) Neue Technologien für die NMR-basierte Metabolomforschung" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;10&quot;,&quot;10&quot;:&quot;1096122&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096122" 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/053652248/20250205144110.000000Z/resources/dortmund_tu.png" alt="Technische Universität Dortmund - Logo" title="Technische Universität 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">Universitätsprofessur (W2) Neue Technologien für die NMR-basierte Metabolomforschung</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096122&quot;}"> <div id="bookmark-job-1096122-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;Uk1FSm1jZG4zYzFWVDVJM2pJSlhDb05PTVFDNG9KNVJwbU9sSzNpdUJWWEp0Sk5IZG94blJTOVRJc1h3MWJ1aWtjL0Y2SVh6MHlmODl2WVV5dE44bHhpUnpzL2FXek1NTjBUNEVMUUwwS0hTdHl6amk3WnlkSnRmY1VOd1hydUo4cVRjL2FJb0pUZk5jcnBMRnRlSEREQiswaVBFNWh5dk5wWGI4RUt4Z1hnbUpxMml4WldCUnZoNUtFN3hXRjBEQmhWOVJiYlNwYU4wQmNJMlNwRnkwRk5LbjNRamhxeG5LaXY4UmM5VFdLRUY0L3dnNFl1c2dicEp2QW9kVmtWTnc0cWg5M2FZbDliNVRDT3hGWm1vQ0wwM0ZnUUw5ZUpqRW05NWgxTytYWFlDd1hPWU90ZTVvRXpHUkJpZmpIQnk4aG9SSGx6bWMxYk01WTVmTE0ra1VoMXM2UUw3WHJCRDYyV1RtQStvUHFJZDA3dXBNNmJFTUprWld6b3RjNlJrandEbFF0VEc4R0ZFWnVDTGwwOHFEYmRxTVZGdnBVTkhOWk1YL3UyeUltWktsOUpPRW5vTkdkTjhZQTNoN2luUThEaFdnT29Zbkp4L29HQlY3UUNjZEdhWGZuRFI5bHMyQ3VNcWpieGNLaGxFd05ucnNRQW1NWDNXWVdvZGlKS1pGMXR0ZGJnNlkxRU15U29Wck1kWHhRcERGc2FWQ3kxK0p3aGZTK2xGWXlid0RzeTVIeEUxSnUzU2FBVDRlNHl6ZlNPRGo3dFpVZWtIbEk2S0Y3RGl1QVdEblZuL2Q5Mm1YenRIN3h4YTUyNDZhL3hkRXgycVE4RTNWK0VSTDV5TzlYcDZjVVJlTUFIcWlvSEZoUUNWNEhMZC9SaVNsdlUxUXROS0RiODFoWnJHUXZqK1ZSL0xoM0x2ampNSVpyelBWVE9KeUNIdENMNFRHSEdNM0hkL3Qyalc2L2RESjRXM09kWnZ1NXZQdkh3WmlYVWRvZXZhZEYvc0pnSkxzT3FWMnZOTjBxQnorSS9SOUJaV1dtaU1ZWVgyZE5aMVZCY3NFTTBkWUxIeUF3STQ4YUdNQUppaTNzbE9LN0pVa0VNT0RrYjYvNTlBYTRRY0FZMXBtb0gxSGZsdVZhcGZXSWE5QlFqNTBXd3lxb3B6Tndpd1EzWTM5eGZERldNMSs4R3I=&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"> Technische Universität 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;11&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;NC83MGxpNnpEUi9uMGRDUTdKcGNsM3BCUHZZL2Fpc0pKdHhqNjhWd2lHam1OS0ZvQTRDOUFUVWdiVVR2OVUvcTJHYzF3RmIwTzNGVDhadmtvNkxKSmVUNmwxWTA1OHkzUmVmRHdKd1JJaW4xbE5xSmlTbksxQ3JQcU9zd01Ld2xFTmptVlZnWXlHNmJ4a1A4emJBSHdaZG5pTXVPWloxaE1HeWNlOWpQODVnNG45clIzS3J3MHVza01heUhQM055dytCSTJHTllCMms3TjdjdktKY25uaXFHYmVzeHNOR2tFWmN2ejRCaUs2TjhaR2xxV1NBdU5XRFg2ano5dm9jOElkdkZGeU1EbXRrUU52d0VFM2lLT2lPa09ZekRYeU01bVY5dTRzTUV6cEdZY0VUajZqRTZZb3J3VnkwNmp2TXNqMEV6UmV3ZkRsN0pVSGUzd0NMZjJuZlNQc0xCWGw1d2FoYkRqSldRNW9UdG92UExoQ3FWdE1hQTJicDhZYW1sdm94dklKMDdKbEptcW5KRU95blNJNjBkTVBHcVNybTM1ZG80K0dkZHFKVGhXTThPQnFrL3BqalllbW5kRzJVamdkV2NSZkFYZ2syWU5ZbGQvRHV1bTRGWUpWQmlyRGtYQmtwUldCVnY4WXdIc2RoWWtIcGFNNFRnNUlQdFZHaHg0RGxnTDVQNzdwR2FZaUowZEpwdHFQTXNjSDdoa2dtY0ttdUI5WDRCWSt4aUdRRG1IdVE1M09Sc3VwZzVVTy9CanlUVExBdFIrT2JsTm9EZDhSSG85Uk5Ncysrdk56aHBRYThmMVlaQzV0cmx4YVpOMW9sNXhCL0xlSU9OZ2VFZ2dNK3A3cWdhdXpUQU9TTXg3Wm1PWDlQNGllWmI4UVIxMHNLSGo4TEJvRmVFS0NrZ3NZbGZZU0tBMkpQUXF4dHM3bjhmZXArRS9QNm1QRTB3VGdLbG8zQlVBUVJBUnhlUlBUaHQ0K2JPRDU0OEFRQUYxTno4RlBhMW9LKy9RYlBxblVwUlZvOTViQTVPK2RUaG5WUmxzdEYyOFhlakFqaWVpeXBrc05Sa2N2eTBZcWEyRHRaRk51cHNnQXFmTFNLZ20weWZBSTlIZDBlQjJmM2pkdHFrOVJlanRSL1F3aWxXSW0wRllMb0Q0S1FtQ1prTENneXZrVFRRQXhwM0JoNzM=&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;12&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;Q0QvdFppcHJJdlN0QnRJcWU3UDREY1FFUFBRNlpvSTBLK0F5M08ycGZtNllxdmRlaUpvb1pvZEZ3eXJ5ZksvcVpkUzVIbzA2bzk1ZW1QUXZNcHIvTjNqdCsxRDhXZldlNExjYXB4aGFUR3RLeDdVZ0o2N011NWNjUzlqcG8wWXMrcGExYmNiUnd2STd4KzNEWnhwdnlYN3JTcVBxOGc4TEJBbnpMZVhVQjlFTmo3akJaMVhMaE41TnVhUnlmNmtFUzRyV0Erak00VE9vbERlM1RxUmxkNDdQYkNZWnIrZ0p5dTlFR2JrR1Q4M081alVaMks2YTNUMWthZWhqWlU5NzhHM3Fxc3ZSaE1TWmNEdVZoK3EvTnFBcVhwOVkwcWJuTXZuNytJdXpKSE9Ca09qOUY4dTVkb3Y2NjI3aXl4RDh5dnhzajk1d3l6UlY5b1lvaHBxKzZYaVQrbElGWld0QTVCRXc3a3cwSzkxMlpQTDU0VURjNjhFM0VpUHozNEY4d0ltczdUL28zVmhCclJrbS9ZbEV3VTBtVHhoZjVzQ2FKT0hMaFE4NCtmWDA2bHcvUzlLNnMyTjFJN2pvQWpZYzlRK0FqQkFFQU9OdTY0TUNhSXB6WW9qQW03aC9NcHYxOTViL3BLR3ozMEYwL1FJSjA2aG53K2RMdHpmNlVRYUxwdG5CSDZqVFRZaW8zVXhjTzdXbFZqd3BIZm1PMUpLQzRxQnhiSGdNNTZQWW93S1dIb3ErWUNlRldOdTllK2tJVWZqaHhsNnQrZjlza2VyUVdSbVRpSDVYSGNmaGlNdk9kUHhjOGVOTlAxZmxwa09nTWFFMVZwNmFnWlB3MGt0UDFkWVRTWHlaTk84ZWRrSHdoRlBEQ2ZiamZnVkxBVUtaVm83WlBpeHloQXpVTGlYTGRHaVBZdGhlK0kwU2J0S1ZBL2NJTm9JRGtYdFdSbzVOaVFTYldJY2NSWFBDek82LytDa0dxYXNkbzFDZUJHeWEvZXMrSUJaK3hrRlh2Q0Y0Vmt2U01oWXAzOWlwUjZtMHZxaTMxbVhBUkZTY3BNQ00xZjFtUTMvYW9FK2lZMURwK2hUL3hLUy8vNWJmSHRyV1pYdFgxTnk0NndtemNwV2swd2JTRHI0YlRpR0RrZGtoQ0YwcUtRSEVvSDVweCtjc3hzcVpCWHdhZkcvdk1mb20=&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-1095930-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/w2-professur-elektrotechnische-gebiete-der-biomedizintechnik-hochschule-bielefeld-bielefeld-1095930#" title="W2-Professur Elektrotechnische Gebiete der Biomedizintechnik" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;13&quot;,&quot;10&quot;:&quot;1095930&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095930" 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/053492005/20250130100106.000000Z/resources/fachhochschule-bielefeld.png" alt="Hochschule Bielefeld - Logo" title="Hochschule Bielefeld - 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">W2-Professur Elektrotechnische Gebiete der Biomedizintechnik</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095930&quot;}"> <div id="bookmark-job-1095930-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;U0tQSGhmS3ZQY3d1ZEdPdFl1cFpXTEJHUVEvZDcyNUlZVGgzcmNNd0t3TTBOMEpsUDA3akE2L3ZOU2xVRi90azhrUTVGMzNad0t4a1pIbDdodlcrWWNPSGVMTDhVSjk3QVptTE42Ti83UldSTEJuR3htbDRxV000dFAybzJwWXZYRjUranh4OFpUOFVicHY5ZWhaUE11ZkxGM1FTZGdqK3RUZnNpMSt5SE9MSjlpdVZZN1QxdDJmaWFqOThnTnI5UzczSExHRmNuRmducDFaUmE0Q0gxU1UyVEtSK3lzSGloVCtQVXI0VUFGZ3NkMnFBTUZyQUpNK3FzOFRTbkJxQkJOOGNXaDlZOHhLc0VQdGRzVzI3V1I2YVpyckk0ejNmWElSeG4wMUtuOVNuZjJjY3lUbU9FVkZpRHhNcHFXTW1LMU9TQWFkVjJzTy84dmpYT3QrSXRWZFBxeTlEbmJLbHFTVmNtUHYzWE1PeVp3SkljOXhZVDdiMi93UHRwb1pCQlZGWFZIMGJuaDlWUXJBMWFLdzd6bnlHQU1RdHpVRVMxODhob1lkeXJUN2lzS3hSRDBvSTl5UFNzSlcvbStkTnVRTDVQN013dm5WdFR6SUZ3aFNsTlpHejJNTHhkNnp6bER4UWsrRC9Dc3lZTWt1aldZYko4b1Y0SU9PRlc1bVFSNnZJQzUzaW5UVkxETjI5aGEwSjIzeUtVYzRBVmpvS09rWk5wUUVZOWVOQ0RyQW1WYWZPSlNjTFZleW83VUhHbUhmdUVwTC8rbDV0N0RWTXdydGdXYlp1Um9jVDdxd3FFcUNvR2JYY1VNekdJVXVxTTA1Sy9MaEpwWElxcnJOQzJwbHBURU80M2YxUFc1MjJPaThpajJ1ZWlLMXZsTVNuRExuK3BMbUltZHJCSkhCRzF1WVNnR2xjM0ozaXU2VVFXQWVtTzN6Zlh5ZjJRTTVsU2p3Z0ZSRW0wYlJ5UlZtSXlSaS9XNjlQVXBhbTNZUVpGNkdZNTVaNFhZYnFrS0JORGRMelk3TnRxTkFMZWg1NVFYVXNxUHQ4R2tPdlhlRHFRZEtucXZ1ZFh0UVRBL3NKUEtoVTN6RENKc08zdFIyWm10aWZUR3BYbjlFTUhmNlNDM1JWbDhZTXZLdlVFMThmK0E5TG1QTGxrNnRiNjBaUHI4Qms3ZUozeE1TQ3ZEVFY=&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"> Hochschule 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"> 31.01.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095895-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/call-for-membership-applications-arab-german-young-academy-agya-deutschland-arabische-laender-1095895#" title="Call for Membership Applications" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;14&quot;,&quot;10&quot;:&quot;1095895&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095895" 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/053435631/20250129134108.000000Z/resources/100.png" alt="Arab-German Young Academy AGYA - Logo" title="Arab-German Young Academy AGYA - 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">Call for Membership Applications</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095895&quot;}"> <div id="bookmark-job-1095895-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;UmF2TGNPYjEveTJtTG1wajVqdHRvZUdoWTRIRVdpbFdOdlVPV09GdTF1R3lvaWIrR1BGODg4b1dQRjFkaE1oZnBEYXBhaE1RV1EvVUs3ZXpLOGJkK1ZwWjBvd2xzWkNBcjA4YjRsTmlqc2x4OVpBbEpUT0N4LzJaU2FzdXRKbVNWMmpESng0S0hHRW01YkNtRjlCdFdYbFVOY3hvY09pY1UxbTltT0ViWmg0VlQ1aTZzQjJGQVhHOUpkUC8xMmd6YzBacGtYQWRsVlpUV0czN0RlQ2dVN1k0dkFtNUs0OFFtakNwVExVVk52NlZDTzFTTFJ3dFZqdElSeXM0dFg1WE94U243aDR2OHBqa1hKdDZGR3Q5bDJwNWpYNDE0Umo3YlFvUUJtOUZ1aHp0dlBxcVNLVVVBdSt6SUxhU29TMkpmMUxtTFgycTJ1c08yaGpzdmo1VkRZaHd1UmxVZ3ptYk1pRnpnWGZUQzJxbXJreVdsRXF0c0VZaGUxOS9aZThuZFVuOWFLdnFXYjBSNTJWclV1Ym03UzhoT0w1MWVQT0JkWnllL1BGdHBJd0lGZzcxbCtId0lkaDVGWlhpbml6TFQ5cUdtcjVibnAwRGs2c0dibE9JWFJoZEU3U2lNTEtqb1hXdEdWd2lBSGttZ0I0NU1vbHdtZGRyNWxKWXU4aFZ3dGpQVzlFRU5LZ2hZRk52V2wwL2s5NlhEQ2JSa1JOdDZyOVlnN09JemRUK0ZsUGxzTi9obEl1NjFGbTRTUCt4T2hGNE1KT2tmZFd6U0RJV0E2SmkzcExGck41ZFYvczZ4S2tKUHJlVkFoM25kUlpsVkMxYWtoUFdvd1pzK3ZnamZOR1hjMmwwdUtnR3RoeHk3ZTFVbVJ6cS9GYitMNEhla200U21ocVNvNmpGeDR5aFhEMWYydmZyRjdSNGV3MERSaU9sOUduQXpRZm1WaStyNHorZGVXa3czbEFjSm5IZEJ5N2dIVW5rcTlyUG9vTFg3WG5TV2tJSDgvMnhWQkhTZzRNMEY3dlhnVVIydTdxLzB1eGdLYnB2M25RQ2o1dHdSUXJvVndMTjJrdzN3TjNGTXlVdmVLRU84bWpUeXlnem93TXgzVkoxMkEwQVVsV1I3Q0hlbXcvT2JZYUdEeER5YUl1dHpKSnc3SU1TN1lBTkdpclZJbWp1YzRQdXBleTI=&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"> Arab-German Young Academy AGYA </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"> Deutschland, arabische Länder </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"> 30.01.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095794-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/wissenschaftlerin-wissenschaftler-m-w-d-mit-promotion-fuer-die-leitung-des-fachbereichs-8-1-biomedizinische-magnetresonanz-physikalisch-technische-bundesanstalt-ptb-berlin-charlottenburg-1095794#" title="Wissenschaftlerin / Wissenschaftler (m/w/d) mit Promotion für die Leitung des Fachbereichs 8.1 &quot;Biomedizinische Magnetresonanz&quot;" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;15&quot;,&quot;10&quot;:&quot;1095794&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095794" 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/053435102/20250127141102.000000Z/resources/Logo_PTB_100x50.png" alt="Physikalisch-Technische Bundesanstalt (PTB) - Logo" title="Physikalisch-Technische Bundesanstalt (PTB) - 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">Wissenschaftlerin / Wissenschaftler (m/w/d) mit Promotion für die Leitung des Fachbereichs 8.1 &quot;Biomedizinische Magnetresonanz&quot;</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095794&quot;}"> <div id="bookmark-job-1095794-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;SDJTZFJldlAvZ1paWFFOWUo1cFhZQ3ErUzZ1Tnc2OG1ZM0FVV0xibkRBTjRxTHc1bGkrd1c2dkRyVkd3eUlEMEhUY3dFTExjWTZ3bUZsWXl3ZWt6MVJyM2ZtbmxBckViR0JERTVXbUV5aFNPTVZCYzNpeXBic1FmWXBlN0o1OVB1MmpzVGZMaTZjeUViMmZzTmtwbXJWRjhDVmEvSVByaWxtTXdyNmp1UkhBRTl4UW5YNitYc1BXWkVhaUhVTzlUZDdwV0xRZWZLTGVYVFlGV2Y2eE5QUjR4MGFMSEJwRmNsV2V5MlFidFJzVTZwbnJuR1BJTEV6ZmNka2swMVExSWN3U0JxVWNDUERKbDlCSjhMeHladEVJZldjcmo0R1l3eE13S0VYVTlpejJHQjlBVFFSTXZkZS9uUVZtK2NCcFUxdHJrTklzdytvOGFnZjgzNnVxYmVLVWZCRVZDS3JUZ0I0NFlGeWtMcEpoNXIzWDd6Z3BpRmhwck1PSDJMUEN1TGhGL3I1dmFucTF0V3JhZS9TaUJWcmlkdWcyOUh3b0hiN244R2EyK3JaOVZrdlVub0Z5ZzY4Qm8yK2Q0WHNOQ3U3MkJxSHdyU25qNC9JK0Nkb2FQZUZHSElhL2xXb2FkQklxQmVhdGticUUyVXFwNlpQVkVaQ3FiemtMa2dHb3pHY0JnT1BFK3dPVkJLeEROWE51YlBCaXN0akFYWWdFaE5seEFQS0FWTWNtdWpWOHRFaSsyREpHL1lFQk1ucEpmNTc1d2FUd1Z5dnpnKzdPQ0xQT3VhVlJNaElZYURORG1oaEpHYnhqWVpvM21nS2dmSDFqSG5Ed2RXMFhlVjlwNnRKVHhEbU82S0xiTnQ3Y0cxRndlNjY5SHpOV2REWGJiUEVTcXY2cGRNL1ZlNUFmazZOUERtczk0VmJjYmUvOTJNczRCSUFFODlSQmdTbXJCOW5iZXljZWlGOFV2N29oZ3Z1MDYyckZSMXR2Tlo3Wit4ZDFDYnBDMVpWVFhvazRaU0NaenQxL2NFd2VvMkYvRkJHRTRWQXo4M3NiZU1xVlFOdXhDWS9qcmxnS3dsQUEwR2Ztdk1xTHJPNlZBbEdtNGNiL2I1cnhHb1R4RytVMlR0T1g3S3VUL09lN0JkZGhhTUlSalh5RW0yRHpyUDY2Sko1emRBS0pZbDc5S1RIbTU=&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"> Physikalisch-Technische Bundesanstalt (PTB) </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-Charlottenburg </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-1092457-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/alfried-krupp-foerderpreis-2025-alfried-krupp-von-bohlen-und-halbach-stiftung-essen-1092457#" title="Alfried Krupp-Förderpreis 2025" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;16&quot;,&quot;10&quot;:&quot;1092457&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1092457" 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/050657533/20240925111106.000000Z/resources/100x50.png" alt="Alfried Krupp von Bohlen und Halbach-Stiftung - Logo" title="Alfried Krupp von Bohlen und Halbach-Stiftung - 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">Alfried Krupp-Förderpreis 2025</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1092457&quot;}"> <div id="bookmark-job-1092457-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;Sm5kY09CdW52SjhSVjBmZm4xK3VSNFpKVFZ6ZEJUdEhzYXdDQ3JXL0Rsdm80a2E4K3pQUTNwdXV4QnlxY0JNanVoSXl4N1o3Vmp1UkQrdGpqSitHUGxRRTE4U0I0c1JwcmZ0L1ZkNUtLYTdqQnZncmhhcm1MbkJ4bnUwbFBpRU1sMDRvbENvRk9WTTQ4alNqNUtlMUd6SGhVYXNUeXpCZEtKZytRV3ViaEJQQUFGM0dJMmFoSWxaRkc0SkRVdUZVb3k0bENyU090MWFDTytQdTFoRmFZMkd4bitXeW9POTNDQ3RFRkdRcFZKbFdKUlQwcE0vdi8xOXlHMzV5cjNQR1pzVTVIUHNtNG5STUpoVVRQV1NPV05BLzV4WHZtaDYvbDZ6VEMxQzhTZzk0ZnE1K3JLK1ZuekYyRlV0Wi9tM1hYUG45UTlsRWNsTnZaWXd3eE1jbTUxeGtSMTVHdzV3Vi9hNE5jSEZnczNVaG9GcVJIR3VYZnBOd1I3cWlFRXhrMnl3OVNuOXZRMlJSeDJzNnFDTG92ZlJoYWZWT1dkLytLQlN3MTk1Z1ZtRGFyK2c2NDQ2d2wxRXpyVGNCVHZzTkk1V0tkUFNIM0RTOHdwbnUrMzYxcWJiS3JTeGJzN21lY1FBL1NxTXRDTnZhYzBIampRT1RUUkNVTkJZY0Rvdit5alIxbkREeVFPM2UrV3U2MzlHcTRjOXo5QlB6K1ArT1RyTkdBZ0dweWFZT2ptcGt0aEJmKzljZUlkaHNpUDdvSldRbDUvdWJ4UWI2Sllyb1U0UTh2YjNISDRnVjZqdE5rZEQ1eWo2MUlaUGV3aXlLN2sxd2ZRdlRSUnhCcW9XQ3BQak1laDA3WGVDVVMzMytmMWRrOEIvOTZqbzRSYlhvdmx3Ym5WZGxJY0dkSlFoWFpEc3pMWlRHbmRkWDg2M2lCOG40OVJYODRMaG1NcEFuNmxudVJsNnFSZWZEUjl5Z21keDN5TXNMWEhDOUxtQmF0MytoSWl0K3oyMDNwZmVNaUtGbG1zb0VhREdyc0IxNHpjQVY3aW8rOFVqQ0RNTkhQWlF5NEJYYzdzSm5IYXozbTQ3VGZCRUVQOE5leGpld3duOHJ3Y1JuZC9jdVk3S2Z5ZWdabThCd28ycmF0Z3BscWVsRnpTUk5OdlEzcGVzQm5NNmc1SHNVd2JyeG1peXM=&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"> Alfried Krupp von Bohlen und Halbach-Stiftung </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"> Essen </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-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;17&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;dnpURTA0UGR4V1RXaC8xWkRYL0dxRUdPeUhvMGFhSE5hWHZhR3dmRmJFYVM2TXExeDBwcFBKd3IzU2M5VEE3OUdGdVY3ZDRaSHhzak1nQlFiZ0sySlhZa1FOdXUwRjdDZmRZN2tDR05WRGgrZmNqdVR0Y1c4VndLTHNFanEzZnNubUhQUnZqUFFxK0ZTMFhjcmdGVFJrTU9UUFBmYklJUDkvZjdGQmhTeUkrMTcyOTdzSlVwWENjcHFOMmVrOVdPZFd2REFBRmVhOEdQeE9lRFgyL00xZjBBZldWQkM4VUtyYUFWU2cydDNmK0pFNEg5U0NON1J1aUszbmFpL05PNzhTVzByODIwcWhQa2lnNUlBREErVWJYYlNGakFIalp2WC95WHlXYnFBT3dBM3dXdzRkdktreEN2azIyL3p1WnJ2L3ZkeS9uelZUaVRnV3doQ09Pd2F2di9XVzFqeXdONS84VFFQdXFRNWJNaGpRU2Y2Ykk1WmE5TVZFY0dScldYRXQwbWQ2K0svY1VHbFlBS2VRTEhqWXlRSDFYckdYWk5QRFd0VWtHTXpqb0g0UkdNOFBiNkFhUXcyQ1ptc0pwRkcxaUlaRmtWMVgxN2dzMk1uNEhLTTByWk1mK1RXVUUvM0lsaWlSSXoyQkZGaWYyNWQ0WVBmZUtlVXA2MC93T2g3S2Z1MUVrYmtjZE1yblFOYUlocVRLSWpPRDZqMGkwWDN2cDIyVThmYTdxWDRUNVMzakJnWHZUbm9uL2t2S3VNVlZJWHo1NTFPckkvcXpwaGRQMHh3eEVGV0ExOWhwTHJ6TUQyeEwzZUZFWWNuOGdmSWhnN3lwZFVvaGhveURGZGVxZW5mOVJXeUNrb01yVUg3bGxRQzJqb0w4U0VKSFU0UGtCQTI2dy9DS2YwSFNYcTZwN3RWM3BGWldXalN2N1FEYjVvSmlKMlcwamNpLzY0WUZad09QU0dPWjJpUm9wZGR4MTJ6YXh1Mjh0N01MMlh4OEJlaGpYYW9SazhiVlIyK3EvN2ZkK3hHZ0pVV1hSYWlDTDZrSXhnMjAvaXZHL2pRTUREaExCcTYwVVh4NXp0NXVTSnU4M1F2SG9TYTdiVXI1VjcxM2FXVVBDNjc0UkJpdE5aM3ZONzhtK2E5cTI5eSs0bGN0L0JCTU9yQStwZHJtLy9haUNKZEtqL0s2Wlc=&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> </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-medizintechnik/KA==?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-medizintechnik/KA==?page=1" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/branche-medizintechnik/KA==?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-medizintechnik/KA==?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> <article class="flex flex-col"> <section id="html_content-0-widget" class="bg-neutral-10 pt-4 xsm:pt-4 sm:pt-4 md:pt-8 lg:pt-8 lgw:pt-12 mt-[72px] lgw:mt-[84px] pb-4 xsm:pb-4 sm:pb-4 md:pb-8 lg:pb-8 lgw:pb-12 !pt-0" data-tracking-context="{&quot;6&quot;:&quot;html_content&quot;}"> <div class="layout-grid"> <div class="col-span-4 md:col-span-6 lg:col-span-10 lgw:col-span-10 lg:!col-start-2 text-style-paragraph-md overflow-hidden"> <div id="563d142c-d97a-4429-bd67-ca38a19e2d1a" phx-hook="htmlContentOverrides" class="[&amp;_ul]:list-outside [&amp;_ul]:ml-[3ch] [&amp;_ol]:list-outside [&amp;_ol]:ml-[3ch] [&amp;_ol&gt;li]:my-3 [&amp;_ol&gt;li]:pl-1 [&amp;_ol&gt;li]:w-full [&amp;_ol&gt;li]:text-lg [&amp;_ol]:list-decimal md:[&amp;_ol&gt;li]:!text-lg [&amp;_ul&gt;li]:my-3 [&amp;_ul&gt;li]:pl-1 [&amp;_ul&gt;li]:text-lg [&amp;_ul&gt;li]:font-normal [&amp;_ul&gt;li]:leading-6 [&amp;_ul&gt;li]:w-full [&amp;_ul]:list-disc [&amp;_p]:my-6 [&amp;_p:last-child]:mb-0 [&amp;_h1]:my-2 md:[&amp;_h1]:my-4 [&amp;_h1]:headline-style-h2 [&amp;_h1]:hyphens-auto [&amp;_h1]:break-words [&amp;_h2]:my-2 md:[&amp;_h2]:my-4 [&amp;_h2]:headline-style-h3 [&amp;_h2]:hyphens-auto [&amp;_h2]:break-words [&amp;_h3]:my-2 md:[&amp;_h3]:my-4 [&amp;_h3]:headline-style-h4 [&amp;_h3]:hyphens-auto [&amp;_h3]:break-words [&amp;_strong]:jobmarket-font-semibold [&amp;_em]:italic [&amp;_a.internal:not(.internal--button)]:text-secondary-70 [&amp;_a.internal:not(.internal--button)]:underline [&amp;_a.external:not(.external--button)]:text-secondary-70 [&amp;_a.external:not(.external--button)]:underline [&amp;_a.download:not(.download--button)]:text-secondary-70 [&amp;_a.download:not(.download--button)]:underline [&amp;_p:has(.internal--button)]:cursor-pointer [&amp;_p:has(.internal--button)]:group-[.disabled]:pointer-events-none [&amp;_p:has(.internal--button)]:flex [&amp;_p:has(.internal--button)]:items-center [&amp;_p:has(.internal--button)]:justify-center [&amp;_p:has(.internal--button)]:rounded-full focus:[&amp;_p:has(.internal--button)]:shadow-button focus:[&amp;_p:has(.internal--button)]:outline-none focus:[&amp;_p:has(.internal--button)]:ring-0 focus-visible:[&amp;_p:has(.internal--button)]:shadow-button [&amp;_p:has(.internal--button)]:h-12 [&amp;_p:has(.internal--button)]:px-5 [&amp;_p:has(.internal--button)]:py-4 md:[&amp;_p:has(.internal--button)]:h-14 md:[&amp;_p:has(.internal--button)]:max-w-max md:[&amp;_p:has(.internal--button)]:px-6 md:[&amp;_p:has(.internal--button)]:py-5 [&amp;_a.internal--button]:truncate [&amp;_p:has(.internal--button)]:jobmarket-font-semibold [&amp;_p:has(.internal--button)]:max-w-full [&amp;_p:has(.internal--button)]:text-lg [&amp;_p:has(.internal--button)]:bg-primary-60 [&amp;_p:has(.internal--button)]:group-[.disabled]:bg-primary-transparency-90 hover:[&amp;_p:has(.internal--button)]:bg-primary-70 [&amp;_p:has(.internal--button)]:text-white-0 [&amp;_p:has(.internal--button)]:group-[.disabled]:text-primary-30 md:[&amp;_p:has(.internal--button)]:py-[13px] md:[&amp;_p:has(.internal--button)]:px-[16px] md:[&amp;_p:has(.internal--button)]:jobmarket-font-semibold md:[&amp;_p:has(.internal--button)]:h-10 md:[&amp;_p:has(.internal--button)]:text-sm [&amp;_p:has(.external--button)]:cursor-pointer [&amp;_p:has(.external--button)]:group-[.disabled]:pointer-events-none [&amp;_p:has(.external--button)]:flex [&amp;_p:has(.external--button)]:items-center [&amp;_p:has(.external--button)]:justify-center [&amp;_p:has(.external--button)]:rounded-full focus:[&amp;_p:has(.external--button)]:shadow-button focus:[&amp;_p:has(.external--button)]:outline-none focus:[&amp;_p:has(.external--button)]:ring-0 focus-visible:[&amp;_p:has(.external--button)]:shadow-button [&amp;_p:has(.external--button)]:h-12 [&amp;_p:has(.external--button)]:px-5 [&amp;_p:has(.external--button)]:py-4 md:[&amp;_p:has(.external--button)]:h-14 md:[&amp;_p:has(.external--button)]:max-w-max md:[&amp;_p:has(.external--button)]:px-6 md:[&amp;_p:has(.external--button)]:py-5 [&amp;_a.external--button]:truncate [&amp;_p:has(.external--button)]:jobmarket-font-semibold [&amp;_p:has(.external--button)]:text-lg [&amp;_p:has(.external--button)]:bg-primary-60 [&amp;_p:has(.external--button)]:group-[.disabled]:bg-primary-transparency-90 hover:[&amp;_p:has(.external--button)]:bg-primary-70 [&amp;_p:has(.external--button)]:text-white-0 [&amp;_p:has(.external--button)]:group-[.disabled]:text-primary-30 md:[&amp;_p:has(.external--button)]:py-[13px] md:[&amp;_p:has(.external--button)]:px-[16px] md:[&amp;_p:has(.external--button)]:jobmarket-font-semibold md:[&amp;_p:has(.external--button)]:h-10 md:[&amp;_p:has(.external--button)]:text-sm [&amp;_p:has(.download--button)]:cursor-pointer [&amp;_p:has(.download--button)]:group-[.disabled]:pointer-events-none [&amp;_p:has(.download--button)]:flex [&amp;_p:has(.download--button)]:items-center [&amp;_p:has(.download--button)]:justify-center [&amp;_p:has(.download--button)]:rounded-full focus:[&amp;_p:has(.download--button)]:shadow-button focus:[&amp;_p:has(.download--button)]:outline-none focus:[&amp;_p:has(.download--button)]:ring-0 focus-visible:[&amp;_p:has(.download--button)]:shadow-button [&amp;_p:has(.download--button)]:h-12 [&amp;_p:has(.download--button)]:px-5 [&amp;_p:has(.download--button)]:py-4 md:[&amp;_p:has(.download--button)]:h-14 md:[&amp;_p:has(.download--button)]:max-w-max md:[&amp;_p:has(.download--button)]:px-6 md:[&amp;_p:has(.download--button)]:py-5 [&amp;_a.download--button]:truncate [&amp;_p:has(.download--button)]:jobmarket-font-semibold [&amp;_p:has(.download--button)]:text-lg [&amp;_p:has(.download--button)]:bg-primary-60 [&amp;_p:has(.download--button)]:group-[.disabled]:bg-primary-transparency-90 hover:[&amp;_p:has(.download--button)]:bg-primary-70 [&amp;_p:has(.download--button)]:text-white-0 [&amp;_p:has(.download--button)]:group-[.disabled]:text-primary-30 md:[&amp;_p:has(.download--button)]:py-[13px] md:[&amp;_p:has(.download--button)]:px-[16px] md:[&amp;_p:has(.download--button)]:jobmarket-font-semibold md:[&amp;_p:has(.download--button)]:h-10 md:[&amp;_p:has(.download--button)]:text-sm [&amp;_&gt;:first-child]:mt-0 bullet-pills bullet-pills-primary [&amp;_ol&gt;li]:!text-style-paragraph-md [&amp;_ul&gt;li]:!text-style-paragraph-md"> <h2 id="subnav_medizintechnik_jobs">Medizintechnik Jobs</h2><p>Dank einer immer ausgereifteren Medizintechnik können Krankheiten immer früher und besser diagnostiziert und geheilt werden. Für Jobsuchende ist dieses dynamische und zukunftsträchtige Berufsfeld mit seinen vielseitigen Stellenangeboten sehr attraktiv. Hier auf academics finden Sie eine breite Auswahl an interessanten <strong>Medizintechnik-Jobs</strong> für Akademiker!</p><p>Medizintechnik umfasst viele verschiedene Bereiche. Ein Hauptarbeitsgebiet ist die Technik für Krankenhäuser, zum Beispiel der Entwurf moderner OP-Konzepte oder die Optimierung der Ausstattung von Krankenzimmern und Behandlungsräumen. Gefragt sind bei der Krankenhaustechnik außerdem Lösungen für logistische Probleme im täglichen Ablauf wie auch die Verbesserung von Hygiene, Ökonomie sowie Ökologie.</p><h3 id="subnav_forschung_fuer_bessere_diagnostik_und_behandlungsmoeglichkeiten">Forschung für bessere Diagnostik und Behandlungsmöglichkeiten</h3><p>Ein weiterer Schwerpunkt der Medizintechnik liegt in der Erforschung und Entwicklung bildgebender Diagnosegeräte wie MRT oder Sonographie. Auch nuklearmedizinische Verfahren gehören zu diesem Bereich. Die Betätigungsfelder sind demnach sehr abwechslungsreich und auf die Zukunft ausgerichtet. Erweitert werden die Beschäftigungsmöglichkeiten durch die Themengebiete Tissue Engineering oder Medizininformatik. Während sich das erstgenannte Feld mit der Herstellung künstlicher Organe und Gewebe beschäftigt und Jobs für Forschungsinteressierte bietet, ist das zweite optimal für jobsuchende Informatiker geeignet.</p><p>Das große Potential von <strong>Medizintechnik-Jobs</strong> liegt darin, dass alle medizinischen Errungenschaften einem stetigen Wandel unterworfen sind. Sie haben folglich die Chance, kontinuierlich an Innovationen zu arbeiten und neue Berufsfelder zu ergründen. Für Berufseinsteiger entstehen viele Möglichkeiten, um eine erfolgreiche und zukunftsträchtige Karriere in der Medizintechnik zu starten. Nicht selten gibt es später viele, die mit der gesammelten Berufserfahrung ein Life Science Unternehmen gründen, hierfür erfolgreich Forschungsgelder akquirieren und einen wichtigen Beitrag zur Behandlung und Diagnose von Krankheiten leisten.</p><p><strong>Starten Sie mit academics Ihre neue Herausforderung und finden Sei bei uns attraktive Medizintechnik-Jobs für Akademiker online!</strong></p><h3 id="subnav_aehnliche_stellenangebote">Ähnliche Stellenangebote</h3><ul><li><a href="/stellenanzeigen/branche-medizintechnik/position-doktorand/KFE=" target="_self" title="Promotion Medizintechnik - academics" data-url="/stellenanzeigen/KFE=" class="internal">Promotion Medizintechnik</a></li><li><a href="/stellenanzeigen/branche-medizintechnik/position-postdoc/KFI=" target="_self" title="Postdoc Medizintechnik: Stellenangebote und Jobs - academics " data-url="/stellenanzeigen/KFI=" class="internal">Postdoc Medizintechnik</a></li><li><a href="/stellenanzeigen/branche-medizintechnik/position-professor/KEw=" target="_self" title="Professur Medizintechnik: Stellenangebote und Jobs - academics " data-url="/stellenanzeigen/KEw=" class="internal">Professur Medizintechnik</a></li><li><a href="/stellenanzeigen/branche-humanmedizin+branche-veterinaermedizin+branche-zahnmedizin/FRYX" target="_self" title="Stellenanzeigen für Medizin-Jobs - academics " data-url="/stellenanzeigen/FRYX" class="internal">Medizin</a></li><li><a href="/stellenanzeigen/branche-biomedizin/CA==" target="_self" title="Biomedizin: Stellenangebote und Jobs - academics" data-url="/stellenanzeigen/CA==" class="internal">Biomedizin</a></li></ul> </div> </div> </div> </section> </article> </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-medizintechnik/KA==","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-medizintechnik/KA==,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-medizintechnik%2FKA%3D%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-medizintechnik/KA==,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-medizintechnik%2FKA%3D%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