c<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel=stylesheet type="text/css">„d#{{CONTAINER}}{width: 100%; height: 100%} body{background-color: #efefef}  #x-a4a-former-body{display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100vh; margin: 0; padding: 0; width: 100%} [id="{{CONTAINER}}"] .a4a-bg {position: absolute; width: 100vw; height: 100vh; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 100%)}
[id="{{CONTAINER}}"] .a4a-button {display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 8; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; max-width: 240px; border-radius: 4px; padding: 8px 6px 10px; cursor: pointer; overflow: hidden}
[id="{{CONTAINER}}"] .a4a-button .a4a-button__spacer {width: 15px}
[id="{{CONTAINER}}"] .a4a-button .a4a-button__text {-ms-flex-negative: 0; flex-shrink: 0; margin-top: -2px; font-family: "Roboto",sans-serif; font-size: 18px; font-weight: 700; color: #263340; letter-spacing: 0.2px; -webkit-font-smoothing: antialiased; text-align: center; white-space: nowrap; text-transform: uppercase}
[id="{{CONTAINER}}"] .a4a-button .a4a-button__arrow {overflow: hidden}
[id="{{CONTAINER}}"] .a4a-button .a4a-button__arrow .a4a-arrow {float: right; width: 12px; height: 12px}
[id="{{CONTAINER}}"] .a4a-button .a4a-button__arrow .a4a-arrow-helper {width: 1px; height: 100%; float: left}
[id="{{CONTAINER}}"] .a4a-animated .a4a-button:hover {-webkit-animation: button-scale 6 0.5s alternate; animation: button-scale 6 0.5s alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
[id="{{CONTAINER}}"] .a4a-animated .a4a-button-round:hover {-webkit-animation: button-scale-intense 6 0.5s alternate; animation: button-scale-intense 6 0.5s alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
@-webkit-keyframes button-scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.97);transform:scale(0.97)}}
@keyframes button-scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.97);transform:scale(0.97)}}
@-webkit-keyframes button-scale-intense{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.9);transform:scale(0.9)}}
@keyframes button-scale-intense{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.9);transform:scale(0.9)}}
[id="{{CONTAINER}}"] * {box-sizing: border-box}
[id="{{CONTAINER}}"] .a4a-banner {background-color: #119edf; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Roboto",sans-serif; font-weight: 400; float: left; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0)}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__header {background-color: #ffffff; position: relative; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__header .a4a-banner__header__logo {width: 55px}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-animation-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-animation-wrapper .a4a-step {width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 10px}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-animation-wrapper .a4a-step:last-child {display: none}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__title-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content__title-wrapper__type {background: rgba(0, 0, 0, 0.2); border-radius: 100px; color: rgba(255, 255, 255, 0.8); letter-spacing: 1.5px; -webkit-font-smoothing: antialiased; text-transform: uppercase; display: none}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__title-wrapper .a4a-banner__content__title-wrapper__job-title {color: #ffffff; letter-spacing: -0.2px; -webkit-font-smoothing: antialiased}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__title-wrapper .a4a-banner__content__title-wrapper__job-title p {width: 100%; margin: 0}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__description {color: #ffffff; letter-spacing: -0.2px; -webkit-font-smoothing: antialiased}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__description p {width: 100%; margin: 0}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__tags {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
[id="{{CONTAINER}}"] .a4a-banner .a4a-banner__content .a4a-banner__content__tags .a4a-banner__content__tags__tag {display: inline-block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; background-color: rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05); border-radius: 2px; padding: 5px 6px; margin: 2px; opacity: 0.8; color: #ffffff; letter-spacing: 0.2px; -webkit-font-smoothing: antialiased; white-space: nowrap; font-size: 18px; line-height: 16px; font-weight: 400}
[id="{{CONTAINER}}"] .a4a-animated .a4a-step {opacity: 0}
[id="{{CONTAINER}}"] .a4a-animated .a4a-step:first-child {-webkit-animation: translate-main-ltr 1 10s; animation: translate-main-ltr 1 10s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards}
#a4a-main-container .a4a-animated .a4a-step:last-child {-webkit-animation: translate-description-ltr 1 10s; animation: translate-description-ltr 1 10s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: -webkit-box; display: -ms-flexbox; display: flex}
[id="{{CONTAINER}}"] .a4a-animated .a4a-banner__content__tags__tag {-webkit-animation: translate-main-ltr 1 10s; animation: translate-main-ltr 1 10s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards}
@-webkit-keyframes translate-main-ltr{0%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}40%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}45%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes translate-main-ltr{0%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}40%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}45%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes translate-description-ltr{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}35%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}40%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}100%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}}
@keyframes translate-description-ltr{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}35%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}40%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}100%{-webkit-transform:translateX(900px);transform:translateX(900px);opacity:0}}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__header {width: auto; min-width: 90px; max-width: 200px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content {-webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-banner__content__title-wrapper {-ms-flex-negative: 0; flex-shrink: 0; height: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 15px 0 0; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-banner__content__title-wrapper .a4a-banner__content__title-wrapper__type {padding: 6px; font-size: 12px; line-height: 10px; margin-bottom: 5px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-banner__content__title-wrapper .a4a-banner__content__title-wrapper__job-title {min-width: 100px; max-width: 375px; max-height: 60px; font-size: 24px; line-height: 30px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-banner__content__description {left: -100%; max-height: 90px; font-size: 26px; line-height: 32px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-animation-wrapper {width: 100%; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-animation-wrapper .a4a-step {height: 90px; width: 100%; min-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-banner__content__tags {-ms-flex-negative: 1.3; flex-shrink: 1.3; max-height: 60px; overflow: hidden; margin: 0 10px 0 0}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-banner__content__tags .a4a-banner__content__tags__tag {font-size: 16px; line-height: 16px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-button {-ms-flex-negative: 2; flex-shrink: 2; min-width: 140px; max-width: 200px; padding: 10px 6px}
[id="{{CONTAINER}}"] .a4a-banner--direction .a4a-banner__content .a4a-button .a4a-button__text {font-size: 16px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 {width: 320px; height: 50px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__header {min-width: 50px; max-width: 90px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content {padding: 0 8px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__title-wrapper {max-height: 40px; margin: 0 5px 0 0}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__title-wrapper .a4a-banner__content__title-wrapper__type {-ms-flex-item-align: start; align-self: flex-start; padding: 3px 5px; margin-bottom: 2px; font-size: 8px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__title-wrapper .a4a-banner__content__title-wrapper__job-title {min-width: 70px; max-width: 175px; max-height: 40px; font-size: 14px; line-height: 16px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__tags {display: inline; max-width: 100px; height: 43px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__tags .a4a-banner__content__tags__tag {padding: 4px; opacity: 0.9; float: right; margin: 2px; font-size: 11px; line-height: 10px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__tags .a4a-banner__content__tags__helper {width: 1px; height: 100%; float: left}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-banner__content__description {font-size: 14px; line-height: 16px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-animation-wrapper .a4a-step {height: 50px; max-width: 120px}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-button {width: 32px; height: 32px; min-width: 32px; max-width: 32px; margin: 0 0 0 5px; padding: 2px 8px; overflow: visible}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-button .a4a-button__spacer, [id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-button .a4a-button__text, [id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-button .a4a-arrow-helper {font-size: 0; width: 0}
[id="{{CONTAINER}}"] .a4a-banner--320x50 .a4a-banner__content .a4a-button .a4a-arrow {width: 10px; height: 10px}ê	<div id="{{CONTAINER}}"><div id=x-a4a-former-body on=tap:exit-api.exit(target=redirectUrl) role=link tabindex=0>  <div id=a4a-main-container><div class="a4a-banner a4a-banner--320x50 a4a-banner--direction a4a-animated" id=a4a-banner style="background-color: #005bea"><div class=a4a-bg></div><div class=a4a-banner__header style="background-color: #ffffff"><div class=a4a-banner__header__logo>    <amp-img height=139 id=a4a-logo layout=intrinsic src={{BUNDLE_BASE_PATH}}320x50/logo.jpg width=250></amp-img></div><div class=a4a-banner__content__title-wrapper__type style="color: #005bea; border-color: #005bea">Vacature</div></div><div class=a4a-banner__content><div class=a4a-animation-wrapper><div class="a4a-step a4a-main"><div class=a4a-banner__content__title-wrapper><div class=a4a-banner__content__title-wrapper__job-title><p class=a4a-title>Docent Engels</p></div></div></div><div class="a4a-step a4a-banner__content__description"><p>Wil jij beroepsgericht Engels geven aan onze studenten?</p></div></div><div class=a4a-button style="background-color: #ffffff; border-color: #ffffff"><div class=a4a-button__text style="color: #005bea">Solliciteren</div><div class=a4a-button__arrow style="color: #005bea"> &rarr;</div></div></div></div></div></div></div>