CINXE.COM

<!DOCTYPE html> <html lang="en-GB" dir="ltr" class="h-screen"> <head> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/runtime-eed5b4cdaccf27b9d5fc.js" data-turbo-track="reload" nonce=""></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce=""></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/google-tag-manager-ad3ff7d210f4d0c9db35.js" data-turbo-track="reload" nonce=""></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-14cecce702c30f549526.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-7e391fa289e8ff4ca349.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-e4365b811e44853f90b8.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-5181186e645d241afc2d.js" data-turbo-track="reload" nonce="" defer="defer"></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-026895f3.css" data-turbo-track="reload" media="all" /> <script>(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-PWWN49H');</script> <script nonce="" type="text/plain" data-cookie-type="marketing" async src="https://www.googletagmanager.com/gtag/js?id=G-880K1QDZ18"></script> <script nonce=""> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-880K1QDZ18'); </script> <script type="module" nonce=""> let isInitialLoad = true; document.addEventListener('turbo:load', () => { if (isInitialLoad){isInitialLoad = false; return;} gtag('config', 'G-880K1QDZ18', { page_path: window.location.pathname, }); }); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-cache-control" content=""> <meta name="turbo-prefetch" content="false"> <title>Join our amazing team - MDPI Romania</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="068rX3+WXkUOXHV48f3vMlLguZicIoluzwbw3IcPF+YZzPyJbCaD8QQ2zPEcJCPMdIGDpbFQRT1N+mQm2/NGPw==" /> <meta name="csp-nonce" content="" /> <meta name="description" content="Jobs for recent graduates in Cluj-Napoca and Bucharest. Send us your resume!" /> <meta name="keywords" content="Job opportunities, Jobs, Career, Career site" /> <meta name="facebook-domain-verification" content="kgy254hfz46mymtaepire0g4rs8qnw" /> <link rel="alternate" type="application/rss+xml" title="Blog Posts" href="/blog/posts.rss" /><link rel="alternate" type="application/rss+xml" title="Jobs" href="/jobs.rss" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Join our amazing team - MDPI Romania" /> <meta property="og:site_name" content="MDPI Romania" /> <meta property="og:url" content="https://careers.ro.mdpi.com/jobs" /> <meta property="og:description" content="Jobs for recent graduates in Cluj-Napoca and Bucharest. Send us your resume!" /> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/d51c3c3e-6ddb-41a5-a907-f55f44a32f4c-facebook.png?update=1625548584" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/d51c3c3e-6ddb-41a5-a907-f55f44a32f4c-twitter.png?update=1625548584" /> <meta name="twitter:title" content="Join our amazing team - MDPI Romania" /> <meta name="twitter:description" content="Jobs for recent graduates in Cluj-Napoca and Bucharest. Send us your resume!" /> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 79, 86, 113; --company-secondary-bg-light-5-color: 89, 97, 128; --company-secondary-bg-fallback-color: 79, 86, 113; --company-primary-text-color: 51, 51, 51; --company-primary-text-dark-5-color: 38, 38, 38; --company-primary-text-dark-10-color: 26, 26, 26; --company-primary-text-light-50-color: 179, 179, 179; --company-primary-text-light-77-color: 247, 247, 247; --company-secondary-text-color: 255, 255, 255; --company-secondary-text-light-5-color: 255, 255, 255; --company-secondary-text-light-15-color: 255, 255, 255; --company-link-color: 79, 86, 113; --company-color: 79, 86, 113; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 79, 86, 113; --company-button-bg-light-5-color: 89, 97, 128; --company-button-bg-light-15-color: 113, 122, 156; --company-border-radius: 4px; --company-header-font-family: "Source Sans Pro"; --company-header-font-weight: 700; --company-body-font-family: "Source Sans Pro"; --company-body-font-weight: 400; } section.hero .hero-inner { margin-top: 140px; } .jobsite-layout.menu-is-visible .header__main .burger-wrapper span { color: #ffffff !important; } .header__main .burger-wrapper span { color: #4f5671 !important; } .header__main .burger { border-bottom: 2px solid #4f5671 !important; } .jobsite-layout.menu-is-visible .header__main .burger { border-bottom: 2px solid #ffffff !important; } .jobsite-layout.menu-is-visible .logo img { visibility: hidden !important; } .jobsite-layout .header__main.background { background-color: #ffffff; } </style> <meta name="theme-color" content="#4f5671"> <link rel="stylesheet" href="https://fonts.teamtailor-cdn.com/legacy/fonts.css" type="text/css"> </head> <body class="font-company-body min-h-screen flex flex-col text-company-primary bg-company-primary overflow-x-clip company-link-style--bold jobs index" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PWWN49H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <dialog data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="fixed shadow-form w-auto items-center rounded p-4 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-6 lg:max-h-[calc(100vh-40px)] flex-col inset-x-4 bottom-4 mb-0 mt-auto justify-between !translate-y-0 !top-0 lg:p-10 lg:flex-row lg:inset-x-[40px] lg:mb-6"> <div class="w-full max-w-screen-xl overflow-y-auto"> <h1 class="font-bold block text-md mb-2">This website uses cookies to ensure you get the best experience on our website.</h1> <p class="mb-2"> MDPI Romania and selected partners use cookies and similar technologies to ensure you get the best experience on this website. If you consent to it, we will use cookies for analytics and marketing purposes. </p> <p class="mb-2">See our <a class='company-link' href='https://careers.ro.mdpi.com/cookie-policy'>Cookie Policy</a> to read more about the cookies we set.</p> <p>You can withdraw and manage your consent at any time, by clicking "Manage cookies" at the bottom of each website page.</p> </div> <div class="flex flex-col items-center gap-[10px] mt-6 flex-shrink-0 mb-2 w-full md:flex-row md:w-auto lg:flex-col"> <button class="careersite-button w-full" data-action="click->common--cookies--alert#acceptAll">Accept all cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#disableAll">Disable non-necessary cookies</button> <button class="font-medium p-2 company-link hover:opacity-animated" data-action="click->common--cookies--alert#openPreferences">Cookie preferences</button> </div> </dialog> <dialog data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window->common--cookies--preferences#open" class="bg-company-primary text-company-primary shadow-form inset-x-4 mb-4 rounded max-w-screen-sm p-4 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-10 sm:mb-auto sticky top-2"> <div class="mb-5 text-center;"> <h1 class="font-bold mb-2 text-lg">Select which cookies you accept</h1> <p class="text-left mb-2">On this site, we always set cookies that are strictly necessary, meaning they are necessary for the site to function properly.</p> <p class="text-left mb-2">If you consent to it, we will also set other types of cookies. You can provide or withdraw your consent to the different types of cookies using the toggles below. You can change or withdraw your consent at any time, by clicking the link “Manage Cookies”, which is always available at the bottom of the site.</p> <p class="text-left">To learn more about what the different types of cookies do, how your data is used when they are set etc, see our <a href='https://careers.ro.mdpi.com/cookie-policy' class='underline text-company-link'>Cookie Policy</a>.</p> </div> <div class="mb-10 text-sm leading-snug"> <div class="flex mb-3 items-start sm:mb-5 cursor-default" data-preference-type="strictly_necessary"> <div class="label-switch label-switch--disabled"> <input type="checkbox" disabled="disabled" id="strictly_necessary" checked="checked" class="peer"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold" for="strictly_necessary">Strictly necessary</label> <p>These cookies are necessary to make the site work properly, and are always set when you visit the site.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="analytics"> <div class="label-switch"> <input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="analytics">Analytics</label> <p>These cookies collect information to help us understand how the site is being used.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="marketing"> <div class="label-switch"> <input type="checkbox" id="marketing" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="marketing">Marketing</label> <p>These cookies are used to make advertising messages more relevant to you. In some cases, they also deliver additional functions on the site.</p> <span> <strong>Vendors</strong> <span>Meta, Google</span> </span> </div></div> </div> <div class="flex flex-col items-center gap-6"> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleAccept">Accept these cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleDecline">Decline non-necessary cookies</button> </div> </dialog> <main class="flex flex-col flex-grow"> <header class="header z-career-header flex w-full h-20 hover:after:top-0 !relative" data-section-model="header" style="--navigation-background-color: #000000;--navigation-highlight-color: #3f5a7b;"> <div class="absolute top-0 w-full h-full ltr:left-0 rtl:right-0"> <div class="flex items-center h-full ltr:ml-2 rtl:mr-2" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu"> <button class="relative flex items-center gap-4 px-4 no-underline cursor-pointer h-14 sm:w-auto bg-opacity-80 sm:bg-transparent z-career-header-menu-button focus-visible-header" aria-expanded="false" data-action="click->common--header--menu#toggle" data-common--header--menu-target="button" > <span class="header-menu-burger" data-common--header--menu-target="burger"> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> </span> <span class="hidden text-sm leading-normal tracking-wider uppercase sm:block whitespace-nowrap">Career menu</span> </button> <div class="absolute inset-0 hidden w-full h-screen py-20 m-0 overflow-y-auto bottom header__nav z-career-header-menu-content" data-common--header--menu-target="menu"> <nav class="w-full main-nav-menu sm:h-full"> <ul class="w-full sm:py-12"> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.ro.mdpi.com/">Marketing</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.ro.mdpi.com/locations">Locations</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.ro.mdpi.com/jobs">Jobs</a> </li> </ul> </nav> <div class="flex flex-col items-end px-8 py-8 overflow-auto md:max-h-full scrollbar-hide main-nav-misc sm:text-right sm:fixed top-16 ltr:right-8 rtl:left-8 sm:px-0 sm:py-0"> <span class="text-lg font-bold">Employee</span> <a class="hover:underline focus-visible-header self-end" href="https://app.teamtailor.com/companies/W6wMD4fLmtg/dashboard">Log in</a> <div class="flex flex-col main-nav-companies"> <span class="self-end mt-12 text-lg font-bold">MDPI </span> <a class="hover:underline focus-visible-header self-end" href="https://careers.mdpi.com">MDPI </a> <a class="hover:underline focus-visible-header self-end" href="https://careers.jp.mdpi.com">MDPI Japan</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.srb.mdpi.com">MDPI Serbia</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.es.mdpi.com">MDPI Spain</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.ch.mdpi.com">MDPI Switzerland</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.uk.mdpi.com">MDPI UK</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.ro.mdpi.com">MDPI Romania</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpipoland.teamtailor.com">MDPI Poland</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpicanada.teamtailor.com">MDPI Canada</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpisingapore.teamtailor.com">MDPI Singapore</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpithailand.teamtailor.com">MDPI Thailand</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpisouthkorea.teamtailor.com">MDPI Korea</a> </div> <span class="mt-12 text-lg font-bold">Candidate</span> <a class="hover:underline focus-visible-header self-end" href="https://careers.ro.mdpi.com/connect/login">Log in to Connect</a> </div> </div> </div> </div> <div class="flex items-center mx-auto"> <a class="relative h-18 flex items-center justify-center text-center focus-visible-header" id="e7f4122d2bdc4f7e250a240ad630ec64d" data-test="company-logo" data-turbo-permanent="true" href="https://careers.ro.mdpi.com/"> <img alt="MDPI Romania career site" class="mx-auto max-w-[180px] sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/9a39cb44-b1c9-4c5e-8282-9256dd0e070d/original.png" /> </a> </div> <div class="absolute top-0 flex items-center h-full mx-3 ltr:right-0 rtl:left-0"> <div data-controller="common--share" data-common--share-url-value="https://careers.ro.mdpi.com/jobs" data-test="share-button"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Share page" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <i class="far fa-arrow-up-from-bracket size-6"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Facebook"> <span class="flex items-center"> <i class="fab fa-facebook-square size-6"></i> <span class="mx-3">Facebook</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Twitter"> <span class="flex items-center"> <i class="fab fa-square-x-twitter size-6"></i> <span class="mx-3">X</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="LinkedIn"> <span class="flex items-center"> <i class="fab fa-linkedin size-6"></i> <span class="mx-3">LinkedIn</span> </span> </button> </div></div></div> </div> </header> <section id="section-6739848" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--jobs jobs-page bg-company-primary text-company-primary" data-section-route="section" data-section-model="6739848" data-section-name="jobs"> <turbo-frame loading="lazy" id="jobs_list"> <div class="w-full text-lg relative pb-20 lg:pb-0" data-layout="card-image" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="true" data-blocks--jobs-split-view-value="true" data-blocks--jobs-split-view-candidate-value="true" data-blocks--jobs-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-blocks--jobs-first-block-value="true" data-blocks--jobs-locations-value="[{"id":149705,"lat":"46.7765819","long":"23.6037749","count":5}]" data-blocks--jobs-headquarter-value="{"id":149705,"company_id":28032,"name":"Cluj-Napoca","email":"hr-romania@mdpi.com","address":"MDPI Open Access Publishing","zip":"400604","city":"Cluj-Napoca","country":"Romania","phone":"+40 364 150 134","created_at":"2021-03-24T11:06:18.025+02:00","updated_at":"2024-10-10T11:43:04.764+03:00","contact_email":null,"lat":"46.7765819","long":"23.6037749","headquarters":true,"hide_on_careersite":false,"region_id":null,"administrative_area":"Județul Cluj","import_id":null,"language_code":null}" data-blocks--jobs-overflow-auto-class="lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="lg:[&.bg-block-preset-primary:not(.keep-block-padding)]:!pt-20" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs"> <div class="jobs-container lg:flex lg:flex-col lg:max-h-[1440px] lg:h-[calc(95vh-84px)]" data-blocks--jobs-target="jobsContainer"> <template data-blocks--jobs-target="largeScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row bg-company-primary hidden lg:mx-0 lg:flex lg:shrink-0 lg:sticky lg:top-0 lg:px-5 lg:py-0 lg:py-3 lg:border-t lg:border-b lg:border-block-base-text lg:border-opacity-15 z-career-jobs-filter-no-map lg:!mb-0 splitViewFiltersComponent" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"department":"Departments","location":"Locations"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Departments","location":"Locations"}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form lg:shadow-none border border-block-base-text border-opacity-15"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Departments" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Departments </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Admin" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Admin </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Conference" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Conference </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Editorial" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Editorial </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Finance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Finance </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Human Resources" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Human Resources </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="IT" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> IT </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing & Communication" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing & Communication </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Production" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Production </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Training" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Training </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Locations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bucharest" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bucharest </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Cluj-Napoca" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Cluj-Napoca </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Departments</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Admin" data-common--options-widget-value-param="Admin"> Admin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Conference" data-common--options-widget-value-param="Conference"> Conference <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Editorial" data-common--options-widget-value-param="Editorial"> Editorial <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Finance" data-common--options-widget-value-param="Finance"> Finance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Human Resources" data-common--options-widget-value-param="Human Resources"> Human Resources <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="IT" data-common--options-widget-value-param="IT"> IT <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing & Communication" data-common--options-widget-value-param="Marketing & Communication"> Marketing & Communication <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Production" data-common--options-widget-value-param="Production"> Production <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Training" data-common--options-widget-value-param="Training"> Training <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Departments</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Locations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bucharest" data-common--options-widget-value-param="Bucharest"> Bucharest <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Cluj-Napoca" data-common--options-widget-value-param="Cluj-Napoca"> Cluj-Napoca <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Locations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div></div></div></div> </template> </div></form> </template> <div class="relative lg:flex lg:grow lg:overflow-hidden lg:border-b lg:border-block-base-text lg:border-opacity-15"> <template data-blocks--jobs-target="largeMarkerIcon"> <i class="text-3xl filter drop-shadow fas fa-location-dot text-company-secondary-bg"></i> </template> <template data-blocks--jobs-target="smallMarkerIcon"> <i class="filter drop-shadow fas fa-circle-small fa-xs text-company-secondary-bg"></i> </template> <div class="jobs-map-container sticky top-0 lg:basis-[40%] 2xl:basis-[50%] lg:order-2"> <template data-blocks--jobs-target="smallScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row !mb-0 lg:absolute lg:top-3 lg:left-3 lg:right-3 z-[500] lg:hidden" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"department":"Departments","location":"Locations"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Departments","location":"Locations"}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Departments" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Departments </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Admin" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Admin </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Conference" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Conference </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Editorial" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Editorial </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Finance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Finance </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Human Resources" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Human Resources </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="IT" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> IT </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing & Communication" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing & Communication </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Production" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Production </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Training" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Training </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Locations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bucharest" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bucharest </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Cluj-Napoca" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Cluj-Napoca </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Departments</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Admin" data-common--options-widget-value-param="Admin"> Admin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Conference" data-common--options-widget-value-param="Conference"> Conference <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Editorial" data-common--options-widget-value-param="Editorial"> Editorial <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Finance" data-common--options-widget-value-param="Finance"> Finance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Human Resources" data-common--options-widget-value-param="Human Resources"> Human Resources <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="IT" data-common--options-widget-value-param="IT"> IT <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing & Communication" data-common--options-widget-value-param="Marketing & Communication"> Marketing & Communication <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Production" data-common--options-widget-value-param="Production"> Production <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Training" data-common--options-widget-value-param="Training"> Training <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Departments</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Locations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bucharest" data-common--options-widget-value-param="Bucharest"> Bucharest <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Cluj-Napoca" data-common--options-widget-value-param="Cluj-Napoca"> Cluj-Napoca <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Locations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div></div></div></div> </template> </div></form> </template> <div id="jobs-map-6739848" class="jobs-map primary block w-full z-career-jobs-map lg:max-h-[600px] h-[calc(100svh-150px)] lg:h-[calc(80dvh-40px)] lg:!max-h-[1440px] lg:!h-full" data-id="jobs-map-6739848" data-blocks--jobs-target="map" data-turbo-permanent="true"> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 lg:bottom-[95px] right-[10px] rounded lg:rounded-b-0 text-company-primary text-opacity-85" data-action="click->blocks--jobs#handleCurrentLocation" data-blocks--jobs-target="currentLocation"> <i class="group-disabled:opacity-50 size-5 lg:w-[14px] lg:h-[14px] fa fa-location-arrow"></i> </button> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 left-[10px] rounded text-company-primary text-opacity-85 invisible lg:visible" data-action="click->blocks--jobs#handleViewChange" data-blocks--jobs-target="splitViewCandidate"> <i class="group-disabled:opacity-50 size-5 invisible lg:visible lg:w-[14px] lg:h-[14px] far fa-map"></i> </button></div></div> <div class="bg-company-primary relative z-career-jobs-list jobs-list-container pt-8 lg:pt-10 shadow-[1px_-40px_38px_0px_rgba(0,0,0,0.1)] block-px lg:basis-[60%] 2xl:basis-[50%] lg:!pt-12 lg:pb-20 lg:overflow-auto lg:overflow-hidden lg:h-full lg:max-h-[1440px] lg:shadow-none" data-blocks--jobs-target="jobsListContainer"> <div class="px-2 lg:px-0 mx-auto mb-8 flex justify-center lg:justify-start block-max-w--md"> <p> <span class="text-lg font-medium">5 jobs</span> <span class="text-md opacity-50"></span> </p> </div> <div> <div class="mx-auto text-lg block-max-w--md"> <ul class="block-grid" id="jobs_list_container"> <li class="block-grid-item border border-block-base-text border-opacity-15 min-h-[360px] items-center justify-center rounded overflow-hidden relative z-career-job-card-image"> <a class="block h-full w-full hover:bg-company-primary-text hover:bg-opacity-3 overflow-hidden group" data-turbo="false" href="https://careers.ro.mdpi.com/jobs/4995279-conference-producer-conference-marketing-specialist"> <div class="relative w-full overflow-hidden pb-2/3"> <div class="absolute inset-0 transition-transform duration-200 origin-center transform bg-block-base-text bg-opacity-15 group-hover:scale-105"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3c2e032e-db61-465e-bbac-7bf8b007a26e/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3c2e032e-db61-465e-bbac-7bf8b007a26e/original.jpg" alt="Conference Producer / Conference Marketing Specialist image" loading="lazy" class="w-full"> </picture> </figure> </div> </div> <div class="flex flex-col justify-center p-3 text-center min-h-[180px]"> <span class="text-block-base-link company-link-style" title="Conference Producer / Conference Marketing Specialist">Conference Producer / Conference Marketing Spec...</span> <div class="mt-1 text-md"> <span>Cluj-Napoca</span> </div> </div> </a></li> <li class="block-grid-item border border-block-base-text border-opacity-15 min-h-[360px] items-center justify-center rounded overflow-hidden relative z-career-job-card-image"> <a class="block h-full w-full hover:bg-company-primary-text hover:bg-opacity-3 overflow-hidden group" data-turbo="false" href="https://careers.ro.mdpi.com/jobs/915211-assistant-editor-in-cluj"> <div class="relative w-full overflow-hidden pb-2/3"> <div class="absolute inset-0 transition-transform duration-200 origin-center transform bg-block-base-text bg-opacity-15 group-hover:scale-105"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/8cb35b67-6fd3-4a86-a0ea-bb313709fa1b/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/8cb35b67-6fd3-4a86-a0ea-bb313709fa1b/original.jpg" alt="Assistant Editor in Cluj image" loading="lazy" class="w-full"> </picture> </figure> </div> </div> <div class="flex flex-col justify-center p-3 text-center min-h-[180px]"> <span class="text-block-base-link company-link-style" title="Assistant Editor in Cluj">Assistant Editor in Cluj</span> <div class="mt-1 text-md"> <span>Cluj-Napoca</span> </div> </div> </a></li> <li class="block-grid-item border border-block-base-text border-opacity-15 min-h-[360px] items-center justify-center rounded overflow-hidden relative z-career-job-card-image"> <a class="block h-full w-full hover:bg-company-primary-text hover:bg-opacity-3 overflow-hidden group" data-turbo="false" href="https://careers.ro.mdpi.com/jobs/5135212-junior-accountant-part-time-opportunity"> <div class="relative w-full overflow-hidden pb-2/3"> <div class="absolute inset-0 transition-transform duration-200 origin-center transform bg-block-base-text bg-opacity-15 group-hover:scale-105"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f81d67c8-cf18-4611-8a87-6e9ac3cbf6cd/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f81d67c8-cf18-4611-8a87-6e9ac3cbf6cd/original.jpg" alt="Junior Accountant - Part-Time Opportunity! image" loading="lazy" class="w-full"> </picture> </figure> </div> </div> <div class="flex flex-col justify-center p-3 text-center min-h-[180px]"> <span class="text-block-base-link company-link-style" title="Junior Accountant - Part-Time Opportunity!">Junior Accountant - Part-Time Opportunity!</span> <div class="mt-1 text-md"> <span>Finance</span> <span class="mx-[2px]">·</span> <span>Cluj-Napoca</span> </div> </div> </a></li> <li class="block-grid-item border border-block-base-text border-opacity-15 min-h-[360px] items-center justify-center rounded overflow-hidden relative z-career-job-card-image"> <a class="block h-full w-full hover:bg-company-primary-text hover:bg-opacity-3 overflow-hidden group" data-turbo="false" href="https://careers.ro.mdpi.com/jobs/5135162-finance-assistant"> <div class="relative w-full overflow-hidden pb-2/3"> <div class="absolute inset-0 transition-transform duration-200 origin-center transform bg-block-base-text bg-opacity-15 group-hover:scale-105"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f8b272bf-7630-4602-a05a-76e4e432c2e8/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f8b272bf-7630-4602-a05a-76e4e432c2e8/original.jpg" alt="Finance Assistant image" loading="lazy" class="w-full"> </picture> </figure> </div> </div> <div class="flex flex-col justify-center p-3 text-center min-h-[180px]"> <span class="text-block-base-link company-link-style" title="Finance Assistant">Finance Assistant</span> <div class="mt-1 text-md"> <span>Finance</span> <span class="mx-[2px]">·</span> <span>Cluj-Napoca</span> </div> </div> </a></li> <li class="block-grid-item border border-block-base-text border-opacity-15 min-h-[360px] items-center justify-center rounded overflow-hidden relative z-career-job-card-image"> <a class="block h-full w-full hover:bg-company-primary-text hover:bg-opacity-3 overflow-hidden group" data-turbo="false" href="https://careers.ro.mdpi.com/jobs/3932634-production-assistant"> <div class="relative w-full overflow-hidden pb-2/3"> <div class="absolute inset-0 transition-transform duration-200 origin-center transform bg-block-base-text bg-opacity-15 group-hover:scale-105"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/07b90809-10e4-4533-a61a-e7ead0691f54/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/07b90809-10e4-4533-a61a-e7ead0691f54/original.jpg" alt="Production Assistant image" loading="lazy" class="w-full"> </picture> </figure> </div> </div> <div class="flex flex-col justify-center p-3 text-center min-h-[180px]"> <span class="text-block-base-link company-link-style" title="Production Assistant">Production Assistant</span> <div class="mt-1 text-md"> <span>Production</span> <span class="mx-[2px]">·</span> <span>Cluj-Napoca</span> </div> </div> </a></li> </ul></div> </div> </div></div></div></div> </turbo-frame> </section> <div class="" data-section-model="footer"> <footer class="block-px"> <div class="text-lg block-padding"> <div class="w-full mx-auto sm:flex block-max-w--lg"> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-menu"> <h2 class="mb-4 text-xl font-company-header">Career site</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com/">Marketing</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com/locations">Locations</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com/jobs">Jobs</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/data-privacy">Data & privacy</a> </li> <li class="w-full text-md leading-tight"> <button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body text-unset py-1">Manage cookies</button> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-locations"> <h2 class="mb-4 text-xl font-company-header">Locations</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com/locations/cluj-napoca">Cluj-Napoca</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com/locations/bucharest">Bucharest</a> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-companies"> <h2 class="mb-4 text-xl font-company-header">MDPI </h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.mdpi.com">MDPI </a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.jp.mdpi.com">MDPI Japan</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.srb.mdpi.com">MDPI Serbia</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.es.mdpi.com">MDPI Spain</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ch.mdpi.com">MDPI Switzerland</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.uk.mdpi.com">MDPI UK</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com">MDPI Romania</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpipoland.teamtailor.com">MDPI Poland</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpicanada.teamtailor.com">MDPI Canada</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpisingapore.teamtailor.com">MDPI Singapore</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpithailand.teamtailor.com">MDPI Thailand</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpisouthkorea.teamtailor.com">MDPI Korea</a> </li> </ul> </div> <div class="flex flex-col items-center justify-center grow shrink-0 text-base sm:items-end sm:justify-end"></div></div></div> <div class="flex flex-col py-4 mx-auto text-center border-t sm:text-unset block-max-w--lg border-company-primary-text border-opacity-15 sm:justify-between sm:flex-row"> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="https://app.teamtailor.com/companies/W6wMD4fLmtg/dashboard">Employee login</a> </div> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/connect/login">Candidate Connect login</a> </div> </div> </footer></div> </main> <script nonce=""> function trackPageView(url) { var searchParams = new URLSearchParams(window.location.search); var utmSource = searchParams.get('utm_source'); window.referrer = window.referrer || utmSource || document.referrer var payload = { ed: 'oBUJeq0yntVFXxncj+gcB6HH2zK+ZSEbDoTXmFUZj3EYqAEtIwBj/9SYf9cUnBazKigdZqrEcFGgXpJBqCDibtrWlyC6FuMEzY+6Qs8f97ZlIvEcx0TpboOFLCKM6rNS5WiSoweqSvB9/QT1PZZMBh/l/vTzCtNShRlVRQI7bY025Ww8WvgSLdm3bE37DxMabB9WnWom7RRKausBhOB+NhkHnNjjL2cpRwJ5woH7OwDAjXUH4EO2Y8+8Ra92c2rCals=--AwcAHP/0NwK8HAbd--yOls2K4fhbdjSR8tFuKqhQ==', visitor_uuid: window.visitor_uuid, referrer: window.referrer, data: { ua: navigator.userAgent, }, url: url, }; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', '/pageview', true); xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xmlhttp.withCredentials = true; xmlhttp.addEventListener('readystatechange', function () { if (xmlhttp.readyState === XMLHttpRequest.DONE) { const status = xmlhttp.status; if (status === 0 || (status >= 200 && status < 400)) { window.visitor_uuid = xmlhttp.responseText; } } }) xmlhttp.send(JSON.stringify(payload)); } window.trackPageView = trackPageView; if (!window.analyticsPageviewCallback) { window.analyticsPageviewCallback = true; window.addEventListener('turbo:load', function(data){ window.trackPageView(); }); } </script> <script type="text/plain" data-cookie-type="marketing" nonce=""> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '481124769846738'); fbq('track', 'PageView'); </script><noscript><img height="1" width="1" style="display:none" alt="facebook tracking" src="https://www.facebook.com/tr?id=481124769846738&ev=PageView&noscript=1" /></noscript> <script nonce=''> var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); link.rel = 'icon'; link.type = 'image/x-type'; link.href = 'https://www.mdpi.com/icon/favicon.ico'; document.getElementsByTagName('head')[0].appendChild(link); </script> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="careers.ro.mdpi.com"> </div> </body></html>