CINXE.COM

Qualitätsmanagement: aktuelle Jobs | academics

<!DOCTYPE html> <html lang="de" style="scrollbar-gutter: stable;" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="GkwvLlAkaA0sU3JDVHwvLT5-JTAdD2gUv-FJgKZdYkJplMuIa5gUwA_Q"> <meta content="2024-12-10" name="date"><meta content="Aktuelle Stellenangebote zu Qualitätsmanagement ► academics - das führende Karriereportal für akademische Talente " 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/arbeitsbereich-qualitaetssicherung/aQ==" rel="canonical"><title>Qualitätsmanagement: aktuelle Jobs | academics</title><meta content="Aktuelle Stellenangebote zu Qualitätsmanagement ► academics - das führende Karriereportal für akademische Talente " 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="Qualitätsmanagement: aktuelle Jobs | academics" property="og:title"><meta content="website" property="og:type"><meta content="https://www.academics.de/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ==" property="og:url"><meta content="summary_large_image" name="twitter:card"><meta content="Aktuelle Stellenangebote zu Qualitätsmanagement ► academics - das führende Karriereportal für akademische Talente " 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/arbeitsbereich-qualitaetssicherung/aQ==","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ==","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/arbeitsbereich-qualitaetssicherung/aQ==","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ==","customEcommerceParameter":{},"customParameter":{"2":"","3":"","4":"","5":"","6":"","8":"false","9":"arbeitsbereich-qualitaetssicherung","10":"","16":"2017-09-18","21":"nicht_angemeldet","26":"joblist","31":null,"32":"https","34":"de","41":"www.academics.de/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ=="},"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-GCTVUXLRcio7OhEh" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDVFZVWExSY2lvN09oRWh3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkF0aGVuZXhXZWIuSm9iTGl2ZS5JbmRleHcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GEVsaXhpci5BdGhlbmV4V2ViLlJvdXRlcncJcm9vdF92aWV3dx9FbGl4aXIuQXRoZW5leFdlYi5Kb2JMaXZlLkluZGV4dwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncHZGVmYXVsdG4IAP6Ju8WrKyMYbgYAasYsEZUBYgABUYA.KOHA-rChHLoqKsYL-9XWsD2dnN9nyZaMqxuTo29KYHc" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDVFZVWExSY2lvN09oRWh3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAFHcId2VidHJla2t3DmhlYWRlcl9zdHlsaW5ndw9zZXNzaW9uX2NvbnRleHR3DXBhZ2VfcHJldmlldz93EGRlZmVycmVkX2ludGVudHN3DXJlZGlyZWN0X3BhdGh3EnNvdXJjZXBvaW50X2NvbmZpZ3cKZ3RtX2NvbmZpZ3cGZm9vdGVydwp1c2VyX2FnZW50dx1yZWdpc3RyYXRpb25fZmVuY2VfdW5lbGlnaWJsZXcTY3VycmVudF91c2VyX3N0YXR1c3cPY3VycmVudF91c2VyX2lkdwxjdXJyZW50X3VzZXJ3CWNsaWVudF9pZHcNY2xpZW50X2RvbWFpbncKam9iX21hcmtldHcHd3QzX2VpZHcMc2Vzc2lvbl9zZWVkdwhyZWZlcnJlcmpuBgBqxiwRlQFiAAFRgA.n8JaL1RVSadLENvIFYJ8RGokPvkHHOPBhJj6XPl73Jg"><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;dFZ4Skg3bkpMd0NmT2pZTDRQbi9Odjd6TEFtbkdXZk1ZOGRDdm5YeHZ6RXpwT2hDdmV0Vk9FbHd2S3pSeUVlcU9RTWxXejZqeXkrN1BPVVU4VkZqby9INnVTQTBOZUZEaHpIMGQvbVpWcEZYL2xRVjMxeEtvRmxFbkl5dkExNnRRN3QwbGlZcWtKOEtYY1JFalk0Z0cvTkpkSFZKMWZEaHlRWVRrYlFtcjVwcnJzRnZ5SllDUVdZSHBiM1NvSFlNYnlDbHdmaEdxNzdUbld3K3dkY2N4MkpFbU05MERTQW5QSnRQeks1WVNMdXYrckk3MXo2Z0VHZEh2MDZlTFluMW5YbVNnRkp0OGQwdzhubkhoTnJYa0s5b1JqZVVRMGFHWHRmZWlPUnRlbEprMXFWaThlazM4ZGlTMkV6Yy9JWFM3NjFheGdMbUxkZWJBb20xQ1pidm9UdHN3Wk1CbC9xaThzS3Evc09FVWw0V2FRVWN6Y3ByZC9WaTlEZE8veTRzazhyKzUxelNxZlpFTUxqcUtJVHN6NllXdFBjK1VKak9Td1E4NnZSY3FKWUhVS005b01lTkRvQ3VpR3dYUXlIdmxBMmM2RnYzNWdqNUhzU0I2MlFVWU5YbFVYU2tkaWg1UXFnRE5hVG1hQnpPZ2ZVYS92OTBtcnJJZklheGQxN08zNWxMa25nOVNsdk5LZFlvSUt2OEhsNjB0aGZUN0l4cmRPS3dWYXYyazRnL0trZkRIS3RxYzhORFlqRjJhS2I0U0h4QTdwVkRqYlFWQWJnd25tU09XZVFQNnk2SnlQWk9kelFCRC9DQUZZUk5LY21CZlRCL1AwcWluZWdEVVBXcW8vUUsyZHlIb25UejhGTzNrek0yT05vQ29rd01pVmt1NmljSXNMd0lqUXhPZXFNL1A2eDE5UzI1SGY1bW5KSDFSdFRSNGtNbjMxbm41aWlQWGVPWWVIV2oxaElMc2Y2RnRKK0NQT3Y4ZUJCRGdBbzVOTnloNVJXbEdwVGxCaG9zMGhFbm5nd1RWbi9GUWJvT3NJSEtPVTlCdEhJbWU3ZnRndldkdjZOT0JDYz0=&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;WDh3OVVQcXFuMlU3djhBOHBxa3B5c1kyRG9KVWllUzI3WEIrb3J4MENzOEVrb3JvL0xBNzdGZ092OVJLOXc2Z2d5Rk0vWEVUQllEWVlvdWVyekJZT1Nwc3NLcUc4WFV5ZUM1NjJCQ2Y2S1RSV3lPTmpOSEhtY2dFSVlUdms4S0hKdnk1b3QzQ0k0NGhRWFY5QTN1MEJ4TWViY0JzdzB5MWxOT01sTXdZa256QVhnalg0REh2c0luejRBYjFmNENxQ25mVGR4MjIvUTc0UVJlVHR6QVprMG9mbm9nRVA4WmhsaUZ2RDByKy82RUtvVCtRcDVBbWFtWm1xd1UxR2ZJSnVlaElsQ2xXRnA3TVMzeDUyNXNTcDF3YStXNlJoR0V0bkJiTDRudzdYZXZKRGtDRHEwZWdXYy9kM21TdTA0WU04SEhjRGNzZDVvVEVrV2VFSTRCYmc0WEZIM1FtMFVrdXFKc3VEMkJadkhtWlRNNWhEdFM5MDlwSWd6WkN5c2FwYVFkbmJkUFBRektvYW0rUEtmZ2tIS0xLZ04yN0RrdExWNEVMYUE2VHViakRjUUx0RmlJcU1rc1U5N0JUa0NwMXpPUmRrd25sOG5YcDNtQm94YWNydnRFUGs5ZStvUjZrVzh3cGhLWTdSaVVVNTdrMGZURHp6ZCtEamZOUDUrTURSUXlZWXFSaENBT1ZwaTVaV01Oa1JON2QzQm1lQnNlNm9sWEhFb0FCa0JGUFYwRVN6Q1I4YldHbjQweTVCUWdqeFY2ckdFcVV3NTIwTURGcVh4ZWs1bURLNGx3Q05HaGlENFMxUDYrb25BYmRCUDROc212S2lSenNBUlYyRlBJL3BER2pOemtkM3I4YVk3d0dBci9JWnduWnNTN3ZLME5QVGs0SXErMkF6S2Y2VDFyMTdMZmJWV0VCUW8zZmp4T0ZNQjJNMWJiMG1yRG9EbmhxVjMxODBKeFNpRXFYdTNWdUlkcHNvTXJ2dnM0WXNZdklvbHJtUjhGQ2src2t4cEhsMUFGakxKQllKVVBvZXJidWRYNzBsbWE1cVVVSDR6NCtUWXJxbU04V25pdz0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-primary-transparency-80 zos:text-neutral-60 ac-mask-contain academics-star-filled-16 mb-[2px]" class="text-primary-transparency-80 zos:text-neutral-60"></span> <span class="mx-1"> Gemerkte Jobs </span> </a> </div> <div class="flex flex-col items-center gap-6 self-stretch bg-neutral-20 px-3 pt-6 pb-3" data-tracking-context="{&quot;6&quot;:&quot;menu_actions&quot;}"> <div class="flex flex-col items-center items-stretch gap-3 self-stretch"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold border border-primary-transparency-40 group-[.disabled]:border-primary-transparency-80 zos:border-neutral-70 zos:group-[.disabled]:border-neutral-30 text-primary-60 zos:text-text-100 group-[.disabled]:text-primary-30 zos:group-[.disabled]:text-neutral-50 hover:bg-primary-transparency-90 zos:hover:bg-neutral-20 !px-5 !py-3.5 !h-[46px] !text-base w-full" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;2&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Melden Sie sich an, um alle Vorteile von academics zu genießen"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Login </span> </div> </button> </div> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 !px-5 !py-3.5 !h-[46px] !text-base w-full" data-tracking-params="{&quot;7&quot;:&quot;link&quot;,&quot;8&quot;:&quot;3&quot;,&quot;9&quot;:&quot;open&quot;}" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Erstellen Sie einen Account, um alle Vorteile von academics zu genießen"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> Registrieren </span> </div> </button> </div> </div> <a class="flex flex-col items-start self-stretch px-4 py-3 shadow-[0px_1px_1px_0px_rgba(27,36,44,0.08)] rounded-md border border-solid border-neutral-20 cursor-pointer bg-white-0" href="https://inserieren.academics.de/de/" title="Schalten Sie eine Stellenanzeige als Arbeitgeber" target="_blank" rel="nofollow noopener noreferrer" data-tracking-params="{&quot;7&quot;:&quot;header_link&quot;,&quot;8&quot;:&quot;4&quot;,&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <p class="jobmarket-font-semibold text-base text-primary-60 zos:text-text-70"> Für Arbeitgeber <span class="text-sm font-normal text-primary-40 zos:text-text-40 ac-mask-contain academics-arrow-right-16" class="text-sm font-normal text-primary-40 zos:text-text-40"></span> </p> <p class="text-sm font-normal text-primary-40 zos:text-text-40"> Finden Sie qualifizierte Mitarbeiter:innen </p> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <div id="session-funnel" data-tracking-context="{&quot;6&quot;:&quot;auth_modal&quot;}"> <div id="session-funnel-modal" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]" data-open-modal="[[&quot;show&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;add_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-content&quot;}]]" class="relative z-40 hidden"> <div id="session-funnel-modal-bg" class="fixed inset-0 bg-primary-transparency-20 transition-opacity" aria-hidden="true"></div> <div class="fixed inset-0 overflow-y-auto" aria-labelledby="session-funnel-modal-title" aria-describedby="session-funnel-modal-description" role="dialog" aria-modal="true" tabindex="0"> <div class="flex min-h-full items-center justify-center"> <div class="max-w-[358px] w-full md:max-w-[704px] md:py-8 lg:max-w-[800px]"> <div id="session-funnel-modal-container" phx-hook="Phoenix.FocusWrap" class="relative z-60 hidden transition" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]" phx-key="escape" phx-window-keydown="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]"> <span id="session-funnel-modal-container-start" tabindex="0" aria-hidden="true"></span> <div class="flex flex-col overflow-hidden bg-white-0 shadow-pill rounded-[24px] md:rounded-[32px]"> <header class="flex w-full flex-col"> <div class="min-h-[56px] px-8 py-3 md:min-h-[64px] md:py-8"></div> <button class="absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#session-funnel-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#session-funnel-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;push&quot;,{&quot;target&quot;:&quot;#session-funnel-modal&quot;,&quot;event&quot;:&quot;modal_closed&quot;}]]" type="button" aria-label="schließen" id="modal-close-session-funnel-modal"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> </header> <div id="session-funnel-modal-content" class="px-4 md:px-16 lg:px-24"> <div></div> </div> <footer> <div></div> </footer> </div> <span id="session-funnel-modal-container-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> <main id="main" phx-hook="pushEvent" class="break-words"> <div> <div id="job-index" class="bg-neutral-10 print:bg-white-0"> <div id="flash-group" class="fixed z-20 print:hidden flex flex-col gap-4 inset-x-4 bottom-4 md:max-w-[500px] md:top-20 md:right-8 md:bottom-auto md:left-auto md:flex-col-reverse lgw:top-24"> <div id="disconnected" class="hidden" phx-remove="[[&quot;hide&quot;,{&quot;time&quot;:150,&quot;transition&quot;:[[&quot;ease-exit&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;,&quot;opacity-0&quot;,&quot;translate-y-20&quot;,&quot;md:translate-y-0&quot;,&quot;md:translate-x-20&quot;]]}]]" phx-connected="[[&quot;hide&quot;,{&quot;time&quot;:150,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;ease-exit&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;,&quot;opacity-0&quot;,&quot;translate-y-20&quot;,&quot;md:translate-y-0&quot;,&quot;md:translate-x-20&quot;]]}]]" phx-disconnected="[[&quot;show&quot;,{&quot;time&quot;:1150,&quot;to&quot;:&quot;#disconnected&quot;,&quot;transition&quot;:[[&quot;ease-entrance&quot;,&quot;duration-150&quot;,&quot;delay-1000&quot;],[&quot;opacity-0&quot;,&quot;translate-y-20&quot;,&quot;md:translate-y-0&quot;,&quot;md:translate-x-20&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;md:translate-x-0&quot;]]}]]"> <div class="rounded-[12px] border border-neutral-30 bg-white-0 p-4 shadow-elevation-lg zos:shadow-elevation-lg-zos relative flex flex-col gap-2 p-4"> <div class="flex items-end justify-end"> <div class="flex flex-grow items-start gap-3"> <span class="rounded-lg p-2 bg-warning-10 text-warning-70"> <span class="h-6 w-6 ac-mask-contain hero-exclamation-circle" class="h-6 w-6"></span> </span> <p class="tracking-[0.035px] max-w-[200px] mr-9 text-sm text-text-100"> Aktuell ist der Funktionsumfang unserer Webseite eingeschränkt - Laden Sie die Seite neu, wenn dieser Hinweis nach wenigen Sekunden weiter angezeigt wird. </p> </div> </div> </div> </div> </div> <div id="jobs-overview" class="min-h-[80vh] pt-[124px] relative bg-neutral-10 pb-6" data-tracking-context="{&quot;5&quot;:&quot;joblist&quot;,&quot;6&quot;:&quot;results_list&quot;}"> <div id="oob-fixed-under-header-jobs-overview"></div> <div class="layout-grid"> <p class="col-span-4 md:col-span-6 lg:!col-start-2 lg:col-span-10 lgw:col-span-10 text-primary-60 zos:text-text-100 headline-style-h2"> Jobsuche </p> </div> <div id="job-overview-search-module-wrapper" phx-hook="fixedUnderHeaderWhenOOB" data-oob-anchor-id="oob-fixed-under-header-jobs-overview" class="[&amp;.sticky]:bg-white-0 [&amp;.sticky]:z-10 [&amp;.sticky]:rounded-b-xl [&amp;.sticky]:shadow-lg [&amp;.sticky_.hidden-unless-sticky]:block [&amp;_.hidden-unless-sticky]:hidden pt-4 [&amp;.sticky_.hidden-when-sticky]:hidden [&amp;_.hidden-when-sticky]:block"> <div id="search-module" class="layout-grid transition-[top_150ms_ease_0ms]" data-tracking-context="{&quot;6&quot;:&quot;search_module&quot;}"> <div class=" relative col-span-4 md:col-span-6 lg:!col-start-2 lg:col-span-10 lgw:col-span-10"> <div class="flex flex-row items-center" data-tracking-context="{&quot;7&quot;:&quot;search_input&quot;}"> <form phx-click-away="form:on_click_away" phx-target="3" phx-change="form:on_change" phx-submit="form:on_submit" class="w-full" id="search-module-form"> <div class="flex justify-between rounded-full bg-white-0 border border-neutral-30 shadow-sm focus:shadow-input focus-within:outline-none focus-within:ring focus-within:ring-focus-100 focus:shadow-input"> <div class="w-full flex items-center"> <input type="text" id="search-module-form_search_input" name="search_module[search_input]" value="" class="w-full border bg-white-0 font-normal px-4 py-[10px] h-[40px] md:px-5 md:py-4 md:h-full text-style-paragraph-md rounded-lg md:rounded-xl placeholder:text-text-40 border-neutral-40 bg-transparent text-text-100 hover:!border-neutral-50 disabled:!pointer-events-none disabled:!bg-neutral-20 disabled:!border-neutral-30 disabled:!text-text-40 disabled:placeholder:!text-text-40 !rounded-full flex pl-5 placeholder-text-40 md:min-w-[350px] border-none focus:!shadow-none focus:!ring-offset-0 focus:outline-none focus:ring-0 " id="search-text-input" placeholder="Suchbegriff, Branche, Position, Standort" phx-target="3" phx-keyup="input:on_keyup" autocomplete="off"> </div> <div class="flex"> <div class=""> <button class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full jobmarket-font-semibold focus:shadow-button w-10 h-10 text-sm text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 m-2" id="clear-search-button" title="Neue Suche starten"> <span class="w-6 h-6 ac-mask-contain academics-search" class="w-6 h-6"></span> </button> </div> </div> </div> <div id="suggestions" class="absolute mt-3 z-2 flex w-full flex-col rounded-3xl bg-white-0 text-base font-medium text-text-100 cursor-pointer shadow-elevation-xl zos:shadow-elevation-xl-zos"> </div> <input id="search-module-form_category_tags-Y2F0ZWdvcnlfcXVhbGl0eV9hc3N1cmFuY2VfcXVhbGl0eV9tYW5hZ2VtZW50" type="hidden" name="search_module[category_tags][]" value="category_quality_assurance_quality_management"> </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;d0J2UDFMK25PS1prUVhZSHBVWFFzTFBUNk5BeXVhaFlpV0R6MkVuUG1nVklKVjhkRDVEa21qZVN3UTRHNFM5Sjk2NGVsWEJvNlQ4a1JQK3VsL1BtNUNJVUEyaEhQaDEwNjJXWTNPNjd1R0o2aGNxaWlxbGRzSjBTQWt6S05mbVc5Mkk4Z3hUTEVzeU1jSDJWWHZsRTZFUWpFdloxSzJtaGZ6SG1iSGNUR2x4ckRIK1pSZDg0TnNmRnBQOWFiNnAwc0pjelg2TnE4bVZRVGU1UWVNTldSdENoTTZ3T0hodEZEZXpreS9ZUlg2M0luLzlBMkRvWktvb2RPblVldjZBOUVOaVFpR1dXbkZJSFE1bW5MSFlnRkhpa09JUk5mWnE3REd5RW5pckc0L1FWZVg4VzkycFBBNEtBR2ljc1lGUnZDYzJzcTZYbDI1dFB6bmU0dDJpcUxtKzE5R0kxODVFOC9LQlVWVm15bW44d3RtODFjYlNhUjB0Sk9uSFpTTS8vSjdGSDF0YW5GSW5xZVo3UUlvNjZkY1lwbnF0SlF5OTJ5TnBVNDdUeUt1bjNINTNiS1oxK1BwckNGSEVxNGgwekprQzhYbWxNVzhmSDZ4azJ6OG5hVlBzRDhoUFhqWkZIcHRrRGcvbE0yeDFRR3dmN0RIYis3ZHV0ZTRjSHBpTm1WVXdHalJQWitTSW5CWElTT21VeDFyNkl3aDFZdmhKeGtGcThuUERWdVRCbnVkelhIMFlJcHlYYVpjaENKZWxwcE1STlNqanNvblIyWVljb2FYTEJMc1dldmcxMzNQV2cwRS83KzVSS1h0VFJDMEVlaW9NOUdWNHR4ajVvb2pzT1dMNXJCNXBHN2MyQkVQZWhZWDk3MG10NkxyTzJXVmNMYS9lZjdlWVRudWhqR2c3MTQ1UURrbWc5QS9wdFB1NlpIZWRwdm80UmlqL1NtQ0JHRGFoMU1oR0Q1ejlUTnJ4K1ZWRWNOY2M2bi9RWFQrUFNQTE1aYkJNcWUybndwanN3cGtaVHZhWTZRZ1NWcWh1dmVCTDh4Rm9rN3dya0N5TEZJcnBBbDNMcHBLbkpoS0RlaytmUzJXc2VWeWRYTXVEMzBBWjRxVW5jL0IvTytwV0xIMXhpRFpvMjd2ZTBHZHdUWGpGS3Y2MmtKK1dhc28rcFVOOWpmd1VPc3VjaWVxVHhEdFIxanlIaEVRU3ZKOXAxMlR1aGxzNnc0N0lkK1RhZW8xYUxlTTRqb0tORFRkTm9iN3UvYnYyS285SkVXQ1FLQWRBMFRJQkszTTc3NVpEZkh3MlRSZ0Y3cjlEMUNjRHgxNUZ6dUVoTkdTeEVRNEdTZk9BLzhsRnRWaDBTRjRLSGgyWFpwVWU3S3N5S1htNnFpMkg1aFY2aE1Kc3RuU0dzeFMya2pHVThmam9HTHdISFExTlJRZUxxbDhKT1lUYktmUnYzTjFRZml0a0dwcXp6VjdMcVdwQTBzdzM2YVlYcVVNTDdEYkdNMXN3R0dEVi9hcVB1bnVtZTBMYUJNQlRyb0VmTzhNMWFJcmpsdzN4akNEczlWdz09&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Suche abonnieren"> <span class="w-6 h-6 ac-mask-contain academics-bell-border" class="w-6 h-6"></span> </button> </div> </div> <div class="hidden-when-sticky"> <div> <div class="mt-4 flex justify-between gap-2" id="job-filter"> <div id="quick-filter-employer" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate " data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-employer]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Art des Arbeitgebers </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:7,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Art des Arbeitgebers </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:7,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-target="7" phx-change="action:form_change" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_research_institute" name="employer_research_institute" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_research_institute&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_research_institute-label" href="/stellenanzeigen/arbeitgeber-forschungseinrichtung/gQc=" title="Forschungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_research_institute&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschungseinrichtung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university" name="employer_university" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university-label" href="/stellenanzeigen/arbeitgeber-hochschule/gQg=" title="Universität" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universität </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_hospital" name="employer_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_hospital-label" href="/stellenanzeigen/arbeitgeber-klinik/gQk=" title="Klinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinik </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_cultural_institution_cultural_facility" name="employer_cultural_institution_cultural_facility" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_cultural_institution_cultural_facility&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_cultural_institution_cultural_facility-label" href="/stellenanzeigen/arbeitgeber-kulturelle-einrichtung/gQo=" title="Kulturelle Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_cultural_institution_cultural_facility&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kulturelle Einrichtung </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_school_educational_institution" name="employer_school_educational_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_school_educational_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_school_educational_institution-label" href="/stellenanzeigen/arbeitgeber-schule-bildungseinrichtung/gQw=" title="Schule, Bildungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_school_educational_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schule, Bildungseinrichtung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_social_institution_church_run_institution_religious_institution" name="employer_social_institution_church_run_institution_religious_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_social_institution_church_run_institution_religious_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_social_institution_church_run_institution_religious_institution-label" href="/stellenanzeigen/arbeitgeber-soziale-einrichtung-kirchliche-einrichtung/gQ0=" title="Soziale Einrichtung, Kirchliche Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_social_institution_church_run_institution_religious_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziale Einrichtung, Kirchliche Einrichtung </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_foundation_association_federation_ngo" name="employer_foundation_association_federation_ngo" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_foundation_association_federation_ngo&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_foundation_association_federation_ngo-label" href="/stellenanzeigen/arbeitgeber-stiftung-verein-verband-ngo/gQ4=" title="Stiftung, Verein, Verband, NGO, NPO" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_foundation_association_federation_ngo&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Stiftung, Verein, Verband, NGO, NPO </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_company" name="employer_company" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_company&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_company-label" href="/stellenanzeigen/arbeitgeber-unternehmen/gQ8=" title="Unternehmen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_company&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unternehmen </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_hospital" name="employer_university_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_hospital-label" href="/stellenanzeigen/arbeitgeber-universitaetsklinik/gRo=" title="Universitätsklinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universitätsklinik </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_of_applied_sciences" name="employer_university_of_applied_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_of_applied_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_of_applied_sciences-label" href="/stellenanzeigen/arbeitgeber-haw/gRs=" title="Hochschule für angewandte Wissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_of_applied_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hochschule für angewandte Wissenschaften </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_other" name="employer_university_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_other-label" href="/stellenanzeigen/arbeitgeber-sonstige-hochschule/gRw=" title="Sonstige Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sonstige Hochschule </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_country" name="employer_public_administration_country" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_country&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_country-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land/gR0=" title="Öffentliche Verwaltung: Land" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_country&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Land </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_commune" name="employer_public_administration_commune" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_commune&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_commune-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-kommune/gR4=" title="Öffentliche Verwaltung: Kommune" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_commune&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Kommune </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_other" name="employer_public_administration_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_other-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-sonstige/gR8=" title="Öffentliche Verwaltung: Sonstige" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Sonstige </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_federal" name="employer_public_administration_federal" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_federal&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_federal-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-bund/gSA=" title="Öffentliche Verwaltung: Bund" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_federal&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Bund </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_private" name="employer_university_private" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_private&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_private-label" href="/stellenanzeigen/arbeitgeber-private-hochschule/gSE=" title="Private Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_private&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Private Hochschule </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 6 Suchergebnisse </span> </div> </button> </div> </div> </form> </div> </div> </div> <div id="quick-filter-job_type" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate hidden md:flex" data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-job_type]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Arbeitszeit </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:8,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Arbeitszeit </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:8,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-target="8" phx-change="action:form_change" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-job_type_full_time" name="job_type_full_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;job_type_full_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-job_type_full_time-label" href="/stellenanzeigen/arbeitzeit-vollzeit/gRA=" title="Vollzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-job_type_full_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vollzeit </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-job_type_part_time" name="job_type_part_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;job_type_part_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-job_type_part_time-label" href="/stellenanzeigen/arbeitzeit-teilzeit/gRE=" title="Teilzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-job_type_part_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Teilzeit </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 6 Suchergebnisse </span> </div> </button> </div> </div> </form> </div> </div> </div> <div id="quick-filter-contract_type" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate hidden sm:flex" data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-contract_type]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Befristung </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:9,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Befristung </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:9,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-target="9" phx-change="action:form_change" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-contract_type_temporary" name="contract_type_temporary" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;contract_type_temporary&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-contract_type_temporary-label" href="/stellenanzeigen/anstellungsart-befristet/gRI=" title="Befristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-contract_type_temporary&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Befristet </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-contract_type_permanent" name="contract_type_permanent" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;contract_type_permanent&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-contract_type_permanent-label" href="/stellenanzeigen/anstellungsart-unbefristet/gRM=" title="Unbefristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-contract_type_permanent&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unbefristet </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 6 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-change="action:form_change" phx-submit="action:form_submit" class="max-h-[95vh] flex flex-col md:max-h-[612px]"> <h5 class="headline-style-h5 px-4 py-6 md:px-6 md:py-5"> Filtern </h5> <div class="overflow-y-scroll"> <div class="flex flex-col divide-y divide-neutral-40 px-4 md:px-6"> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;1&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Berufsfeld</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 7;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Naturwissenschaften, Life Sciences, Umwelt</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_natural_sciences_life_sciences_environmental_sciences" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_natural_sciences_life_sciences_environmental_sciences-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_chemistry&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry-label" href="/stellenanzeigen/branche-chemie/AQ==" title="Chemie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_chemistry&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Chemie </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biochemistry&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry-label" href="/stellenanzeigen/branche-biochemie/Ag==" title="Biochemie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biochemistry&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biochemie </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology-label" href="/stellenanzeigen/branche-biologie/Aw==" title="Biologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biologie </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_molecular_biology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology-label" href="/stellenanzeigen/branche-molekularbiologie/BA==" title="Molekularbiologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_molecular_biology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Molekularbiologie </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biotechnology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology-label" href="/stellenanzeigen/branche-biotechnologie/BQ==" title="Biotechnologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biotechnology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biotechnologie </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_microbiology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology-label" href="/stellenanzeigen/branche-mikrobiologie/Bg==" title="Mikrobiologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_microbiology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mikrobiologie </a> </label> </span> <span style="order: 18;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_pharmaceutical_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences-label" href="/stellenanzeigen/branche-pharma/Bw==" title="Pharma" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_pharmaceutical_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Pharma </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biomedicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine-label" href="/stellenanzeigen/branche-biomedizin/CA==" title="Biomedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biomedicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biomedizin </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_biophysics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics-label" href="/stellenanzeigen/branche-biophysik/CQ==" title="Biophysik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_biophysics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Biophysik </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_geosciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences-label" href="/stellenanzeigen/branche-geowissenschaften/EA==" title="Geowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_geosciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Geowissenschaften </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_agricultural_forestry_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences-label" href="/stellenanzeigen/branche-agrar-forst/Eg==" title="Agrar, Forst" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_agricultural_forestry_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Agrar, Forst </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science-label" href="/stellenanzeigen/branche-ernaehrung/Gw==" title="Ernährung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Ernährung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medical_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology-label" href="/stellenanzeigen/branche-medizintechnik/KA==" title="Medizintechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_medical_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizintechnik </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_materials_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science-label" href="/stellenanzeigen/branche-materialien-werkstoffe/KQ==" title="Materialien und Werkstoffe" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_materials_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Materialien und Werkstoffe </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology-label" href="/stellenanzeigen/branche-lebensmitteltechnologie/Kg==" title="Lebensmitteltechnologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_food_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lebensmitteltechnologie </a> </label> </span> <span style="order: 17;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_neuroscience&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience-label" href="/stellenanzeigen/branche-neurowissenschaften/LA==" title="Neurowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_neuroscience&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Neurowissenschaften </a> </label> </span> <span style="order: 19;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_physics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics-label" href="/stellenanzeigen/branche-physik/MQ==" title="Physik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_physics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Physik </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_bioinformatics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics-label" href="/stellenanzeigen/branche-bioinformatik/NA==" title="Bioinformatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_bioinformatics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bioinformatik </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mathematics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics-label" href="/stellenanzeigen/branche-mathematik/NQ==" title="Mathematik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_mathematics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mathematik </a> </label> </span> <span style="order: 20;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science" name="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_environmental_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science-label" href="/stellenanzeigen/branche-umwelt/Og==" title="Umwelt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_natural_sciences_life_sciences_environmental_sciences--field_subject_environmental_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Umwelt </a> </label> </span> </div> </div> <div style="order: 6;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Medizin, Gesundheit, Psychologie</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_medicine_health_psychology" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_medicine_health_psychology-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_medicine" name="group_field_subject_medicine_health_psychology--field_subject_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_medicine-label" href="/stellenanzeigen/branche-humanmedizin/FQ==" title="Humanmedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Humanmedizin </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine" name="group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_veterinary_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine-label" href="/stellenanzeigen/branche-veterinaermedizin/Fg==" title="Veterinärmedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_veterinary_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Veterinärmedizin </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_dentistry" name="group_field_subject_medicine_health_psychology--field_subject_dentistry" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_dentistry&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_dentistry-label" href="/stellenanzeigen/branche-zahnmedizin/Fw==" title="Zahnmedizin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_dentistry&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Zahnmedizin </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy" name="group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_psychology_psychotherapy&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy-label" href="/stellenanzeigen/branche-psychologie-psychotherapie/GQ==" title="Psychologie, Psychotherapie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_psychology_psychotherapy&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Psychologie, Psychotherapie </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_food_science" name="group_field_subject_medicine_health_psychology--field_subject_food_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_food_science-label" href="/stellenanzeigen/branche-ernaehrung/Gw==" title="Ernährung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_food_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Ernährung </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_medical_technology" name="group_field_subject_medicine_health_psychology--field_subject_medical_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medical_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_medical_technology-label" href="/stellenanzeigen/branche-medizintechnik/KA==" title="Medizintechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_medical_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizintechnik </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_neuroscience" name="group_field_subject_medicine_health_psychology--field_subject_neuroscience" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_neuroscience&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_neuroscience-label" href="/stellenanzeigen/branche-neurowissenschaften/LA==" title="Neurowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_neuroscience&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Neurowissenschaften </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport" name="group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_health_care_nursing_sport&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport-label" href="/stellenanzeigen/branche-gesundheit-pflege-sport/PQ==" title="Gesundheit, Pflege, Sport" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_medicine_health_psychology--field_subject_health_care_nursing_sport&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Gesundheit, Pflege, Sport </a> </label> </span> </div> </div> <div style="order: 1;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Bildung, Gesellschaft, Pädagogik, Soziales</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_education_society_pedagogy" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_education_society_pedagogy-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences" name="group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_education_educational_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences-label" href="/stellenanzeigen/branche-erziehung-paedagogik-weiterbildung/Ow==" title="Erziehung, Pädagogik, Weiterbildung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_education_educational_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Erziehung, Pädagogik, Weiterbildung </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work" name="group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_social_pedagogy_social_work&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work-label" href="/stellenanzeigen/branche-sozialpaedagogik-soziale-arbeit/PA==" title="Sozialpädagogik, Soziale Arbeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_social_pedagogy_social_work&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sozialpädagogik, Soziale Arbeit </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport" name="group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_health_care_nursing_sport&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport-label" href="/stellenanzeigen/branche-gesundheit-pflege-sport/PQ==" title="Gesundheit, Pflege, Sport" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_health_care_nursing_sport&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Gesundheit, Pflege, Sport </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_education_society_pedagogy--field_subject_politics_government" name="group_field_subject_education_society_pedagogy--field_subject_politics_government" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_politics_government&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_education_society_pedagogy--field_subject_politics_government-label" href="/stellenanzeigen/branche-politik/QA==" title="Politik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_education_society_pedagogy--field_subject_politics_government&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Politik </a> </label> </span> </div> </div> <div style="order: 4;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Kultur &amp; Kunst</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_culture_arts" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_culture_arts-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_culture" name="group_field_subject_culture_arts--field_subject_culture" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_culture&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_culture-label" href="/stellenanzeigen/branche-kultur/Qw==" title="Kultur" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_culture&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kultur </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_art_design" name="group_field_subject_culture_arts--field_subject_art_design" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_art_design&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_art_design-label" href="/stellenanzeigen/branche-kunst-design-gestaltung/RQ==" title="Kunst, Design, Gestaltung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_art_design&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kunst, Design, Gestaltung </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_music" name="group_field_subject_culture_arts--field_subject_music" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_music&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_music-label" href="/stellenanzeigen/branche-musik/Rg==" title="Musik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_music&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Musik </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction" name="group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_film_theater_acting_stage_direction&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction-label" href="/stellenanzeigen/branche-film-theater-schauspiel-regie/Rw==" title="Film, Theater, Schauspiel, Regie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_culture_arts--field_subject_film_theater_acting_stage_direction&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Film, Theater, Schauspiel, Regie </a> </label> </span> </div> </div> <div style="order: 2;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Geisteswissenschaften</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_humanities" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_humanities-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_sociology" name="group_field_subject_humanities--field_subject_sociology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_sociology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_sociology-label" href="/stellenanzeigen/branche-soziologie/Pg==" title="Soziologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_sociology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziologie </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_religion_theology" name="group_field_subject_humanities--field_subject_religion_theology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_religion_theology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_religion_theology-label" href="/stellenanzeigen/branche-religion-theologie/Pw==" title="Religion, Theologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_religion_theology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Religion, Theologie </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_philosophy" name="group_field_subject_humanities--field_subject_philosophy" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_philosophy&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_philosophy-label" href="/stellenanzeigen/branche-philosophie/QQ==" title="Philosophie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_philosophy&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Philosophie </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_history_history_of_art_archaeology" name="group_field_subject_humanities--field_subject_history_history_of_art_archaeology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_history_history_of_art_archaeology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_history_history_of_art_archaeology-label" href="/stellenanzeigen/branche-geschichte-kunstgeschichte-archaeologie/RA==" title="Geschichte, Kunstgeschichte, Archäologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_history_history_of_art_archaeology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Geschichte, Kunstgeschichte, Archäologie </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_humanities--field_subject_languages_literature" name="group_field_subject_humanities--field_subject_languages_literature" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_languages_literature&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_humanities--field_subject_languages_literature-label" href="/stellenanzeigen/branche-sprachen-literatur/SQ==" title="Sprachen und Literatur" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_humanities--field_subject_languages_literature&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sprachen und Literatur </a> </label> </span> </div> </div> <div style="order: 10;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Wirtschaftswissenschaften, Management, Recht</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_administration_management_economy_law" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_administration_management_economy_law-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration" name="group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_economics_management_business_administration&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration-label" href="/stellenanzeigen/branche-wirtschaft-management-verwaltung/Nw==" title="Wirtschaftswissenschaften, Management, Verwaltung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_economics_management_business_administration&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftswissenschaften, Management, Verwaltung </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_industrial_engineering" name="group_field_subject_administration_management_economy_law--field_subject_industrial_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_industrial_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_industrial_engineering-label" href="/stellenanzeigen/branche-wirtschaftsingenieurwesen/OA==" title="Wirtschaftsingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_industrial_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftsingenieurwesen </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_law" name="group_field_subject_administration_management_economy_law--field_subject_law" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_law&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_law-label" href="/stellenanzeigen/branche-recht/OQ==" title="Recht" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_law&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Recht </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_environmental_science" name="group_field_subject_administration_management_economy_law--field_subject_environmental_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_environmental_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_environmental_science-label" href="/stellenanzeigen/branche-umwelt/Og==" title="Umwelt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_environmental_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Umwelt </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_administration_management_economy_law--field_subject_academic_administration_management" name="group_field_subject_administration_management_economy_law--field_subject_academic_administration_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_academic_administration_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_administration_management_economy_law--field_subject_academic_administration_management-label" href="/stellenanzeigen/branche-wissenschaftsmanagement/Sg==" title="Wissenschaftsmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_administration_management_economy_law--field_subject_academic_administration_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wissenschaftsmanagement </a> </label> </span> </div> </div> <div style="order: 3;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Internationale Zusammenarbeit</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_international_relations" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_international_relations-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm col-span-2"> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_international_relations--field_subject_international_development_cooperation" name="group_field_subject_international_relations--field_subject_international_development_cooperation" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_international_development_cooperation&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_international_relations--field_subject_international_development_cooperation-label" href="/stellenanzeigen/branche-internationale-zusammenarbeit-entwicklungszusammenarbeit/Sw==" title="Internationale Zusammenarbeit, Entwicklungszusammenarbeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_international_relations--field_subject_international_development_cooperation&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Internationale Zusammenarbeit, Entwicklungszusammenarbeit </a> </label> </span> </div> </div> <div style="order: 9;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Technik, Ingenieure, IT, Mathematik</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_engineering_it_mathematics" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_engineering_it_mathematics-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics" name="group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_electrical_engineering_electronics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics-label" href="/stellenanzeigen/branche-elektrotechnik-elektronik/HQ==" title="Elektrotechnik, Elektronik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_electrical_engineering_electronics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Elektrotechnik, Elektronik </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_automation_measurement_control_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering-label" href="/stellenanzeigen/branche-automatisierungs-mess-regelungstechnik/Hg==" title="Automatisierungstechnik, Messtechnik, Regelungstechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_automation_measurement_control_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Automatisierungstechnik, Messtechnik, Regelungstechnik </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_information_technology" name="group_field_subject_engineering_it_mathematics--field_subject_information_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_information_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_information_technology-label" href="/stellenanzeigen/branche-informationstechnik/Hw==" title="Informationstechnik (IT)" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_information_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Informationstechnik (IT) </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mechanical_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering-label" href="/stellenanzeigen/branche-maschinenbau/IA==" title="Maschinenbau" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_mechanical_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Maschinenbau </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_plant_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_plant_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_plant_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_plant_engineering-label" href="/stellenanzeigen/branche-anlagenbau/IQ==" title="Anlagenbau" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_plant_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Anlagenbau </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_automotive_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering-label" href="/stellenanzeigen/branche-fahrzeugtechnik-automotive/Ig==" title="Fahrzeugtechnik, Automotive" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_automotive_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Fahrzeugtechnik, Automotive </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_energy" name="group_field_subject_engineering_it_mathematics--field_subject_energy" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_energy&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_energy-label" href="/stellenanzeigen/branche-energie/Iw==" title="Energie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_energy&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Energie </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_aerospace_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering-label" href="/stellenanzeigen/branche-luft-raumfahrttechnik/JA==" title="Luftfahrttechnik und Raumfahrttechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_aerospace_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Luftfahrttechnik und Raumfahrttechnik </a> </label> </span> <span style="order: 23;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_process_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_process_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_process_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_process_engineering-label" href="/stellenanzeigen/branche-verfahrenstechnik/JQ==" title="Verfahrenstechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_process_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Verfahrenstechnik </a> </label> </span> <span style="order: 17;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_mechatronics" name="group_field_subject_engineering_it_mathematics--field_subject_mechatronics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mechatronics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_mechatronics-label" href="/stellenanzeigen/branche-mechatronik/Jg==" title="Mechatronik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_mechatronics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mechatronik </a> </label> </span> <span style="order: 21;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_production_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_production_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_production_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_production_engineering-label" href="/stellenanzeigen/branche-produktionstechnik/Jw==" title="Produktionstechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_production_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Produktionstechnik </a> </label> </span> <span style="order: 18;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_medical_technology" name="group_field_subject_engineering_it_mathematics--field_subject_medical_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_medical_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_medical_technology-label" href="/stellenanzeigen/branche-medizintechnik/KA==" title="Medizintechnik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_medical_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizintechnik </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_materials_science" name="group_field_subject_engineering_it_mathematics--field_subject_materials_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_materials_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_materials_science-label" href="/stellenanzeigen/branche-materialien-werkstoffe/KQ==" title="Materialien und Werkstoffe" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_materials_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Materialien und Werkstoffe </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_food_technology" name="group_field_subject_engineering_it_mathematics--field_subject_food_technology" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_food_technology&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_food_technology-label" href="/stellenanzeigen/branche-lebensmitteltechnologie/Kg==" title="Lebensmitteltechnologie" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_food_technology&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lebensmitteltechnologie </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_chemical_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering-label" href="/stellenanzeigen/branche-chemieingenieurwesen/Kw==" title="Chemieingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_chemical_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Chemieingenieurwesen </a> </label> </span> <span style="order: 19;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_neuroscience" name="group_field_subject_engineering_it_mathematics--field_subject_neuroscience" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_neuroscience&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_neuroscience-label" href="/stellenanzeigen/branche-neurowissenschaften/LA==" title="Neurowissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_neuroscience&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Neurowissenschaften </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_civil_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_civil_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_civil_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_civil_engineering-label" href="/stellenanzeigen/branche-bauingenieurwesen/Lw==" title="Bauingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_civil_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bauingenieurwesen </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning" name="group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_architecture_urban_spatial_planning&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning-label" href="/stellenanzeigen/branche-architektur-stadt-raumplanung/MA==" title="Architekturplanung, Stadtplanung, Raumplanung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_architecture_urban_spatial_planning&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Architekturplanung, Stadtplanung, Raumplanung </a> </label> </span> <span style="order: 20;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_physics" name="group_field_subject_engineering_it_mathematics--field_subject_physics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_physics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_physics-label" href="/stellenanzeigen/branche-physik/MQ==" title="Physik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_physics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Physik </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_computer_sciences" name="group_field_subject_engineering_it_mathematics--field_subject_computer_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_computer_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_computer_sciences-label" href="/stellenanzeigen/branche-informatik/Mg==" title="Informatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_computer_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Informatik </a> </label> </span> <span style="order: 25;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_business_informatics" name="group_field_subject_engineering_it_mathematics--field_subject_business_informatics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_business_informatics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_business_informatics-label" href="/stellenanzeigen/branche-wirtschaftsinformatik/Mw==" title="Wirtschaftsinformatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_business_informatics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftsinformatik </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_bioinformatics" name="group_field_subject_engineering_it_mathematics--field_subject_bioinformatics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_bioinformatics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_bioinformatics-label" href="/stellenanzeigen/branche-bioinformatik/NA==" title="Bioinformatik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_bioinformatics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bioinformatik </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_mathematics" name="group_field_subject_engineering_it_mathematics--field_subject_mathematics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_mathematics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_mathematics-label" href="/stellenanzeigen/branche-mathematik/NQ==" title="Mathematik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_mathematics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mathematik </a> </label> </span> <span style="order: 26;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering" name="group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_industrial_engineering&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering-label" href="/stellenanzeigen/branche-wirtschaftsingenieurwesen/OA==" title="Wirtschaftsingenieurwesen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_industrial_engineering&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wirtschaftsingenieurwesen </a> </label> </span> <span style="order: 22;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_environmental_science" name="group_field_subject_engineering_it_mathematics--field_subject_environmental_science" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_environmental_science&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_environmental_science-label" href="/stellenanzeigen/branche-umwelt/Og==" title="Umwelt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_environmental_science&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Umwelt </a> </label> </span> <span style="order: 24;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics" name="group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_traffic_transportation_logistics&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics-label" href="/stellenanzeigen/branche-verkehr-transport-logistik/gRQ=" title="Verkehr, Transport, Logistik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_engineering_it_mathematics--field_subject_traffic_transportation_logistics&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Verkehr, Transport, Logistik </a> </label> </span> </div> </div> <div style="order: 5;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Medien &amp; Kommunikation</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--field_subject--group_field_subject_media_communication" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;group_field_subject_media_communication-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_media_communication--field_subject_media_communication_information_management" name="group_field_subject_media_communication--field_subject_media_communication_information_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_media_communication_information_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_media_communication--field_subject_media_communication_information_management-label" href="/stellenanzeigen/branche-medien-kommunikation-informationsmanagement/SA==" title="Medien, Kommunikation, Informationsmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_media_communication--field_subject_media_communication_information_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medien, Kommunikation, Informationsmanagement </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_media_communication--field_subject_academic_administration_management" name="group_field_subject_media_communication--field_subject_academic_administration_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;field_subject_academic_administration_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="group_field_subject_media_communication--field_subject_academic_administration_management-label" href="/stellenanzeigen/branche-wissenschaftsmanagement/Sg==" title="Wissenschaftsmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#group_field_subject_media_communication--field_subject_academic_administration_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Wissenschaftsmanagement </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="group_field_subject_media_communication--field_subject_public_relations" name="group_field_subject_media_communication--field_subject_public_relations" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 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="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">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" 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;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"> 6 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"> Qualitätssicherung </span> <span phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;pill&quot;:&quot;category_quality_assurance_quality_management&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"> 6 Stellenangebote <div class="mt-2 mb-4 truncate font-medium text-primary-40 zos:text-text-40"> mit den Filtern Qualitätssicherung </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/arbeitsbereich-qualitaetssicherung/aQ==?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/arbeitsbereich-qualitaetssicherung/aQ==?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-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;1&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;VE5hMnBNTHRFRU5MT3JGZVVRWGpVSllRR0owNSttejgrZUpNVkZxU2dSdjdWM05GVitjaElYU2VpWlJ0OWJTUWxFa1NES0pNdzBrcTRZTmkyUTcwMXVNNHR0NTlQK0xXNVM3QTlaa2NUeEJzNzhrbWU1ZDdjdkRUVEUwcjJqczNnZ1J4N0NvVHc2a2JocTBzVkdsbDhZcWE4bEhXeCt4VE9EOXF2YTlBN0craENxZ0lrRjRHYmJTUnZaM1hqNzJRb0YwVzZhZDViOVY4NmtzczZYVDhhbjhmRGNVSkgxTHFYWUI3cUZkV0c5YWV0NGhlTjdLRWViVS91dXNldUF0NkZmdCtRcjR1TlR1T3JEQndoa21IWlZYTDErb09FTnJiREo0M043cDlRdXlyME16UjBMdSt0cW9VUUZPZlBDaXFYNDhhMFVYeXhsSC8wNjE2VWNrZW9SZ0tnZC8zay9ITmUwaGx4dnZYS25XamFibHpXeDVNdzAxUGJObndROHhLZEJmODl6Z3ZsLzlkSHhQTUhrZVlKZTIrbkdiYk5XbCtPcnVGUTJiUS9BYjlQM3ZzeEtlOXoyMkZwRGw3ZFoweUorRDFkTUdTV2RLK3V3R3NSK1licm9BbFlPS3liVFd1K1Fsa2svc1BGQ1M5dEZ2UGpPL25EQThrMGI0U2VkWlhBT0hZRTUyN2U1ZW9tb0U0VzQzdE10VUJVNVJLVUxkWUJvOVlnZ29DdTR4U0U2UlQ3cVdPWjgyUFA3eHFQTGxPMExCQk5nMzh1RlgzU2h1SzNwTVRTcnVsUTgweU1NNUI5OVlOZmpsVXlaYnNHSTFiVUVHaTk5dmFpOGU5SGxkOWZpck9ybDFZcGdwWFVQMVlaK0V6VFRJdC9vNERvTFBWSmZ5WmtHRGpHRjhQWGcvRFhKVWswVWNCSndtb1RZdytCNDZrVjdQS2dBSkpPMjRsMWpRY3pyMjNlQ1dkMWhCNmF0NE9ES1dvZDc4dW9nT25QcU9kQWxEbVdFNEF1THc1UmxqYjNGQTVEQWtmZ2ZHSXdSRW9uSFJPUFNhVm5tVFltSUZGZHg1N2VrZWRQbG91dVZROFkzblpKS3hPWUxSNUMzb21zbHZUcHEyN0g1Rkx3Z2VqV0lnM3hlaFdSRlJ4cTBNOFIxNUdrSWtkVGcyNnE3R3V1R0tiS2xiQ25BUTJwaUgvZVBodUljUC9rRld1ekZXeFVjUHVaVU1PdTRjQnY3aDBwelh4LzZxRTY2UWc2NzlmUmpjNUNZMkhRR1du&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;2&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;NFNBNmJDM1orK1lreGxzRy85QkFHS0xqWjRHdFlGaDZEOUVUNFE0WlNmdExCNXpZWnlHSFFZUkdQUDN2SVYrZkI2K2I3Zkh6TUNvcExHNkc4Sm5UaXd5eGVDTVUwOGZCM2dzeXA1QkQrNElFZ2laSW9zUDQyY0w2eXdUV1Z3aFhmUTJEL1hjMkVwdDdRVzJnL1ZvQTB6UlVmTnMxTjArMHR5d3c5Tk9EeEE0WjNidTFZR043SDV4OVRkMi94L0I4ak9kWFo3MWxuaGRiZGNHUlpIS1ZxVWNDNUM5N3pGVmJucyt4MERMclBXOGs5NDVydlRZNlh6bE1yVjlKbzJWejB3WmdtK0NoRXhaK0tsMGNoaEkzUk0zRTM2OXhTajBVQlNjR1g1WmdFWlZFd0QrQzVxbzBvczQ0bm9hRlI2TEUxeTEzaFNhanM5blhuV2RnYjg0K2RrWXFqN3ovT1hBRC9TS2l1VWptWHMyWC9sanlPWnptT0ZVWVJiRE96VnBIQUJQemVVT1N6ZEJLZWJ2RnVDOHRJeXVZNTN4L0ZnakRmbk9Wd1Rma2Z1cEI4QzNTdEZIdUdGd3A0ZkF0TE1YV1pBZTc2NWpVTlhjYUtEZVdPU3hzMlJ0TmNpMG5GVnVHQXd5eWgyWE8xdTlDNVlOT0YxNzZWSUJFN0cxejYrS213aTRYNEtVV2IyNk56NlBtSG5SS2tJNU9FY1ZOMHI4aUlVOWxjcS91RGtsbzl4dFllK2d3UXNqNHRmYi8vTUdyM0RkNjBDUjBHTzVkMTZzeDJLSkdaVVJnL0FmRHYzY25iQXRNbjhoSks3Um8wd2RRK0QwQ3oxNk5RWFg0aGdpMDBqMW5PWG9JS2VTdmNpY25GeXBER29GQVY5M2tUWHIwVXJaNWtSRHJ1Qmc4dnMzU0NJdlh5ZVRURDZuQnVNdlhFRk56UnoyWUpmeDlzUHNmOGZSZ0QreUk0MnVZMGttUHBiNkJwRVBRVVFsN2xMYkoyR1BNZzJNcnk2MmRyVi9VZUUwQ1BvV2lwdWw4aUJ2dWpyM3AwRXpxK3NIeGxETVZnV2J6eFh3bDJ0UGVqMUFuYzRCYjVhbnY2dDlBZWplR01uTlpDUk5IQVZ2c0d0TUpBVTJYMWFCUVFlY0x4REo3VEZGZ3pqQ0JkMmhjbUlKVmN1d3pRK1BwdmZzRHBZajJSWk1iSTFZc2ZQbHdPTmhqZ21vL3pDMkswdU5Obkcva3IxbGx0L3FSWDZzR1NRd2ROeTVTMXNRYnVjWjVFcnRX&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="job-teaser-1096357-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/referent-in-fuer-akkreditierung-im-hochschulbereich-m-w-d-zeva-hannover-hannover-1096357#" title="Referent*in für Akkreditierung im Hochschulbereich (m/w/d)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;3&quot;,&quot;10&quot;:&quot;1096357&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096357" 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/14/1029972120/0479d2c38741433583fe4230af1cee08.svg" alt="ZEvA Hannover - Logo" title="ZEvA Hannover - Logo"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Referent*in für Akkreditierung im Hochschulbereich (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;1096357&quot;}"> <div id="bookmark-job-1096357-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;N0JuTFY4T1B6K2NnVU0rcDVGUllsWGVrbUNnZXlJL0w4ZmNlazdQdytZdVQvMXhnb0w1M1ZUNEpWOVFaT3VWWnJyVFMzd3JtWkR5T2g3ZUZ4dUtJWXdWNFZaOWs4L1lvY2k1ZDVtUzMwcmhja08rTkY2djBxSWl2elljTjRibHRSdUJOUk1jNTZteDcxSW5la0t6cXBldFovaFIzTzhhT0U1WC9qZFF1YXBURi9LMU1Eb1RTTzB5OXNGSmQ5WU5uZ0RxeTYyenJTMHV6QjJ3UUg4TE9FY2VSVmdndGdlMWliQkFSakp6M0FhN0Rtb2RjbW50ZGhsQitqTVdUTndvNitUUFp4WmROVVIrYzB3UE5Ka3JpSmRkRU53Rys1VjZkTUZOOEJGd1FMNEdsTGltemlKTzNzRUNzcHJFczNoaFBjT254TWdta0YxY1AyK2lUTTJ0bExwL0oyQmVDb05GbE9wTTV0QjFydEJ6S2kvQVE3RmpTN0FoM09qbDhuMHRoaVdPb0pnZkRFcnI2NFdEWXV4Nnpud2RxNVVrbTAwYjZVQzY4T0MxUFRuWEFCRnV1ZWdNek1MbXhYRnhVdTk1UXdXQ3NuSlNlVUNBR1NsQUhrOWRvbDUvZDBFc3hrZkxwMkxCUHpITmpKM3dXaHdlbWU0dmwwRFhWVHhXVUxtQ0U0b1EwVVhuTHV4YmxpMjRxMUt4QzVrQ3dCakJ6K2JkQWJxUmhoclBlMUI3SzFaMHB1UTVUbDJZYlpkVnViRnlMbG8zSVRBdTJsaS9ySGlzM0kyeWxOQWhMem8zRmk4NEV2MUVzeFJXSEdQQjFLM3JpUnhOQUo3VnBpMjI1clBoY0Z0cjhEdndIY0Z4SzZNdzc4YTNDRHdDbWk1R09SRllZRm1SUVcvWlk1Q2ZpWlNoR1UvL3U4NE80bm9rdzFad0hmTVVqTnVHcGFDQzNYSkhNUlZ4bnZDUzl5eHVNWVhGV2JiTmNWS1hrZkZnZytFZ1psWERiRjNqYnZsTWtSNDFYNW5VVEtJOTBxZ1BtQ09Ic0hPaE5pVkJBYm41ZFhueS9LYmpNVjBsUXRwTXZCMXpDa0o1RDg0c0FIS1pPVXJydC9SbGprbWVYSTVrdHMyVHhwaW53UUhjZlVacVZpQ25JaDBhYWUrK1NYQzhKNWhadGVLYm4wdEYzS1p1WENmTnVMcXI4ZTVoY0YvYWRnd3hKa1BSWTVVUGNsbU54Rm9uMUJ2Qmx3dlZQaE5zckZ1aXpqTE9zNUFBVDcwWDlucFFG&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"> ZEvA Hannover </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"> Hannover </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"> 16.02.2025 </span> </div> </div> </a> </li> <li id="jobmail-subscription-3-container"> <div class="w-full md:w-full flex flex-col items-center justify-between md:flex-row bg-secondary-60 rounded-xl p-4 shadow-md hover:shadow-lg md:h-[116px] md:px-8 bg-jobmail-subscription-primary bg-no-repeat bg-[length:82px_82px] bg-[left_-9px_top_8px] md:bg-[length:150px_150px] md:bg-[left_-19px_top_-15px] " data-tracking-context="{&quot;7&quot;:&quot;jobmail_subscription_card&quot;,&quot;8&quot;:&quot;4&quot;}" class=""> <div class="ml-[74px] min-h-[76px] md:ml-[120px] md:min-h-min"> <h5 class="hyphens-auto break-words headline-style-h5 text-left text-white-0"> Noch nichts Passendes gefunden? </h5> <p class="text-style-paragraph-sm mt-2 text-left font-medium md:mt-0 text-white-0"> Lassen Sie sich zukünftig Jobs per Job-Mail zusenden! </p> </div> <div class="w-full md:w-auto"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold text-primary-60 hover:text-primary-50 group-[.disabled]:text-white-60 bg-white-0 group-[.disabled]:bg-white-90 !font-medium mt-2 w-full md:mt-0 md:ml-6 md:w-auto" data-tracking-params="{&quot;9&quot;:&quot;subscribe_register&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;aTQ2eGhrOUlzMjJubGF1RHJVUmExdW95MXBmNjBud2w4UlNqNW1lcHZzWXRWVnNCRjR5dmdIV0hGQU9TUDN6a0RvcVlPZlgvWWFLcHBYMGdMc3ZOYUoySHJsc2JnL3B0SDNvS0Zqc2lvQms0NWp5TTEzdk1KbXNnZHdsN25VMzRvZjVUdmxUV0pac2wxek9CYlFPN29rUEVPcjhuRzFyY1hsVXVkVU9nbmVlUjVmVkJGdUlYZ1ZBRnJnZGErbG1QNTZmVjlwaGhHcEdWS1MwbWNmcWpDcHBIMjVLYVpxeXZ1TVhDQWExRTNtSFAvOFZzN25PNDJlWkUrSmt0MWhHNDlKWmhhMWlsSzdvM3VsWlhxbHhCcFh6SE8rZllrYnludmRlcGpsMzdVNjVnYXZqbC9CSnFCeGYzWHRydjlZRHYvQ2JObVdURitLWDhiQ2pxWUFTNW5wSlI0T3JoTW5aWUNGTEh2aW1URVl4VURudS9FREtkWTN2cnR3OVlzZkd6b2hZeFRtN1ZEWWx4emJLSTc4Q0JPUGREUWJwRzdhaElrRmR2aFoxSThYMy8yb2FxVUwxY2Q1bkVmaVFmb2Vmd1BVNWJzM3pvRmNNOFk5Rlo0amRhUFBKWnU3OExFZnRjUllkdjFqWU9FamZDZ0YvMlhhL3VXdk9makFCOEZjaUpOdlRrMlRuVjBnc0dPSUtNS0lLbnA1dDFEeU4xSlFxcUJwS290T2VEa2RNOFBmOEU0cnFBYzlOWkpNR3RlTXpvSm1hRmNIYzBtbmdmcWlQdS8rVzNYRjZyRDZZSlR3ZTYrYmRUK1VYY0tqeXNFb1RHN2YvRnhrd2dYK3pRMktHcENPdzZKK0F5cUd4Y01qS1pMV3BsVlFCZURmT2Z6M3VCZ3VjdkpmQm9aTFg5c2tQYjhEczZaaFhEWU9nQTR2Z2VDL080R1JEUjd2aEs0Y3U1SWM1WFNudWpJZThEaHBOenlGNFIxNnVLTDY3V2t6V2J6TTlTZW0xeEh1c2YyUlRzekZSK3JiSU43MDMwTm1pSkg2N2ZsYjVzZG5XRXB0QnNWK0ZRalN2UmRMbWFzd2JPMVNEWFBPU2JNSExDYW5DUktTbWh2T1hTMldsL015cjhKaU1tTEV5N0JNeHpVWHFESU5CNjNIL25ld1V3cUFDY09lYWhBdERzK1JCcDgrRmpJWFFYeW1rMm1wYzJLWHA3QUorY3VZdGR3b0dzbHpyVjRqTEJjSDhhTjk1L2NLSVV4a3NNWS8rck4vMy9ESHZSS1pLcldrS0dnMlFnMk1Lc2JzVmRsVGFKVTBpb1JtNnl1VWJpeisrNXVkVnFhbEpvVG91Y1JFMU9ldmowN2VQc3dON2tUdDBqZGdWbjBKVWlYWkdPeEw0eTJKNDdqR1htQ2dCU0c4c1g2RkhVcHdkMUVNTjR0SGRpcDh0Y3ltSXBCeGhQemVZTDZzY2lLUThNSHFVMzByWDVIbE8zYzFnajZsWXoyVXk1QlRsckpIU3ZhMXFxSzEwcU45QkgzTmdoL0ZESjB1ODNjcE1sR29rNVZ6YUJ2dz09&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-1095904-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/akademische-r-mitarbeiter-in-fuer-gendermonitoring-und-aktive-ansprache-hochschule-offenburg-offenburg-1095904#" title="Akademische*r Mitarbeiter*in für Gendermonitoring und Aktive Ansprache" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;5&quot;,&quot;10&quot;:&quot;1095904&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095904" 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/053491830/20250129145102.000000Z/resources/100.png" alt="Hochschule Offenburg - Logo" title="Hochschule Offenburg - 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">Akademische*r Mitarbeiter*in für Gendermonitoring und Aktive Ansprache</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095904&quot;}"> <div id="bookmark-job-1095904-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;NHExbUk1dzhZVG1QU3JwQkJ6N05RWkNuR0doMTNrOHQwTmx1dkZKSm9tMENydHZOeDhWZTJLOHRpSStyNTBSaGhZc1ZtdStwQXgwL2JhYW9TL1lBeTc1WXUvOWdZb1gxWXBxWlhyQkxiZ2NISHp3TlhlblB4eXJRVExvaTVhMU83bm1ONmFPeHpKYVMwWCtzVTJZUC92eVFxVUhORGpHVnZUa1pmQVBHMkdnRklzRlZoeXcrV29MOG1NNDY2ZDZmZVdLMjArSFNxdktVTGF2UDFMcXV6eU5NNlpObHorODl2a2tZNnBrM2FvYVMzM3JxeUdGRFh4RTRZVnVQcFp3WUZYUjRDUGsrdktSUG8yODR0SmhPTldyVlo1bjI4WCsrRFVQN0ZKWXNSYUNKQXppa1B4NGp6YzgyM2pIZkFPWHg5VHY5WTMvSEhQbUxSeW1tUkxnV3dnZ0pXTzM1dm1vNVV5OGFHUG1iVlU3UlBrcmhZQ2h3T2N0Tml6QnlLa2thNzUwckVRS2c4bDRYUEdrRUk0NkhyVmt4dkN4M2Q2UitVVzJ5cjFpQkwyMWExeWJLeGVtZTFGTmdsbHQ4ekt2aWRzWXdzTzBPMGx1SmNrNWEyTWlSdzh3aVIrejdhYm56NmFhb2o2QUdwQ3VpaU5zYTZSQzhhbE8wdk9OMDJIM2ZpTFBkaHNjcEcxNzFWM203aFlKeVVLOU1NcytUOHBYOXBkaDhrbm1VdE1ndDFBZHQ0WllUc3FpaWhkak9mZkRKWTlBNzBFQ0dxemJKcVRNczJTcVZ0eTVuaC96T2ltdkxxYkIwWHpoNU5Pb09xaThDd2w2ZFFUU0xwQzR0bWg3akR6RnNNczVEamFiNTA3Mk0yOGdBUmVTTWN2WFZVeXN5SUxEbVBLZnlDYUlCSVRjUmNIcHhsTDBKUm5jZDR5c0pWQWh1VHNKcmdxVExQYmN2eGF5RmE3TnZDWnlvMUF1UUluL0txRnZqM0xSTzN6V1lwNWZ5ZzZFYm4vRnpPcWN6VGpWUFBLSWYvWkZQL2Ivc1pXRHpMdUFKMkk0TnBTb01xS21DWVI1QWdrd2FRYzUzaXNieHh1Umhvcmc2SlgzMHV6akdTbGMrdTh3bVkvcGI0bFkvb2E0RjJ3OUIxZzRyNGtmNkpwWXNjRDc1cEJvdER5VzVHSGNYR29tZVN3dGIvTHU2TGNGV2pOMnpvSnVvUU8wRUhiZDFsSGIzSTBTYWd5NGxQYTUzZWhkOGdadFhzNEV1Y002NXRTdXZqYmlh&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 Offenburg </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"> Offenburg </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-1095818-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/werkstudent-m-w-d-patient-care-im-bereich-digital-health-betterdoc-gmbh-koeln-1095818#" title="Werkstudent (m/w/d) Patient Care im Bereich Digital Health" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;6&quot;,&quot;10&quot;:&quot;1095818&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095818" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2025/01/28/1125735982/53999b6ce57f496563653a9b113838ca.svg" alt="BetterDoc GmbH - Logo" title="BetterDoc GmbH - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Werkstudent (m/w/d) Patient Care im Bereich Digital Health</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095818&quot;}"> <div id="bookmark-job-1095818-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;YjZsbUNSb0QyNU1yV2RSUEJRUXkzVmdpRExoZks2TmVBSE9WOFh0NXhIdm80UEk0c1FIMDJBbmljYTVCQ2Z0U0hoT095cllEbUFucFdiS0ZsbG1qa3Zaa04rZlZCZTR2RGJKTUJKMEZsZ05JN3Z6eFE4bzR0N2xqWVVhTnZYSXNWM01RaGQ5S1oyMjhJWGV5MVh4enkxWWk3NGc4WE9COUdRWXpqVWhCOU5EcGRnWEV2TFM0bHE3TnBiT2l4UlZNNWFCVkFwQ0FYOGUxVE92azNuVTFnSEI5Si94Si8zck1oOE9XdDduMU1hQlFBRGZMVzdqZE5CbWhZeWViamlndEliVEFTUFZtYVVObVZXUHFLU3hxVnAyMmQ2em5xakZZWXMyRGtTTSt5UUtXd2pKSUlUa1R1a2daT2cyTlYySXlYd3hUc0RBZnU3WGRWRHhLaVVPQlYxQmxON3BnYURpVkxvTXdqaHpPMW1rS3Aza0VSQm8rVFhlNVhlTHJwd1RGOVFRaVJzZnlwWHhubFpZVmFYbVM5WjdMei9GVGFuNzBMK0VxYld5b3llNXpTbnVoK3Q4d3NtSTh3Q1liVy9YR2FqSXRlTkNnUUNKejdYWWpGUnkwTXJHdW1hMzlDYXZua0h4TWVxUks0NFdoNnZ1YndNQmdKTDUvYnRzVElDdWdMNjVWbk40Ulh1UG9vaXRsL1Y1anJ1UDZzaXNzbjB6NHBydVNLUk03S1Qwc1JTdWJCVHJ1VU1BV0tIdk42QVNRQldjMHNlZzlTdkdhWTIyY1BtcnFyTVEzWWZ3OWpYMkxpbHMwQUJnaG10SnFoS3dXVCsyZ1piZUJGdzYxakhTamx0dG9CN0tWSy9PWmxjandMSFdueFdoMGREVW9pS01pbVcvZ0F4R0M0dDdPWkFqcEFWWnI0UFFMZnJuN0tjM0w2ZXJBcHNBOWZPc0gyVVdrZVJGTXZaRElPZlNMeFZtNVRZWUYxdjM0Mk1GdWFHNmZ0VitWN0Nic1BCTUJrdHZRSVNQeWRIN3FUZ0NCTWtLVXRYcTkzUHpqaStkUGFhOFNtUVFlSXFobk1ORDNNbXhhT2lhVEJMeXVabENWNDI2WWUvdSt5bzVVakM0S1VHSXdtSHdUTm1RcTdtQTVSMW8xS0lrUmZIemFRdVo2M3JkbnZPM2ZMZWNiR25xS1dkNkNtR0oxN3BSTzFUckdOTi9Bcm1XdGZIdkQyTXdaMzhaU0RUWHpnRGFEQ1FBZEl6WFpqYkpvUW9CalU4aVBHeXdN&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"> BetterDoc 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"> Köln </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-1095779-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/qualitaetsmanager-m-w-d-fachhochschule-der-wirtschaft-nordrhein-westfalen-ggmbh-paderborn-1095779#" title="Qualitätsmanager (m/w/d)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;7&quot;,&quot;10&quot;:&quot;1095779&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095779" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/uploads/2025/01/27/925969196/1c6dd164fab41fa43790cd5f71ba164b.png" alt="Fachhochschule der Wirtschaft Nordrhein-Westfalen gGmbH - Logo" title="Fachhochschule der Wirtschaft Nordrhein-Westfalen 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">Qualitätsmanager (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;1095779&quot;}"> <div id="bookmark-job-1095779-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;L2tUWldZU1pra1JvNFdmbFB0d1MxaitaOGx0ZzFzWklQcG1haXNIWmdwNXpGTHdTU1ZKOS9ac2NFcDdVZmc2OWd2THVxcFBuWHBZbkxoWldENTdQZUl5N0g4Tm5xR3RGWG1YQ1ZKVXVkanR5Q0tDc29paXpkdTFVS1VhUVZHbVNab3ZvK1BCeExCd3Uzc2Y3cHJzOW85NFpTbzNrclNPMWUxTU9uc1luWkFsczdjWHZkS1pZdXNvKzNZWE5lSEZYOVp5b0xZNmVnYlVxTVVMSTMySzMzc2EzeVIyV25WQVg0Nm1vWUhONVMvQllNOXFzamJoV252Y1AwUHlybkEwUC9GZ3RQV0xYNUQvMCtmajlneitQdU5OblNmbVBrVUJ2M1JVeGUrNEdoTnVJd0tmT0l6bXNvZzBhSVJDYk1GQ1NyWGk4eDk3Uzc0bmpNcGVXUHpLeFE2T0NJMzFBZ0ZaVWY4STVhMjhoODR1N3FtZVdwR1g5a0NBYWsxZkNaTWpITldmeVBUT0VkMGZXRXBPbjhHSHVTMlpTT0RSdU5wVWlCcXAxeUZPcGVkV0ZGaWlYQytIMkxZbmNKUlh5QzhWbmVmdGpLYXdoaU5kSWdia2NuZGx0M0hZYTN4MWZmRGlwc1k5cVVFeEg1ckVqcU5nUTU4aW9mS0Q0aDQ0Ti9Nc0hEV05tQmdYM2NmUmVFYnFLdXdSRU4vU1lrUDc4em5nQWxrNXRoaEliOWtqOGV2M0Z1SWxMTGlSNGFBSFRTWndjREtGVjl4RC9taGNWVWZheE5valZZL3VXd1g3bTkxdWpBNmxDNEZWSnpMaGZmZ1Y3MHFOcXVaTjIyeWdSUDNNak9qRGgvNmxHNVdad2xPamk4Z0VtYjRHbE41TTNUaGk5ZG4wL3FlMmZFOGcydUk4dXpWR1A3Q0dhWTBaTUdnNnYwS0JiTFZ4a0ZrVEp1cWhTK0VNMUUvOHJ3YVpHODZ3ZWFWYkFFczJ1OHRsOVAza1JaS1lCUXlld2VkQVRSU1dpc1JuYlpWR0Z0MW0rb0lldVdhWXpxeHJnMEh3cEZKL29YTG5oOTZ3NXlRV3VaY3VYRSsrS1o2eUtkeWtYOXowVmlkNmZSRmVGQmtGbDB6WlBkMDUzWkV2VUx1VnJUbVc3eUk5cXpvK3ZDMTA3alY3aU9BY2JSTjBPdTdaUVp0ZXlqMlpGRjZSaTVUcWJhelJuUWl5aUxGTThYYk42RC9LM2FwL2dWOFc2VXdWLzV3UjBvYTNicE43MGFaRG1ZeXFJ&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"> Fachhochschule der Wirtschaft Nordrhein-Westfalen 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"> Paderborn </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"> 27.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/arbeitsbereich-qualitaetssicherung/aQ==?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/arbeitsbereich-qualitaetssicherung/aQ==?page=1" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ==?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/arbeitsbereich-qualitaetssicherung/aQ==?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="5fdc0824-441b-4694-9a20-cd42ac01c001" 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_qualitaetsmanagement_jobs">Qualitätsmanagement Jobs</h2><p>Qualitätsmanagement ist ein Sammelbegriff für alle organisatorischen Schritte, die nötig sind, um die Qualität von Prozessen, Leistungen oder Produkten zu erhalten und zu verbessern. In dieser kurzen Einleitung verbirgt sich schon das gesamte Potential, das Arbeitsstellen in der Qualitätssicherung und im Qualitätsmanagement mit sich bringen. Von der Raumfahrt bis zur Automobilindustrie, in der Healthcare oder der Medizintechnik - überall sind Qualitätsmanager gefragt. </p><h3 id="subnav_verantwortlich_fuer_qualitaet">Verantwortlich für Qualität</h3><p>Im Qualitätsmanagement reicht es nicht, nur gut zu sein, sondern die Dinge sollen perfekt werden. Wenn auch Sie schon immer das Gefühl hatten, dass ein Projekt nie abgeschlossen ist, weil immer noch etwas perfektioniert werden kann, ist ein Job in der Qualitätssicherung sicherlich ideal für Sie. Von der Qualitätsplanung über die Umsetzung der Ergebnisse dieser Planung bis zur Sicherung der erzielten Resultate sind Sie der hauptverantwortliche Akteur. Ob als Einzelkämpfer oder im großen Team spielt dabei keine Rolle. Es geht um Vorankommen und um Verbesserung. </p><h3 id="subnav_vielseitige_stellenangebote_vielfaeltige_standorte">Vielseitige Stellenangebote, vielfältige Standorte</h3><p>Jobs im Qualitätsmanagement sind vielseitig. So können Sie z.B. in Ingenieurbüros dafür sorgen, dass ISO-Standards für die Qualität von Prüfungen eingehalten werden. Sie können aber als Qualitätsmanager/in ebenso in der Autoindustrie für die Optimierung der Fertigung sorgen. Auch in der Lebens- oder Arzneimittelindustrie ist die Arbeit von Qualitätsmanagern gefragt. Gibt es hier doch viele verschiedene Bestimmungen, die einzuhalten sind. </p><p>Mit der Vielfalt der Branchen geht auch eine Vielfalt der Standorte einher. Von München bis Stuttgart, von Berlin bis Frankfurt werden in Deutschland in Industrie und Forschung immer wieder Qualitätsmanager gesucht. Auch für internationale Einsätze sollten Sie bereit sein. </p><p>Sie können sich hier auf academics ganz der Planung Ihrer Karriere im Qualitätsmanagement widmen und attraktive Stellenangebote für Akademiker online entdecken! Wir wünschen Ihnen viel Erfolg!</p><h3 id="subnav_aehnliche_stellenangebote">Ähnliche Stellenangebote</h3><ul><li><a href="/stellenanzeigen/branche-wirtschaft-management-verwaltung+branche-wissenschaftsmanagement/N0o=" target="_self" title="Management: Jobs und Stellenangebote" data-url="/stellenanzeigen/N0o=" class="internal">Management</a></li><li><a href="/stellenanzeigen/arbeitsbereich-produkt-prozess-geschaeftsentwicklung/ZQ==" target="_self" title="Produkt-, Prozess- und Geschäftsentwicklung: Jobs und Stellenangebote" data-url="/stellenanzeigen/ZQ==" class="internal">Produkt-, Prozess- &amp; Geschäftsentwicklung</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/arbeitsbereich-qualitaetssicherung/aQ==","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/arbeitsbereich-qualitaetssicherung/aQ==,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%2Farbeitsbereich-qualitaetssicherung%2FaQ%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/arbeitsbereich-qualitaetssicherung/aQ==,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%2Farbeitsbereich-qualitaetssicherung%2FaQ%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