CINXE.COM

Klinik Jobs und Stellenangebote - 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="USggWRJeXBIoRBMmFhEeWiA3fwMyZj4T5rO1c2lCm5akEAj8RCMtT5OY"> <meta content="2024-12-10" name="date"><meta content="Aktuelle Stellenangebote an Klinik, Klinikum oder im Krankenhaus finden Sie auf academics." name="description"><meta content="2024-12-10" name="last-modified"><meta content="index,follow,noarchive,max-snippet:-1,max-image-preview:large,max-video-preview:-1" name="robots"><link href="https://www.academics.de/stellenanzeigen/arbeitgeber-klinik/gQk=" rel="canonical"><title>Klinik Jobs und Stellenangebote - academics</title><meta content="Aktuelle Stellenangebote an Klinik, Klinikum oder im Krankenhaus finden Sie auf academics." property="og:description"><meta content="https://ac-fallback-assets.imgix.net/dach/athenex-dach-49e8d6a63bd6f876c5ec91bff7f892a5c6c02b3d6e687c9f2e47781e9ccbd0da.png?auto=format&amp;fill=solid&amp;fill-color=fff&amp;fit=fillmax&amp;h=630&amp;w=1200" property="og:image"><meta content="630" property="og:image:height"><meta content="1200" property="og:image:width"><meta content="Klinik Jobs und Stellenangebote - academics" property="og:title"><meta content="website" property="og:type"><meta content="https://www.academics.de/stellenanzeigen/arbeitgeber-klinik/gQk=" property="og:url"><meta content="summary_large_image" name="twitter:card"><meta content="Aktuelle Stellenangebote an Klinik, Klinikum oder im Krankenhaus finden Sie auf academics." name="twitter:description"><meta content="https://ac-fallback-assets.imgix.net/dach/athenex-dach-49e8d6a63bd6f876c5ec91bff7f892a5c6c02b3d6e687c9f2e47781e9ccbd0da.png?auto=format&amp;fit=crop&amp;h=500&amp;w=1000" name="twitter:image"><meta content="500" name="twitter:image:height"><meta content="1000" name="twitter:image:width"> <!-- generics --> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-16x16-a8ec142c2f54f7a3f235386f0f7903f8.png?vsn=d" sizes="16x16"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-32x32-58ff5b658aecff1a16ef8d0c45cf1907.png?vsn=d" sizes="32x32"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/google-favicon-48x48-68c45355ee593fea948232eb083f6b79.png?vsn=d" sizes="48x48"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-96x96-6e8911a298fe4d89711e311775fbaebf.png?vsn=d" sizes="96x96"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/apple-favicon-167x167-124ff53fe1a1f65279a8f848bd4ecec0.png?vsn=d" sizes="167x167"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/apple-favicon-180x180-74e047e1e7db7c5f9eb4c7f7a217eb4a.png?vsn=d" sizes="180x180"> <link rel="icon" href="https://assets.academics.de/athenex-assets/images/favicon/google-favicon-192x192-8c12052395a9e1b4854b989be3daea52.png?vsn=d" sizes="192x192"> <!-- Android --> <link rel="shortcut icon" href="https://assets.academics.de/athenex-assets/images/favicon/favicon-96x96-6e8911a298fe4d89711e311775fbaebf.png?vsn=d" sizes="96x96"> <link rel="manifest" href="https://assets.academics.de/athenex-assets/snippets/manifest/manifest-6361a11f41b8e7402f18eb4a68fed831.json?vsn=d"> <!-- iOS --> <link rel="apple-touch-icon" href="https://assets.academics.de/athenex-assets/images/favicon/apple-favicon-180x180-74e047e1e7db7c5f9eb4c7f7a217eb4a.png?vsn=d" sizes="180x180"> <!-- Windows --> <meta name="msapplication-TileColor" content="#FFFFFF"> <meta name="msapplication-TileImage" content="https://assets.academics.de/athenex-assets/images/favicon/google-favicon-192x192-8c12052395a9e1b4854b989be3daea52.png?vsn=d"> <meta name="msapplication-config" content="https://assets.academics.de/athenex-assets/snippets/manifest/browserconfig-33278d31f1ace88ad82cb858b3e06794.xml?vsn=d"> <link phx-track-static rel="preload" href="https://assets.academics.de/athenex-assets/fonts/inter-roman.var.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link phx-track-static rel="preload" href="https://assets.academics.de/athenex-assets/assets/app-6267cde1ed740a022752d4bed00b3af9.css?vsn=d" as="style"> <link phx-track-static rel="stylesheet" href="https://assets.academics.de/athenex-assets/assets/app-6267cde1ed740a022752d4bed00b3af9.css?vsn=d"> <script type="text/javascript"> window.acConsent = { requestConsentOnLoad: false } </script> <script defer phx-track-static type="text/javascript" src="https://assets.academics.de/athenex-assets/assets/app-0d1730ea27d34fc0d09989c5c32db038.js?vsn=d"></script> <script defer type="text/javascript"> window.addEventListener("load", _event => { window.WebtrekkTracking.init({"zeit":{"contentGroup":{"1":"verlag","2":"joblist","3":"academics","4":"acade","5":"jobsearch","6":"","7":"www.academics.de/stellenanzeigen/arbeitgeber-klinik/gQk=","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/arbeitgeber-klinik/gQk=","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/arbeitgeber-klinik/gQk=","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/arbeitgeber-klinik/gQk=","customEcommerceParameter":{},"customParameter":{"2":"","3":"","4":"","5":"arbeitgeber-klinik","6":"","8":"false","9":"","10":"","16":"2017-09-18","21":"nicht_angemeldet","26":"joblist","31":null,"32":"https","34":"de","41":"www.academics.de/stellenanzeigen/arbeitgeber-klinik/gQk="},"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-GCTeGBLVtGnb16lR" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDVGVHQkxWdEduYjE2bFJ3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkF0aGVuZXhXZWIuSm9iTGl2ZS5JbmRleHcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GEVsaXhpci5BdGhlbmV4V2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcMbGl2ZV9zZXNzaW9uaAJ3B2RlZmF1bHRuCAD-ibvFqysjGHcJcm9vdF92aWV3dx9FbGl4aXIuQXRoZW5leFdlYi5Kb2JMaXZlLkluZGV4bgYAiQLAEZUBYgABUYA._cIAOkAnR4YmaJdMT-KhaXXjPTLxbybHJ46Qjt4QHVE" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDVGVHQkxWdEduYjE2bFJ3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAFHcId2VidHJla2t3DmhlYWRlcl9zdHlsaW5ndw9zZXNzaW9uX2NvbnRleHR3DXBhZ2VfcHJldmlldz93EGRlZmVycmVkX2ludGVudHN3DXJlZGlyZWN0X3BhdGh3EnNvdXJjZXBvaW50X2NvbmZpZ3cKZ3RtX2NvbmZpZ3cGZm9vdGVydwp1c2VyX2FnZW50dx1yZWdpc3RyYXRpb25fZmVuY2VfdW5lbGlnaWJsZXcTY3VycmVudF91c2VyX3N0YXR1c3cPY3VycmVudF91c2VyX2lkdwxjdXJyZW50X3VzZXJ3CWNsaWVudF9pZHcNY2xpZW50X2RvbWFpbncKam9iX21hcmtldHcHd3QzX2VpZHcMc2Vzc2lvbl9zZWVkdwhyZWZlcnJlcmpuBgCJAsARlQFiAAFRgA.SXkJpI6ORfTH2kDa3fQcQ7zmmNQUNVxWtCcmTFGMmBk"><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;aW81eXBDRGlQS3d0MXBkdlZuN25raU41azZaQjYwRGJrcjA4VGU2Z3dWM1JKN2JvSTRqb3d1Z0FKYkVRd0lZNmg0V1l4dkZvQ2IzMGRoRVkraEFZTFVHaVE0UlZiZEZLL0s2elM3ekJGVUxtM3QvMk0zUnZHLzhJZWF1VGFSRFVPTWloZHpqT2FFN0FyTzgrQUxvTjExZjgzRkJKSVgvMWowd201dHV2WHFtYXpUQmhaS25HVldOZWJmRDZiQ0FqUDVYTzRzZUwySWVkbmRKaVNMemdMb0NaTWhZM3hxUWxjRHJockM3SVRCVFFxOWJKUUl5Mlg2TXJyQzI1c2pJZFZCUmp1bmM5UXZEM29qUXZTVEoxZFY0MEkybS9qam9HdDdVb2tsOFdaUzlwZTJFOUpXZTFHOEJMdUJRMnFqVURsc2w1M0ROWVBUTm5TRXozcWJrclBsWTI1S2hDSVNGTGliTmkvc0kwQmU2a0ZDYlpnTENaS1IvWlN6ZjNzZmwzNXFYckJIbWI3VkNDVWYwUHNsazB1ZUVtZDdrOXArUHFuaHpQL0VEaTRGTjdvV2xZT1lkb3ljYWYrbUZNN3J3aTZqRUVMZmV4M3ZKUkxxcDZ0U3FLQnphZXI0RG5GVjV2Wkh3UnFtZy9vMnR2cWdFRnhxUTJhVEMwMVlwS1lXTzF0Mi9yZ3RwM2pqWUlLY0hvdFlEWWVhRHdtbDh6NzR0VlJLSlhocTVIVXYvWXpZazZ1T3FITkFmajFDL2VqL2luWFZlcmFwQjFEMEZDWldMbktzRGVPM2VobktTVmJ4UGhtczhycm9lZldEdFNxbVErVU15RW1JRHA0RnFPVFhUS25IajVKU1hvUTN4UDZyS3lEaXFBRmlKS0Z1b09mNFB2SjFnOUk5RTF6WXRmOHV4WDFmRFdQb0YrL0ZwL0N2azArdUZiY3RZZWxxaDF5VkRNcUk4eEFSaEtqOTRTQ0c4dzdqc2NwYSsrN2g4PQ==&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;VVpmc3BLcWkyZVRpRFhuM1hTeVRLZmZQRFJCZm1aNlFLOVpETm5xUFB0NUJNOGZEOGQ2YlJ0dWQ1YUtrRFd1UEtrZHVtQm54VjNQS0JzZlJNclVGSVRVMnZQZDVZOHRtaUpWQjNZaGRSMWhmMXVpd251enRKakRWQndobU5WYVhNVnBnc1p0V0VSMmk1M3o5MXhiL1B5SnVJbWxVUU5mYTlNOHZFS3RsVnVzbFd5SCsyQ0J0MFBVZTZCUHhnajVkRFpsNTFVejR0MUI5djZtSW5CN0syQS84dHRnRW9OWEozc1dBcWlOM296YmxsZUpqaHRWTStvNHd0VVQ0aytrRUgyQXNPVE50Z3ZWeGowZ3ZsaUtlbTVIWTNJa2dJRi9sZS9aNk9DNlJZUUZLM0pFVnRlb2ZLbTk4SkxjQS9Db21mUW9ZS3Z6bmYvdFZtU1R2N3o1TGswOER2STBLd25HM3ZlTkM0Zmd1cmRrb1ZUTXFqRWEycG1uVXdBTy9jZ3NVTFRreXdKRkVMWUdBV29ucHNOQTZ3NkhiVDl0enVQUnI4OFhlUER3Y2dGeFZaUW56VGx1dXJiVFdYVG8wUE4xYUF2NXdQbUMyMk1WdGYvaWFQR3FJaitCV3MxZldES1ZnV2ZGdHJzcHVxWFZCYXdyM1Y3b0tNeFFvMkVCWm1peE4xVERpK2p5SXZ6RFdBejYwZ2tKWG9WanR2bUQ1b0NiaGd3L0pqblhORms2YUxOZExrbm1Ya29naTJhYVZhTE84aTJDRENqaDNHZlR6NnRrVEV4dzNpT3FTSEk5cTNhUGNJUEtYVmhld2RLaE1QaGdEKzVteTBlNTgrTWNrNHpsM0xjVXhhS0NKZWpOR0lPL1Zsb2ZOTDQwSkNXY0llRUNKcVAzTkJYQWhia29QRVhCSFRXVTNSZXIxYTJGRlFyb3JxNE1FbmZ3amxUYm90RkU4ZHN6SkZiUFVPL2w1eWxWRHdYMzZXSnN4RTQ4PQ==&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-submit="form:on_submit" phx-change="form:on_change" phx-target="3" class="w-full" id="search-module-form"> <div class="flex justify-between rounded-full bg-white-0 border border-neutral-30 shadow-sm focus:shadow-input focus-within:outline-none focus-within:ring focus-within:ring-focus-100 focus:shadow-input"> <div class="w-full flex items-center"> <input type="text" id="search-module-form_search_input" name="search_module[search_input]" value="" class="w-full border bg-white-0 font-normal px-4 py-[10px] h-[40px] md:px-5 md:py-4 md:h-full text-style-paragraph-md rounded-lg md:rounded-xl placeholder:text-text-40 border-neutral-40 bg-transparent text-text-100 hover:!border-neutral-50 disabled:!pointer-events-none disabled:!bg-neutral-20 disabled:!border-neutral-30 disabled:!text-text-40 disabled:placeholder:!text-text-40 !rounded-full flex pl-5 placeholder-text-40 md:min-w-[350px] border-none focus:!shadow-none focus:!ring-offset-0 focus:outline-none focus:ring-0 " id="search-text-input" placeholder="Suchbegriff, Branche, Position, Standort" phx-target="3" autocomplete="off" phx-keyup="input:on_keyup"> </div> <div class="flex"> <div class=""> <button class="cursor-pointer group-[.disabled]:pointer-events-none inline-flex justify-center items-center rounded-full jobmarket-font-semibold focus:shadow-button w-10 h-10 text-sm text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 m-2" id="clear-search-button" title="Neue Suche starten"> <span class="w-6 h-6 ac-mask-contain academics-search" class="w-6 h-6"></span> </button> </div> </div> </div> <div id="suggestions" class="absolute mt-3 z-2 flex w-full flex-col rounded-3xl bg-white-0 text-base font-medium text-text-100 cursor-pointer shadow-elevation-xl zos:shadow-elevation-xl-zos"> </div> <input id="search-module-form_category_tags-ZW1wbG95ZXJfaG9zcGl0YWw=" type="hidden" name="search_module[category_tags][]" value="employer_hospital"> </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;TXNSV3Axb1hZM1RqWVJOeTY4K3NNZDdBSjkwS2plc2w1cWpRSEorKzhIdUhJYTE2MkFNTTY3Y1hFMXYxWmFoOHBOYVZqSU9IWXQ1dUJlcS9VV09WVW5aQ0hJa3RXOGsrRlZwRmw2ZDM4NC9uU3RBNzVNU0ZUUXpYaGtPa2VXN3BNaUF3cFkzYzUzSXpRbjhxYysvdWYrUmx3Z2hQQ1pLQTlIa04vMzJ5UjBhUHNPRmdPekloTEZYa3hZL1VFZkNoY2NVYjgyU0dPbUNiK1VnWklhQXB6czJHSTJ0VlV4VnhwZTA5bWNJbFRraDQ3MTFDZjdKY1ZIUE10NE5UMVh4a2ZzNGFNTVVqbTd3ems3cDhqa3k0b0lCMTQzVFllQnN1Ynh3dXJURlJPT2xWd2VwZzhEUlpYK0pMT2JKeW5LR3FRY1NqU05PZnJmZ2lRY3lyK0g2aHl4akQrbERSaHd0bkVESE8vTTFzODhjYzFCdVVTMkJOeHVPSGp2dFI5cjJidXpjYlpKUHdGaFJBOUZDcFVNcE8xMFVUNVZ1SENiVEsxbVpZREJPL2o0SUEwYzl4M1BWZmRNSGxjQ0k2NWhhdEVHMEdMT3gzSlVpbjJvT2k3a1RuR2xRVWxhZm1jb1FnUGRFdlVrTElGRTVYa0FEWU5BSVZGMFM5YVdrb3UxSnJZM1lGSVhqa2JHcGxZb3VsckdLaFJlTWgxRUZXUTRuZ2NhTHFGOCs0cFBkQlUzekM3bG14MFRyODd2OGorL001SnkyeVlYdEJJZE8wYUhlQXpVNUkzUU93MFVqUTVQVG53ekxuTUNrVVZpOFYxR1YwcXo4ajlYZUJoSDRXS3B0QTFFcnNva1duUGtwRUx2UlZiMXZZRnB1UllmT3JOZ3RZVTRva3BBcWU1TFBGTUN3Slc4Y3pkRk9lVFRQZjlYejZvUGlHQ0FsSUpGY0ZLN1V4VXQ2elI5REVzbW5yK3Brc01MWEVLa3BvTEZSOFNaWE90eS9ZcVNkOXBGdkNtZ3JoSlYwdUc4WkRHNWkyWVhGanVIYmxPVjFYMGtpa1czeWhRV3MrZjJTVzM3UVBHSmE2eGdjM0dtOUxocVhJdG9JejFhRE5qVDJBUExUclZ1NEdXcTBxRjNwaytyRWtQOUpZeDQ5VW0rZnQ5Umd0WHJ6ZHRNNjVpRjVpMmF2d3RsaXpZb3lLVk0rVzEvdXdkNXhzZ3ZnRWt3RVZ5Ni9HbzlxRmt6R08vM3dYUHVCNjB3VlZON2NDeHlVMHFSckRMMFFUL0twS3lxWEs4ajR1WnRuNUJTeURpSWJEMS9GRER5YXdlTFk3VFAvdlZacz0=&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 <div class="right-[5px] absolute top-0 h-2.5 w-2.5 rounded-full bg-secondary-60"></div> </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-submit="action:form_submit" phx-change="action:form_change" phx-target="7" 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" 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;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"> 2 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-submit="action:form_submit" phx-change="action:form_change" phx-target="8" 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"> 2 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-submit="action:form_submit" phx-change="action:form_change" phx-target="9" 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"> 2 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-submit="action:form_submit" phx-change="action:form_change" phx-target="6" 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="">Arbeitsbereich</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--category--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter ausw盲hlen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_science_research_higher_education" name="--category_science_research_higher_education" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_science_research_higher_education&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_science_research_higher_education-label" href="/stellenanzeigen/arbeitsbereich-lehre-forschung-wissenschaft/YQ==" title="Lehre &amp; Forschung, Wissenschaft" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_science_research_higher_education&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Lehre &amp; Forschung, Wissenschaft </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_research_development" name="--category_research_development" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_research_development&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_research_development-label" href="/stellenanzeigen/arbeitsbereich-forschung-entwicklung/Yg==" title="Forschung &amp; Entwicklung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_research_development&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschung &amp; Entwicklung </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_laboratory" name="--category_laboratory" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_laboratory&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_laboratory-label" href="/stellenanzeigen/arbeitsbereich-labor/Yw==" title="Labor" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_laboratory&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Labor </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_project_management_product_management" name="--category_project_management_product_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_project_management_product_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_project_management_product_management-label" href="/stellenanzeigen/arbeitsbereich-projekt-produktmanagement/ZA==" title="Projektmanagement, Produktmanagement" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_project_management_product_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Projektmanagement, Produktmanagement </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_product_development_process_development_business_development" name="--category_product_development_process_development_business_development" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_product_development_process_development_business_development&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_product_development_process_development_business_development-label" href="/stellenanzeigen/arbeitsbereich-produkt-prozess-geschaeftsentwicklung/ZQ==" title="Produktentwicklung, Prozessentwicklung, Gesch盲ftsentwicklung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_product_development_process_development_business_development&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Produktentwicklung, Prozessentwicklung, Gesch盲ftsentwicklung </a> </label> </span> <span style="order: 19;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_administration_academic_affairs" name="--category_administration_academic_affairs" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_administration_academic_affairs&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_administration_academic_affairs-label" href="/stellenanzeigen/arbeitsbereich-verwaltung-management/Zg==" title="Verwaltung, Management" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_administration_academic_affairs&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Verwaltung, Management </a> </label> </span> <span style="order: 17;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_student_advisory_service_programme_coordination_student_affairs" name="--category_student_advisory_service_programme_coordination_student_affairs" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_student_advisory_service_programme_coordination_student_affairs&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_student_advisory_service_programme_coordination_student_affairs-label" href="/stellenanzeigen/arbeitsbereich-studiengangskoordination-studienberatung/Zw==" title="Studiengangskoordination, Studienberatung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_student_advisory_service_programme_coordination_student_affairs&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Studiengangskoordination, Studienberatung </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_consulting" name="--category_consulting" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_consulting&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_consulting-label" href="/stellenanzeigen/arbeitsbereich-beratung-training/aA==" title="Beratung, Training" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_consulting&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Beratung, Training </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_quality_assurance_quality_management" name="--category_quality_assurance_quality_management" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_quality_assurance_quality_management&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_quality_assurance_quality_management-label" href="/stellenanzeigen/arbeitsbereich-qualitaetssicherung/aQ==" title="Qualit盲tssicherung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_quality_assurance_quality_management&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Qualit盲tssicherung </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_communication_marketing_pr_fundraising" name="--category_communication_marketing_pr_fundraising" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_communication_marketing_pr_fundraising&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_communication_marketing_pr_fundraising-label" href="/stellenanzeigen/arbeitsbereich-kommunikation-marketing-pr-fundraising/ag==" title="Kommunikation, Marketing, PR, Fundraising" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_communication_marketing_pr_fundraising&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kommunikation, Marketing, PR, Fundraising </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_editing" name="--category_editing" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_editing&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_editing-label" href="/stellenanzeigen/arbeitsbereich-redaktion-lektorat/aw==" title="Redaktion, Lektorat" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_editing&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Redaktion, Lektorat </a> </label> </span> <span style="order: 18;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_sales_distribution" name="--category_sales_distribution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_sales_distribution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_sales_distribution-label" href="/stellenanzeigen/arbeitsbereich-vertrieb/bA==" title="Vertrieb" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_sales_distribution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vertrieb </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_medical_research_regulatory_affairs" name="--category_medical_research_regulatory_affairs" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_medical_research_regulatory_affairs&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_medical_research_regulatory_affairs-label" href="/stellenanzeigen/arbeitsbereich-klinische-forschung-regulatory-affairs/bQ==" title="Klinische Forschung, Regulatory Affairs" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_medical_research_regulatory_affairs&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinische Forschung, Regulatory Affairs </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_medicine" name="--category_medicine" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_medicine&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_medicine-label" href="/stellenanzeigen/arbeitsbereich-medizin-heilkunde/bg==" title="Medizin, Heilkunde" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_medicine&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Medizin, Heilkunde </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_nursing_therapy_attendance_consulting" name="--category_nursing_therapy_attendance_consulting" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_nursing_therapy_attendance_consulting&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_nursing_therapy_attendance_consulting-label" href="/stellenanzeigen/arbeitsbereich-pflege-therapie-betreuung/bw==" title="Pflege, Therapie, Betreuung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_nursing_therapy_attendance_consulting&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Pflege, Therapie, Betreuung </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_education" name="--category_education" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_education&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_education-label" href="/stellenanzeigen/arbeitsbereich-erziehung-bildung/cA==" title="Erziehung, Bildung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_education&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Erziehung, Bildung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_controlling_finance" name="--category_controlling_finance" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_controlling_finance&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_controlling_finance-label" href="/stellenanzeigen/arbeitsbereich-controlling-finanzen/cQ==" title="Controlling, Finanzen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_controlling_finance&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Controlling, Finanzen </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_human_resources_legal_patenting" name="--category_human_resources_legal_patenting" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_human_resources_legal_patenting&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_human_resources_legal_patenting-label" href="/stellenanzeigen/arbeitsbereich-personal-recht-patentierung/cg==" title="Personal, Recht, Patentierung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_human_resources_legal_patenting&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Personal, Recht, Patentierung </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--category_it_telecommunication" name="--category_it_telecommunication" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;category_it_telecommunication&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--category_it_telecommunication-label" href="/stellenanzeigen/arbeitsbereich-it-edv-telekommunikation/cw==" title="IT, EDV, Telekommunikation" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--category_it_telecommunication&quot;,&quot;event&quot;:&quot;click&quot;}]]"> IT, EDV, Telekommunikation </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;4&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Standort</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 17;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">Deutschland</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--country--country_germany" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;country_germany-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter ausw盲hlen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_baden_wurttemberg" name="country_germany--country_baden_wurttemberg" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_baden_wurttemberg&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_baden_wurttemberg-label" href="/stellenanzeigen/land-baden-wuerttemberg/dA==" title="Baden-W眉rttemberg" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_baden_wurttemberg&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Baden-W眉rttemberg </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_bavaria" name="country_germany--country_bavaria" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_bavaria&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_bavaria-label" href="/stellenanzeigen/land-bayern/dQ==" title="Bayern" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_bavaria&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bayern </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_berlin" name="country_germany--country_berlin" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_berlin&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_berlin-label" href="/stellenanzeigen/land-berlin/dg==" title="Berlin" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_berlin&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Berlin </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_brandenburg" name="country_germany--country_brandenburg" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_brandenburg&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_brandenburg-label" href="/stellenanzeigen/land-brandenburg/dw==" title="Brandenburg" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_brandenburg&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Brandenburg </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_bremen" name="country_germany--country_bremen" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_bremen&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_bremen-label" href="/stellenanzeigen/land-bremen/eA==" title="Bremen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_bremen&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Bremen </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_hamburg" name="country_germany--country_hamburg" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_hamburg&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_hamburg-label" href="/stellenanzeigen/land-hamburg/eQ==" title="Hamburg" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_hamburg&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hamburg </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_hesse" name="country_germany--country_hesse" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_hesse&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_hesse-label" href="/stellenanzeigen/land-hessen/eg==" title="Hessen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_hesse&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hessen </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_mecklenburg_western_pomerania" name="country_germany--country_mecklenburg_western_pomerania" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_mecklenburg_western_pomerania&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_mecklenburg_western_pomerania-label" href="/stellenanzeigen/land-mecklenburg-vorpommern/ew==" title="Mecklenburg-Vorpommern" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_mecklenburg_western_pomerania&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Mecklenburg-Vorpommern </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_lower_saxony" name="country_germany--country_lower_saxony" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_lower_saxony&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_lower_saxony-label" href="/stellenanzeigen/land-niedersachsen/fA==" title="Niedersachsen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_lower_saxony&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Niedersachsen </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_north_rhine_westphalia" name="country_germany--country_north_rhine_westphalia" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_north_rhine_westphalia&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_north_rhine_westphalia-label" href="/stellenanzeigen/land-nordrhein-westfalen/fQ==" title="Nordrhein-Westfalen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_north_rhine_westphalia&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Nordrhein-Westfalen </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_rhineland_palatinate" name="country_germany--country_rhineland_palatinate" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_rhineland_palatinate&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_rhineland_palatinate-label" href="/stellenanzeigen/land-rheinland-pfalz/fg==" title="Rheinland-Pfalz" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_rhineland_palatinate&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Rheinland-Pfalz </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_saarland" name="country_germany--country_saarland" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_saarland&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_saarland-label" href="/stellenanzeigen/land-saarland/fw==" title="Saarland" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_saarland&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Saarland </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_saxony" name="country_germany--country_saxony" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_saxony&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_saxony-label" href="/stellenanzeigen/land-sachsen/gQA=" title="Sachsen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_saxony&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sachsen </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_saxony_anhalt" name="country_germany--country_saxony_anhalt" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_saxony_anhalt&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_saxony_anhalt-label" href="/stellenanzeigen/land-sachsen-anhalt/gQE=" title="Sachsen-Anhalt" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_saxony_anhalt&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sachsen-Anhalt </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_schleswig_holstein" name="country_germany--country_schleswig_holstein" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_schleswig_holstein&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_schleswig_holstein-label" href="/stellenanzeigen/land-schleswig-holstein/gQI=" title="Schleswig-Holstein" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_schleswig_holstein&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schleswig-Holstein </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_germany--country_thuringia" name="country_germany--country_thuringia" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_thuringia&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_germany--country_thuringia-label" href="/stellenanzeigen/land-thueringen/gQM=" title="Th眉ringen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_germany--country_thuringia&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Th眉ringen </a> </label> </span> </div> </div> <div style="order: 18;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg">International</div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--country--country_international" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;country_international-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter ausw盲hlen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_austria" name="country_international--country_austria" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_austria&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_austria-label" href="/stellenanzeigen/land-oesterreich/gQQ=" title="脰sterreich" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_austria&quot;,&quot;event&quot;:&quot;click&quot;}]]"> 脰sterreich </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_switzerland" name="country_international--country_switzerland" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_switzerland&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_switzerland-label" href="/stellenanzeigen/land-schweiz/gQU=" title="Schweiz" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_switzerland&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schweiz </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_other_countries" name="country_international--country_other_countries" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_other_countries&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_other_countries-label" href="/stellenanzeigen/land-andere-laender/gQY=" title="Andere L盲nder" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_other_countries&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Andere L盲nder </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;5&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="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">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" 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;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"> 2 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"> Klinik </span> <span phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;pill&quot;:&quot;employer_hospital&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"> 2 Stellenangebote <div class="mt-2 mb-4 truncate font-medium text-primary-40 zos:text-text-40"> mit den Filtern Klinik </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/arbeitgeber-klinik/gQk=?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/arbeitgeber-klinik/gQk=?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-1096274-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/professur-w3-fuer-urologie-lehrstuhl-ludwig-maximilians-universitaet-muenchen-muenchen-1096274#" title="Professur (W3) f眉r Urologie (Lehrstuhl)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;1&quot;,&quot;10&quot;:&quot;1096274&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096274" 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/053753280/20250212090109.000000Z/resources/muenchen_lmu.png" alt="Ludwig-Maximilians-Universit盲t M眉nchen - Logo" title="Ludwig-Maximilians-Universit盲t M眉nchen - Logo"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Professur (W3) f眉r Urologie (Lehrstuhl)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096274&quot;}"> <div id="bookmark-job-1096274-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;MExmeEh6eXM2MXZLSGlxV0JSME1WWjVCVkkvWmNoamdKQkh2eHlUQi9rNit0RTU0dDc1WUE1NktHa2d0dGxLVGp6eWRvQnBDTU1Idk9jKzJyZHhWOEY1SStxejZuOHFrNjNMUzlkbG5TOE1yQkZFYVBmbkhleHBYSmI3ZTJNQlRIS1R2WGNPajVrTkZzNzkwOWlML2E0MzN0VWpRT1JHM0JSeVFFMEYwS0xtZ2IyZS9XTlhaVkVzNE55SFhJeE1GaTR1K0tDanFjaWRWV29kN1lCNUxsWEtSeVY4cjlOVkRiY1l5L0NHa05GdlZCN3oxMnZRdEVhUEdNN1RVWEFLTTZuVEpWRHcxVXNUQnpjQURnTlY5L1pJNXZsamlRWkxZMjJRbXArWXh1NDJXUVF4ZnRHeHlDbnRoSDRTanVrWEhpQW9seEpES2FVME0vaG9CRXZPOGJDUzQrU1RyMzc4K3phZVRrMUozaWRDcWtIWFJUWVdwdExXajVXZkUvaEtsVTRZYUNRV3FTRVIxUWFiOW5iYnN5S2tZN3VHZWhydDArSXp5bHViblRpLzFPRUFNK09FVk1yT1dJU2xGeG9OMSs3alpLUzVCQU44N1p3U1BrRW9wSm1VT21ZcVVOS2gxSDhZNy9tdjNPRFA2Z2RpZzB4M25adUNmaTRPdGxJZXI2QmdNbEhWazlDb3BNV1RlejdDeE94Q2N3UzZObVNsc1NzN1RhSHdjYUlKdTBXR3dDOHZ4YVJFdXdITW5TTU8rNGNUNXN5MG5YUTBnOGlLc2FjY04vU0N0K0NDc2QyM3ZRQk4yMVdmeWJBTHVLa3pwT1BTNlJ5WDZ1VTJNaGdmYlNWYnJqNDI4RDdXckx3cUZ4eWNBSE4rNUhtYm9RcFQrMU4ybWVnOG1nQlRTenF6Q1QwL0JhY2t0eEZQMEVBN2VIdmo3RFc4c2c3aDFzejF1UDY3YkZGWTRxYWhjWlpNc01EU1lPRERMcGR4VjQ3OHJtL2V1YUdFZkp3dnZqYjN6dzVBUFdkUTd3UUovWGRMWXNTZm9nSE5TV1ZteUhQVlFCaHpHQmVCR3NtQk5SZUkvOEFTZGJac0RKWTNjVUxMenRzRVJOTURZMU4wWnVXcEN0VHU5T2c9PQ==&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"> Ludwig-Maximilians-Universit盲t M眉nchen </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"> M眉nchen </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 13.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096256-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/universitaetsprofessor-in-w2-analog-fuer-innere-medizin-und-pneumologie-als-sektionsleiter-in-der-interventionellen-endoskopie-thorakaler-tumore-katholisches-klinikum-bochum-ggmbh-bochum-1096256#" title="Universit盲tsprofessor*in (W2-analog) f眉r Innere Medizin und Pneumologie als Sektionsleiter*in der Interventionellen Endoskopie thorakaler Tumore" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;2&quot;,&quot;10&quot;:&quot;1096256&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096256" 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/053781375/20250212071107.000000Z/resources/logo.png" alt="Katholisches Klinikum Bochum gGmbH - Logo" title="Katholisches Klinikum Bochum gGmbH - 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">Universit盲tsprofessor*in (W2-analog) f眉r Innere Medizin und Pneumologie als Sektionsleiter*in der Interventionellen Endoskopie thorakaler Tumore</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096256&quot;}"> <div id="bookmark-job-1096256-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;YWZjQVNLV2g1MVZ1SHJDRzhmb0NOZitQOFRVU3lhd0g0VXNKZzBnUVNUbldQNGVNNDNaVU4wSklHMk9jZzgvb0tnTE9tMHllckEvS1Q3MjFNTXJCQ2xLOFpEL2oyZkQ3MTVOejV0d2ExS2pDV3hMWTF0aFE0VGtPQnZpU1VyRnVVQVFlTVpEMWk2Z3AyWmtsOGtPdFlLYU53cXUyYzNGSFUvSGFheVIzTjJiZUZqNmM0UFpjRmVQWHZ1c2xDeGxJdzg3ZnMwOVVobUJ0c1d1VFFDWERzOSs5Z3duczVOaGk0RDR2MmF4WWtScTFIaHpQU2JseUN4cjJSOVE5a244YlBUS3cvNXhQT2J1ckllSktuWGkvSHdla2NCYmh5QXF1OUNTYUl4T2RtYnRsclA0V3k5KzV5YU00VU82UURkamRhaUVnMkNUUWx4VXZXellML29IUXRFRG5lbmlkRndJSTVCV0UvRXhxMmRhZE1pL2FzSTd5TEE2VXZqVnVSRlU4c0dDTUN3bC8wN0xOeUdCN0dka0ZwZDNySmRXVzdTUUgrSms2OFhHanppVHg3bUNUK0RFeHdYV3FFSkFndHV3NWpWZTBHMkdoQjFiMHluSDR1UENrTjVCQVJlbE9oeWp0TmVOSGFZdG0ydWFvcTV4ZjlLQ1NBZ1puVWxNQlh1MUVpSzZPNTNHZHJVNUZHUzd3L0VEM3B2ajFtSktOTG8vU3RXTXJKM3Y1cnR5ZlZxaGM5amtwazdqeloxSG5sOWFlSG5OL0tVenp5cGkzL01NeU94Y1gwWDZ6WHR5MEFCdC93VGtQOGNoTE9SYStHTm1idzdwVERsQ1BKQ3lMSlBuMVQ5aTV0QXFvK2FTaXRtZDNnVTgzOHZpd1dsRzRUVVBLWWMvNmk2Z2FINlFwYU45S3BuUkd1K0FlWmVWVjZRSk5HQTdFN3JZUEJFb1ZiQkJ0cmZWU3lWaWxVcVBKalZzbklLUmxEVnlFUzBzTjB3UmxOTTByWUQzYjdXWGRrdUhkUldzNFhLenRJazMyTGdnQXhVU0ZmZkE3TUlYZVQ4dC9vV2J1UE5maDFkdTF4WG5LTWQvVjJFL2NDSmJ1cmpEQzVqZW5RcTFIWGNsMndtY3YzUytqRUE9PQ==&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"> Katholisches Klinikum Bochum 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"> Bochum </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 12.02.2025 </span> </div> </div> </a> </li> <li id="jobmail-subscription-2-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;3&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;cHE1dzhNU0JCWDlCeXFkMnBVZzN5M1VNeU50S3owSWdJN1hhN3Q0aWxhR3Q5WHhJRFk1WlFpcWxCYS9yOXRNaWRtaUlUdEZKTk9EQU42b1FxejJ0ZnBkYmpUTFp6ejZMNFlNdUoxSnBUTW1kYkNRMURUbGVlRUVBTDFEQTI0RS9Bam9ET3JTVlpFZ1V0SmozTzNHc2QyaVphMzVXVEoyaFlscGR3OTQxNmtFR1BoMGNDR1d3eDROcWJFUng5cTc4NXhNYmhDRnU3dXozcDJURUZWZlQ2Z1F1N3ExRXhPZWhkUDh6VUVzeCtGTERualUzVG53UlBjQzdFREQxRUEwblM0aElwNE4vTUF4RXNGTlBSQ3J3ajNKTEJZRC9YZys5UUQ3ajlMVFpDZWp6R2IvN2daNVNnUFQ5Y0pDYk5ScWgzc1ZBVmdZVHZvTm85K0Y1TS95ajR5ODY3QWZOSmM3T3VJaFVTUHRrclQyQ3ZRcVFSMTZJV01BOFpiYTlib0pXK1p4bWhnTFZURzFKZnMxMzdWQmtFMWYyZi90bGowYmFiK1I3amxCWWpYb1hzRFZpaDN1N2N5SzlEV3BPZ0Q2TXpORFZQVEZQUlFyUklKS21wbzhZZFp4ODZxSnZXNjVHQ1RxNm5ndzFzQnpvU0tDRXUzSWZOMzhvTDFrQ3RuZFMvYjljRFkxTzB0SWdTcDVwaStNcmJlc0NsYUFiVEUraE5PTWpJNHhtbHhiRW95SEs4ZDRKd0x0enlCRHRtLzVTbHJtUkJIZjRpZkgxNnpXN08rUERaNlRTa2l1OFg0eEduUU9ELzNkM2Nmd09iemM0ckNRYnJSaEhPekY4ckE3enpKSXRyMVRZRDZPVGVlNk80UDcxY3l3dXFWd2lxczJzN0xSZkNQUjBzcElTc284ZUhMK2hWZG9LRFY2YzJaajc4MFNDUVdHZTRvWWJjd2Fyek1mS1EvaFZBVDM2MVhXaElZU2I5SU9YVjlJK1MzaVNSTVB5dlBrK2hlY2RkSVMyVTAxSU1vSnBNalQzOFpvdkhXbWdGVGVjaXZvMWxBMDJ0K1h3ZFFvYjNhRUpuMmlhUmlNUzFPRndLRVhaczlLNTdxeU1ieE9neEFNeDRiQUZKcERJWTZrREt0OFc2RWdFMXlOOXVMK0xobEVVYUhiVHRSTksvckdqZ0NoUGVTMTNDeDJNWkxhQWVaWk9oSnZxdDJDSnMzWWtOdnp6dTlUWGJKMTgvb2MzN2ZCc0VZREVEQUtLVFVGTDd6WEJMV1FuZGFtbDV4OUwyVUhRVXJ1YXN3dUMyN3lwYmJMdHFpWUJwOC9MYWZKYTllYz0=&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> </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/arbeitgeber-klinik/gQk=?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/arbeitgeber-klinik/gQk=?page=1" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/arbeitgeber-klinik/gQk=?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/arbeitgeber-klinik/gQk=?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="cfe6c879-32d2-46ac-ba7f-125a9c9830e8" 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_klinik_jobs_und_stellenangebote">Klinik Jobs und Stellenangebote</h2><p>academics bietet aktuelle Jobs und Stellenangebote an Klinik, Klinikum oder im Krankenhaus mit wissenschaftlichem Schwerpunkt.</p><p><strong>Finden Sie jetzt den Job, der zu Ihnen passt.</strong></p><h3 id="subnav_aehnliche_stellenangebote">脛hnliche Stellenangebote</h3><ul><li><a href="/stellenanzeigen/arbeitsbereich-klinische-forschung-regulatory-affairs/bQ==" target="_self" title="Klinische Forschung: Stellenangebote und Jobs - academics" data-url="/stellenanzeigen/bQ==" class="internal">Klinische Forschung</a></li><li><a href="/stellenanzeigen/arbeitsbereich-medizin-heilkunde/bg==" target="_self" title="Medizin, Heilkunde: Jobs und Stellenangebote" data-url="/stellenanzeigen/bg==" class="internal">Medizin und Heilkunde</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/arbeitgeber-klinik/gQk=","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/arbeitgeber-klinik/gQk=,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%2Farbeitgeber-klinik%2FgQk%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/arbeitgeber-klinik/gQk=,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%2Farbeitgeber-klinik%2FgQk%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