CINXE.COM

Jobs in der Schweiz - 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="LAIjJw1IJmxID1ghEzwsBTA8PxEtCg0ssEP_JeN-zV6MJcXocYNTAIbg"> <meta content="2024-12-10" name="date"><meta content="Bei academics finden Sie freie Jobs in der Schweiz, die wirklich zu Ihnen passen ✓ übersichtlich &amp; immer aktuell ⇒ jetzt suchen &amp; finden!" 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/land-schweiz/gQU=" rel="canonical"><title>Jobs in der Schweiz - academics</title><meta content="Bei academics finden Sie freie Jobs in der Schweiz, die wirklich zu Ihnen passen ✓ übersichtlich &amp; immer aktuell ⇒ jetzt suchen &amp; finden!" 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="Jobs in der Schweiz - academics" property="og:title"><meta content="website" property="og:type"><meta content="https://www.academics.de/stellenanzeigen/land-schweiz/gQU=" property="og:url"><meta content="summary_large_image" name="twitter:card"><meta content="Bei academics finden Sie freie Jobs in der Schweiz, die wirklich zu Ihnen passen ✓ übersichtlich &amp; immer aktuell ⇒ jetzt suchen &amp; finden!" 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-da992d92ae27d6719b031e1e5b70534d.css?vsn=d" as="style"> <link phx-track-static rel="stylesheet" href="https://assets.academics.de/athenex-assets/assets/app-da992d92ae27d6719b031e1e5b70534d.css?vsn=d"> <script type="text/javascript"> window.acConsent = { requestConsentOnLoad: false } </script> <script defer phx-track-static type="text/javascript" src="https://assets.academics.de/athenex-assets/assets/app-fe1d70f68b3f578fa20effcf6d85cd53.js?vsn=d"></script> <script defer type="text/javascript"> window.addEventListener("load", _event => { window.WebtrekkTracking.init({"zeit":{"contentGroup":{"1":"verlag","2":"joblist","3":"academics","4":"acade","5":"jobsearch","6":"","7":"www.academics.de/stellenanzeigen/land-schweiz/gQU=","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/land-schweiz/gQU=","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/land-schweiz/gQU=","9":"2017-09-18"},"contentId":"verlag.academics.jobsearch..joblist.acade|www.academics.de/stellenanzeigen/land-schweiz/gQU=","customEcommerceParameter":{},"customParameter":{"2":"country_international","3":"","4":"","5":"","6":"land-schweiz","8":"false","9":"","10":"","16":"2017-09-18","21":"nicht_angemeldet","26":"joblist","31":null,"32":"https","34":"de","41":"www.academics.de/stellenanzeigen/land-schweiz/gQU="},"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-GCZUABNSgOUVFiDS" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdDWlVBQk5TZ09VVkZpRFN3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkF0aGVuZXhXZWIuSm9iTGl2ZS5JbmRleHcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GEVsaXhpci5BdGhlbmV4V2ViLlJvdXRlcncJcm9vdF92aWV3dx9FbGl4aXIuQXRoZW5leFdlYi5Kb2JMaXZlLkluZGV4dwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncHZGVmYXVsdG4IAJd-1BQsEiQYbgYA0B1BKpUBYgABUYA.iKkCoVmeK0xPtPO-BgGC50JTGhTRqLYckVYF3QNe_Pc" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdDWlVBQk5TZ09VVkZpRFN3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAFHcId2VidHJla2t3DmhlYWRlcl9zdHlsaW5ndw9zZXNzaW9uX2NvbnRleHR3DXBhZ2VfcHJldmlldz93EGRlZmVycmVkX2ludGVudHN3DXJlZGlyZWN0X3BhdGh3EnNvdXJjZXBvaW50X2NvbmZpZ3cKZ3RtX2NvbmZpZ3cGZm9vdGVydwp1c2VyX2FnZW50dx1yZWdpc3RyYXRpb25fZmVuY2VfdW5lbGlnaWJsZXcTY3VycmVudF91c2VyX3N0YXR1c3cPY3VycmVudF91c2VyX2lkdwxjdXJyZW50X3VzZXJ3CWNsaWVudF9pZHcNY2xpZW50X2RvbWFpbncKam9iX21hcmtldHcHd3QzX2VpZHcMc2Vzc2lvbl9zZWVkdwhyZWZlcnJlcmpuBgDQHUEqlQFiAAFRgA.0U-H3B1CBA-xVNRpO1JItAR7sTFl9HB3WiPV2JrCC6g"><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;K1hzdkMzRjZmYkhpdlFnNGg4b0dQWjl1NWpkeDZaQzZNdzUwMUpLcUs4OHlLcjVkWXBqdzdiaFFaSytIYVRyR3I1NGcxWmZ1azRqVnhzZ3JWakw0a2o1N0c5M1J0czRNZGpGQy9wNUlJMGU5UFpHQThQOCtxNEFWTElxSk50QmJ6TEN5Y1JiaUNHcGdtYmdmbEl6OFZyOU9BU0VzSVFROEpRa01iZkJtN3hkMzRnZ1FxSWlxNFY2WUIvR0RZY0hNTnB3UXYyTWFiRldSYU9vUEdFczdSa2tvNjJDSWdobWJkOUF6cmxMMlY4by9FRzRaRXRuZU54YXBNZWc3OUxyYUZEbUtWZWtCQjg3MXI5a1JFcWlzMnBYSDZHRmQ2Q3Qya21YZjhhT2cvSWZONUwzNkNmbGpyMzNPT0FoQ1liSWZEMUF2ODBLQ3BveENzaTMwQW1oQ2RKUUREYVR2UlFNclg2Ti85VVV5d0tqR3M3elpxMzBkZUpTVXlMSDJ3MzY0VE1IK2MzVlRDYS9ZdmZqT1c1K0hqanhvVi84Q2d0ZWYxazRaSnp5YndKR3Ntc1o3NWVSLzRPNEVJRGRyOENPcFd1Q3VDVVVjTkZ1bGF1OThraS9KeGZMNCtOeXVBZWtRZXpvdUNycU5kTmxUWU9FVmdiZDAxbythb0h6Unl5Q1NKb0NJZkFiQ2xhajhONndkNWpTdnNQVW04YW9IZVYweVZVQXBWQUdGVzhwdm1pVW9Ea056MlVLemhVN0pld3dWbUdKWm9uL0JxL2pRbjdjQldORmd2TEFONk1pbEpGM2lNcVYvUDByNzF0bmFTSnpYU1FVYUVSdm5FWFRtaytsY1BPMHRwejduTldUMUlJNnFaVUV6ZzhkUURPeHNwRjlNMzl6NlEwT2JlZXVqMzQwK1BxM2dJRlZoWHRYeXBJdnBrcm5LS0NCL1ptSmQ2Lzd6N3dqT1ZCNHpEWFdPalpOVGpYaExLdjRHT09JPQ==&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;RjNxT2o4b0poNmNmQkI4ZlJEYy9TWDRLeDA0aytVYU10ejV4V0tpc3lmME1qcnZRYTRvU0ZtcTRpWEhtNjJCdVpoK0syMHltMy9qdWpYQW0vaDRyVkJEdWdnWklGMGJpMzhlUzhFSC9PTmlCelltbXZlRjNQaklGNTVrZk96OHVlb0xLVk5Oa2E1WGpBR2x1ZVBLRDZyYkJiNDdpaVhOT0RDSUVpTEJ5WDU1NmZRWWJHUFo0U1h1QmlGNlc1WGJYd2ZJbnFDMHZqdWUzcFc2THd2aFhzZ2RESm9JRUlpMTRqcFRRUE1LN3IrUGRET2ZEMnVWQm50aHp6NVJiVU92bHcwOGJMek9ObXNlTXZHVExKcUdpTllrb1hBMXZsbjBFZTNLSXN0VjllbWdEaU5DbzI2SHR4Z1Z6c0RkM2ZBRUxsa2tsVS9hczYvcHpMTHR5Tlh6NEZISTRnNVZNNk9LOTJXUEZDMzhVa21wS0J1K1JlVGlOcyt1Rnp5dmhQc1ZhalFvcDVRZVE1cTVuZEFDdjRjenZmbHZwSmxSb2E5R3lpN3p5aU56emFqcC9LMDE3OXBTbVNNb2JlMzVoOXVmUWMwbGswUHpRNitXTkhkV213UUhLNlhwVi9ESGtqT0NhTU5kQUdhQTRmWi9RTUpnZGw4dGhFUDB4bE9VS3ZhdXJRUmR2ZEZjdS9PQTFEY1JuZUMwYW5Ja2s2U1FndUFicDF0aE9UMnU2YXYrY2tnUGtLVjg0b0s4VmFIU2RrOWhlWkZmQ3hGcU5DY3FPMUtic0FqS1BhVlJTaXdxQWVRbWUwZjJ2NkVaY3hNZlR6dVcvbS9QL2FXRzVjSVZSSTFJcUVBVzFwYmN5NWYzL0ZPTzBEcjU4SFBYaldpaE1qaGFucEQvLzNlOEs5NUt4TzNKUUtrRGFhTzZNS044WUpSbS9JVjVkYWsya2Zpc0xWcUxHYy9KMEZqSTJIandyMTlGbGJnV2xDYVN1azBjPQ==&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-change="form:on_change" phx-target="3" phx-submit="form:on_submit" class="w-full" id="search-module-form"> <div class="flex justify-between rounded-full bg-white-0 border border-neutral-30 shadow-sm focus:shadow-input focus-within:outline-none focus-within:ring focus-within:ring-focus-100 focus:shadow-input"> <div class="w-full flex items-center"> <input type="text" id="search-module-form_search_input" name="search_module[search_input]" value="" class="w-full border bg-white-0 font-normal px-4 py-[10px] h-[40px] md:px-5 md:py-4 md:h-full text-style-paragraph-md rounded-lg md:rounded-xl placeholder:text-text-40 border-neutral-40 bg-transparent text-text-100 hover:!border-neutral-50 disabled:!pointer-events-none disabled:!bg-neutral-20 disabled:!border-neutral-30 disabled:!text-text-40 disabled:placeholder:!text-text-40 !rounded-full flex pl-5 placeholder-text-40 md:min-w-[350px] border-none focus:!shadow-none focus:!ring-offset-0 focus:outline-none focus:ring-0 " id="search-text-input" placeholder="Suchbegriff, Branche, Position, Standort" phx-target="3" 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-Y291bnRyeV9zd2l0emVybGFuZA==" type="hidden" name="search_module[category_tags][]" value="country_switzerland"> </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;ck10SFNRWlI1aWJyM0FKSzNIOVJ2ZlJsS3JoSlphaWJHRy81dGVVcDIyZ1EyajNBTEZjU0w2TU1GeFIwN2xRTjhGUUsvUVBHeXhzSkdBNWkxRDZUa2RRNUtDcU1Ddm1WenJ5NEx3UnNzdjR2Tm8vQncwazBGOEtLek0zV0Z6bzNzS1dmSWVlMWdlbFlCTWhZZUhIWVdqd0w4U053emVnbnhLYlBka2tjNTF1blpaN0tVcDdPRW5hTjc4UGRrd2VBVzdWR295aUFzUmpUaTRqd0dnVkdPaGFYcUVCSk0zNTMzOVFpbXdUYlJPSmV3c2lOUTZDb2lzbi8vN0NRU0NUT0pmd2RvL0FWUHBMcjBPeTVTb3hHemkwU2FHRzBPU2xOMUlENmVEV3RsYmtDUEhSK1JSWjUrTk44dDExaW40MGwraHZTR05rcWZ0OW5WMHg5Y1hLQWVJZjg4RTc4czBxYTZ1UExNblJmNi9VWWlVdVBhU2ZOMENDNTRjaURhdHhsN2ErS3orcWNGcVBDMG5McGF1b3pHSHB4L2k3aklaT1JXWEpxalJ4UGtYd0lSQWxhdWtJOUR3RmcyaGxoemEraEd2N3VnWUNudUp4ZytTYnV1OVNoQ2YwdnltcVdyRUh6QXFQQlJ6M2VUcm5mSHdJbUhPZXFhNUpRRnJ2VjRaaEtaQmZmUGNEaFVmQllHV1YzOS9FU0U0K0M4MCt5WWN2U0xvMU5VdndzZGUrNStYYmlIVVBtUzBzZysyZk0vQnpOdUZlcGUyQjNsYWxBVUR0bmRCNHN5eVFEeHJ4eDg1K2dRUWU0Y0JwenpXcy9kby9RTUtVbTRXUnFxTnUrV3dIMkV3SDBXY2ZTM3JwbzFPTFBRNmJsa3lvUmZuLzUxQnZsQ00yY1p1VDZ0ZDhTVkV6NXI5TmwwNVV3aWx3OEpRK0ZGcE1VeDlodnlWM3dGNVFsVmhnYmtjTGp6KzhVck9FaDVYNFR5MEVnYnBSOGJYczRVNGptOUxlYm81azNWK2Y5dHljNnIwcDZwUjhsLzU2RFU5M2xSdW04RFd4a3haWldFUVZsczJURWxlQTVXd0tod2E2ZE40L3RqQzk5alp0OE56RDFuZ2pkL09VbHRxb0hVeWlrY1pvOXppbVVyUk9kd3dMSlpwNk9kSUdoK2VQeTZ2ZEhhQlpjbEZoeHNsTjVuczNCWFJaR3JUK2M4WUM1czgrSnlLazMyd3VibGdtR2x3WWw4RnpXdGV5djB0U2c2ZGlHaG5rRTlVWUNhZ24yMStlSml6OEJBWEt6QThxN0Z3dXBXNDlVbExEaVRiZUVWZXJRcktha2FHbz0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Suche abonnieren"> <span class="w-6 h-6 ac-mask-contain academics-bell-border" class="w-6 h-6"></span> </button> </div> </div> <div class="hidden-when-sticky"> <div> <div class="mt-4 flex justify-between gap-2" id="job-filter"> <div id="quick-filter-employer" class="group relative px-4 flex flex-1 items-center justify-between cursor-pointer bg-white-0 rounded-lg border border-primary-20 max-sm:truncate " data-tracking-params="{&quot;7&quot;:&quot;quickfilter&quot;,&quot;9&quot;:&quot;filter_toggle&quot;}" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;[id*=quick-filter-employer]:not([class*=quick-filter-open]&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="text-style-button-sm relative truncate pr-4 font-medium text-text-70"> Art des Arbeitgebers </span> <span class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-[.quick-filter-open]:hidden"></span> <span class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-[.quick-filter-open]:block"></span> <div class="z-[12] hidden group-[.quick-filter-open]:block fixed md:absolute right-0 bottom-0 left-0 md:top-[48px] md:left-auto" phx-click-away="[[&quot;push&quot;,{&quot;target&quot;:7,&quot;event&quot;:&quot;action:form_submit&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}]]"> <div class="top-[72px] fixed inset-x-0 bottom-0 z-2 bg-primary-60 opacity-80 md:hidden"></div> <div class="relative z-4 p-8 md:p-4 bg-white-0 rounded-t-3xl md:rounded-lg shadow-elevation-2xl zos:shadow-elevation-2xl-zos"> <p class="jobmarket-font-semibold headline-style-h4 mb-4 md:hidden"> Art des Arbeitgebers </p> <button class="md:hidden absolute top-4 right-4 z-6 h-8 w-8 md:h-12 md:w-12 rounded-full border border-neutral-30 zos:border-neutral-40 hover:border-neutral-40 hover:bg-neutral-20 focus:shadow-button bg-white-0 text-primary-60 zos:text-text-70" type="button" aria-label="schließen" phx-click="[[&quot;push&quot;,{&quot;target&quot;:7,&quot;event&quot;:&quot;action:form_reset&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}]]"> <span class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6 ac-mask-contain hero-x-mark-solid" class="mb-[3px] h-4 w-4 md:mb-0 md:h-6 md:w-6"></span> </button> <form phx-change="action:form_change" phx-target="7" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_research_institute" name="employer_research_institute" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_research_institute&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_research_institute-label" href="/stellenanzeigen/arbeitgeber-forschungseinrichtung/gQc=" title="Forschungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_research_institute&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschungseinrichtung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university" name="employer_university" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university-label" href="/stellenanzeigen/arbeitgeber-hochschule/gQg=" title="Universität" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universität </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_hospital" name="employer_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_hospital-label" href="/stellenanzeigen/arbeitgeber-klinik/gQk=" title="Klinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinik </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_cultural_institution_cultural_facility" name="employer_cultural_institution_cultural_facility" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_cultural_institution_cultural_facility&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_cultural_institution_cultural_facility-label" href="/stellenanzeigen/arbeitgeber-kulturelle-einrichtung/gQo=" title="Kulturelle Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_cultural_institution_cultural_facility&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kulturelle Einrichtung </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_school_educational_institution" name="employer_school_educational_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_school_educational_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_school_educational_institution-label" href="/stellenanzeigen/arbeitgeber-schule-bildungseinrichtung/gQw=" title="Schule, Bildungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_school_educational_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schule, Bildungseinrichtung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_social_institution_church_run_institution_religious_institution" name="employer_social_institution_church_run_institution_religious_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_social_institution_church_run_institution_religious_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_social_institution_church_run_institution_religious_institution-label" href="/stellenanzeigen/arbeitgeber-soziale-einrichtung-kirchliche-einrichtung/gQ0=" title="Soziale Einrichtung, Kirchliche Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_social_institution_church_run_institution_religious_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziale Einrichtung, Kirchliche Einrichtung </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_foundation_association_federation_ngo" name="employer_foundation_association_federation_ngo" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_foundation_association_federation_ngo&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_foundation_association_federation_ngo-label" href="/stellenanzeigen/arbeitgeber-stiftung-verein-verband-ngo/gQ4=" title="Stiftung, Verein, Verband, NGO, NPO" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_foundation_association_federation_ngo&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Stiftung, Verein, Verband, NGO, NPO </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_company" name="employer_company" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_company&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_company-label" href="/stellenanzeigen/arbeitgeber-unternehmen/gQ8=" title="Unternehmen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_company&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unternehmen </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_hospital" name="employer_university_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_hospital-label" href="/stellenanzeigen/arbeitgeber-universitaetsklinik/gRo=" title="Universitätsklinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universitätsklinik </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_of_applied_sciences" name="employer_university_of_applied_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_of_applied_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_of_applied_sciences-label" href="/stellenanzeigen/arbeitgeber-haw/gRs=" title="Hochschule für angewandte Wissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_of_applied_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hochschule für angewandte Wissenschaften </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_other" name="employer_university_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_other-label" href="/stellenanzeigen/arbeitgeber-sonstige-hochschule/gRw=" title="Sonstige Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sonstige Hochschule </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_country" name="employer_public_administration_country" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_country&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_country-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land/gR0=" title="Öffentliche Verwaltung: Land" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_country&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Land </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_commune" name="employer_public_administration_commune" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_commune&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_commune-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-kommune/gR4=" title="Öffentliche Verwaltung: Kommune" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_commune&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Kommune </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_other" name="employer_public_administration_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_other-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-sonstige/gR8=" title="Öffentliche Verwaltung: Sonstige" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Sonstige </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_public_administration_federal" name="employer_public_administration_federal" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_public_administration_federal&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_public_administration_federal-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-bund/gSA=" title="Öffentliche Verwaltung: Bund" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_public_administration_federal&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Bund </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-employer_university_private" name="employer_university_private" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;employer_university_private&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-employer_university_private-label" href="/stellenanzeigen/arbeitgeber-private-hochschule/gSE=" title="Private Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-employer_university_private&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Private Hochschule </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-employer&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 16 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-change="action:form_change" phx-target="8" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-job_type_full_time" name="job_type_full_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;job_type_full_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-job_type_full_time-label" href="/stellenanzeigen/arbeitzeit-vollzeit/gRA=" title="Vollzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-job_type_full_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vollzeit </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-job_type_part_time" name="job_type_part_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;job_type_part_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-job_type_part_time-label" href="/stellenanzeigen/arbeitzeit-teilzeit/gRE=" title="Teilzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-job_type_part_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Teilzeit </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-job_type&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 16 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-change="action:form_change" phx-target="9" phx-submit="action:form_submit" class="flex max-h-80 flex-col md:w-60"> <div class="flex flex-1 flex-col overflow-y-scroll"> <span style="order: 1;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-contract_type_temporary" name="contract_type_temporary" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;contract_type_temporary&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-contract_type_temporary-label" href="/stellenanzeigen/anstellungsart-befristet/gRI=" title="Befristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-contract_type_temporary&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Befristet </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm jobmarket-font-semibold px-4 py-2"> <label class="flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="qf-contract_type_permanent" name="contract_type_permanent" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;6&quot;:&quot;search_module_quickfilter&quot;,&quot;7&quot;:&quot;contract_type_permanent&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="qf-contract_type_permanent-label" href="/stellenanzeigen/anstellungsart-unbefristet/gRM=" title="Unbefristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#qf-contract_type_permanent&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unbefristet </a> </label> </span> </div> <div class="mt-4"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;quick-filter-open&quot;],&quot;to&quot;:&quot;#quick-filter-contract_type&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 16 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-change="action:form_change" phx-target="6" phx-submit="action:form_submit" phx-auto-recover="form_recovery" 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="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">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" 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;country_switzerland&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_switzerland-label" href="/stellenanzeigen/land-schweiz/gQU=" title="Schweiz" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_switzerland&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schweiz </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="country_international--country_other_countries" name="country_international--country_other_countries" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;country_other_countries&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="country_international--country_other_countries-label" href="/stellenanzeigen/land-andere-laender/gQY=" title="Andere Länder" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#country_international--country_other_countries&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Andere Länder </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;5&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Art des Arbeitgebers</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--employer--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_research_institute" name="--employer_research_institute" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_research_institute&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_research_institute-label" href="/stellenanzeigen/arbeitgeber-forschungseinrichtung/gQc=" title="Forschungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_research_institute&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Forschungseinrichtung </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university" name="--employer_university" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university-label" href="/stellenanzeigen/arbeitgeber-hochschule/gQg=" title="Universität" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universität </a> </label> </span> <span style="order: 7;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_hospital" name="--employer_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_hospital-label" href="/stellenanzeigen/arbeitgeber-klinik/gQk=" title="Klinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Klinik </a> </label> </span> <span style="order: 8;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_cultural_institution_cultural_facility" name="--employer_cultural_institution_cultural_facility" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_cultural_institution_cultural_facility&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_cultural_institution_cultural_facility-label" href="/stellenanzeigen/arbeitgeber-kulturelle-einrichtung/gQo=" title="Kulturelle Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_cultural_institution_cultural_facility&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Kulturelle Einrichtung </a> </label> </span> <span style="order: 13;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_school_educational_institution" name="--employer_school_educational_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_school_educational_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_school_educational_institution-label" href="/stellenanzeigen/arbeitgeber-schule-bildungseinrichtung/gQw=" title="Schule, Bildungseinrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_school_educational_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Schule, Bildungseinrichtung </a> </label> </span> <span style="order: 14;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_social_institution_church_run_institution_religious_institution" name="--employer_social_institution_church_run_institution_religious_institution" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_social_institution_church_run_institution_religious_institution&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_social_institution_church_run_institution_religious_institution-label" href="/stellenanzeigen/arbeitgeber-soziale-einrichtung-kirchliche-einrichtung/gQ0=" title="Soziale Einrichtung, Kirchliche Einrichtung" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_social_institution_church_run_institution_religious_institution&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Soziale Einrichtung, Kirchliche Einrichtung </a> </label> </span> <span style="order: 15;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_foundation_association_federation_ngo" name="--employer_foundation_association_federation_ngo" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_foundation_association_federation_ngo&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_foundation_association_federation_ngo-label" href="/stellenanzeigen/arbeitgeber-stiftung-verein-verband-ngo/gQ4=" title="Stiftung, Verein, Verband, NGO, NPO" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_foundation_association_federation_ngo&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Stiftung, Verein, Verband, NGO, NPO </a> </label> </span> <span style="order: 16;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_company" name="--employer_company" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_company&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_company-label" href="/stellenanzeigen/arbeitgeber-unternehmen/gQ8=" title="Unternehmen" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_company&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unternehmen </a> </label> </span> <span style="order: 3;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_hospital" name="--employer_university_hospital" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_hospital&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_hospital-label" href="/stellenanzeigen/arbeitgeber-universitaetsklinik/gRo=" title="Universitätsklinik" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_hospital&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Universitätsklinik </a> </label> </span> <span style="order: 4;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_of_applied_sciences" name="--employer_university_of_applied_sciences" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_of_applied_sciences&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_of_applied_sciences-label" href="/stellenanzeigen/arbeitgeber-haw/gRs=" title="Hochschule für angewandte Wissenschaften" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_of_applied_sciences&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Hochschule für angewandte Wissenschaften </a> </label> </span> <span style="order: 6;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_other" name="--employer_university_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_other-label" href="/stellenanzeigen/arbeitgeber-sonstige-hochschule/gRw=" title="Sonstige Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Sonstige Hochschule </a> </label> </span> <span style="order: 10;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_country" name="--employer_public_administration_country" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_country&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_country-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-land/gR0=" title="Öffentliche Verwaltung: Land" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_country&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Land </a> </label> </span> <span style="order: 11;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_commune" name="--employer_public_administration_commune" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_commune&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_commune-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-kommune/gR4=" title="Öffentliche Verwaltung: Kommune" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_commune&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Kommune </a> </label> </span> <span style="order: 12;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_other" name="--employer_public_administration_other" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_other&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_other-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-sonstige/gR8=" title="Öffentliche Verwaltung: Sonstige" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_other&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Sonstige </a> </label> </span> <span style="order: 9;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_public_administration_federal" name="--employer_public_administration_federal" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_public_administration_federal&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_public_administration_federal-label" href="/stellenanzeigen/arbeitgeber-oeffentliche-verwaltung-bund/gSA=" title="Öffentliche Verwaltung: Bund" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_public_administration_federal&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Öffentliche Verwaltung: Bund </a> </label> </span> <span style="order: 5;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--employer_university_private" name="--employer_university_private" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;employer_university_private&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--employer_university_private-label" href="/stellenanzeigen/arbeitgeber-private-hochschule/gSE=" title="Private Hochschule" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--employer_university_private&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Private Hochschule </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;6&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Arbeitszeit</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--job_type--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--job_type_full_time" name="--job_type_full_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;job_type_full_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--job_type_full_time-label" href="/stellenanzeigen/arbeitzeit-vollzeit/gRA=" title="Vollzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--job_type_full_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Vollzeit </a> </label> </span> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--job_type_part_time" name="--job_type_part_time" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;job_type_part_time&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--job_type_part_time-label" href="/stellenanzeigen/arbeitzeit-teilzeit/gRE=" title="Teilzeit" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--job_type_part_time&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Teilzeit </a> </label> </span> </div> </div> </div> </details> </div> <div class="transition-all "> <details class="group rounded bg-white-0 py-9 md:py-5"> <summary class="flex cursor-pointer items-center justify-between gap-4 text-style-paragraph-lg jobmarket-font-semibold px-2 md:px-6" data-tracking-params="{&quot;7&quot;:&quot;accordion_tab&quot;,&quot;8&quot;:&quot;7&quot;,&quot;9&quot;:&quot;toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="">Befristung</span> <span class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-down" class="min-w-[16px] h-4 w-4 group-open:hidden md:min-w-[24px] md:h-6 md:w-6"></span> <span class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6 ac-mask-contain academics-chevron-up" class="min-w-[16px] hidden h-4 w-4 group-open:block md:min-w-[24px] md:h-6 md:w-6"></span> </summary> <div class="flex flex-col gap-6 pt-5 pb-6"> <div style="order: 21;" class="flex flex-col gap-4 md:px-6"> <div class="text-style-paragraph-lg"></div> <div> <label class="relative flex h-4 cursor-pointer items-center md:h-5"> <div class="w-[30px] h-4 md:w-[38px]"></div> <input type="checkbox" name="toggle_group--contract_type--" value="true" class="peer hidden" data-tracking-params="{&quot;7&quot;:&quot;-all&quot;,&quot;9&quot;:&quot;category_group_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="rounded-[50px] w-[30px] absolute top-0 bottom-0 left-0 cursor-pointer bg-neutral-30 transition duration-100 peer-disabled:cursor-default md:w-[38px] before:content-[&#39;&#39;] before:rounded-[50%] before:absolute before:bottom-0.5 before:left-0.5 before:h-3 before:w-3 before:bg-white-0 before:transition before:duration-100 md:before:h-4 md:before:w-4 checked:bg-warning-60 peer-checked:bg-primary-60 peer-checked:before:translate-x-[14px] md:peer-checked:before:translate-x-[18px] hover:bg-neutral-50 focus:shadow-input peer-checked:hover:bg-primary-70 peer-checked:focus:bg-primary-80 peer-disabled:bg-neutral-20 peer-disabled:hover:bg-neutral-20"> </span> <div class="ml-[6px] tracking-[0.035px] cursor-pointer text-sm font-normal text-text-70 md:ml-2 truncate peer-checked:text-text-100 peer-disabled:text-text-40 zos:peer-checked:!text-text-70"> Alle Filter auswählen </div> </label> </div> <div class="flex flex-col gap-4 lg:grid lg:grid-cols-2"> <span style="order: 1;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--contract_type_temporary" name="--contract_type_temporary" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;contract_type_temporary&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--contract_type_temporary-label" href="/stellenanzeigen/anstellungsart-befristet/gRI=" title="Befristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--contract_type_temporary&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Befristet </a> </label> </span> <span style="order: 2;" class="text-style-paragraph-sm "> <label class="jobmarket-font-semibold flex cursor-pointer flex-row gap-2 break-words"> <input type="checkbox" id="--contract_type_permanent" name="--contract_type_permanent" value="true" class="h-4 w-4 p-0 after:w-[14px] after:h-[14px] after:[mask:--mask-s] after:[-webkit-mask:var(--mask-s)] rounded border border-neutral-40 bg-white-0 text-white-0 after:bg-[currentColor] after:[vertical-align:top] checked:after:inline-block focus:shadow-checkbox cursor-pointer disabled:pointer-events-none disabled:border-neutral-30 disabled:bg-neutral-20 disabled:text-neutral-60 phx-form-invalid:!text-warning-60 phx-form-invalid:!border-warning-60 phx-form-invalid:!bg-white-0 valid:enabled:checked:bg-primary-60 valid:enabled:checked:border-primary-60 valid:hover:border-neutral-50 valid:enabled:hover:checked:bg-primary-70 valid:enabled:hover:checked:border-primary-70 valid:active:border-neutral-50 valid:enabled:active:checked:bg-primary-70 valid:enabled:active:checked:border-primary-70 mt-0.5" data-tracking-params="{&quot;7&quot;:&quot;contract_type_permanent&quot;,&quot;9&quot;:&quot;category_tag_toggle&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <a id="--contract_type_permanent-label" href="/stellenanzeigen/anstellungsart-unbefristet/gRM=" title="Unbefristet" phx-hook="preventDefault" phx-click="[[&quot;dispatch&quot;,{&quot;to&quot;:&quot;#--contract_type_permanent&quot;,&quot;event&quot;:&quot;click&quot;}]]"> Unbefristet </a> </label> </span> </div> </div> </div> </details> </div> </div> </div> <div class="mx-4 mt-11 mb-4 md:mx-6 md:mt-4 md:mb-8 md:flex md:justify-end"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-12 md:h-14 py-[14px] px-5 md:py-[18px] md:px-6 w-full max-w-full text-style-button-md jobmarket-font-semibold text-white-0 group-[.disabled]:text-primary-30 bg-primary-60 group-[.disabled]:bg-primary-transparency-90 hover:bg-primary-70 " data-tracking-params="{&quot;7&quot;:&quot;filter-modal&quot;,&quot;9&quot;:&quot;submit&quot;}" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#filter-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#filter-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;modal--open&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;pop_focus&quot;,{}],[&quot;remove_attr&quot;,{&quot;attr&quot;:&quot;open&quot;,&quot;to&quot;:&quot;#filter-modal details&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 "> <span class="truncate"> 16 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"> Schweiz </span> <span phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;pill&quot;:&quot;country_switzerland&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"> 16 Stellenangebote <div class="mt-2 mb-4 truncate font-medium text-primary-40 zos:text-text-40"> mit den Filtern Schweiz </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/land-schweiz/gQU=?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/land-schweiz/gQU=?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-1096583-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/leiter-direktion-services-m-w-d-100-ost-ostschweizer-fachhochschule-ueber-nellen-partner-st-gallen-rapperswil-jona-buchs-sg-schweiz-1096583#" title="Leiter Direktion Services (m/w/d) 100%" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;1&quot;,&quot;10&quot;:&quot;1096583&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096583" 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/054004018/20250221091102.000000Z/resources/fhs-st-gallen.png" alt="OST - Ostschweizer Fachhochschule über Nellen &amp; Partner - Logo" title="OST - Ostschweizer Fachhochschule über Nellen &amp; Partner - 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">Leiter Direktion Services (m/w/d) 100%</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096583&quot;}"> <div id="bookmark-job-1096583-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;WkQvdk45YlFSU1pDRUVydG5UV2w0dTZ6RjFrR1BiWENRR3h2enprVGJvTHM1WFU4bG5XZFhRc1ZVUWZseWk5SmdZSkNySlg4ejZPL3NtYzBTeEJ2R0duU2NUaWhqSHR2NS9jMmV0cmVJUUhmK1gwSnNiNHA2cXc4bnVVSFZWU3lXOTVTOVI2WkxUMFkwMTZ0ZGZWK2czVFdVNE5UNDZER3AwLzc4WVB4T1oxRFNBY3B0RTgvR1Bzbnh3V1RSbk56MDFLWi9ZR01aWmFucU5jdWlCcVk0Wmk0Vkx6SVRVQ3Rlek5TbWpFV3piQW13VXlKejZRdVVUWnNIcmdOVWFEYzFlQitVa0VpL1dMcHhPWUJ6S0doSFJxa2UrUDRJQ3cvOXV1eWRhT3lUTFhPVzFnZUUwRERHZXhYcThQa1o2NmZsR3BCUWI0NUltejFwTWJFQmNSOVYyZnJscE9VTi9teDl6TGxOTjEyZWV1SXMrdmxkdVRxKzNOL01GZnFUazlrTDc3Z0x3UldmSkxrL2NtYURtbWNhWUtkOW9UOUI5L2NHV093Z1lqU2FLSkJJMTNHVjl3eWh6c3hmYVZlYTlXejYvQlgwNW9kZWdtL1Jyd0R6OWxlQWNIWkdkd21laldHSFJpWlJNYklTRkVsMEJHc29DUUVscFFRL3NzdDIvaWpyS2lHTWRBRGtmTzJ0d2JFSFoyTE5PNjZHRVNUampGdmNWNWMwSGZoMHM4aGgyd2ZmU05hSXIyTlg4Rk01aEc2RDVTLzFISzJKN0hTSE8yL2l1aU4yVXFIRDlXc1BpRFVHRzhBaVZlcUNuRTN3aVNMTm9NU21IKzdKV29TaWN3SW8wSGFSeVVENEpNNVNPSjJiUkZqd1o5NlpadEFjNWROOXU5Z3FLcnErTVUyY3AxbTg3bkhQQ0Y0VytXSFBXbXZsWEFVRlVaYzNvSWxJNlNJOUlwUE5lWk5tdTRpNVVxc1M0QVdOc29jVkQ1cjdTSGN5RXV4Yk5jT2FHbnhDWW5DTzFlcTNMaGtxTytFZy9FZEwwdklBUXFsWGNkMjBra2xvY28xYnpnMm1ZTT0=&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"> OST - Ostschweizer Fachhochschule über Nellen &amp; Partner </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"> St. Gallen, Rapperswil-Jona, Buchs SG (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 21.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096596-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/professor-tenure-track-for-global-and-intercultural-management-berner-fachhochschule-bfh-bern-schweiz-1096596#" title="Professor Tenure Track for Global and Intercultural Management" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;2&quot;,&quot;10&quot;:&quot;1096596&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096596" 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/054028109/20250221113102.000000Z/resources/FH_logo_100x50.png" alt="Berner Fachhochschule BFH - Logo" title="Berner Fachhochschule BFH - 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">Professor Tenure Track for Global and Intercultural Management</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096596&quot;}"> <div id="bookmark-job-1096596-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;b0xzVDVPRWtVVU9PSzJ1d2w5V2FTMUxKVTdxOU5tdXJYRjNjWXI5bmZsSGZKbFNvZitOM2k0TGkvbUFKbDQrcG5pZ3ZrVnYrWXkvbmJzVXJGRE1naGhKLzRRd1BGWUdyRUZOM1FVVGFQUHQvTWR4L0UzQ0FiVDVjWlRtSlk0Ry85TVFCcGRiRWhOSHFxT0tSZWJ3SHVCd0RCMXNCQkgya09jem10S2F1T3NiYUJrQ1lWVitncmdXNUoxVGpvSW9QODVLT3BVZmI4SjU3QWxYNmJwZ3VucWh6Vkw1bVN0c3VCbFhrQndxbHBuYks2S1p4Vm1RVEdWYk00RXU3QmtqZzdyV0p0NWlNbUdrZnlaL001MzVjY0xhL0NkVXlwQmx0cm1LN1JoWUhqUjNMcHdlemV3dnFuby9ORThhN09iV2wwYzg4OTBNUVpFMjJwU1ZLR0ZRS1RYb09wZU80MGJLajdKTnFjTmh3K3E4TWExZDFmNllNNFRscUlQSlVrcThxTXZROXJFcTE5ZHFVOVpWNXFzeXNwU3B1TXlrcXBGdDZqWG9id25OVEtoc1JaRS9WTkRoWEd0ZGo5elFPWGZkTkc0ZFhqQWhjSlVjMktPbmF4SWo5NlpjeHIrWlAzdTZPSG5rWGNuNGxHMTFPTS9YOXpWMjFqc2Y2S0tlN2hEU2g0OXBLejVNZThxZVVTaXExM3hSMVlnc2RFc2tkajdxaWNuazIvOTFPYzZqOEpnaCtkUmhnRXRGYks1WG9Zb3VtZks4Uk9zaGhrNExLN2RRV0F5djRSNnE4WkhqbnFZVUJlOWVrVWZ1UFpqemJtRXRscFdTUkJnRlJMMkp2eVNrQkhKUXgvZm1LUExFNlhWODl2eUJ3dkZqY3grUktKYmw5MFQ1Njk2ZytqNXZ0VmdQeGo2akJHUnI5VW93aDkwTDQ1emEwbUVSNnUrME1DVnBnZ2tBVU5EanZ0YVVRc1lhc1VCMmFWTE0vL3RUYlVJeXRWd1lsQ0dHeXVNVzBpZy93MUo3L0RTNUZJSGl2OGtXK3Y2N0srU0VOUmQ1Z0x2TGJFSVhpa1p0K0ZVST0=&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"> Berner Fachhochschule BFH </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"> Bern (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 21.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096604-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/professor-for-global-and-intercultural-management-berner-fachhochschule-bern-schweiz-1096604#" title="Professor for Global and Intercultural Management" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;3&quot;,&quot;10&quot;:&quot;1096604&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096604" 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/054028315/20250221143101.000000Z/resources/FH_logo_100x50.png" alt="Berner Fachhochschule - Logo" title="Berner Fachhochschule - 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">Professor for Global and Intercultural Management</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096604&quot;}"> <div id="bookmark-job-1096604-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;ZTBmWHhSS1F0M0xTVW83WVUzSE5lVUlzTm5QVGtOM0ttcUZaSlNEVUJjM0hOWWZQVXdRM0hpL3Z3dVBEaUVnTE9rd21PYTR4dll0RVdPWFZGZ0twQU9OTUlxZ0FSd2RwVUpza0VndHROSzdtaFoyTUoyZWlMb1JWWE1UaGQ5Vnh2ekMySGJyR0NYdFlvNjkxb0NmNldwc2pRYytBSVZzZHhCTlI5V1JnWGU4azhGc0dJQlc5ZTFoemNQNHl4aTNvQjJmQXR0R0kzcHFHNkxNQnNwYW41Um8wZ2xld2ZWcFZMRE0rbTFBbGsxblFOTlBSanVIZjdPazVHZ3Y1Q2FoMXNDVEhLa0d0QS9lRDcwNW16RjBmUE9wTlFLNjZBOFBvb2RjczJmUGxxUi95U3pXZDlIeDk1aTduU1Vuc0dYZzEvNzYxQ21LLzN4L0I0VU1vN25tSHBqM3JTR0gxVXBiQzdWMkpER3hrUVQ0K3BIQ2RFYjJkdVVvek9pVUVJQ0FBNVpNc0JadWd2eXU1SGZuU2xabDl4eUZjK1NYT0hPVkZFRkdTRnMyc0FUUGtPelJzam9rRmxpMGlsTnR1ZTJzRlRudjh4WUxWZ004SDhJNlZVejV6a052b1U0Yy9NREJQeGJPUHRma3JTSlMwajJYMmxrYmdpVGMybXV2ekE4Y0F5RG1NWkFocDVpdXhtYWFlT1JrUVV4TzBGbGhIYUN0anlwV2kzU1lCck5DQjZ3amp3NWVNTEo5bGUxd3ZXS0hBc3pMaWVUY1hUTmdEZGc1V3hIOVhCK2owY2hFNkdCR1QyaWcrK0hPeWN0SGxkeVFTVFJiZjlhQXZLeGthb1BwUzAzN2hzeTJOeTFEaWIxeVVNT0tzT3V2ZTBOZUp4dURzUWZySWRnRExLVVlkY0pMVWZpS3NyekhxaGpVYVpjYWYrRExaMlZaTzJvSDFpZ29KZGlWQmJDNUlZOGkvSmVkWjk5THRvTUt0SVkzZjVVTVlQdUNDZ1RoOWRFVEwrRHJ2M28xb2lpU1duQlJWS1ZCbmpEVUFiTG9aTCtWTm8vSXdTbm5qS3NNQW1OYz0=&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"> Berner Fachhochschule </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"> Bern (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 21.02.2025 </span> </div> </div> </a> </li> <li id="jobmail-subscription-3-container"> <div class="w-full md:w-full flex flex-col items-center justify-between md:flex-row bg-secondary-60 rounded-xl p-4 shadow-md hover:shadow-lg md:h-[116px] md:px-8 bg-jobmail-subscription-primary bg-no-repeat bg-[length:82px_82px] bg-[left_-9px_top_8px] md:bg-[length:150px_150px] md:bg-[left_-19px_top_-15px] " data-tracking-context="{&quot;7&quot;:&quot;jobmail_subscription_card&quot;,&quot;8&quot;:&quot;4&quot;}" class=""> <div class="ml-[74px] min-h-[76px] md:ml-[120px] md:min-h-min"> <h5 class="hyphens-auto break-words headline-style-h5 text-left text-white-0"> Noch nichts Passendes gefunden? </h5> <p class="text-style-paragraph-sm mt-2 text-left font-medium md:mt-0 text-white-0"> Lassen Sie sich zukünftig Jobs per Job-Mail zusenden! </p> </div> <div class="w-full md:w-auto"> <div class="max-w-full "> <button class="cursor-pointer group-[.disabled]:pointer-events-none flex justify-center items-center rounded-full focus:shadow-button focus-visible:shadow-button focus:outline-none focus:ring-0 h-10 py-[13px] px-[16px] text-style-button-sm jobmarket-font-semibold text-primary-60 hover:text-primary-50 group-[.disabled]:text-white-60 bg-white-0 group-[.disabled]:bg-white-90 !font-medium mt-2 w-full md:mt-0 md:ml-6 md:w-auto" data-tracking-params="{&quot;9&quot;:&quot;subscribe_register&quot;}" phx-click="[[&quot;push&quot;,{&quot;value&quot;:{&quot;session_context&quot;:&quot;TFp6b203OE1ZUjMzdFU3WUZkN1pRMDRHOXVNL3dSUTR6NjB6YUlIdjhuc2Y5VmhwaE1YNXVuNGNGc3VVTlRYOUZmc2ZEc0JoQ2NZNm9rNG0wU040UzdlY1k3ZVFGTDFFNExGZDlDalFOQUN6RWw5di90cS82UlBFUUJhQzJ2Y2FuaFpzaHIyc2c0eHp3NStjUllRajBkem43eFpsUkFtNEhyMGgya3Jsc3d4WlI2SjRPbGJweXR3SStoUUxKUCtXdytkK2s0Q1VTUEExZDlxYm1ia3B6UVBIMktXNkdDSHc5OHdkR1gzRWJvdzhHU2RpOHBGNVVlcFV4YURBWFI2YThrOU9lTjN4YjNnY2tnZ0tVVjVhMHVHQVJrZjNnL2gwNnlmdjVQMUl2MXJ6TmxZWmtvNFhKNTdSem5maXpPT3pkeE9ZUG5ucW5SS3UyYXdRNGRpZXl4M3JIRUZ0eVZTdzc4RWM3YkJ3eGhUa0R3bEpVOHVnK3cvK2F5WnBOb1FuVDRRUW9uS1NwdFhxRnJGVW9ta0F6MzVMMXlqVlVxL2o3RnprQnh5TlFXVStFbk1DbkJRblBnK3ZBZDJNcGdWV1JCVzBCKzFpdXhaUmo2U3FKN1BjWndQTkpRcnl1R2Y2clJwMEtheXFZaWhnenp3czdKTTlLVW9tVGZUV3phSnFCYXFhcWtZQWtrc0NKMTMrdEk4aG9IeVNZRm11R3hDVDI1Y01WekNJZ2ZvTGtyS1FjK0xlQjR3Q1czbXl1dlZUMWM5TVJCU3ZJMHB3U3VVNzhlSmRnL051TThvTTdvcUQ4MzVpMGRTeS85NkpPSG1icGtqYnBrOVZISXBReTNyZCtBcmFFYTk3V21XcDZIRGxXd1NNaU53MzMrdkIzaVptSS9qL2F1VG5uWGJOcExoVDhudnM2TGJaUkNqRUJYbEFTZTY1dEE1NzFhbTNYYmdmNWFhSTlNM1hzc0FHOEZZaksrVkZteFFHK0d2N004VEFQdU1iR1N4NlJFUzN3QW8xQXF1VDMwTFFBc0ZmaGNTQXgzVGV4cmlpdXZWZmZ6ZlNBV04yclM0MUF6dkJHY05OSGFjQzNzZ2Y0TzRXTkRqTlVqY0ZrMW5ETmcwUm9iMnYrNWhkUmlRWFNPSTNKQ1dqUlZOU3ZYYUtlSTV5bGJBL25KM2hNTWhpaXNsNitnZmV5eSs0aHYvRkpETjRzQ3JLSkZQbTZiOFQrdnpTWCs1V0I2dGljNkdlQXlFM1VGUHQyMnJQQ3VqZ25JUUhVRDhNckExWHVyeVdnbWpZaVlmS0FiaHV5bjd2THVKMmVaaThTZXpaTk13eEFCaz0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_registration&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" title="Suche abonnieren"> <div class="inline-flex min-w-0 max-w-min items-center gap-1 flex-row-reverse"> <span class="h-4 w-4 mr-0 ml-[4px] ac-mask-contain academics-bell-border-16" class="h-4 w-4 mr-0 ml-[4px]"></span> <span class="truncate"> Suche abonnieren </span> </div> </button> </div> </div> </div> </li> <li id="job-teaser-1096552-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/associate-professorship-in-entrepreneurship-owner-managed-firms-100-universitaet-st-gallen-st-gallen-schweiz-1096552#" title="Associate Professorship in Entrepreneurship / Owner-managed firms (100%)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;5&quot;,&quot;10&quot;:&quot;1096552&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096552" 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/054003466/20250220120102.000000Z/resources/st_gallen_uni.png" alt="Universität St.Gallen - Logo" title="Universität St.Gallen - 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">Associate Professorship in Entrepreneurship / Owner-managed firms (100%)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096552&quot;}"> <div id="bookmark-job-1096552-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;YVY5VWQ5STNXVHJLTDF5cUN4OTY1UUJLcmVyOFV3OTdzQlRMbzN5MnpRUzVUMFBWUzJvOXF2dWZuMDVwdm14NzJtUmxWQzZ0ZFhFZjAvNlhLeWF3emYvTHIrNno1TzJGeWlMUWhaRTBUZVBWMkQwYW9YekNMZWFOd0FBb0VHbGVRRlh2ZlZNK0hjQkFJVWtOblZkc1I3OHYwakdJR0xibkw3eitUa1hGME83eExlbVdoU2tZU2Z6SWhqMkxOZ01TRGJXZnFieVNFZktwTmlDbTNBa1V0ckVvL1A5WTFYcHlNb09mcEdxeEpzTDN0c3lnMXZYZko0R0RrSXpJbHBBZU5Na085MmNaN2pSMDhsa3UrVlRsS2lRWHFnTDB3czdHenI2aXFja0xiSWNLTkV3T1h4azR3UkhXcC9Ca2ZnVWhuSjE2NDc1bVRwRWZqbTZSR3Q1aEtOamVnZm1tekpSYjZNYVp6Y3l3QWpTMU1rVXNiWGhJWk9YYm5GUDlzOGQrZ1orUHNWSFYxZnJnaUc4SWpXMFV2dGNtaDRzMEVHOFNvL2hIQWt5eG9Sa3FPYW1PaE8xTkUzWHhKRFJPU1UwZmEwNTVXRU4zR1Z3ZEU2c0VITFN6ZzZEamVwVGFaUS9zaGp1ZUlwUGJiYTJBcExJTFlISnZVVkJIRWR6VVFUN3VKck11TW1uT240NlZJZ2VxNys2bnhHTFlham9zV281ZGdkcG9oNEtiL0dlU3BEUmRzUUhIa1dEejNPS0hiM1poQk9MbUFOb2NsWXV6RWNrYU1FZlMzenZXd0lmbXYwb3djYytaQU9NN3gyQk1LSUc0K1hnTGh3UldQOUR2QTZXQkIxdFNRTk1JQkthVUVsWGthSkg3K3ZjWjdVQXlheEpDL3NLOFBYdFRsRjI0UDdDaDFSUFV5MFBZdnMzOXJYMHRpSjdNWlJMN0pkYTZ3U04xTUVkYlAwYlV5MjVwNzBKMENMUXd1L3l1N0tpbS9xZ2REWGxGTSt2MElHeTNTbHB0dU9tY3VUZkNhUUkwbk5PNmtmRy9hN2VVVU9EeWlNbU9nL2pzMHFqTStCOD0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Universität St.Gallen </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"> St. Gallen (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 20.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096393-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/dozentur-kuenstlerische-praxis-30-zuercher-hochschule-der-kuenste-zhdk-zuerich-schweiz-1096393#" title="Dozentur &quot;Künstlerische Praxis&quot; 30%" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;6&quot;,&quot;10&quot;:&quot;1096393&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096393" 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/053919422/20250217112102.000000Z/resources/zhdk_100x50.png" alt="Zürcher Hochschule der Künste (ZHdK) - Logo" title="Zürcher Hochschule der Künste (ZHdK) - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Dozentur &quot;Künstlerische Praxis&quot; 30%</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096393&quot;}"> <div id="bookmark-job-1096393-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;MUZIT0tvNEw0Y0NaUVVkcHlJK3dUUEFVWWw4ZkYyMnFqYmxVVVJmRk4wT3QvbjVNNEFoT3hSU3pHeVdIMFNpcjFLdzNGSWNNT1hLOTYyd0Y2cjNQWE1La0ZqREo1eVp3aFBMYlZqalFZdWdsWTI2UkZIL0xJTVBJQWNPR3hwVUVCdlVqUXZuek44M3ZzSDByalVvNGNlekxBQlZlODdJckdRclRwaFh3Z0tzMU5oZGZmWkhWN25qYStXbXhwa004V013QWdjUUVmOGpFS2MvTUIvRTZqa2Q0dGI0WjFzOFR3M21rZXAzK0VmSXVGRXU5L1hNREFlQ0lMOGxWN1d4dDc1VWNxM0UvMUEzV0Z4aVdLUU85TmluZnk2aXpsNTU0b0szQU9LYllNVGVtSW1ydWc3aEU0SnhCUmpjRGNFMFBIN2pvbGxlWWVsYmhNMGhhRHNxMjE4eXRpeVgxUURBSUZuV2hsM2ZLc296dHE5ZDd3bEhRbWVmTTF0OE5CcU80VyttVnZDMGlyUElCZFZnV3ljYS9nTWtOWnlXcjNabUdPcnpia2dyblAxWXFmdjBoUmZQa2RLanRwRHZLSjl0VnZmUWpGM2RPS3FUaDFKYWlrZmNHM2pXbDB4elNtUzh5eDJycmh4OWdRbytIcUNnN3lJZXc0Mk9Pcmh3bDFwMXNQaE9FdTBJNDFsc2p4UUVqLysvMnNBZ2c4SkNKMEZRVVp2VXpvSGdhc1UrajNPTG9OTndXS016MHJXNHdPSzRXVWRWdUpjcVpKdU5aUFlmWU81NjIvYkNiOHRKRmNpaXpQZ2NJV2c5Mnk1cjEzeVZiektZNmwyU0dKUjl0OU8rbnBQUXJ3Yml6aHB1WVdTOERLSWJBRXQzNGZuVDVnVmJFMmUyOGNGNnFCblBuRnBvZFZLWkhhdGxtMUdLUkVMUkZpYlo2Sk5rWjQrWm1VcmViUWdDSThzMGQvNDFiZEhlTWlzUkpiV3pLWVM3V2hCVjVxQSswMjJ0bW5ialF3QWxpdjRINGR3Mk85WC8wWFQ0WUhMbWVpSzg4dUxyR25RcGpIMUczbkV2R3ZaVT0=&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"> Zürcher Hochschule der Künste (ZHdK) </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"> Zürich (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 17.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096364-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/associate-professor-in-computer-science-with-focus-on-computer-vision-universitaet-st-gallen-st-gallen-schweiz-1096364#" title="Associate Professor in Computer Science with focus on Computer Vision" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;7&quot;,&quot;10&quot;:&quot;1096364&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096364" 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/053862337/20250214122101.000000Z/resources/st_gallen_uni.png" alt="Universität St.Gallen - Logo" title="Universität St.Gallen - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Associate Professor in Computer Science with focus on Computer Vision</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096364&quot;}"> <div id="bookmark-job-1096364-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;T1d3VWpydlJhSkticjNzUTFXSm1wcXNzU0hDaWhzazVGYVlKYTNqMEtSNmd3cmo5YnlENVdTeE0rdHB3aEFoei9aSmxZU1EyYk5rS3Q1MWNld1EwOUVhQjE5Wk1uVnhab0x0M1RQVGhJM2orc3BFKzduMGhtVHdPV1FBSHVLSkJ3dWJQUXVvNUgyN1VIS2pKVXBydXVJbms3OHJnVjdGbHdrVXdKaXl6OGVNVkNsZ3c2ckxVaTJBdHBKQmM5OWljTkZrQXZSd0pmQ2Zkc3NrV085dTUvalpuK3F6MlppZEhRWExCREZ3VTZIMW9US1RZWkR6OHlUbHRDOWNYeE15VlNZVnZoaTRtSkIzQUU3b1lOeWdlWmZoOXhnelBnRFNGa1g4Zm5ZeXRrWm4rd0FaaXZSeWU2cG5XQWlVYS9qRnFEWHg1WnBvUGk0SnBOdGFaSTJqU3FUQjBEWGJod2JIWDJoaXhvcjN2YlMzTEpRZWI5SjBGR09YYkc5Mmt3ME9JMzgwQnlvcEkreDJhQk42SzJkVkxVK0hoaTBkUUFINEpHanQ2emt3VGZuQ3VoQ1ViY1VJQ2RnR1JDRE55T2FLSEZkN2pQMmQzSXFBTW4zSTNQRkVPMlE2ZTRVVjF6UXNrVHpiUE9HaUFRT0hES2NrSDF3cWdCeVV0M1BSVTRnSFVxT1pYYUxLNWZLQmdSYTBSRjhBSTlBUmpWclRLMVNOdk5zQlNxOTBxMGlLc2F5U1dMVXJ0aS9JMXEyckR0YTVCTVYyNzRtbS96UjljaHUwWWhXL2phV2pWMWc2L2wybHVhdVQ3Yy9NVE5kMDJMRDVSNlZhOStYbytYc1FCWmR2elpBL2lsUVBtekRQVDVFUDFOOHRrbXByY1JRL1A4MEdYdjhYejJIdFNnMmo4U29FbHZDZE9BODYxL1gwVEZFT3psNGNJWDR2TzM4U08zbEZNaFpHTmZHc1c0SSs1OGpGZ3J6YWE1UUd3Vy9aUlkzVFMzQlBkTjJYZWhLMnlXbmx6eHRzRmY0UUJXUHRPbmtFemRPZGpCeUtvVGRpUWpTdEN0Q0gwNUVrM2g1Zz0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Universität St.Gallen </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"> St. Gallen (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 14.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096231-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-fuer-kinder-und-jugendpsychiatrie-universitaet-basel-basel-schweiz-1096231#" title="Professur für Kinder- und Jugendpsychiatrie" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;8&quot;,&quot;10&quot;:&quot;1096231&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096231" 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/053772801/20250211104105.000000Z/resources/uni_basel_100x50.png" alt="Universität Basel - Logo" title="Universität Basel - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Professur für Kinder- und Jugendpsychiatrie</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096231&quot;}"> <div id="bookmark-job-1096231-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;Vld3L0Vkb2RRclRFZnpKUmt6R21mVlNtK1ZTV0tQT0FERUVRbFZVSnY4UnpUKzE3TjNOcTllSjBHeWtkZXRlOWtsY1ZpSWZQTnBhdEo3OFJIWlMyVjR2TEQzL0NlUEg1aGcyVnZpdUkvTVJveGpGY3JtMzJtNDhWMDQ3VkZLUzZaNnVPRWlYaXhoMk1xbEs3U2JURmxyR3ZldGFyb1J0TjEzTXFhc08yV0VvMzROVmNtbzZuZlBJRk41am01ZjBhMkNqNDM3OGJZYTRQcytqZURPQm5ZanRMcVpTVTg0SkJLYlp4ODBqMmkvVjhRYUJvOGZscm5sbzVYK1JwcGdJNHJkbWd2cDY2T3lIUWxIYUpmTE5BS2hLdityOEdVbm5wNXEwUERDQXNXRnFRenZ4eEhUVU9DcFcxbTN1R3VGUTd3VWlrY2puVjQ5WTBUS3Z0T0Znek42QjF5OGpUVVJZRTAvRnFWcDAxL0MzcGJ5VjVZK1gxdzNEK1A2dkhCRlI5TWhHcFR3cEJrZm5MNHVENzNHVkpteXJqQmE2Mk8wVWhKNVJEV0lrS0o3MVFvL01NWWhEd2ExOFlzM2JRQlBjM0lKTGVNVXRDc2VCZmNqZkEyWHYrWTJpbGF5cXVpcVd4aThsMC9hUVdLY3c2dGlOQ3Bic2xHb1hGd1hDZWFsR0xCUFEwSlRuMk5ldUZ5ek8wMllnUnB6cDZGa3AzSUttM1dLTWhOQnVHU1p2VVV6RlpUTmJ1b1JrOGZSaEg1N0ZwaWN5eXQxTzRiSnZKeC9hR1hraTgrcG84RE1UNy9hbEZaUTczS2k3Z1d3eklDZ3d6cmttNlc1UnBadW5ReGt1dWwxR3J0V0VGWDdGRE9pR3RpVDBzMDcxb2Y1a2pxRzRjbE9zc1QvTlJnSzFEam5QK2tKT1Z0eWJwZEFBSzBzclZCZDFMcS91aFdUNWpqT09hRWhmQkVpc3JVaXBnV0tnSzZaOVl5UDIrOGtsaWE1YVJ0RmN4YWpydG5oTE5yc1hqaTYrSThrb0lIdG9nLzNsU2xlN1JkUWtqODRsUlNJbzk3VWxCdTN3Y2c1cz0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Universität Basel </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"> Basel (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 12.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096318-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-fuer-digitale-bildungstechnologien-im-fernstudium-fernuni-schweiz-brig-1096318#" title="Professur für digitale Bildungstechnologien im Fernstudium" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;9&quot;,&quot;10&quot;:&quot;1096318&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096318" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2020/04/62bdb3c8b471b877416126.svg" alt="FernUni Schweiz - Logo" title="FernUni Schweiz - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Professur für digitale Bildungstechnologien im Fernstudium</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096318&quot;}"> <div id="bookmark-job-1096318-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;RDllQ25qVEVXaFhHMmEvcC9DYnJOOG9YUUgvWm5UN09JTkZRWmF3WlVuSFNZbW8vdHFENnNGendxVE9PYTF0TTF1OUY3WHJZbWxxeDhKK1VCMEVmaU9kdlBJTWFyakRsOHJyZ3k0TU1JWTh5K0NLUGVKdENKTmVKZ2hiOCtqS3F4WU1IQ3lhNFo4TEh2cWpuZFBqMjZrTHZDQ3ZrNXhTNmRING5LMkhhMDdqdDZHMUpnQjE1N2IwUEdrajg3a3hMeXFuMm9hVWgrWUJhVUVZSUN0OGZ0YWpOUEZYeStMa0x3dDZNdjJVT1lHdXA4MnEvQUJzM1NTWW1TcCtpc05pdVM5bHhaR3RJWjV3RTErUkhKWGJBQllFK3VpWStBTURRS3I5R1l6T3BGUktxclVsMWFXMkJTMVBJUmowSTBRYi9wYUdmVlNKbDF6MlN3bk52NDR0OFg3ZE9LU2pBR3piU3ZhUDJWRnl1VTFMeDZMZjExaEZFNlVmeHhIZnZNS3BWZXBqYVZLNis2VXI0c21xQzIxMzhYcnM5OGNkVjhobGRnZVJaSjRvaVNkUHZBUkxxZGNBRk4rZkFTU3lMNnQwbmJ5L2U2b0VpMm5iTkVhckFuQXcwbUJSVjh2QmhGS0hKT0NtQzFhSXRSNy9FVTVEWmQrYVh0cjZlQmxwVmpVeWpneFc5OE5xNzJQWEJvYU9RVHRKNy9MWmZOamlkd0VtUjk4YVQzanl1a2ZiN2h1bk0rZGo2NVhGRkZrT0RJcFM2dyt4dnlYNWZ1VUo2dzZWMzArZkw0VlByZFFsajVDbmk2OFFxZG5FeFJrZEcxMnNHcE1QbjJhMlVBeXVNTGkwQklXdXpWaUxyK28wTTNkRVNkbVJrMWdueXgrMFVzUHdMRUsySVdHVGZ2SUxDRFVaS0U3L0RnRlptUGVDcnFlN0FDK3lreEMyMVc3STQ2cm9xRVhYVkIwRUJyM3RtbGlqZDBxSTIxbXhxbDQ5eGtpZ2NtYjMyc2Irdy9BbnJNUllpdmZNVzdHdkhKK0c4dDRzV2xMTE53NGg1a1pSMGoxclNPbEthQjV6YjNIcz0=&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"> FernUni Schweiz </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"> Brig </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 12.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096171-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/professor-in-fuer-software-architektur-m-w-d-ost-ostschweizer-fachhochschule-campus-rapperswil-rapperswil-schweiz-1096171#" title="Professor/in für Software-Architektur (m/w/d)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;10&quot;,&quot;10&quot;:&quot;1096171&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096171" 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/053696190/20250207091106.000000Z/resources/fhs-st-gallen.png" alt="OST - Ostschweizer Fachhochschule - Campus Rapperswil - Logo" title="OST - Ostschweizer Fachhochschule - Campus Rapperswil - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Professor/in für Software-Architektur (m/w/d)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096171&quot;}"> <div id="bookmark-job-1096171-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;c0crbGlKNkJEUHRMVGNnbkRIWXZZNStnWTd5Qm5sQ0pTbmFkeFk3T0E1cENqb3drM3o3cFozcCt5Y0VLL0ZvaVVTbk96bWlHblZkdFFrbXQzNzQ3QnR3S2NRTUQxSWhnUkkzaFJXRHFxeWZCSTIveG1jby9OWS9PV1FaMUlneFZvN2M5VUw2NE53dlZKZ2FXMFNjdVdmY0cxK0ZIQm8vekRIbWg4SGYyZEkza2VXLzZRaDRYVm51RG9KTFMxK2FmV09xNWdxQmFFK0owcGtzMU9NK1dFS1VLajFqRjU4WWpHNmRyZnhxbTI0ayt2RTlvZUI2QzlYcEM2RFdRMDBTcmQ1cFdGSjFEWkJybEs3ODJFZnhaZ21XMllKTkxBdHFQaFJlVDFzcm9QZHRpQWpUdEl4L1ZyZUVqZXBsK0RjYW5LNEpTRHVHY0hsQStYUGQrMHFzZWpvTzBjNjA4RUVBLytjU3UwbDlOcmtWNVpNT2NaQi9wSEhYaWxpUjlLZ3VUVWhMaFlMem01QnlCNWpKUHg1NTZPUDZLWkRkNmlUdUpXVFFDQ2dTb3B6c1J3TWlxV2NDVXYrUUdqdWVHcFlwUEZvVFljYk83U1BpVzdhWGdsNmNmdzdPTVNrSFVuZ2tMRHFBRHQyV1FiUW1rRUw0QmF2dklFVHRFbEJ3NXR2cytqT29lRG9rUXZDdEN5enNlcVFpRjl2ZHZLcHlpTk5CYU56WjE0ckVJbGhrZWd1YlJEU1VlQThJdTBBZmRUR3ZjYVNxZStyT2ZIUXlibkREcTN3M1FxQjMzOEF0cUNDa3hPc2FOSE1LK0prVTFLdUdTS21zbWszVHhjTFMzYnN2ZmVHdGZUSSs5NGtyaGNqOUphVDRjNDI2K0JoSDVJOEpCL2lQQ3YycVVWdzVuaitrT1Z2cXFSWmZJQ3RRc0pkcFRGK21xWDVsN3RQQWRic2tMOVpuazhMYmtGVTdrZks2cmR4dlFDSGJqYjhWQ3FyVU4vVmo4WjZVYUdHbitkeG1tdVBOdTVVTzVFWFUycG5uODh2cUpFSVBuS3Z2M3pkL2kvZVBIRmlldEI2Zz0=&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"> OST - Ostschweizer Fachhochschule - Campus Rapperswil </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"> Rapperswil (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 07.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096125-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/dozentur-klavier-berufspraktisches-klavierspiel-improvisation-nebenfach-zuercher-hochschule-der-kuenste-zhdk-zuerich-schweiz-1096125#" title="Dozentur Klavier (Berufspraktisches Klavierspiel, Improvisation, Nebenfach)" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;11&quot;,&quot;10&quot;:&quot;1096125&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096125" 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/053652339/20250205145110.000000Z/resources/zhdk_100x50.png" alt="Zürcher Hochschule der Künste (ZHdK) - Logo" title="Zürcher Hochschule der Künste (ZHdK) - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Dozentur Klavier (Berufspraktisches Klavierspiel, Improvisation, Nebenfach)</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096125&quot;}"> <div id="bookmark-job-1096125-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;QXZhNmVLOXBVanFWK0taZVByZldac2VVRFZubmJ0YXRSa29rbUNpSnVIQ2tUYVYxREhvOWFPQllDOFpLUG43RCs2MzZwSm9CTms1TGFLOVlTU25Kc2JvQXRMYlVyNzhsNkZha1dpMTNTeTN6cE44ZVlvNTgrNUMvSGp4Q0lYUlNJZjZiWkRkc2wzeDlPVWtWdCt6NUJ2cTIyNnpRK0xxOForV1h1eWhRYzhXT2JFOHBWOEN0Z2JyTnlyZ1NCSGtheit3TE9yWjM1WjNrTEtBMFhUNHF5ZGttcHA4dzJ0TjhLVDNvTDdOU09tWVVqOFd2aHQxdWhQRnIwd2FaQ3prRkVGcHRXL1JmT2l1QlRyZXJyUllPV3pPSmJjTEt1N0pqd1VMUzdCd2FiTUV4RHd2OHNxWmxMaTBJVWdqckxKcTFrakNuajJLamZ3ejVzaUdTdlRyM095Ty9rcklLZWF6SUZHVUh4elh5UkR6N25vQ0dWQ2JaU0hqTVdIVzNBSm9aNHYrelFxYzdUenBPTVVnU1JLOVNCOHZiNDl5bFhydjlScUNoTUl4L3JhK1FrQjkvdXl2Njh0Mm5TTzMwbnpRa01xeHlNLzhyUktwQ2NJek5aSGF3T2VaM0V4bVpCdUxWaWlibjlQNGlkalVpd1BoU014dTYzVklHdXYrMmdpU1ZWNEpxUm53bk05Y1p3Q0dJSzlTNkQwSmZCOC9SSlZ1MXM0aGhYS1RLUkNqejBxdk0rVFUrWHNzR1FkN1IvQjJwcFUyc2h3SmF1Sm5GYU51K0EzREd0bWZaK24yVVVBMzh2b2orZGZMTGUrSkpzTC9hRlRTOXFsa0JaVmYrYkhNOXB0RWdnUy9uZUY3Q2tuWU9saFFWZzhUVmtWVVJib01KYWZDTW03SXY0TzVwaWJZb0FZc1UzYTQ2T3VYT3JUVVVIT2UxMnBZa01xd1AxSlJtU0Y4V1J6bVVRV2ZUdnVINDYrL0FNUW9uUmRqSmtKMUM2ZTlUNExOTkplTHBiUWZmSHExWitiTzZEUW5jOW1RU0htVzYyNEcvUzFPNExMUGJCUC95eERkWUg4UT0=&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"> Zürcher Hochschule der Künste (ZHdK) </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"> Zürich (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 06.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096124-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/dozentur-gitarre-jazz-zuercher-hochschule-der-kuenste-zhdk-zuerich-schweiz-1096124#" title="Dozentur Gitarre Jazz" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;12&quot;,&quot;10&quot;:&quot;1096124&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096124" 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/053652264/20250205145108.000000Z/resources/zhdk_100x50.png" alt="Zürcher Hochschule der Künste (ZHdK) - Logo" title="Zürcher Hochschule der Künste (ZHdK) - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Dozentur Gitarre Jazz</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096124&quot;}"> <div id="bookmark-job-1096124-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;bCswd2ZLdlRtVkkvTjNGMndLRzJjR1lFZm0ySm01dUNQZE85c1lHYVR5d3k0WlVKTXphS2l0YS9sbU1SeElxaFlFYkppeXV1ZWhGUVZYVGx2SXB6ZXdsYWNTOVhkd2pwOVNLdERWV3VjOThraDhaNVRBL1owaDlOejA0UUtsb2ZSdFRnbVVuc3RQa3l4RmovTFBjbkkyQzg5dTVrVzBrbEl3aFdzZDg4VHVhbnYrazZFektGNGNZdS8xa2JJZzNudWFZbkdsRVU5U3dvUnZFcWswQi9rT2QyUDNYbVQwVld6TllPYWxTdHFNaUlrSlFRNllwY3JFREovVzM3ZHFKYmZGQzNMc2xqSXBIQ2NPamVaRFAyc1JId0pDQ1plNWs2ZEdKSWN6RGkrcFJYQ1VWakE2Q1R6VVA5eHQ2NlhsN3c1QmFwRDRLaGxQTEprSUowY0phamFndGVHelM0bnlMRzFNb0F0OEFDRXNMbitReERnZGhxRUNZaU9RQy8zUEwxa0d2T0pTbFA1dU0reWYwTTVXekJJVGR0M0tQWmVZbnEybmZia2pMY2R6RjgxaCtwaTluNlE0T3V6Z2o3M0J0MDUrSXZuYmFDWlV4OXpVUnJPc05YbnhacldnOVJacGRXelp4blh1VVMvN2FGd2d4blB1UzNWamxOUzd2L3Z5QWJ5YjIva1F2QkI2YjIvTlowQWh6VUQ1MUdEU05aYTV1SkZaTXNzdUM2b3dQTm1iMFdvMDgvUnNwQ1RpWEFoUzdodHBicDNwMHFHOXcwOVM0ck0yYjJmTGtDQ2J2WCt3OWRzTjZsVCtoS0k3bHpjZ3NuQmlpeThxSWVSYVNUOGlqVU5iTGc3SkJ4T01uYXBicDBOQXc3MGY4dm00QzlnRVVWMW9mTmtkUmVGQXByWTltckNzUXMvSVRmNnNwdU9mR1VMS3NkTWNGam1EeWhwMHk0WDZIUEtJR1Y0dEhBM0ZKRlB3ZSs3OUJjUzhnL3hZYnUrVzMxR0hmR1l2elBTdWpVai94Q2luM0I0dnpYenVXd2N6TTFCQzN2UHhPbzY2QnZDeWMvL1BUd3pGND0=&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"> Zürcher Hochschule der Künste (ZHdK) </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"> Zürich (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 06.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096141-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/unterrichtsassistent-in-50-zuercher-hochschule-der-kuenste-zhdk-zuerich-schweiz-1096141#" title="Unterrichtsassistent:in, 50%" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;13&quot;,&quot;10&quot;:&quot;1096141&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096141" 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/053670586/20250206102102.000000Z/resources/zhdk_100x50.png" alt="Zürcher Hochschule der Künste (ZHdK) - Logo" title="Zürcher Hochschule der Künste (ZHdK) - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Unterrichtsassistent:in, 50%</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096141&quot;}"> <div id="bookmark-job-1096141-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;d1IzQy9rUTJ1MXFmYXRiYnpaV1BuUDcyd1FkckxXdTdEWDNPb0ZPNkdYSnVMQ2pCV04rVC84ZDVnd3VGUm9OdDY0YXRxTUNkc1RFYzFGNmZJUkdkcjZpYnpNeXFkQ1RVcXd4QWkwdU1iT0lJckZUY3NObzU2TTB0VUlTdDY5T29obFBMOFB5ODVIRC9NNHg5ZUhaMGZpLzhmREF0cjZqbjQ0UlBYOGEzYVpHM0lyV051eDhoZ3dsWTczd0U1dkFmT2h3ditvYy9rTW1MczhrRmRmWkpvSlAyenBjcXl5M3ZCQkw3Rkt3OHZWYS80NzRRWXZLVkt6eGNzK25rNU56bVduSHVtUUJ6aTNtMThaS0FXdk9sOU9zUDMva0VQY1hwTDNna0VGR2FEZW5xU1VKeXpZcnFoby9idmdWc0FRek9sdzU1K0ZtZElWQjBhbDE4VU1XRW12YWVnbDhaNEVvRVNLTTJ6SWl0ZGtpUGhSRkdNMWx4d3hPRnhGKzVuTCtWa2pJVDBNREFUR3JGOHFXcisxeEFBNENJVDFXQzFoL0pQUGZnc0NvSWY4Q09JV0x6cmJhMkpEbGsxaTROd0xDbm1mS1NHTDBncEhxNGIyK2J1Uy9ZR2VwNDMrazhnWTBSb01odUNyUzZheUR5RWNxMzdwc045RnBlM1ZXSlRvdjl3bk5UOVluQy9iL2RKbG1wbDRJRllscjhoL0ZxSnpFVmoxbzYzTGI2em9pNWdDZ3o0bWdTM0I4M3ZzMnI1bEhqTGtWWFZNTUdlci9aWnRVQ2xjSW1EL2x6TUp3MGtGajJOYXR3dGgvSTFxSHZXQzJMMG5vUFhEdU8vOVVxWXl3Q2w4R01uT2ppYWNuQ09TL3U4QmdYSTVTelNsZHEyU1p3Skd4R0dQOWUyYnZjZnpONmFXQnZScVZqa2pSSSswc2l4eHJsdTk5RTRRMzg0dWtxT0p1U3R4RHRtRkpzYWtPWnp3eWFJVUpQaXhWd09kbTdEaitWUzA4em1vQ2YwNnhuaHBJcS81ZzlkY2x4SUN2VG1nbTQraUQxRjNXbHpCd1ZsSGd4bm5DdlU2ST0=&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"> Zürcher Hochschule der Künste (ZHdK) </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"> Zürich (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 06.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096158-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/rektorin-oder-rektor-fernuni-schweiz-brig-1096158#" title="Rektorin oder Rektor" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;14&quot;,&quot;10&quot;:&quot;1096158&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096158" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2020/04/62bdb3c8b471b877416126.svg" alt="FernUni Schweiz - Logo" title="FernUni Schweiz - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Rektorin oder Rektor</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096158&quot;}"> <div id="bookmark-job-1096158-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;bHptR0tvM295SU14Q2hwT1MvMVZreWNlcnJzc2E5SEhSZlZ2T21GTkcvbTM4OHZUUmNyM2xGM1VlY2Eyb04xL3FmbnBiT3ljMFF0czJiZDFHYlZKSGxPa01hcE1BYVZZekh1eUJhenF6QjNDMGpZTmtVRmloSnBVL0oya3FuSzRpWDN3VTFlVkZlQ1l4WjViUmdxazE0bVU4OHJld0UxeGF6eEpnbU8rUjdab3FjdGdwa0g0aW5JYjBWaTVOUVlUaDBCSnpoWTB6MkliemRSYkpJekJCQjVGY0lDL0xEcVpORE02WFFsSVNId2s0NTNCK2p0aGw3MjZlY2pDSDF5VHZFd1hFVGlnaTc0M0pXN2JvaTBXc1h3bHhkcWhJU2xsUkkyeW55eENQZmJxYTkrSzVqTVRydmdib2VlRkw1TThZM2pvOG0yQktERjdPNXpqNWJtcmdCbllodlRrRlMyYnM2V2k5bnNpTmRGUjNrWnhzNGowc2sva0hKNkwwMS9VMEc1emtWWUJqaFNkU3hPMDlsSlFJREN5MVpzZm9vVWhERm5oTUxwbndpUUVnUEVETS82c1MxRGFsUlB0SWNXZHpUZ2tBMnhkcE16bVhnb1pqLzJCcGllZjBVeWwycG5LWFZmZDJuOFNCbVlxS0F3SDAxOE1sMDZVNytqRXhXc0szTFMyVG1FeEFoeDdYZW82elhNV3p0c0p3UDZMRERxK0MxZjlrc3RRMXhkTWZjYkVtb1MvWCtmTXNmT0RnSGlSZEFNNUdEcWhzOTdwMTVadEIrbm9FeHVEeU1tSFM0ZWk1akdvQjllWnA0dHNUcjNScko5OWxBQ1p0TnRaUHpvZWg5Y3FSQkRacTZDbllBbS9sQXNOdVVuTWNxVDZLUlVNVmJMUGNwUzgzc280bXl2MTBkSGUvVW9jMlF2MHB0M0RybmpQYU5pcUFRaEFYNElMRWI5L2ZneHZUQWpYSld2MjZqcDVzUjJsKzBqaGJ4WUJpVkxPaGVSM3BjVWdmWkc3TW5scXh5a1ljWVF2ZnF1ZVJ4Z2xTWnNrWmtXd3htRmgxSm5TM0l0ZlY2VT0=&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"> FernUni Schweiz </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"> Brig </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 06.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1096126-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/doktorand-in-oder-postdoktorand-in-in-der-kognitiven-neurowissenschaft-fernuni-schweiz-brig-1096126#" title="Doktorand-in oder Postdoktorand-in in der Kognitiven Neurowissenschaft" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;15&quot;,&quot;10&quot;:&quot;1096126&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1096126" class="" target="_blank"> <div class="grid-cols-[1fr_auto] grid-rows-[repeat(2,auto)] mb-4 grid gap-y-4 md:grid-cols-[auto_1fr_auto] md:mb-3 md:grid-rows-1"> <img class="w-[104px] h-[76px] mr-4 flex-none rounded border border-neutral-30 object-contain p-2" src="https://assets.inserieren.zeit.de/customer/2020/04/62bdb3c8b471b877416126.svg" alt="FernUni Schweiz - Logo" title="FernUni Schweiz - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Doktorand-in oder Postdoktorand-in in der Kognitiven Neurowissenschaft</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1096126&quot;}"> <div id="bookmark-job-1096126-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;akRYaDRmbEtEeWNhSVpwL1BkMDhwTk5keGhNNmNmSE1VcUJ6TkR0TGFudStoUHNhUlNvL0pBL2hxV3M2azVnMXNyMTZzZmhUU0hVKzFmc0JXZVlGNGxJdUNZOHA2NGlRMVlMTDhDUUllNEliTWd2eW1jdFhYektBZDJ0Tk9nVExQUkVQR2ZybGY2Rks0MWd2aTh3UkE5LzhiWkhRSTk4dS9GSUNaNUlyanVMcTlLUWVUdVhVVWlQMklBZzZ3RWFEcU5PYTloeEhRb2wxUzdzUEp3OTdvekpKY3hVY3hheENKbkdkQ1A1ZFF6aFg0RWxZRTBBR3RlWG1XWFA1TjhjejVOTnBjZ3FDQlhva3l3eDVLUGVFdTBEeUY4ODE2TkJ2OENkRDRSd1JUQm8zMVdYTmlDdkpvTGdPVnY4TUFXUjlSYU9NNkY2V2ErdVVodWt4bW5hbWFxaUEzaWJUNHZKK3dRcUdNd2tETUtXVU9oMGxKL3loVDRtNzQ5ZDlaYVZxWEJxM21BYVAyNmZaM0E4S1Y3WWFRbFFxaGUzKzcvcHhqT0Nka2xoVjhiOHE5YjJKVlRwMWwzbFppRWdNL3l1ZVZBQTFLZ0tKOUZ0UW9DQ2o2TUgwWGZ3MDVkQlp4OHN3S0Q3Mk10OVVKUVlEQ3VSZXFUcTVQTVUxR1EvNlhjeVdFcm80YWZNZkZ6MnM1ZXowelgycDAyUFBscVRrS3ViMnpSQnEzUUFmZGtjS0ltS2d1dlJsYjFOT1dLRU5IeG1pMGlJQm5IN2VaWG0yZmNBVXlzWTRGTGtCREdvS2NDamY3T0thTTBmMksyKzBjS0JMUndVcW9hOEk5bjY4NFZISnB1Tmk5VTBWUVN0VHdQekN6a2JlOUR6L3dsRGFOU0NXeXZOd3FzMmhQWVcvWkwxa29qNVFHekZETDZ2SCtXeEpES1pzeWdRSDJDcWM3cnpLdHZtTkwybjE3U3pYbnRGdkVSSnV3RURYMDhhWkNtR29aSWlBTWRZRGE0RzBRdWwxZDRHSG5iRi93b0x1NWVGeEY0Zi9XZkJhVWsrbG1leUdjVGlPZ09RdGsyRT0=&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"> FernUni Schweiz </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"> Brig </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"> 05.02.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095906-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/dozent-in-fuer-transformative-technologien-und-digitale-tools-30-bachelor-major-visual-communication-zuercher-hochschule-der-kuenste-zhdk-zuerich-schweiz-1095906#" title="Dozent: in für Transformative Technologien und Digitale Tools (30%) Bachelor Major Visual Communication" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;16&quot;,&quot;10&quot;:&quot;1095906&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095906" 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/053491912/20250129150109.000000Z/resources/zhdk_100x50.png" alt="Zürcher Hochschule der Künste (ZHdK) - Logo" title="Zürcher Hochschule der Künste (ZHdK) - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Dozent: in für Transformative Technologien und Digitale Tools (30%) Bachelor Major Visual Communication</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095906&quot;}"> <div id="bookmark-job-1095906-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;V24xSlh0MWtja1I0My9leTZWQUhFeXMwRkJmZVdacGJHWHdjNlZGcTRra2p5MFc1VHhsQ01SbzVpNTdobmFOdmh0bHFpVU5vMXVaZVp6M2MxVnJwa3c4eVZFcldmZlZiakRPT1RUdUxOR25qVnZMSVdOcHlxWFpwQWF3K2pNNFUrT3ZFM2g5OHhFSXNBZ3VnbHpqdVAvU1BuandWM01WQUpPWnNWYU9USTVwTnE3RVVLbWZTblhDa3FTYkQxOTFTSEUyRTZYK0NtaHhPeTFwTWxoQ2tYelJYQ2VRTDJwc3hQTEZxaElaaWppQnJ2T0xVWlNtL3hwbVVjNE4rUVBTd2ZIV0hnd2JkWTNhWGZTVDJQWHc2dkhQQ1l2bE1QK0gvYXRKWndrUG4xQzR1aVZmNkVHZTRjZElUSjc2L2VYN3NSZXpLWHNHd0RvbzkrcjVuTk1nTlhaZXVVSTFNR25BWGJ6NUZ2b1VlVzZVc1dDZExKRkVTaVZuU3dhcEw1WGxXWlpsSU9wUnRVcUZ4dlVwaWlwelJoVlBEV0xHWDJBYWFUN0E4VDRBWUQyM0tVeGM0WFVCMUUyZ3cvb1dZRXg0VElNL3NwRTd5dFdtekNpVEgxcG8wbjFPWFpwK1U0QkVMR1VTa2hTcHowNm5UNkZsYVR3TlVkZXRBU3M1ZGFER1pQQ2pVZG9QY0Q1UFVKaTVVTWtIb3oyZWlXVTZlYnZKNnAwRDdGYzZ2UHA4UG0zZmNSVjJjMkE2bXhiKzdjSXN0OU01TkFFcEladWZkdGwyU0h2Wm5hK0VsYlMwRlVWTXc5M2pDdzYxcWZJdndzazR5dTVUVEt5RjFSUnJVc2IrdUhmRGNTQ3ZiQUhiTjNJZHQwZVkyZERLVFZTOE1vYVRZZG90THllKy9Rdm9hM1pROTlOSXN6YTNJdlJ6VlBnSEdORExuT0xZS0cvL01FN2Z1cmc0V0NkNXdNNXI1ZVI0Ry94WlRNVmg3YUsxdkhjNk9LaGZJbkpqTnJadFRqRTJQSG9iRWxBb2ZSM2JLWXl1bWhNNWxDWUk1RWVIQWNiMGJVU1FFR1FOdmlvaz0=&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"> Zürcher Hochschule der Künste (ZHdK) </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"> Zürich (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 30.01.2025 </span> </div> </div> </a> </li> <li id="job-teaser-1095907-container"> <a class="w-full md:h-auto md:w-full flex flex-col justify-between rounded-xl bg-white-0 p-6 shadow-md hover:shadow-lg " href="/jobs/universitaetsprofessur-fuer-performance-practice-in-contemporary-music-ppcm-live-electronics-and-performance-universitaet-fuer-musik-und-darstellende-kunst-graz-graz-schweiz-1095907#" title="Universitätsprofessur für Performance Practice in Contemporary Music (PPCM) - Live Electronics and Performance" data-tracking-context="{&quot;7&quot;:&quot;job_teaser&quot;,&quot;8&quot;:&quot;17&quot;,&quot;10&quot;:&quot;1095907&quot;}" data-tracking-params="{&quot;9&quot;:&quot;visit&quot;}" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]" id="job-1095907" 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/053492006/20250129151106.000000Z/resources/Kunst_Uni_Graz.png" alt="Universität für Musik und Darstellende Kunst Graz - Logo" title="Universität für Musik und Darstellende Kunst Graz - Logo" loading="lazy"> <div class="jobmarket-font-semibold text-left text-text-100 col-span-2 row-start-2 md:col-span-1 md:col-start-2 md:row-start-1"> <div> <h2 class="inline break-words">Universitätsprofessur für Performance Practice in Contemporary Music (PPCM) - Live Electronics and Performance</h2> </div> </div> <div class=" md:ml-6" data-tracking-context="{&quot;7&quot;:&quot;bookmark_toggle&quot;,&quot;10&quot;:&quot;1095907&quot;}"> <div id="bookmark-job-1095907-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;WlZYTGlJQVJwQ3FRSlZ1Z2k5ZFZMTldqREVuUUIzSEIyOC8reDlaVjI1Ryt3TUppTEIremxjYm9IY3NQRnFiMVlyaWRNWVVOOTZuSTRUY1NQWVpORTRNbnhqMEdTcXZsRm1xTG4xeGtOVWtzandJVzc0TlVIRTF3TW92NGxCU3I4eEhFOFFQN3MybWNHR0pZRytpaVdEbFhkTlo1bTloa2EzVnI0S00rK2Z3djN4RVZCQ2dDMXJBcklUM3o4UjBrSFFXSmFQemJYT3hveUtPNEMyUEJUWW55VXZlL2xnRUZvblNFRkhDVkl1RkhYN1AxVGZYK00rb3JrWXNET0NGT3NNM1FVekhkRy82TG42V0hhK2cxTTJLWjJNaFArWHcwcmNBRDNSU3BhSlp5MGE0WmpCUVhCbVJpKzJmVkJwM2prVGhYS05BejF4Y3NVbldJOFlrdlYzdi9qOVpwRTN6TU90N1VLUFZMaU5tUTRiOHltMDFRQXBGMUN6MUpQT3ZkZWErSCtlZU41ODErS0NyMW1wQlBmWWlVR2M1YUhmOVZmQmJwQ2duOHF6cmJpTE9jMEF5VlVhdlFidWdBNTN2TUdFSFo4Uks4S0dPTm1acmJGRFQzUVZ1dmFhVkExZVJxL0FhOG14dkxHN3ZUbHlvc0x1R0ErM2ZEMG0vT2pRRGdJZUdtVkVDU1crSWZ0cG8zWERUVUcyU25MZUZQNklpanYxYit1UlhIVkVieWpFamU1dFgvOThHQlJUOWptTFg3ZFI0RmhNUjdPeThJZ2VvZU96aitCZTRQSVNlaXp6QU9DWUtlS3N6bmMxOTJRNWNpaU9hSUs3bEJOWWZmUWRPbE8rZFI0WEdLYUxiRitaajdXTWlFVmgwMWROUjZqVjVYOFhpVVJhMFhpMXhwd3I1aGpjekRWNE1kdEZRS0xyYTk0RmNzOVNKY0lWYk1xWWhjdlVyZkZZS2tkMVBKbTdJVWN3L2VLUnRiOSs5M0lQUTNwbFVmL1dkRk9LUFBkNjlFZTVPNHF1SjVMUjJtMktkYjQ4T3ZuNkV0U1BvalE4ZzBiSEVMQXlRdDlOaz0=&quot;},&quot;target&quot;:&quot;#session-funnel&quot;,&quot;event&quot;:&quot;session_funnel:open_login&quot;}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;tracked-click&quot;}]]"> <span class="h-6 w-6 text-text-55 ac-mask-contain academics-star" class="h-6 w-6 text-text-55"></span> </div> </div> </div> <div class="mb-4 flex justify-between"> <p class="text-style-paragraph-sm line-clamp-2 overflow-ellipsis text-left text-text-55"> Universität für Musik und Darstellende Kunst Graz </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"> Graz (Schweiz) </span> </div> <div class="inline-flex min-w-0 max-w-min items-center text-center font-medium text-secondary-80 bg-secondary-transparency-90 rounded-[4px] py-[2px] px-[6px] [print-color-adjust:exact] text-sm tracking-[0.035px] leading-4 md:leading-5 " class=""> <span class="truncate"> 30.01.2025 </span> </div> </div> </a> </li> </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/land-schweiz/gQU=?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/land-schweiz/gQU=?page=1" phx-hook="pushPatchWithQueryMerge" data-to="/stellenanzeigen/land-schweiz/gQU=?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/land-schweiz/gQU=?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="ecf94352-c300-4a61-b039-2a72882ceae0" 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_jobs_in_der_schweiz">Jobs in der Schweiz</h2><p>Wer in der Schweiz arbeiten möchte, darf sich auf lukrative Jobangebote freuen. Ob in den Ballungsräumen Basel, Zürich und Bern oder auch in kleineren Städten, Jobs in der Schweiz sind nicht nur wegen ihrer guten Saläre beliebt. Denn das Land gehört trotz seiner geringen Größe zu den führenden Akteuren in Wissenschaft und Wirtschaft weltweit. </p><h3 id="subnav_renommierte_schweizer_institute_warten_auf_engagierte_forscherinnen_und_forscher">Renommierte Schweizer Institute warten auf engagierte Forscherinnen und Forscher</h3><p>Wer als Akademiker nach einem Job in der Forschung sucht, sollte die Schweiz als Alternative zu Deutschland jederzeit im Auge behalten. Auf einer relativ kleinen Fläche bietet die Eidgenossenschaft Forscherinnen und Forschern in vielen verschiedenen Fachgebieten attraktive Beschäftigungsmöglichkeiten. Ob in der Naturwissenschaft oder den Geisteswissenschaften, die Universitäten in Zürich, Basel oder Bern bieten hervorragende Voraussetzungen für eine nachhaltige Forschungstätigkeit. Für Wirtschaftswissenschaftler ist der Finanzstandort Schweiz ebenfalls ein interessantes Arbeitsumfeld. Ob in Basel oder Lausanne, die Ökonomie spielt auch in der Forschung eine wichtige Rolle in der Schweiz. Hier auf academics finden Sie lukrative Stellenangebote in Schweizer Forschungseinrichtungen! </p><h3 id="subnav_die_schweiz_bietet_sehr_gute_jobmoeglichkeiten_in_industrie_und_wirtschaft">Die Schweiz bietet sehr gute Jobmöglichkeiten in Industrie und Wirtschaft</h3><p>Man muss nicht erst an die große Zahl von Kreditinstituten in der Schweiz denken, um zu wissen, wie stark die Wirtschaft in diesem Land ist. Für Akademiker mit ökonomischem Hintergrund bieten sich somit viele verschiedene und abwechslungsreiche Jobmöglichkeiten als Manager oder Consultants bei Banken, Versicherungen oder anderen Unternehmen. Nicht nur mit dem großen Industriestandort Basel sorgt die Schweiz für eine enge Verknüpfung von Wissenschaft und Wirtschaft. Namhafte Pharmaunternehmen sowie die chemische Industrie haben Strahlkraft auf die gesamte Weltwirtschaft. Auf academics können Sie auch in diesem Bereich von hervorragenden Jobangeboten profitieren. </p><p>Weiten Sie Ihre Jobsuche auf die Schweiz aus! Mit academics gehen Sie den ersten Schritt hin zu einer erfüllenden Arbeit mit meist sehr guten finanziellen Bedingungen. Wir wünschen Ihnen viel Erfolg bei Ihrer Bewerbung um einen Job in der Schweiz! </p><h3 id="subnav_aehnliche_stellenangebote">Ähnliche Stellenangebote</h3><ul><li><a href="/stellenanzeigen/land-baden-wuerttemberg/dA==" target="_self" title="Jobs und Stellenangebote in Baden-Württemberg - academics" data-url="/stellenanzeigen/dA==" class="internal">Baden-Württemberg</a></li><li><a href="/stellenanzeigen/land-bayern/dQ==" target="_self" title="Bayern: Jobs aus Wissenschaft und Forschung - academics" data-url="/stellenanzeigen/dQ==" class="internal">Bayern</a></li><li><a href="/stellenanzeigen/land-baden-wuerttemberg+land-bayern+land-berlin+land-brandenburg+land-bremen+land-hamburg+land-hessen+land-mecklenburg-vorpommern+land-niedersachsen+land-nordrhein-westfalen/dHV2d3h5ent8fX5_gQCBAYECgQM=" target="_self" title="Deutschland: Jobs und Stellenangebote" data-url="/stellenanzeigen/dHV2d3h5ent8fX5_gQCBAYECgQM=" class="internal">Deutschland</a></li><li><a href="/stellenanzeigen/land-oesterreich/gQQ=" target="_self" title="Österreich: Stellenangebote und Jobs - academics" data-url="/stellenanzeigen/gQQ=" class="internal">Österreich</a></li><li><a href="/stellenanzeigen/land-andere-laender/gQY=" target="_self" title="Internationale Jobs für Akademiker - academics" data-url="/stellenanzeigen/gQY=" class="internal">Internationale Jobs</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/land-schweiz/gQU=","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/land-schweiz/gQU=,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%2Fland-schweiz%2FgQU%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/land-schweiz/gQU=,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%2Fland-schweiz%2FgQU%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