

<!DOCTYPE html>
<html lang="nl-NL">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />
    <base href="/">

        <title>Home - Careers @ Tecnotion</title>
    

            <meta name="description" content="Tecnotion ontwikkelt en produceert lineaire en torque motoren welke wereldwijd worden ingebouwd in industri&#235;le toepassingen. Al bijna 30 jaar worden onze motoren gebruikt voor semiconductors, werktuig">
            <meta property="og:title" content="Home - Careers @ Tecnotion">
            <meta property="og:type" content="website">
            <meta property="og:url" content="https://careers.tecnotion.com/nl/home">
            <meta property="og:description" content="Tecnotion ontwikkelt en produceert lineaire en torque motoren welke wereldwijd worden ingebouwd in industri&#235;le toepassingen. Al bijna 30 jaar worden onze motoren gebruikt voor semiconductors, werktuig">
            <meta property="fb:app_id" content="">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-REDWG7RLX4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-REDWG7RLX4');
</script>

 <meta property="og:image" content= /api/file/get/17b914b4-b606-4bff-8f7d-9ac627d9bb5e />


    <link rel="shortcut icon" href="/api/file/get/9c7ab625-9740-4a5e-9f2c-b3aac1aaa3bc">

    <link href="/bundles/css?v=ym4IVaHb6jkuBKloU_CG28BUxzyZGWKkkoR7hS8hxfw1" rel="stylesheet"/>

    <script src="/bundles/js?v=y8nqM23MgD-BR9BqJqqcDXysymyvS9giJhpfWnCrnGY1"></script>


<div id="cookieConsentContainer" style="display: none;">
  <div id="cookieConsent" class="cookie-consent">
    <p>Deze website maakt gebruik van cookies. We gebruiken cookies om inhoud en advertenties te personaliseren, functies voor sociale media aan te bieden en ons verkeer te analyseren. We delen ook informatie over uw gebruik van onze site met onze partners. U geeft toestemming voor onze cookies als u onze website blijft gebruiken.</p>
    <button id="acceptCookies">Accepteer cookies</button>
    <button id="rejectCookies">Weiger cookies</button>
  </div>
</div>
    <script type="text/javascript">
        $(function () {
            $('.titleTooltip').tooltipster();
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            var referrer = document.referrer;

            if (referrer && localStorage && !referrer.startsWith(window.location.origin)) {
                localStorage.setItem('referrer', referrer);
            }
        });
    </script>

    <script>
        var mapInits = [];
        var mapInitialized = false;

        function initMap() {
            mapInitialized = true;

            for (var i = 0; i < mapInits.length; i++) {
                mapInits[i]();
            }
        }
    </script>

    <script src="https://maps.googleapis.com/maps/api/js?callback=initMap&libraries=places&key=AIzaSyDDwJDtaszetWDicXKS6Fvkp-K8MO3NSxM"></script>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <style>


.csl_body {
    font-family: ProximaNova, arial, verdana !important;
    color: #000000;
}
.css_headline {
    color: #0160a1;
}
.css_subheadline {
    color: #aaaaa9;
    opacity: 1;
}
.css_heightCell {
    color: #000000;
}
.csl_top {
	position: relative;
	background: #fff;
	line-height: 24px;
	font-size: 16px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	z-index: 100;
}
.csl_top .css_holder {
	padding-top: 0;
	padding-bottom: 0;
}
.csl_topTable {
	float: left;
	display: table;
	width: 100%;
}
.csl_topLogo {
	display: table-cell;
	padding: 20px 0;
	vertical-align: middle;
}
@media (max-width: 795px) {
	.csl_topLogo {padding: 10px 0;}
}
.csl_topLogo:empty:before {
	content: attr(careersite);
	line-height: 36px;
	font-size: 26px;
}
@media (max-width: 1275px) {
	.csl_topLogo:empty:before {font-size: 20px;}
}
.csl_topLogo img {
	float: left;
	max-width: 50vw;
	max-height: 90px;
}
.csl_topMenu {
	display: table-cell;
	vertical-align: middle;
}
.csl_topMenu > ul {
	transition: all 0.25s;
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
@media (max-width: 795px) {
	.csl_topMenu > ul {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 60px);
		background: #fff;
		overflow: hidden;
		transform: translate(0, -100%);
		border-bottom-right-radius: 10px;
	}
	.csl_topMenu.active > ul {
		transform: translate(0, 0);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}
}
.csl_topMenu > ul > li {
	position: relative;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}
@media (max-width: 1275px) {
	.csl_topMenu > ul > li {padding: 0 10px;}
}
@media (max-width: 795px) {
	.csl_topMenu > ul > li {
		display: block;
		width: 100%;
		padding: 0;
	}
}
.csl_topMenu > ul > li:last-child {
	padding-right: 0;
}
.csl_topLink {
	transition: all 0.25s;
	position: relative;
	display: block;
	padding: 10px 0;
	text-decoration: none;
	color: #000;
	opacity: 0.75;
}
.csl_topLinkHolder.active .csl_topLink,
.csl_topLinkHolder .csl_topLink:hover {
	opacity: 1;
}
.csl_topLink:after {
	transition: all 0.25s;
	content: '';
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 0%;
	height: 2px;
	background: #ec6907;
	opacity: 0;
	transform: translate(-50%, 0);
}
.csl_topLink:hover:after,
.csl_topLinkHolder.active .csl_topLink:after {
	width: 100%;
	opacity: 1;
}
@media (max-width: 795px) {
	.csl_topLink {
		padding: 15px 20px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
		opacity: 1;
	}
	.csl_topLink:hover {
		background: rgba(0, 0, 0, 0.025);
	}
	.csl_topLink:after {
		display: none;
	}
}
.csl_topMenu ul li ul {
	transition: all 0.25s 0.5s;
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	opacity: 0;
}
@media (max-width: 795px) {
	.csl_topMenu ul li ul {
		display: block;
		position: relative;
		top: 0 !important;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		opacity: 1 !important;
	}
}
.csl_topMenu ul li:hover ul {
	transition: all 0.25s;
	display: block;
	top: 60px;
	opacity: 0.9;
}
@media (min-width: 796px) {
	.csl_topMenu ul li ul:before {
		content: '';
		position: absolute;
		top: -21px;
		left: 0;
		width: 100%;
		height: 21px;
	}
}
.csl_topMenu ul li ul li {
	white-space: nowrap;
}
.csl_topMenu ul li ul li a {
	transition: all 0.25s;
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	color: #000;
}
@media (max-width: 795px) {
	.csl_topMenu ul li ul li a {
		padding: 10px 20px 8px 30px;
		border-bottom: 1px solid #eee;
	}
}
.csl_topMenu ul li ul li a:hover {
	text-decoration: underline;
}
@media (max-width: 795px) {
	.csl_topMenu ul li ul li a:hover {
		background: rgba(0, 0, 0, 0.025);
		text-decoration: none;
	}
}
@media (max-width: 795px) {
	.csl_topMenu ul li.csl_topLanguages {
		float: left;
		width: auto;
		padding: 20px;
	}
}
.csl_topLanguages a {
	float: left;
	padding: 11px 5px 13px 0;
	opacity: 0.5;
}
.csl_topLanguages a:hover {
	opacity: 1;
}
.csl_topLanguages a:last-child {
	padding-right: 0;
}
.csl_topLanguages a img {
	float: left;
}
@media (max-width: 795px) {
	.csl_topMenu ul li.csl_topLogin {
		padding: 0 20px;
	}
}
@media (max-width: 795px) {
	.csl_topMenu ul li.csl_topLogin {
		float: right;
		width: auto;
	    margin: 20px 0;
	}
}
.csl_topLogin a {
	display: block;
	background: #3296FA;
	padding: 5px 10px 4px;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
	margin: 5px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
@media (max-width: 795px) {
	.csl_topLogin a {
		float: left;
	}
}
.csl_topLogin a:hover {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset;
}
.csl_topLogin a:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset;
}
.csl_topMenuIcon {
	float: right;
	position: relative;
	width: 20px;
	height: 20px;
	margin-left: 20px;
}
@media (min-width: 796px) {
	.csl_topMenuIcon {display: none;}
}
.csl_topMenuIcon span,
.csl_topMenuIcon span:before,
.csl_topMenuIcon span:after {
	transition: all 0.25s;
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #3296FA;
	content: '';
}
.csl_topMenu.active .csl_topMenuIcon span {
	background: rgba(0, 0, 0, 0);
}
.csl_topMenuIcon span:before {
	top: -6px;
}
.csl_topMenu.active .csl_topMenuIcon span:before {
	top: 0;
	transform: rotate(45deg);
}
.csl_topMenuIcon span:after {
	top: 6px;
}
.csl_topMenu.active .csl_topMenuIcon span:after {
	top: 0;
	transform: rotate(-45deg);
}

.css_button, .button, .button:hover, .tabs .line,.css_quote .slick-arrow {
background: #ec6907;
}
.css_quoteMark {
color: #ec6907;
}

.tabs .link:not(.active):not(.disabled):hover {
    border-color: #ec6907;   
}

.css_jobsCell:hover:before {
    border-color: #ec6907;
    box-shadow: 0 0 0 1px #ec6907;
}

.csl_topLogin a {
    background: #ec6907;
}

.css_section p a,
.csa_jobadText a {
    color: #ec6907;
}

.csl_topMenuIcon span,
.csl_topMenuIcon span:before,
.csl_topMenuIcon span:after {
    background: #ec6907;
}

.css_button {
    border-radius: 3px;
}

link-to-page-button:not(:first-child) .css_button {
    margin-top: 10px;
}
.css_jobagentNotify a.active {
    color: #ec6907;
    border-color: #ec6907;
}

.cse_iframe {
    -webkit-overflow-scrolling: touch;
}
.csa_jobadInfoMap agm-map {
    height: 192px;
}
@media print {
    body, .cse_iframe {
        height: 100%;
        overflow-y: visible;
        overflow-x: visible;
    }
    .css_bannerTable {
        height: auto !important;
    }
    .css_bannerTable * {
        color: #000 !important;
    }
}
.css_perksbenefitsBox {
    border: 5px solid #fff;
    box-sizing: border-box;
}
@media (min-width: 796px) {
    .csl_topLanguages {
        display: none;
    }
    .csl_topLanguagesDropdown {
        position: relative;
    }
    .csl_topLanguagesDropdown:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
    }
    .csl_topLanguagesDropdownTrigger {
        position: relative;
        float: left;
        width: 33px;
        height: 33px;
        background: url("/source/2f9bfe91c34ca165777419d118854290/global.svg") 50% 50% no-repeat;
        margin-top: 5px;
        cursor: pointer;
    }
    .csl_topLanguagesDropdownHolder {
        transition: all 0.25s;
        display: none;
        position: absolute;
        top: 48px;
        left: 50%;
        width: calc(100% + 10px);
        background: #fff;
        padding: 10px 10px 0px 10px;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        transform: translate(-50%, 0);
    }
    .csl_topLanguagesDropdown:hover
    .csl_topLanguagesDropdownHolder {
        display: block;
    }
    .csl_topLanguagesDropdownHolder a {
        display: block;
        line-height: 13px;
        font-size: 12px;
        white-space: nowrap;
        text-decoration: none;
        color: #000;
        margin-bottom: 10px;
    }
    .csl_topLanguagesDropdownHolder a img {
        float: left;
        width: 12px;
        margin: 0 5px 0 0;
    }
}
@media (max-width: 795px) {
    .csl_topLanguagesDropdown {
        display: none !important;
    }
}
/* background for filter options */
.css_jobsFilters{
    background:#fff;
}
/* Filter Dropdown */
.css_jobsFilter .dropdown{
    background:# !important;
}
/* Job background*/
.css_jobsCell{
    background:#ffffff;
}
/* job info under image */
.css_jobsCell::before{
    background:#0160a1;
}

.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 20px;
  text-align: center;
  z-index: 1000;
}

.cookie-consent button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
}

.cookie-consent button#rejectCookies {
  background-color: #f44336;
}

.cookie-consent button:hover {
  opacity: 0.8;
}



    </style>

    <script>


window.onload = function() {
  if (!localStorage.getItem("cookiesAccepted")) {
    document.getElementById("cookieConsentContainer").style.display = "block";
  }

  document.getElementById("acceptCookies").onclick = function() {
    localStorage.setItem("cookiesAccepted", "true");
    document.getElementById("cookieConsentContainer").style.display = "none";
  };

  document.getElementById("rejectCookies").onclick = function() {
    localStorage.setItem("cookiesAccepted", "false");
    document.getElementById("cookieConsentContainer").style.display = "none";
  };
};


    </script>


    <script type="text/javascript">
        var isPageIdle = false;

        $(document).idle({
            onIdle: function () {
                isPageIdle = true;
            },
            onActive: function () {
                isPageIdle = false;
            },
            idle: 60000
        });

        function scheduleKeepAlive() {
            setTimeout('callKeepAlive()', 60000);
        }

        function callKeepAlive() {

            if (isPageIdle) {
                scheduleKeepAlive();
                return;
            }

            $.ajax({
                type: 'POST',
                url: '/api/keep-alive',
                error: function () {
                    scheduleKeepAlive();
                },
                success: function () {
                    scheduleKeepAlive();
                }
            });
        }

        $(document).ready(function () {
            scheduleKeepAlive();
        });
    </script>

    <script>
        $(document).ready(function () {
            const burgerMenu = document.getElementById("topMenuIcon");
            const style = window.getComputedStyle(burgerMenu);
            const isBurgerMenuHidden = style.display === "none";
            const topMenu = document.getElementsByClassName("csl_topMenu")[0];
            const topMenuList = topMenu.firstElementChild;
            const firstPageLink = topMenuList.firstElementChild.firstElementChild;

            if (!isBurgerMenuHidden) {
                topMenuList.ariaHidden = true;
                setTabIndexToChildElements(topMenuList);
            }

            $('.csl_topMenuIcon').click(function () {
                if ($('.csl_topMenu').hasClass('active')) {
                    hideBackgroundForElement("body-without-popups");
                    removeTabIndexForChildElements(topMenu);
                    burgerMenu.ariaExpanded = true;
                    topMenuList.ariaHidden = null;
                }
                else {
                    showBackgroundForElement("body-without-popups");
                    setTabIndexToChildElements(topMenuList);
                    burgerMenu.ariaExpanded = false;
                    topMenuList.ariaHidden = true;
                }
            });

            $('.csl_topMenuIcon').keydown(function (event) {
                if ($('.csl_topMenu').hasClass('active')) {
                    if (event.key.toLowerCase() === 'tab') {
                        if (event.shiftKey) {
                            return;
                        }
                        else {
                            event.preventDefault();
                            firstPageLink.focus();
                        }
                    }
                }
                else {
                    return;
                }
            });
        });
    </script>
</head>
<body class="windows-chrome-user-agent">
    <div id="body-without-popups">






<div class="csl_body">
    <div class="csl_top">
	    <div class="css_holder">
    		<div class="csl_topTable">
    		        <a href="/../">
    				<div class="csl_topLogo" careersite="Careers @ Tecnotion"><img src="/api/file/get-optimized-image/cd658b91-07f1-4615-bcfb-90350c82b03f"></div>
    				</a>
    				<div class="csl_topMenu">
    					<ul>
    						<li class="csl_topLinkHolder active">
    							<a role="tab" aria-selected="true" class="csl_topLink" href="/nl/home">Home</a>
    						</li>
    						<li class="csl_topLinkHolder ">
    							<a role="tab"  class="csl_topLink" href="/nl/vacatures">Vacatures</a>
    						</li>
    						<li class="csl_topLinkHolder ">
    							<a role="tab"  class="csl_topLink" href="/nl/werken-bij-tecnotion">Werken bij Tecnotion</a>
    							<ul>
    								<li><a href="/nl/werken-bij-tecnotion/medewerkersverhalen">Medewerkersverhalen</a></li>
    							</ul>
    						</li>
    						<li class="csl_topLinkHolder ">
    							<a role="tab"  class="csl_topLink" href="/nl/over-ons">Over ons</a>
    							<ul>
    								<li><a href="/nl/over-ons/nieuws">Nieuws</a></li>
    							</ul>
    						</li>
    						<li class="csl_topLinkHolder ">
    							<a role="tab"  class="csl_topLink" href="/nl/contact">Contact</a>
    						</li>
    						<li class="csl_topLanguages">
    							<a class="titleTooltip" title="Nederlands" href="/nl"><img src="/img/icons/flags/netherlands.svg"></a>
    							<a class="titleTooltip" title="English" href="/en"><img src="/img/icons/flags/uk.svg"></a>
    							<a class="titleTooltip" title="Deutsch" href="/de"><img src="/img/icons/flags/germany.svg"></a>
    						</li>
    						<li class="csl_topLanguagesDropdown">
    						    <div class="csl_topLanguagesDropdownTrigger"></div>
    						    <div class="csl_topLanguagesDropdownHolder">
        							<a href="/nl"><img src="/img/icons/flags/netherlands.svg">Nederlands</a>
        							<a href="/en"><img src="/img/icons/flags/uk.svg">English</a>
        							<a href="/de"><img src="/img/icons/flags/germany.svg">Deutsch</a>
    							</div>
    						</li>
    						<li class="csl_topLogin"><a class="ui_login_button_popup ui_popup_open" data-popup-id="popup_login" href="javascript:void(0);" style="display: none;">Login</a><a class="ui_login_button_profile" href="/nl/profile" style="display: none;">Mijn profiel</a><a class="ui_login_button_onboarding_profile" href="/nl/onboarding-profile" style="display: none;">Mijn profiel</a></li>
    					</ul>
    					<a role="menuitem" id="topMenuIcon" class="csl_topMenuIcon" onClick="if($(this).parent().hasClass('active')){$(this).parent().removeClass('active');}else{$(this).parent().addClass('active');}" href="javascript:void(0);"><span></span></a>
    				</div>
    			</div>
    		<div class="clear"></div>
    	</div>
    </div>


                    <div role="tabpanel" aria-label="Home">






<div id="section_166728d0-05d4-4aa5-97b0-5b508adc05c9" class="css_section css_banner">



    <div class="css_background">
        <video autoplay="" playsinline="" muted="" loop="" poster="/api/file/get-video-preview/1827b373-acc1-4239-8185-99c5d89009f5" style="top: 50%; left: 50%; transform: translate(-50%, -50%);">
            <source src="/api/file/get/1827b373-acc1-4239-8185-99c5d89009f5" type="video/mp4">
        </video>
    </div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_bannerTable ui_section_height" style="

min-height: 25vh; 
">
        <div class="css_bannerTableCell">
        </div>
    </div>
</div>






<div id="section_e8d15c8a-4f58-4458-933e-09f0ce65f159" class="css_section css_text css_textRight">



    <div class="css_background" style=" "></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>


    <style>
        #section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_body ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_body
{
    font-family: ProximaNova, arial, verdana !important;
    color: #000000;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_headline ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_headline
{
    color: #0160a1;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_subheadline ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_subheadline
{
    color: #aaaaa9;
    opacity: 1;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_heightCell ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_heightCell
{
    color: #000000;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_top ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_top
{
	position: relative;
	background: #fff;
	line-height: 24px;
	font-size: 16px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	z-index: 100;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_top .css_holder ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_top .css_holder
{
	padding-top: 0;
	padding-bottom: 0;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topTable ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topTable
{
	float: left;
	display: table;
	width: 100%;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogo ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogo
{
	display: table-cell;
	padding: 20px 0;
	vertical-align: middle;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topLogo ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogo
{padding: 10px 0;}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogo:empty:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogo:empty:before
{
	content: attr(careersite);
	line-height: 36px;
	font-size: 26px;
}
@media (max-width: 1275px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topLogo:empty:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogo:empty:before
{font-size: 20px;}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogo img ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogo img
{
	float: left;
	max-width: 50vw;
	max-height: 90px;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu
{
	display: table-cell;
	vertical-align: middle;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu > ul ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu > ul
{
	transition: all 0.25s;
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu > ul ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu > ul
{
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 60px);
		background: #fff;
		overflow: hidden;
		transform: translate(0, -100%);
		border-bottom-right-radius: 10px;
	}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu.active > ul ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu.active > ul
{
		transform: translate(0, 0);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu > ul > li ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu > ul > li
{
	position: relative;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}
@media (max-width: 1275px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu > ul > li ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu > ul > li
{padding: 0 10px;}
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu > ul > li ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu > ul > li
{
		display: block;
		width: 100%;
		padding: 0;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu > ul > li:last-child ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu > ul > li:last-child
{
	padding-right: 0;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLink ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLink
{
	transition: all 0.25s;
	position: relative;
	display: block;
	padding: 10px 0;
	text-decoration: none;
	color: #000;
	opacity: 0.75;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLinkHolder.active .csl_topLink,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLinkHolder.active .csl_topLink,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csl_topLinkHolder .csl_topLink:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLinkHolder .csl_topLink:hover
{
	opacity: 1;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLink:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLink:after
{
	transition: all 0.25s;
	content: '';
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 0%;
	height: 2px;
	background: #ec6907;
	opacity: 0;
	transform: translate(-50%, 0);
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLink:hover:after,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLink:hover:after,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csl_topLinkHolder.active .csl_topLink:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLinkHolder.active .csl_topLink:after
{
	width: 100%;
	opacity: 1;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topLink ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLink
{
		padding: 15px 20px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
		opacity: 1;
	}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topLink:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLink:hover
{
		background: rgba(0, 0, 0, 0.025);
	}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topLink:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLink:after
{
		display: none;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu ul li ul ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul
{
	transition: all 0.25s 0.5s;
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	opacity: 0;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li ul ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul
{
		display: block;
		position: relative;
		top: 0 !important;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		opacity: 1 !important;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu ul li:hover ul ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li:hover ul
{
	transition: all 0.25s;
	display: block;
	top: 60px;
	opacity: 0.9;
}
@media (min-width: 796px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li ul:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul:before
{
		content: '';
		position: absolute;
		top: -21px;
		left: 0;
		width: 100%;
		height: 21px;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu ul li ul li ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul li
{
	white-space: nowrap;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu ul li ul li a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul li a
{
	transition: all 0.25s;
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	color: #000;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li ul li a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul li a
{
		padding: 10px 20px 8px 30px;
		border-bottom: 1px solid #eee;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu ul li ul li a:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul li a:hover
{
	text-decoration: underline;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li ul li a:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li ul li a:hover
{
		background: rgba(0, 0, 0, 0.025);
		text-decoration: none;
	}
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li.csl_topLanguages ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li.csl_topLanguages
{
		float: left;
		width: auto;
		padding: 20px;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguages a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguages a
{
	float: left;
	padding: 11px 5px 13px 0;
	opacity: 0.5;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguages a:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguages a:hover
{
	opacity: 1;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguages a:last-child ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguages a:last-child
{
	padding-right: 0;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguages a img ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguages a img
{
	float: left;
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li.csl_topLogin ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li.csl_topLogin
{
		padding: 0 20px;
	}
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenu ul li.csl_topLogin ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu ul li.csl_topLogin
{
		float: right;
		width: auto;
	    margin: 20px 0;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogin a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogin a
{
	display: block;
	background: #3296FA;
	padding: 5px 10px 4px;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
	margin: 5px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topLogin a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogin a
{
		float: left;
	}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogin a:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogin a:hover
{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogin a:active ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogin a:active
{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenuIcon ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon
{
	float: right;
	position: relative;
	width: 20px;
	height: 20px;
	margin-left: 20px;
}
@media (min-width: 796px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 	.csl_topMenuIcon ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon
{display: none;}
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenuIcon span,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csl_topMenuIcon span:before,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span:before,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csl_topMenuIcon span:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span:after
{
	transition: all 0.25s;
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #3296FA;
	content: '';
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu.active .csl_topMenuIcon span ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu.active .csl_topMenuIcon span
{
	background: rgba(0, 0, 0, 0);
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenuIcon span:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span:before
{
	top: -6px;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu.active .csl_topMenuIcon span:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu.active .csl_topMenuIcon span:before
{
	top: 0;
	transform: rotate(45deg);
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenuIcon span:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span:after
{
	top: 6px;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenu.active .csl_topMenuIcon span:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenu.active .csl_topMenuIcon span:after
{
	top: 0;
	transform: rotate(-45deg);
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_button,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_button,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159  .button,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.button,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159  .button:hover,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.button:hover,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159  .tabs .line,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.tabs .line,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_quote .slick-arrow ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_quote .slick-arrow
{
background: #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_quoteMark ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_quoteMark
{
color: #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .tabs .link:not(.active):not(.disabled):hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.tabs .link:not(.active):not(.disabled):hover
{
    border-color: #ec6907;   
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_jobsCell:hover:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_jobsCell:hover:before
{
    border-color: #ec6907;
    box-shadow: 0 0 0 1px #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLogin a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLogin a
{
    background: #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_section p a,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_section p a,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csa_jobadText a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csa_jobadText a
{
    color: #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topMenuIcon span,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csl_topMenuIcon span:before,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span:before,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 
.csl_topMenuIcon span:after ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topMenuIcon span:after
{
    background: #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_button ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_button
{
    border-radius: 3px;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 link-to-page-button:not(:first-child) .css_button 
{
    margin-top: 10px;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_jobagentNotify a.active ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_jobagentNotify a.active
{
    color: #ec6907;
    border-color: #ec6907;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .cse_iframe ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.cse_iframe
{
    -webkit-overflow-scrolling: touch;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csa_jobadInfoMap agm-map ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csa_jobadInfoMap agm-map
{
    height: 192px;
}
@media print 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 body,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159  .cse_iframe ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.cse_iframe
{
        height: 100%;
        overflow-y: visible;
        overflow-x: visible;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_bannerTable ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_bannerTable
{
        height: auto !important;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_bannerTable * ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_bannerTable *
{
        color: #000 !important;
    }
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .css_perksbenefitsBox ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.css_perksbenefitsBox
{
    border: 5px solid #fff;
    box-sizing: border-box;
}
@media (min-width: 796px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguages ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguages
{
        display: none;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdown ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdown
{
        position: relative;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdown:before ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdown:before
{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdownTrigger ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdownTrigger
{
        position: relative;
        float: left;
        width: 33px;
        height: 33px;
        background: url("/source/2f9bfe91c34ca165777419d118854290/global.svg") 50% 50% no-repeat;
        margin-top: 5px;
        cursor: pointer;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdownHolder ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdownHolder
{
        transition: all 0.25s;
        display: none;
        position: absolute;
        top: 48px;
        left: 50%;
        width: calc(100% + 10px);
        background: #fff;
        padding: 10px 10px 0px 10px;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        transform: translate(-50%, 0);
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdown:hover
    .csl_topLanguagesDropdownHolder ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdown:hover
    .csl_topLanguagesDropdownHolder
{
        display: block;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdownHolder a ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdownHolder a
{
        display: block;
        line-height: 13px;
        font-size: 12px;
        white-space: nowrap;
        text-decoration: none;
        color: #000;
        margin-bottom: 10px;
    }
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdownHolder a img ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdownHolder a img
{
        float: left;
        width: 12px;
        margin: 0 5px 0 0;
    }
}
@media (max-width: 795px) 
{#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .csl_topLanguagesDropdown ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.csl_topLanguagesDropdown
{
        display: none !important;
    }
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 /* background for filter options */
.css_jobsFilters
{
    background:#fff;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 /* Filter Dropdown */
.css_jobsFilter .dropdown
{
    background:# !important;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 /* Job background*/
.css_jobsCell
{
    background:#ffffff;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 /* job info under image */
.css_jobsCell::before
{
    background:#0160a1;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .cookie-consent ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.cookie-consent
{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 20px;
  text-align: center;
  z-index: 1000;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .cookie-consent button ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.cookie-consent button
{
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .cookie-consent button#rejectCookies ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.cookie-consent button#rejectCookies
{
  background-color: #f44336;
}
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159 .cookie-consent button:hover ,
#section_e8d15c8a-4f58-4458-933e-09f0ce65f159.cookie-consent button:hover
{
  opacity: 0.8;
}

    </style>


    <div class="css_heightTable ui_section_height" style="

min-height: 0vh; 
">
        <div class="css_heightCell">

                <div class="css_holder">

                    <div class="css_textImage">
                        <img src="/api/file/get-optimized-image/a974bcd9-a375-4634-abb6-52027a109058?crop=False">
                    </div>

                    <div class="css_textAlign">


    <h3 class="css_headline">Over Tecnotion</h3>


    <div class="css_textAlignBody">
        <p><strong>Tecnotion ontwikkelt en produceert lineaire en torque motoren welke wereldwijd worden ingebouwd in industriële toepassingen. Al bijna 30 jaar worden onze motoren gebruikt voor semiconductors, werktuigmachines, robotica en automatisering, wetenschap en display toepassingen.</strong></p><p>Met 425 collega’s wereldwijd, waarvan ruim 250 op ons hoofdkantoor in Almelo, hebben wij unieke kennis in huis en bedienen wij het complete proces, van productontwikkeling tot serieproductie. Tecnotion is de meest vooraanstaande leverancier van zowel catalogus als klant specifieke motoren met wereldwijde verkoopkantoren en eigen productie locaties in Nederland en China.</p><p>Tecnotion is een dynamisch bedrijf waar je in een enthousiast team een belangrijke bijdrage gaat leveren om onze groeiambitie waar te maken.&nbsp;</p>
    </div>






<div class="clear"></div>

                    </div>

                    <div class="clear"></div>
                </div>

        </div>
    </div>
</div>


    <div class="css_sectionNarrow css_holder">




<div id="section_70113fd1-13ac-4579-8f0e-e33cf7b49a3a" class="css_section css_banner">



    <div class="css_background" style="background-image: url("/source/c668008555f8779b639ad18429fd5a72/&.html"); background-position: 50% 50%;"></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_bannerTable ui_section_height" style="

min-height: 19vh; 
">
        <div class="css_bannerTableCell">
        </div>
    </div>
</div>

    </div>






<div id="section_771889b2-8392-4384-91ad-df61396f5c37" class="css_section css_gallery">



    <div class="css_background" style=" "></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_heightTable ui_section_height" style="

min-height: 0vh; 
">
        <div class="css_heightCell">

                <div class="css_holder">

                        <h3 class="css_headline">Openstaande vacatures</h3>


                    <div class="clear"></div>
                </div>
            <div style="float: left; width: 100vw;">
                <div class="gallery_771889b2-8392-4384-91ad-df61396f5c37" style="height: 15vh;">
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/4081b9b5-af30-40c1-bf7c-9336d64c5506?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/0c8ddd02-9f5d-4e42-b6df-08886fbfed1f?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/6524ba7d-c7f3-47e1-afc5-b8679ebf7db1?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/fb67cbbb-8090-465b-8aa0-ac0709cb8258?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/ec824dcc-2342-46a5-975d-09f0615156e8?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/8ce9d467-c53f-4f6a-9f9d-e0256ee170aa?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/6ca4e2c4-4a70-49e0-974f-c2dd756fdc14?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/e5126ed9-46f9-45b3-8efe-42d00a3a3d95?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/e30a19a4-41ba-43a1-a986-3c80b9ca75b8?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/a8f181a4-fa78-475b-8e76-d26375a391be?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/4081b9b5-af30-40c1-bf7c-9336d64c5506?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/0c8ddd02-9f5d-4e42-b6df-08886fbfed1f?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/6524ba7d-c7f3-47e1-afc5-b8679ebf7db1?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/fb67cbbb-8090-465b-8aa0-ac0709cb8258?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/ec824dcc-2342-46a5-975d-09f0615156e8?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/8ce9d467-c53f-4f6a-9f9d-e0256ee170aa?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/6ca4e2c4-4a70-49e0-974f-c2dd756fdc14?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/e5126ed9-46f9-45b3-8efe-42d00a3a3d95?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/e30a19a4-41ba-43a1-a986-3c80b9ca75b8?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/a8f181a4-fa78-475b-8e76-d26375a391be?crop=False">
                        </div>
                </div>
            </div>

            <script type="text/javascript">
                $(document).ready(function () {
                    $('.gallery_771889b2-8392-4384-91ad-df61396f5c37 .ui_gallery_item').show();

                    $('.gallery_771889b2-8392-4384-91ad-df61396f5c37').slick(
                        {
                            infinite: true,
                            slidesToShow: 11,
                            centerMode: false,
                            variableWidth: true,
                            autoplay: true,
                            autoplaySpeed: 2000
                        });
                });
            </script>

            <div class="clear"></div>

                <div class="css_holder">


            <a class="css_button" href="/nl/vacatures">Overzicht</a>


                    <div class="clear"></div>
                </div>
        </div>
    </div>
</div>






<div id="section_8da39467-ee3c-4561-b0c6-9bb2fdf012fb" class="css_section css_video">



    <div class="css_background" style=" "></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_heightTable ui_section_height" style="

min-height: 51vh; 
">
        <div class="css_heightCell">
            <div class="css_holder">

                    <h3 class="css_headline">Tecnotion nieuws</h3>


                <div class="css_videoHolder css_videoGrid2">
                        <div class="css_videoElement">
                            <div class="css_videoIframe">


        <iframe src="https://www.youtube.com/embed/OWDUiXuwd0s?rel=0" frameborder="0" allowfullscreen></iframe>


                            </div>
                        </div>
                        <div class="css_videoElement">
                            <div class="css_videoIframe">


        <iframe src="https://www.youtube.com/embed/sAo6sn_ocFk?rel=0" frameborder="0" allowfullscreen></iframe>


                            </div>
                        </div>
                        <div class="css_videoElement">
                            <div class="css_videoIframe">


        <iframe src="https://www.youtube.com/embed/qY4A_jicgvw?rel=0" frameborder="0" allowfullscreen></iframe>


                            </div>
                        </div>
                </div>



            <a class="css_button" href="/nl/over-ons/nieuws">Meer nieuws!</a>



                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>






<div id="section_0f4c7df3-6684-4647-973d-4677395217c6" class="css_section css_gallery">



    <div class="css_background" style=" "></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_heightTable ui_section_height" style="

min-height: 0vh; 
">
        <div class="css_heightCell">

                <div class="css_holder">

                        <h3 class="css_headline">Onze mensen</h3>


                    <div class="clear"></div>
                </div>
            <div style="float: left; width: 100vw;">
                <div class="gallery_0f4c7df3-6684-4647-973d-4677395217c6" style="height: 20vh;">
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/36efe3a1-269c-4c23-acab-620904c24363?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/aae18d8e-d0e5-4d3b-bcb9-6eddba8e2c8c?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/9eb929b5-0d4d-4cee-9ad1-715e4e6b8c53?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/b0242c40-fd1c-4658-8563-c3b1d7a2c0a8?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/f216a39f-85a0-4f60-989b-fcaf0838e6a2?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/fa30475e-829a-47c9-925e-1bf1283ccc9e?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/7cb662a2-8564-4fc5-b9c6-19ebde7722bd?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/617940ae-cbb6-420b-be19-4ecd143e7a45?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img alt="A" src="/api/file/get-optimized-image/526b0bfa-c54f-43a6-b52a-522cbed886e2?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/c37b0bda-74ec-433e-85bd-545ede568c74?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/e6431d93-641c-45d2-89aa-557787498748?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/fd76f8f8-37b8-4d6f-9b04-41280a89413c?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/be733e09-94c3-4901-abdc-d568112e6b28?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/597bdd0b-d158-4131-b67b-0bdafddbe71e?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/8335d1c4-9d98-4fed-bf75-e7c086878954?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/ffd0ca09-a8b1-4517-8683-2509da403645?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/75cc879f-f9c6-4271-bf00-8dc30e8ecdfe?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/23be6ece-9913-4cc2-8135-5d7b7fcc91fd?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/2ddc8625-ea6b-4952-a284-0e0c024baae0?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/79faff2c-7e9a-4e27-bbaf-ff6ecca15025?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/f04bb49b-f7c9-4181-9649-1f4d143647c6?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/c579b190-322c-4353-b5d6-818c90a07723?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/d0d8a2ee-ac82-4324-b8f1-866f7b8eb62b?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/8b27f0e2-da92-44d1-863f-6359a52d53cc?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/04435055-047e-4fb5-a5f9-875a56eee9a7?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/6bd6200a-f687-47a2-91bb-19d40326b2fd?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/278e4e84-c5c9-4dad-8093-704da2aaa26b?crop=False">
                        </div>
                        <div class="ui_gallery_item" style="display: none;">
                            <img src="/api/file/get-optimized-image/d156c157-b5b8-4ab9-9447-6269d641ec3c?crop=False">
                        </div>
                </div>
            </div>

            <script type="text/javascript">
                $(document).ready(function () {
                    $('.gallery_0f4c7df3-6684-4647-973d-4677395217c6 .ui_gallery_item').show();

                    $('.gallery_0f4c7df3-6684-4647-973d-4677395217c6').slick(
                        {
                            infinite: true,
                            slidesToShow: 11,
                            centerMode: false,
                            variableWidth: true,
                            autoplay: true,
                            autoplaySpeed: 2000
                        });
                });
            </script>

            <div class="clear"></div>

        </div>
    </div>
</div>






<div id="section_340bfe53-fe7a-40d0-bfa8-116adfedb103" class="css_section css_text css_textRight">



    <div class="css_background" style=" "></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_heightTable ui_section_height" style="

min-height: 0vh; 
">
        <div class="css_heightCell">

                <div class="css_holder">


    <h3 class="css_headline">Open sollicitatie</h3>





            <a class="css_button"
               href="https://tecnotion.career.emply.com/nl/apply/unsolicited-applications/c6rd6h"
               target="_self">

                Solliciteer

            </a>



<div class="clear"></div>

                </div>

        </div>
    </div>
</div>






<div id="section_3579ccf6-bf28-4d5d-8d90-53e6466a1a73" class="css_section css_jobagent">



    <div class="css_background" style=" "></div>

<div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div>




    <div class="css_holder">

            <h3 class="css_headline">Job alert</h3>

            <h4 class="css_subheadline">Wil jij als eerste weten of er voor jou interessante functies zijn?</h4>

        <div class="ui_job_agent_form css_jobagentInfo">

                <div class="css_jobagentFilter">

                            <div id="job_agent_firstname" class="input ui_textbox" data-mandatory="1">
                                <input type="text" placeholder="Voornaam">
                            </div>
                </div>
                <div class="css_jobagentFilter">

                            <div id="job_agent_lastname" class="input ui_textbox" data-mandatory="1">
                                <input type="text" placeholder="Achternaam">
                            </div>
                </div>
                <div class="css_jobagentFilter">

                            <div id="job_agent_email" class="input ui_textbox" data-mandatory="1">
                                <input type="email" placeholder="E-mail">
                            </div>
                </div>
        </div>

        <div class="ui_job_agent_form css_jobagentFilters">

                <div class="css_jobagentFilter">

                            <div id="job_agent_c134870a-fc6c-46f8-a9af-568c437f1e40" class="dropdown ui_dropdown" data-multiple="1" data-placeholder="Functiegebied">
                                <div class="dropdown_title">Functiegebied</div>
                                <div class="options_holder">
                                    <div class="options_window">
                                            <a class="option multi" href="javascript:void(0);" data-value="8b77f83d-debd-4514-aad9-8890f6af9a50">Facilitair</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="e4759ced-b57c-4090-8038-cf98f85192d9">Financieel</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="5a4f8a5f-e451-4676-af24-92274881ba1b">HR</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="728c9d55-2cc7-4454-8c6f-8e8a1043adde">Inkoop</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="0c412705-95c5-401b-83db-3fe0bb0ac454">IT</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="d73bcd4b-a6e5-46e2-9969-1c71a55fe009">Magazijn</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="02370d26-f7b3-447b-b451-04d3102ed687">Marketing</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="643b57b4-86c2-4a4d-9f1e-9fc5a30be403">Productie</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="094b64aa-4f9d-4561-9613-205d17783653">Techniek</a>
                                            <a class="option multi" href="javascript:void(0);" data-value="a438fb7a-8cfa-4d57-9d8c-94b3710b2a6b">Verkoop</a>
                                    </div>
                                </div>
                            </div>
                </div>

        </div>

        <div class="ui_job_agent_form css_jobagentNotify">

            Bericht mij

            <a class="ui_job_agent_daily active" aria-current="true" href="javascript:void(0);">dagelijks</a>

            /

            <a class="ui_job_agent_weekly" href="javascript:void(0);">wekelijks</a>

            over nieuwe vacatures

            <div class="clear"></div>

            <div class="ui_job_agent_form" style="position: relative; margin-top: 20px; float: left; margin-left: 50%; margin-right: -50%; transform: translate(-50%,0);">
                <div class="g-recaptcha" data-sitekey="6Ldj7H4UAAAAAMNVgpJHUmjHQNaUJa2UHHQBbnXW"></div>
            </div>
            <div class="clear"></div>
        </div>

        <a class="ui_job_agent_form ui_job_agent_register css_button" href="javascript:void(0);">
            Meld mij aan voor een job alert
        </a>

        <div class="ui_job_agent_registered css_jobagentRegistered" style="display: none;">
            Bedankt. Je ontvangt nu nieuwe vacatures.
        </div>

        <div class="clear"></div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('.ui_job_agent_daily').click(function () {
            $('.ui_job_agent_daily').addClass('active').attr('aria-current', true);
            $('.ui_job_agent_weekly').removeClass('active').attr('aria-current', false);
        });

        $('.ui_job_agent_weekly').click(function () {
            $('.ui_job_agent_daily').removeClass('active').attr('aria-current', false);
            $('.ui_job_agent_weekly').addClass('active').attr('aria-current', true);
        });

        function getRecaptchaId() {
            var recaptchaParts = $('#section_3579ccf6-bf28-4d5d-8d90-53e6466a1a73 [id^="g-recaptcha-response"').attr('id').split('-');
            var recaptchaNumber = parseInt(recaptchaParts[recaptchaParts.length - 1]);
            var recaptchaId = !isNaN(recaptchaNumber) ? recaptchaNumber : 0;

            return recaptchaId;
        }

        $('.ui_job_agent_register').click(function () {
            var data = {};

            data.email = $('#job_agent_email input').val();
            data.firstName = $('#job_agent_firstname input').val();
            data.lastName = $('#job_agent_lastname input').val();
            data.type = $('.ui_job_agent_daily').hasClass('active') ? 0 : 1;
            data.language = 'nl-NL';
            data.captchaResponse = grecaptcha.getResponse(getRecaptchaId());
            data.factSelectedOptions = {};

                var value = $('#job_agent_c134870a-fc6c-46f8-a9af-568c437f1e40').attr('data-value');
                data.factSelectedOptions['c134870a-fc6c-46f8-a9af-568c437f1e40'] = value ? value.split(',') : [];

            //console.log(data);

            if (!data.captchaResponse) {
                showErrorPopup('Vul de captcha in');
                return;
            }

            $.ajax({
                type: 'POST',
                contentType: 'application/json',
                url: '/api/job-agent/register',
                data: JSON.stringify(data),
                success: function () {
                    $('.ui_job_agent_form').hide();
                    $('.ui_job_agent_registered').show();
                },
                error: function(response) {
                    if (response.status === 400) {
                        showErrorPopup('Onjuiste e-mail');
                    }
                    else if (response.status === 403) {
                        showErrorPopup('Vul de captcha in');
                    }
                    else if (response.status === 401) {
                        showErrorPopup('Jouw e-mailadres is al geregistreerd. Log in bovenaan de pagina om jouw job alert te wijzigen.');
                    }

                    grecaptcha.reset(getRecaptchaId());
                }
            });
        });
    });
</script>
                    </div>






<div id="section_b16984f4-8da8-4b0d-b204-05b44a3305af" class="css_section">







<div class="css_section bottom">
    <div class="css_holder">
        <div class="bottom_table">
            <div class="bottom_cell">
                <strong>Tecnotion</strong><br />
                Newton 10<br />
                7609 RR, Almelo<br />
                +31(0)546 536 300<br />
                <a href="mailto:careers@tecnotion.com">careers@tecnotion.com</a><br />
                <a href="https://www.tecnotion.com" target="_blank">https://www.tecnotion.com</a>            </div>
            
            <div class="bottom_cell">
               
            </div>
            <div class="bottom_cell bottom_social">
                <a class="bottom_linkedin" href="https://www.linkedin.com/company/tecnotion/" target="_blank"></a>
                <a class="bottom_facebook" href="https://www.facebook.com/tecnotion" target="_blank"></a>
                <a class="bottom_instagram" href="https://www.instagram.com/tecnotion/" target="_blank"></a>
                <a class="bottom_youtube" href="https://www.youtube.com/channel/UC9oUCNcs1RcITUXlU368Saw" target="_blank"></a>
            </div>
        </div>
    </div>
</div>
<style>   
    @media (max-width: 700px) {
    	.bottom_table, .bottom_cell {display: block !important;}
    	.bottom_cell:not(:first-child) {margin-top: 30px !important;}
    }
</style>


    <style>


#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom
{
    background: #0160a1;
    color: #fff;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom a ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom a
{
    color: #fff;
    text-decoration: none;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom a:hover ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom a:hover
{
    text-decoration: underline;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_table ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_table
{
    display: table;
    width: 100%;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_cell ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_cell
{
    display: table-cell;
    vertical-align: top;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_phone,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_phone,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af 
.bottom_mail ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_mail
{
    height: 36px;
    background: url("/api/file/get/39d12231-06e0-41c5-bae9-f982451207bc") 0 5px no-repeat;
    padding: 0 0 0 36px;
    line-height: 37px;
    overflow: hidden;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_mail ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_mail
{
    background-image: url("/api/file/get/1182e1bb-9042-4ddb-b93e-3b22d39fe9fd");
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_social ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_social
{
    width: 10px;
    font-size: 0px;
    white-space: nowrap;
    color: 000;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_facebook,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_facebook,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af 
.bottom_instagram,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_instagram,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af 
.bottom_linkedin,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_linkedin,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af 
.bottom_youtube ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_youtube
{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("/source/10d7a0cbeeac705a75017d4bbdb4bec7/social_facebook.svg") 0 0 no-repeat;
    background-size: cover;
    margin: 16px 0 0 15px;
  
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_facebook ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_facebook
{
    margin-left: 1;
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_instagram ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_instagram
{
    background-image: url("/source/520859f68c6769c21c017355e71ea31d/social_instagram.svg");
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_linkedin ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_linkedin
{
    background-image: url("/source/d6a33925d89bf1bf61e3c4dd389f6b70/social_linkedin.svg");
}
#section_b16984f4-8da8-4b0d-b204-05b44a3305af .bottom_youtube ,
#section_b16984f4-8da8-4b0d-b204-05b44a3305af.bottom_youtube
{
    background-image: url("/source/53a79a3105f6dccfc4223c13cdc8e6a8/social_youtube.svg");
}


    </style>

    <script>




    </script>

</div>








    <div class="csl_bottom">
        
        <style>
            .csl_bottom .css_holder {
                padding-top: 35px;
                padding-bottom: 35px;
            }

            @media (max-width: 795px) {
                .csl_bottom .css_holder {
                    padding-top: 15px;
                    padding-bottom: 15px;
                }
            }

            .csl_bottomPowered {
                transition: all 0.25s;
                float: left;
                width: 100%;
                display: block;
                height: 20px;
                line-height: 100px;
                background: url("/source/89973d654c252528c24a6c0dfbbd1453/new_logo_poweredby.svg") 50% 50% no-repeat;
                overflow: hidden;
            }

                .csl_bottomPowered:hover {
                    opacity: 1;
                    filter: brightness(0) saturate(100%) invert(13%) sepia(48%) saturate(1860%) hue-rotate(186deg) brightness(95%) contrast(92%);
                }
        </style>
        <div class="css_holder">
            <a lang="en-US" class="csl_bottomPowered" href="https://emply.com" target="_blank">Powered by Emply</a>
            <div class="clear"></div>
        </div>
    </div>
    </div>


<div class="popup" role="dialog" id="popup_login" data-open-script="initLoginPopup()" style="display: none;">
    <div class="holder">
        <div class="content" style="width: 500px;">

            <div id="showLoginDiv" class="showLogin">
                <div role="dialog"
                     aria-labelledby="login-title"
                     aria-describedby="login-description"
                     aria-modal="true"
                     class="contentPadding">

                    <div id="login-title" class="headline marginBottom">Login</div>
                    <div id="login-description" class="marginBottom">Heb je gesolliciteerd op een baan of heb je een job alert aangemaakt? Log in om jouw voorkeuren te zien of te wijzigen.</div>

                    <div class="ui_login_email input icon marginBottom">
                        <input placeholder="E-mail"
                               type="email"
                               aria-required="true">
                        <div class="icon_holder" style="background-image: url("/source/5ebee1ae600bd7a6e80047fff10002fd/letter_bbbbbb.svg");"></div>
                    </div>

                    <div class="ui_login_names" style="display: none;">

                        <div class="ui_login_first_name input icon marginBottom">
                            <input placeholder="Voornaam"
                                   required>
                            <div class="icon_holder" style="background-image: url("/source/b7010c7d9767ca1e02d16e0671713300/link_bbbbbb.svg");"></div>
                        </div>

                        <div class="ui_login_last_name input icon marginBottom">
                            <input placeholder="Achternaam">
                            <div class="icon_holder" style="background-image: url("/source/b7010c7d9767ca1e02d16e0671713300/link_bbbbbb.svg");"></div>
                        </div>
                    </div>

                    <div class="ui_login_password input icon marginBottomExtra">
                        <input type="password"
                               placeholder="Wachtwoord"
                               aria-required="true">
                        <div class="icon_holder" style="background-image: url("/source/4d1c237986e57fc0e5902bca319e883d/key_bbbbbb.svg");"></div>
                    </div>

                    <div id="error-box" tabindex="0" role="alert" class="infomessage notallowed marginBottomExtra" hidden>
                        Onjuiste inloggegevens
                    </div>

                    <a class="ui_login_login button" style="margin-right: 15px;"
                       role="button"
                       href="javascript:void(0);">
                        <span>Login</span>
                    </a>

                    <a class="button secondary"
                       role="button"
                       onClick="onForgotButtonClick()"
                       href="javascript:void(0);">
                        <span>Vergeten</span>
                    </a>
                    <a class="button cancel ui_popup_close"
                       role="button"
                       onClick="onMainCancelButtonClick()"
                       href="javascript:void(0);">
                        <span>Annuleren</span>
                    </a>

                    <div class="clear"></div>
                </div>
            </div>

            <div role="dialog" class="showForgot" style="display: none;">
                <div aria-labelledby="forgot-title"
                     aria-describedby="forgot-description"
                     class="contentPadding">

                    <div id="forgot-title" class="headline marginBottom">Wachtwoord opvragen</div>
                    <div id="forgot-description" class="marginBottom">
                        Vul a.u.b. uw e-mail adres in indien u uw wachtwoord vergeten bent. We sturen u een e-mail met een link om een nieuw wachtwoord aan te maken. Deze link is 24 uur geldig.
                    </div>

                    <div roll="form" class="showForgotForm">

                        <div class="ui_forgot_expired infomessage warning marginBottom" style="display: none;">
                            <span>Helaas kun je de link niet meer gebruiken om je wachtwoord te wijzigen. Mogelijk is de link verlopen of eerder gebruikt.</span>
                            <div class="clear"></div>
                        </div>

                        <div class="ui_forgot_email input icon">
                            <input type="email"
                                   aria-required="true"
                                   placeholder="E-mail">
                            <div class="icon_holder" style="background-image: url("/source/06ac9dbc79456579433600117a404572/letter_aaaaaa.svg");"></div>
                        </div>

                        <div class="ui_forgot_names" style="display: none;">

                            <div class="clear marginBottom"></div>

                            <div class="ui_forgot_first_name input icon marginBottom">
                                <input placeholder="Voornaam">
                                <div class="icon_holder" style="background-image: url("/source/e2b10aaaf2f1e67e0db53f6a16cc3ee1/link_aaaaaa.svg");"></div>
                            </div>

                            <div class="ui_forgot_last_name input icon">
                                <input placeholder="Achternaam">
                                <div class="icon_holder" style="background-image: url("/source/e2b10aaaf2f1e67e0db53f6a16cc3ee1/link_aaaaaa.svg");"></div>
                            </div>
                        </div>

                        <div class="clear marginBottomExtra"></div>

                        <a role="button"
                           class="ui_forgot_renew button"
                           href="javascript:void(0);">
                            <span>Vernieuw</span>
                        </a>

                        <a role="button"
                           class="button cancel"
                           onClick="onForgotPasswordCancelClick()"
                           href="javascript:void(0);">
                            <span>Annuleren</span>
                        </a>
                    </div>

                    <div class="showForgotSuccess" style="display: none;">

                        <div class="infomessage marginBottomExtra">
                            <span>De link voor het aanpassen van je wachtwoord is verstuurd naar je e-mailadres.</span>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>

                        <a class="button secondary ui_popup_close" href="javascript:void(0);">
                            <span>Sluiten</span>
                        </a>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>

            <div class="showSecure" style="display: none;">
                <div class="contentPadding">

                    <div class="headline marginBottom">We hebben een beveiligingscode naar uw e-mail verzonden.</div>

                    <div class="showSecureForm">

                        <div class="ui_secure_code input icon">
                            <input placeholder="Code">
                            <div class="icon_holder" style="background-image: url("/source/06ac9dbc79456579433600117a404572/letter_aaaaaa.svg");"></div>
                        </div>

                        <div class="clear marginBottomExtra"></div>

                        <a role="button"
                           class="ui_secure_login button
                           style="margin-right: 15px;"
                           href="javascript:void(0);">
                            <span>Login</span>
                        </a>

                        <a role="button"
                           class="button secondary"
                           onClick="$('.showLogin, .showForgot').slideToggle(250);"
                           href="javascript:void(0);">
                            <span>Vergeten</span>
                        </a>
                        <a role="button"
                           class="button cancel ui_popup_close"
                           href="javascript:void(0);">
                            <span>Annuleren</span>
                        </a>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function initLoginPopup() {
        show('.showLogin');
        hide('.showForgot');
        hide('.showSecure');

        hideBackgroundForElement("body-without-popups");

        show('.showForgotForm')
        hide('.showForgotSuccess')

        hide('.ui_forgot_expired');

        $('.ui_login_email input').val('');
        $('.ui_login_first_name input').val('');
        $('.ui_login_last_name input').val('');
        $('.ui_login_password input').val('');

        hide('.ui_login_names');

        $('.ui_forgot_email input').val('');
        $('.ui_forgot_first_name input').val('');
        $('.ui_forgot_last_name input').val('');

        $('.ui_secure_code input').val('');

        hide('.ui_forgot_names');
        setTimeout(() => {
            $('#showLoginDiv').attr('tabindex', '0').focus();
        });
    }

    function onMainCancelButtonClick() {
        $('.ui_login_button_popup').attr('tabindex', '0').focus();
        showBackgroundForElement("body-without-popups");
        hide('#error-box');
    }

    function onForgotButtonClick() {
        $('.showLogin, .showForgot').slideToggle(250);
        hide('#error-box');
        $('.showForgot').attr('tabindex', '0').focus();
    }

    function onForgotPasswordCancelClick() {
        $('.showLogin, .showForgot').slideToggle(250);
        $('.showLogin').attr('tabindex', '0').focus();
    }

    function openForgotPasswordWithExpired() {
        openPopup('popup_login');

        hide('.showLogin');
        hide('.showSecure');
        show('.showForgot');

        show('.ui_forgot_expired');
    }

    function openSecureCodeMode() {
        hide('.showLogin');
        hide('.showForgot');
        show('.showSecure');
    }

    function updateLoginButtonState(loggedIn, hasOnboarding) {
        if (loggedIn) {
            hide('.ui_login_button_popup');

        if (hasOnboarding) {
            show('.ui_login_button_onboarding_profile');
            hide('.ui_login_button_profile');
        }
        else {
            hide('.ui_login_button_onboarding_profile');
            show('.ui_login_button_profile');
        }
        } else {
            show('.ui_login_button_popup');
            hide('.ui_login_button_profile');
            hide('.ui_login_button_onboarding_profile');
        }
    }

    function show(selector) {
        $(selector).show();
    }

    function hide(selector) {
        $(selector).hide();
    }

    $(document).ready(function() {
        var loginInProgress = false;
        var forgotInProgress = false;
        var isSecureMode = false;

        //login status

        function hasLoginHash() {
            return window.location.hash && window.location.hash === '#login';
        }

        function checkLoginHash() {
            if (hasLoginHash()) {
                openPopup('popup_login');
            }
        }

        function checkCandidateLoggedIn() {
            $.ajax({
                type: 'GET',
                contentType: 'application/json',
                url: '/api/integration/v2/candidate/logged-in',
                success: function (data) {
                    updateLoginButtonState(data.candidateExists, data.hasOnboarding);

                    if (!data.candidateExists) {
                        checkLoginHash();
                    }
                },
                error: function () {
                    updateLoginButtonState(false);
                    checkLoginHash();
                }
            });
        }

        checkCandidateLoggedIn();

        //login

        function onLoginClick() {
            if (loginInProgress) {
                return;
            }

            loginInProgress = true;

            var loginData = {
                email: $('.ui_login_email input').val(),
                firstName: $('.ui_login_first_name input').val(),
                lastName: $('.ui_login_last_name input').val(),
                password: $('.ui_login_password input').val(),
                secureCode: isSecureMode ? $('.ui_secure_code input').val() : ''
            };

            $.ajax({
                type: 'POST',
                contentType: 'application/json',
                url: '/api/integration/v2/candidate/login',
                data: JSON.stringify(loginData),
                success: function (pageType) {

                    if (pageType === 16) {
                        openSecureCodeMode();
                        isSecureMode = true;
                        loginInProgress = false;
                        return;
                    }

                    if (pageType === 17) {
                        isSecureMode = true;
                        loginInProgress = false;
                        return;
                    }

                    closePopup('popup_login');
                    const hasOnboarding = pageType === 14;
                    updateLoginButtonState(true, hasOnboarding);
                    window.location.href = hasOnboarding ? '/nl/onboarding-profile' : '/nl/profile';

                    loginInProgress = false;
                    showBackgroundForElement("body-without-popups");
                },
                error: function(response) {

                    if (response.status === 403 && response.responseJSON && response.responseJSON.requiresName) {
                        show('.ui_login_names');
                        showErrorPopup('Voer de voor- en achternaam in om in te loggen');
                    } else {
                        show('#error-box');
                        document.getElementById("error-box").focus();
                    }

                    loginInProgress = false;
                }
            });
        }

        $('.ui_login_login').click(onLoginClick);
        $('.ui_login_email input').on('enterKey', onLoginClick);
        $('.ui_login_password input').on('enterKey', onLoginClick);
        $('.ui_secure_login').click(onLoginClick);
        $('.ui_secure_code input').on('enterKey', onLoginClick);

        //forgot

        function onForgotClick() {
            if (forgotInProgress) {
                return;
            }

            forgotInProgress = true;

            var forgotData = {
                email: $('.ui_forgot_email input').val(),
                firstName: $('.ui_forgot_first_name input').val(),
                lastName: $('.ui_forgot_last_name input').val(),
                languageKey: 'nl-NL'
            };

            $.ajax({
                type: 'POST',
                contentType: 'application/json',
                url: '/api/integration/v2/candidate/forgot-password',
                data: JSON.stringify(forgotData),
                success: function () {
                    hide('.showForgotForm');
                    show('.showForgotSuccess');

                    forgotInProgress = false;
                },
                error: function(response) {

                    if (response.status === 403 && response.responseJSON && response.responseJSON.requiresName) {
                        show('.ui_forgot_names');
                        showErrorPopup('Voer voornaam en achternaam in');
                    } else {
                        showErrorPopup('Onjuiste e-mail');
                    }

                    forgotInProgress = false;
                }
            });
        }

        $('.ui_forgot_renew').click(onForgotClick);
        $('.ui_forgot_email input').on('enterKey', onForgotClick);
    });
</script>


<div class="popup" id="popup_password" style="display: none;">
    <div class="holder">
        <div class="content" style="width: 500px;">

            <div class="contentPadding">
                <div class="headline marginBottom">Maak een wachtwoord aan</div>

                <div class="ui_password_new_password input icon marginBottom">
                    <input type="password" placeholder="Wachtwoord">
                    <div class="icon_holder" style="background-image: url("/source/08a19b0ae54df43e532a203c34aeb729/key_aaaaaa.svg");"></div>
                </div>

                <div class="ui_password_verify_password input icon marginBottomExtra">
                    <input type="password" placeholder="Bevestig wachtwoord">
                    <div class="icon_holder" style="background-image: url("/source/08a19b0ae54df43e532a203c34aeb729/key_aaaaaa.svg");"></div>
                </div>

                <a class="ui_password_save button" style="margin-right: 15px;" href="javascript:void(0);">
                    <span>Opslaan</span>
                </a>

                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<script>

    $(document).ready(function() {
        var savePasswordInProgress = false;

        function getForgotCode() {
            return window.location.hash ? window.location.hash.replace('#newpassword/', '') : null;
        }

        function hasForgotCode() {
            return window.location.hash && window.location.hash.startsWith('#newpassword/') && getForgotCode();
        }

        function setForgotCodeData() {
            $('#popup_password').attr('data-open-script', "document.getElementById('popup_password').setAttribute('data-code','" + getForgotCode() + "')");
        }

        function getForgotCodeData() {
            return $('#popup_password').data('code');
        }

        //check forgot code expiration

        function checkForgotCodeExpiration()
        {
            $.ajax({
                type: 'GET',
                contentType: 'application/json',
                url: '/api/integration/v2/candidate/check-reset-code?code=' + getForgotCode(),
                success: function (data) {
                    setForgotCodeData();
                    openPopup('popup_password');
                },
                error: function () {
                    openForgotPasswordWithExpired();
                }
            });
        }

        if (hasForgotCode()) {
            checkForgotCodeExpiration();
        }

        //save password

        function onSavePasswordClick() {
            if (savePasswordInProgress) {
                return;
            }

            if ($('.ui_password_new_password input').val() !== $('.ui_password_verify_password input').val()) {
                showErrorPopup('Wachtwoorden moeten overeenkomen');

                return;
            }

            savePasswordInProgress = true;

            var renewData = {
                code: getForgotCodeData(),
                password: $('.ui_password_new_password input').val()
            };

            $.ajax({
                type: 'POST',
                contentType: 'application/json',
                url: '/api/integration/v2/candidate/renew',
                data: JSON.stringify(renewData),
                success: function (pageType) {
                    closePopup('popup_password');
                    const hasOnboarding = pageType === 14;
                    updateLoginButtonState(true, hasOnboarding);
                    window.location.href = hasOnboarding ? '/nl/onboarding-profile' : '/nl/profile';

                    savePasswordInProgress = false;
                },
                error: function (error) {
                    //todo: correct error message
                    showErrorPopup(error.responseJSON.message);

                    savePasswordInProgress = false;
                }
            });
        }

        $('.ui_password_save').click(onSavePasswordClick);
        $('.ui_password_new_password input').on('enterKey', onSavePasswordClick);
        $('.ui_password_verify_password input').on('enterKey', onSavePasswordClick);
    });
</script>


<div class="popup" id="popup_delete" data-open-script="initDeletePopup()" style="display: none;">
    <div class="holder">
        <div id="popup_delete_content" class="content">
            <div class="contentPadding">

                <div class="headline marginBottom">
                    Gegevens verwijderen?
                </div>

                <div style="margin-bottom: 25px;">
                    Wanneer je op &#39;verwijderen&#39; klikt, gaan alle gerelateerde gegevens verloren.
                </div>

                <a class="button warning ui_popup_delete_confirm" href="javascript:void(0);">
                    <span>Verwijderen</span>
                </a>

                <a class="button cancel ui_popup_delete_cancel" href="javascript:void(0);">
                    <span>Niet verwijderen</span>
                </a>

                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<script>
    var deleteConfirmCallback = null;

    function initDeletePopup() {
        hideBackgroundForElement("body-without-popups");
    }

    function showDeleteConfirm(callback) {
        deleteConfirmCallback = callback;
        openPopup('popup_delete');
        $('#popup_delete_content').attr('tabindex', '0').focus();
    }

    $(document).ready(function () {

        $('.ui_popup_delete_confirm').click(function () {
            deleteConfirmCallback();
            deleteConfirmCallback = null;
            closePopup('popup_delete');
            showBackgroundForElement("body-without-popups");
        });

        $('.ui_popup_delete_cancel').click(function () {
            deleteConfirmCallback = null;
            closePopup('popup_delete');
            showBackgroundForElement("body-without-popups");
        });
    });
</script>


<div class="popup" id="popup_error" style="display: none;">
    <div class="holder">
        <div class="content">
            <div class="contentPadding">

                <div class="headline marginBottom">
                    Fout
                </div>

                <div class="infomessage notallowed marginBottomExtra" style="margin-bottom: 25px;">
                    <span class="ui_error_message">Onbekende fout</span>
                    <div class="clear"></div>
                </div>

                <a class="button secondary ui_popup_close" href="javascript:void(0);">
                    <span>Sluiten</span>
                </a>

                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<script>
    function showErrorPopup(message) {
        $('.ui_error_message').text(message);
        openPopup('popup_error');
    }
</script>

</body>
</html>
