:root {
    --color-black: #000;
    --color-white: #fff;
    --color-red: #ff0000;
    --color-blue: #2679c5;
    --color-blue-dark: #363942;
    --color-grey: #efefef;
    --color-grey-dark: #7f7f7f;
    --default-font-size: 16px;
    --default-line-height: 1.2;
    --small-font-size: 14px;
    --handwrite-font-size: 30px;
    --job-title-font-size: 22px;
    --vacancy-title-font-size: 90px;
    --h1-font-size: 64px;
    --h2-font-size: 32px;
    --h3-font-size: 26px;
    --breadcrumb-font-size: 28px;
    --section-headline-font-size: 38px;
    --bullet-font-size-big: 40px;
    --bullet-font-size-default: 30px;
    --bullet--font-size-responsive: 22px;
    --triangle-default-size: 46px;
    --triangle-default-font-size: 22px;
    --container-width-default: 1200px;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
@font-face {
    font-family: Bebas-Regular;
    src: url(../fonts/BebasNeue-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Bebas-Light;
    src: url(../fonts/BebasNeue-Light.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Daniel;
    src: url(../fonts/daniel.ttf) format("truetype"), url(../fonts/daniel.woff) format("woff"), url(../fonts/daniel.svg) format("svg");
    font-display: auto;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?version=1-3);
    src: url(../fonts/icomoon.eot?version=1-3#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?version=1-3) format("truetype"), url(../fonts/icomoon.woff?version=1-3) format("woff"),
        url(../fonts/icomoon.svg??version=1-3#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before {
  content: "\a006";
}
.icon-play:before {
  content: "\a00a";
}
.icon-star:before {
  content: "\a00b";
}
.icon-clock:before {
  content: "\a00c";
}
.icon-marker:before {
  content: "\a00d";
}
.icon-target:before {
  content: "\a00e";
}
.icon-phone:before {
  content: "\a00f";
}
.icon-mail:before {
  content: "\a010";
}
.icon-linkedin:before {
  content: "\a016";
}
.icon-x_twitter:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\a017";
}
.icon-xing:before {
  content: "\a018";
}
.icon-youtube:before {
  content: "\a01a";
}
.icon-share:before {
  content: "\a01b";
}
.icon-checked:before {
  content: "\a01c";
}
.icon-explosion:before {
  content: "\a01d";
}
.icon-bomb:before {
  content: "\a01e";
}
.icon-skull:before {
  content: "\a01f";
}
.icon-info:before {
  content: "\a020";
}
.icon-twitter:before {
  content: "\a011";
}
.icon-whatsapp:before {
  content: "\e900";
}
.icon-reload:before {
  content: "\e901";
}
.icon-video:before {
  content: "\e902";
}
.icon-signal:before {
  content: "\e904";
}
.icon-wifi:before {
  content: "\e905";
}
.icon-battery:before {
  content: "\e906";
}
.icon-dots:before {
  content: "\e907";
}
.icon-arrow-left:before {
  content: "\e908";
}
.icon-no-video:before {
  content: "\e909";
}

@font-face {
  font-family: 'emojies';
  src:  url('../fonts/emojies.eot?1qsnkp');
  src:  url('../fonts/emojies.eot?1qsnkp#iefix') format('embedded-opentype'),
    url('../fonts/emojies.ttf?1qsnkp') format('truetype'),
    url('../fonts/emojies.woff?1qsnkp') format('woff'),
    url('../fonts/emojies.svg?1qsnkp#emojies') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="emoji-"], [class*=" emoji-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'emojies' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.emoji-coffee .path1:before {
  content: "\e90d";
  color: rgb(179, 154, 124);
}
.emoji-coffee .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(167, 137, 102);
}
.emoji-coffee .path3:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(179, 154, 124);
}
.emoji-coffee .path4:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(192, 171, 145);
}
.emoji-coffee .path5:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(217, 204, 188);
}
.emoji-coffee .path6:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(235, 229, 221);
}
.emoji-coffee .path7:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(85, 68, 49);
}
.emoji-coffee .path8:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(106, 86, 61);
}
.emoji-coffee .path9:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(235, 229, 221);
}
.emoji-coffee .path10:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(235, 229, 221);
}
.emoji-coffee .path11:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(235, 229, 221);
}
.emoji-icecream .path1:before {
  content: "\e918";
  color: rgb(240, 196, 25);
}
.emoji-icecream .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(242, 156, 31);
}
.emoji-icecream .path3:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(251, 123, 118);
}
.emoji-icecream .path4:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(165, 106, 67);
}
.emoji-icecream .path5:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(207, 151, 106);
}
.emoji-icecream .path6:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(249, 234, 176);
}
.emoji-pizza .path1:before {
  content: "\e91e";
  color: rgb(252, 210, 88);
}
.emoji-pizza .path2:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(249, 176, 68);
}
.emoji-pizza .path3:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(217, 138, 84);
}
.emoji-pizza .path4:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(194, 119, 66);
}
.emoji-pizza .path5:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(233, 68, 66);
}
.emoji-pizza .path6:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(207, 54, 54);
}
.emoji-pizza .path7:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path8:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path9:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path10:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path11:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path12:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path13:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(255, 234, 187);
}
.emoji-pizza .path14:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(194, 119, 66);
}
.emoji-pizza .path15:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(194, 119, 66);
}
.emoji-pizza .path16:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(194, 119, 66);
}
.emoji-pizza .path17:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(194, 119, 66);
}
.emoji-pizza .path18:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(160, 217, 76);
}
.emoji-pizza .path19:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(160, 217, 76);
}
.emoji-pizza .path20:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(233, 68, 66);
}
.emoji-pizza .path21:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(207, 54, 54);
}
.emoji-pizza .path22:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(233, 68, 66);
}
.emoji-pizza .path23:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(207, 54, 54);
}


@-ms-viewport {
    width: device-width;
}
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}
*,
::after,
::before {
    box-sizing: inherit;
}
.container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.col-image-md {
    min-height: 450px;
}
@media (max-width: 768px) {
    .col-4-md,
    .col-6-md,
    .col-8-md {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-image-md {
        min-height: 350px;
        order: 1;
    }
    .col-text-md {
        order: 2;
    }
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body,
html {
    margin: 0;
}
body {
    background-color: #000;
    color: var(--color-black);
    direction: ltr;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: var(--default-font-size);
    line-height: var(--default-line-height);
}
.second-font--regular,
h1,
h2,
h3,
h4,
h5 {
    font-family: Bebas-Regular, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0;
}
.third-font--light {
    font-family: Bebas-Light, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}
.handwrite-font {
    font-family: Daniel, sans-serif;
    font-size: var(--handwrite-font-size);
    letter-spacing: -0.4px;
}
h1 {
    font-size: var(--h1-font-size);
}
h1 span {
    color: var(--color-blue);
}
h2 {
    font-size: var(--h2-font-size);
}
h2 span {
    color: var(--color-blue);
}
h3 {
    font-size: var(--h3-font-size);
}
h3 span {
    color: var(--color-blue);
}
p {
    line-height: 1.3;
}
.link {
    display: inline-flex;
    align-items: center;
    color: var(--color-blue);
    text-decoration: none;
    font-weight: 500;
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
}
a {
    color: var(--color-blue);
    text-decoration: none;
    font-weight: 500;
}
.link [class^="icon-"],
a [class^="icon-"] {
    font-size: calc(var(--default-font-size) + 6);
    position: relative;
}
.link::before {
    background: var(--color-blue);
}
.link:hover,
a:hover {
    color: var(--color-black);
}
.link:hover:before {
    background: var(--color-black);
}
.link:focus,
a:focus {
    outline: 1px solid var(--color-blue);
}
.button {
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    background: var(--color-blue);
    border: 1px solid var(--color-blue);
    color: var(--color-white);
    display: inline-flex;
    padding: 0 5px;
    min-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
}
.button-size--xl {
    min-height: 40px;
    padding: 0 10px;
}
.button:hover {
    border: 1px solid var(--color-blue);
    background: var(--color-white);
    color: var(--color-blue);
}
.button:focus {
    outline: 0;
    border: 1px solid var(--color-blue);
    background: var(--color-white);
    color: var(--color-blue);
}
.info__button {
    min-height: 50px;
    background: var(--color-blue);
    border: none;
    padding: 0 15px 0 10px;
    font-size: var(--h3-font-size);
    line-height: var(--h3-font-size);
    border-left: 30px solid var(--color-blue-dark);
    position: relative;
}
.info__button [class^="icon-"] {
    font-size: calc(var(--h3-font-size) + 4px);
    position: absolute;
    left: -30px;
}
.info__button:focus,
.info__button:hover {
    background: var(--color-blue-dark);
    border-left: 30px solid var(--color-blue);
    color: var(--color-white);
    border-top: none;
    border-bottom: none;
    border-right: none;
}
ul {
    margin: 30px 0 0 0;
    padding-left: 25px;
}
ul li {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 15px;
}
ul li p {
    margin: 0;
    padding-bottom: 5px;
}
ul li h3 {
    margin: 0 0 10px 0;
}
ul li::before {
    content: "";
    display: flex;
    width: 15px;
    height: 15px;
    background: var(--color-blue);
    position: absolute;
    left: -25px;
    top: 2px;
}
.list-style--with-h3 li::before {
    top: 6px;
}
.list-style--checked-icon li::before {
    font-family: icomoon;
    font-size: var(--small-font-size);
    color: var(--color-white);
    content: "\a01c";
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: var(--color-blue);
    position: absolute;
    left: -30px;
    top: 2px;
    border-radius: 50px;
}
.social-media {
    display: flex;
}
.social-media__button {
    flex-direction: column;
    border-radius: 50%;
    height: 50px;
    margin-right: 10px;
    width: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
}
.social-media__button [class^="icon-"] {
    font-size: 30px;
    margin: 0;
}
.social-media__button:focus,
.social-media__button:hover {
    background: var(--color-white);
    border: 3px solid var(--color-blue);
    color: var(--color-blue);
    outline: 0;
}
::-webkit-scrollbar-track {
    background-color: #525252;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: var(--color-blue);
}
::-webkit-scrollbar-thumb {
    background: var(--color-blue);
}
::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 100px 20px #3992bf;
}
.triangle {
    background: 0 0;
    display: flex;
    position: relative;
    min-height: 45px;
    min-width: 45px;
}
.triangle--right {
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 45px 45px 0;
    border-color: transparent var(--color-blue) transparent transparent;
}
.triangle--left {
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 45px 45px 0 0;
    border-color: var(--color-blue) transparent transparent transparent;
}
.triangle__icon {
    font-size: 22px;
    color: var(--color-white);
    position: absolute;
}
.triangle--right .triangle__icon {
    right: -43px;
    top: 3px;
}
.triangle--left .triangle__icon {
    left: 2px;
    bottom: 21px;
}
.bg-image-box {
    height: 100%;
    width: 100%;
}
.bg-image-box--layer-black::after {
    content: "";
    display: flex;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    background: #000;
    position: absolute;
}
.bg-image-box__image {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.top-button {
    margin-bottom: 20px;
    right: 15px;
    position: fixed;
    align-items: center;
    justify-content: center;
    bottom: 0;
    z-index: 999;
    display: flex;
    width: 50px;
    height: 50px;
    border: 1px solid var(--color-blue);
    background: rgba(38, 121, 197, 0.5);
    text-decoration: none;
    display: none;
    text-align: center;
    padding: 0;
}
.top-button > [class^="icon-"] {
    font-size: var(--job-title-font-size);
    color: var(--color-white);
    transform: rotate(-90deg);
    padding: 0;
    margin-right: 0;
}
@media (max-width: 576px) {
    .list-style--with-h3 li::before {
        top: 4px;
    }
}
.appWrapper {
    margin: 0 auto;
}
.section {
    position: relative;
    overflow: hidden;
}
.header {
    align-items: center;
    display: flex;
    height: 60px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1100;
    width: 100%;
}
.header--default {
    animation-name: headerDefaultFadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.header--sticky {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1100;
    background: #fff;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.7);
    animation-name: headerStickySlideIn;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.header__link {
    margin-left: 15px;
}
.header__link:focus {
    outline: 1px solid var(--color-white);
}
.header__img--white {
    display: flex;
}
.header__img--blue {
    display: none;
}
.header--sticky .header__img--white {
    display: none;
}
.header--sticky .header__img--blue {
    display: flex;
}
.navigation {
    justify-content: flex-end;
    display: flex;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
.navigation__button {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    transition: all 0.7s ease;
    width: auto;
}
.navigation__button:focus {
    outline: 1px solid var(--color-white);
}
.bar {
    display: block;
    height: 3px;
    width: 40px;
    background-color: var(--color-white);
    margin: 5px auto;
    transition: all 1.2s ease;
}
.header--sticky .bar {
    background-color: var(--color-blue);
}
.middle {
    margin: 0 auto;
}
.navigation__button-hidden {
    display: none;
}
.navigation-bg--hidden {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--color-black);
    display: flex;
    z-index: 1101;
    opacity: 0.5;
    cursor: pointer;
}
.navigation__wrapper {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1102;
    top: 0;
    width: 600px;
    height: 100vh;
    right: -3000px;
    list-style: none;
    background: var(--color-white);
    transition: all 0.5s ease;
    border-left: 20px solid var(--color-blue);
}
.navigation__wrapper-inner {
    padding-bottom: 50px;
    overflow-y: auto;
}
.navigation__submenu {
    flex-direction: column;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.navigation__submenu-sublevel {
    display: none;
    list-style: none;
    margin-left: 15px;
}
.navigation__submenu--open {
    animation: slideInRight 0.5s normal;
    right: 0;
}
.navigation__submenu-item {
    margin: 5px 0 0 0;
    padding: 0;
}
.navigation__submenu-item::before {
    display: none;
}
.navigation__submenu-link,
.navigation__submenu-link:hover {
    align-items: center;
    display: flex;
    color: var(--color-blue);
    font-size: 24px;
    height: 44px;
    padding: 0 15px;
    text-decoration: none;
}
.navigation__submenu-link-text {
    display: inline-table;
    position: relative;
}
.navigation__submenu-link-text::before {
    content: "";
    position: absolute;
    background: var(--color-blue);
    display: inline-block;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.navigation__submenu-link.active .navigation__submenu-link-text::before,
.navigation__submenu-link:hover .navigation__submenu-link-text::before {
    width: 100%;
}
.navigation__button--close:focus,
.navigation__submenu-link:focus,
.toggle__wrapper-button:focus {
    outline: 1px solid var(--color-blue);
}
.navigation__submenu-item--close {
    margin: 20px 0;
    padding-right: 15px;
    align-items: flex-end;
}
.navigation__button--close .top {
    background: var(--color-blue);
    transform: translateY(5px) rotateZ(45deg);
}
.navigation__button--close .bottom {
    background: var(--color-blue);
    transform: translateY(-11px) rotateZ(-45deg);
}
.navigation__button--close .middle {
    width: 0;
}
.navigation__menu-bottom {
    display: flex;
    margin: 50px 0;
    padding: 0 15px;
    flex-direction: column;
}
.navigation__menu-bottom p {
    padding: 0;
    margin: 25px 0;
}
.breadcrumb__navigation {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    background: 0 0;
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    padding: 0 0 0 15px;
    margin: 0;
    z-index: 1000;
}
.breadcrumb {
    font-size: var(--breadcrumb-font-size);
    list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumb__item {
    padding: 5px 0;
    display: inline;
}
.breadcrumb__item::after {
    content: "|";
    display: inline-block;
    height: inherit;
    color: var(--color-white);
    padding: 0 5px;
}
.breadcrumb__item:last-child::after {
    display: none;
}
.breadcrumb__link {
    color: var(--color-white);
    text-decoration: none;
}
.breadcrumb__link:hover {
    color: var(--color-white);
    text-decoration: underline;
}
.breadcrumb__link:focus {
    outline: 1px solid var(--color-white);
}
.toggle__wrapper {
    display: flex;
    justify-content: space-between;
}
.toggle__wrapper-button,
.toggle__wrapper-button:hover {
    width: 50px;
    color: var(--color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.toggle__wrapper-button.close span {
    transform: rotate(90deg);
}
.toggle__wrapper-button.open span {
    transform: rotate(-90deg);
}
.headline__wrapper {
    background: var(--color-white);
}
.headline {
    color: var(--color-black);
    font-size: var(--section-headline-font-size);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 95px;
    padding: 0 15px 5px 15px;
    line-height: var(--section-headline-font-size);
}
.headline span {
    color: var(--color-blue);
    font-size: calc(var(--section-headline-font-size) + 4px);
}
.footer {
    background: var(--color-white);
    padding: 0 0 15px 0;
    position: relative;
}
.footer__item {
    list-style: none;
    margin: 15px 0 0 25px;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
}
.footer__item_list {
    align-items: flex-start;
    display: flex;
    flex: 1 1 180px;
    margin-bottom: 10px;
}
.footer__link {
    font-weight: 300;
}
.footer__item-row {
    font-size: var(--small-font-size);
    margin: 80px 0 40px 0;
    text-align: center;
    text-transform: uppercase;
}
.box {
    margin: 0;
    padding: 0;
}
@media (max-width: 1024px) {
    .headline {
        font-size: var(--h2-font-size);
        line-height: var(--h2-font-size);
        min-height: 80px;
        padding-top: 10px;
    }
    .headline span {
        font-size: calc(var(--h2-font-size) + 4px);
    }
}
@media (max-width: 576px) {
    .breadcrumb__navigation {
        display: none;
    }
    .header--sticky .navigation__wrapper-inner {
        padding-bottom: 100px;
    }
    .footer .col-6-footer {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .footer .social-media {
        margin-bottom: 30px;
    }
    .footer .footer__item_list {
        flex: 1 1 150px;
    }
    .navigation__wrapper {
        width: 100%;
    }
}
@media (max-height: 420px) {
    .breadcrumb__navigation {
        display: none;
    }
}
.application {
    display: flex;
}
.application__image {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 210px;
}
.application__image-top {
    height: 30px;
    display: flex;
    position: relative;
}
.image-application--top {
    height: auto;
    position: absolute;
    width: 115px;
    left: 76px;
    z-index: 1;
}
.application__image-bottom {
    align-items: center;
    display: flex;
    height: 155px;
    justify-content: flex-start;
    position: relative;
}
.image-application--bottom {
    min-width: 150px;
    height: auto;
    position: absolute;
    z-index: 2;
}
.application__text {
    display: flex;
    flex-direction: column;
    width: calc(100% - 210px);
}
.insights {
    background: var(--color-grey);
}
.insights__text {
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    min-height: 450px;
    justify-content: center;
}
.live {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 530px;
}
.live__slogan {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 10px 25px rgba(255, 255, 255, 0.7);
    line-height: 1;
    color: var(--color-blue);
    font-size: var(--h1-font-size);
    display: flex;
}
.col-12-profile {
    display: flex;
    justify-content: center;
}
.profile {
    background: var(--color-grey);
    padding: 50px 0;
}
.profile__wrapper {
    min-height: 200px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.profile__wrapper-item {
    align-items: center;
    background: var(--color-white);
    border-bottom: 15px solid var(--color-blue);
    display: flex;
    justify-content: center;
    height: inherit;
    position: absolute;
    width: 100%;
}
.profile__wrapper-item::after {
    bottom: -15px;
    box-shadow: 1px 10px 25px 0 rgba(0, 0, 0, 0.75);
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 90%;
    z-index: -1;
}
.rotate--5 {
    transform: rotate(5deg);
}
.rotate--10 {
    transform: rotate(10deg);
}
.rotate--15 {
    transform: rotate(15deg);
}
.rotate--20 {
    transform: rotate(20deg);
}
.rotate--25 {
    transform: rotate(25deg);
}
.rotate--355 {
    transform: rotate(355deg);
}
.rotate--350 {
    transform: rotate(350deg);
}
.rotate--345 {
    transform: rotate(345deg);
}
.rotate--340 {
    transform: rotate(340deg);
}
.rotate--335 {
    transform: rotate(335deg);
}
.smartphone {
    display: flex;
    flex-direction: row;
    position: relative;
    min-width: 300px;
    min-height: 500px;
    background-color: transparent;
    border-radius: 25px;
    margin: 10px 30px 40px 0;
}
.smartphone__knobs-left {
    max-width: 5px;
}
.smartphone__knobs-right {
    max-width: 5px;
}
.knob-left {
    margin-top: 10px;
    width: 5px;
    height: 40px;
    background: #C3C3C3;
    background: linear-gradient(0deg,rgba(195, 195, 195, 1) 0%, rgba(164, 164, 164, 1) 5%, rgba(195, 195, 195, 1) 15%, rgba(195, 195, 195, 1) 85%, rgba(164, 164, 164, 1) 95%, rgba(198, 198, 198, 1) 100%);
    border-radius: 10px 0 0 10px;
}
.knob-left.first,
.knob-right.first {
    margin-top: 150px;
}
.knob-right {
    margin-top: 10px;
    width: 5px;
    height: 90px;
    background: #C3C3C3;
    background: linear-gradient(0deg,rgba(195, 195, 195, 1) 0%, rgba(164, 164, 164, 1) 5%, rgba(195, 195, 195, 1) 15%, rgba(195, 195, 195, 1) 85%, rgba(164, 164, 164, 1) 95%, rgba(198, 198, 198, 1) 100%);
    border-radius: 0 10px 10px 0;
}
.gold .knob-left, .gold .knob-right {
    background: linear-gradient(0deg,rgba(201, 194, 178, 1) 0%, rgba(167, 159, 142, 1) 5%, rgba(187, 178, 159, 1) 15%, rgba(187, 178, 159, 1) 85%, rgba(167, 159, 142, 1) 95%, rgba(201, 194, 178, 1) 100%);
}
.smartphone__casing {
    position: relative;
    width: 300px;
    min-height: 500px;
    background-color: #eeeeef;
    border-radius: 25px;
    box-shadow: 10px 10px 10px 1px rgb(0 0 0 / 0.2);
}
.gold .smartphone__casing {
    background-color: #e5d9c3;
}
.display__frame {
    position: relative;
    margin: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-color: #fbfbfa;
    border: 1px solid #e0dedd;
    border-radius: 19px;
    display: flex;
    flex-direction: column;
}
.gold .display__frame {
    border: 1px solid #ded1b8;
}
.accessoires {
    position: absolute;
    top: -1px;
    left: 28%;
    margin: 0 auto;
    width: 44%;
    height: 25px;
    background-color: #eeeeef;
    border-radius: 0 0 25px 25px;
    z-index: 10;
}
.gold .accessoires {
    background-color: #e2d7c1;
}
.accessoires__speakerbar {
    margin: 0 auto;
    margin-top: 8px;
    width: 66%;
    height: 3px;
    background-color: #b7b7b7;
    border-radius: 1px;
}
.gold .accessoires__speakerbar {
    background-color: #b0a795;
}
.display__uppper {
    position: relative;
    min-height: 290px;
    max-height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0;
    background-size: 282px 350px;
    border-radius: 19px 19px 0 0;
}
.display__uppper-statusbar {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 2px;
    opacity: 0.75;
}

.display__uppper-title {
    font-size: 1.75em;
    font-weight: 500;
    position: absolute;
    bottom: 75px;
    text-align: center;
    width: 100%;
    color: var(--color-white);
}
.display__uppper-options {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
}
.display__lower {
    width: 100%;
    min-height: 200px;
}
.display__lower p {
    color: var(--color-blue);
    margin-top: 2px;
    margin-bottom: 0;
    font-weight: 400;
}
.display__lower h6 {
    font-size: 0.6em;
    color: var(--color-black);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 2px;
}
.profile__responsibility,
.profile__skill,
.profile__level,
.profile__contact {
    border-top: 10px solid var(--color-grey);
    padding: 10px 20px;
    background-color: var(--color-white);
}
.profile__contact {
    margin-bottom: 15px;
}
.profile__level img {
    width: 44px;
    height: auto;
    background-color: var(--color-white);
}
.profile__level--coffee {
    background: url(../img/stellenangebote/bg_coffee_level_empty.webp);
}
.profile__level--icecream {
    background: url(../img/stellenangebote/bg_icecreme_level_empty.webp);
}
.profile__level--pizza {
    background: url(../img/stellenangebote/bg_pizza_level_empty.webp);
}
.profile__level--bears {
    background: url(../img/stellenangebote/bg_gummybears_level_empty.webp);
}
.profile__level--bears,
.profile__level--coffee,
.profile__level--icecream,
.profile__level--pizza {
    background-repeat: no-repeat;
    background-size: auto;
    background-position-y: 0;
    min-height: 44px;
}
.status__time {
    width: 28%;
    margin-top: 2px;
    font-size: 0.8em;
    font-weight: 700;
    text-align: center;
}
.status__blank {
    width: 44%;
}
.status__icons {
    width: 28%;
    text-align: center;
}
.display__button {
    background: rgba(125, 125, 125, 0.6);
    border: none;
    cursor: pointer;
    color: var(--color-white);
    font-weight: 500;
    padding: 8px 20px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    text-transform: none;
    font-size: 2em;
}
.display__button:hover {
    border: none;
    color: var(--color-blue);
    background-color: rgba(125, 125, 125, 0.6);
}
.display-button--inactive {
    color: var(--color-blue-dark);
    cursor: context-menu;
}
.display__button.display-button--inactive:hover {
    border: none;
    background-color: rgba(125, 125, 125, 0.6);
    color: var(--color-blue-dark);
}
.col-6-profile .smartphone.rotate--345 {
    margin-left: 50px;
}
.col-6-profile .smartphone.rotate--350 {
    margin-left: 35px;
}
.col-6-profile .smartphone.rotate--355 {
    margin-left: 15px;
}
@media (max-width: 1190px) {
    .col-3-profile {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 50px;
        display: flex;
        justify-content: center;
    }
    .smartphone.margin--top-50,
    .smartphone.margin--top-100,
    .smartphone.margin--top-150 {
        margin-top: 10px;
    }
    .col-3-profile:nth-child(1) .smartphone {
        margin-top: 20px;
        transform: rotate(15deg);
    }
    .col-3-profile:nth-child(2) .smartphone {
        transform: rotate(8deg);
    }
    .col-3-profile:nth-child(3) .smartphone {
        transform: rotate(355deg);
    }
    .col-3-profile:nth-child(4) .smartphone {
        transform: rotate(5deg);
    }
}
@media (max-width: 1140px) {
    .col-4-profile .smartphone.rotate--5,
    .col-4-profile .smartphone.rotate--10,
    .col-4-profile .smartphone.rotate--15,
    .col-4-profile .smartphone.rotate--20,
    .col-4-profile .smartphone.rotate--25,
    .col-4-profile .smartphone.rotate--355,
    .col-4-profile .smartphone.rotate--350,
    .col-4-profile .smartphone.rotate--345,
    .col-4-profile .smartphone.rotate--340,
    .col-4-profile .smartphone.rotate--335 {
        transform: rotate(0);
    }
}
@media (max-width: 992px) {
    .col-4-profile {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 50px;
    }
    .col-6-profile {
        display: flex;
        justify-content: center;
    }
    .col-6-profile .smartphone.rotate--5,
    .col-6-profile .smartphone.rotate--10,
    .col-6-profile .smartphone.rotate--15,
    .col-6-profile .smartphone.rotate--20,
    .col-6-profile .smartphone.rotate--25,
    .col-6-profile .smartphone.rotate--355,
    .col-6-profile .smartphone.rotate--350,
    .col-6-profile .smartphone.rotate--345,
    .col-6-profile .smartphone.rotate--340,
    .col-6-profile .smartphone.rotate--335 {
        transform: rotate(0);
    }
    .col-6-profile .smartphone.rotate--345 {
        margin-left: 0;
    }
}
@media (max-width: 900px) {
    .col-3-profile:nth-child(1) .smartphone {
        margin-top: 0;
        transform: rotate(0);
    }
    .col-3-profile:nth-child(2) .smartphone {
        margin-top: 40px;
        transform: rotate(0);
    }
    .col-3-profile:nth-child(3) .smartphone {
        margin-top: -20px;
        transform: rotate(0);
    }
    .col-3-profile:nth-child(4) .smartphone {
        margin-top: 20px;
        transform: rotate(0);
    }
}
@media (max-width: 700px) {
    .col-3-profile, .col-6-profile {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-3-profile:nth-child(1) .smartphone,
    .col-3-profile:nth-child(2) .smartphone,
    .col-3-profile:nth-child(3) .smartphone,
    .col-3-profile:nth-child(4) .smartphone {
        margin-top: 0;
    }
}
.members {
    background: var(--color-grey);
    padding: 50px 0;
}
.members__wrapper {
    min-height: 200px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.members__wrapper-item {
    align-items: center;
    background: var(--color-white);
    border-bottom: 15px solid var(--color-blue);
    display: flex;
    justify-content: center;
    height: inherit;
    position: absolute;
    width: 100%;
}
.members__wrapper-item::after {
    bottom: -15px;
    box-shadow: 1px 10px 25px 0 rgba(0, 0, 0, 0.75);
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 90%;
    z-index: -1;
}
.moreJobs {
    display: flex;
    padding: 30px 15px;
    overflow-x: auto;
}
.moreJobs__item {
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 30px;
    min-width: 260px;
    padding: 15px;
    position: relative;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}
.moreJobs__triangle {
    position: absolute;
    top: 0;
    left: 0;
}
.moreJobs__item-head {
    background: var(--color-grey);
    padding: 0 10px;
    justify-content: center;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    text-align: center;
}
.moreJobs__item-body {
    display: flex;
    align-items: center;
    min-height: 100px;
}
.jobdetails.moreJobs__jobdetails {
    flex-direction: column;
    align-items: flex-start;
    margin: 15px 0;
    width: 100%;
    padding: 10px 0;
}
.moreJobs__item-footer {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px 0;
}
.moreJobs__button {
    padding: 10px;
}
.share {
    position: absolute;
    padding: 0;
    margin: 0;
}
.share__inner {
    position: relative;
    padding: 0;
    margin: 0;
}
.share__button {
    background: 0 0;
    border: none;
    cursor: pointer;
    color: var(--color-blue);
    font-weight: 500;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    text-transform: none;
}
.share__button:focus,
.share__button:hover {
    border: none;
    color: var(--color-black);
}
.share__submenu {
    position: absolute;
    top: 0;
    z-index: 900;
    background-color: var(--color-white);
    box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: translate(0, 15px) scale(0.95);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    left: 100%;
    padding: 0;
    margin: 0 0 0 15px;
    height: auto;
    border: 1px solid var(--color-grey);
    border-bottom: none;
    display: flex;
    flex-direction: column;
}
.share__submenu.open {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}
.share__submenu-item {
    display: flex;
    border-bottom: 1px solid var(--color-grey);
    padding: 0 !important;
    margin: 0;
}
.share__submenu-item::before {
    display: none;
}
.share__submenu-button {
    border-radius: 0;
    margin: 0;
    border: none;
    background: 0 0;
    color: var(--color-blue);
    width: 50px;
    height: 50px;
}
.share__submenu-button [class^="icon-"] {
    margin: 0;
}
.share__submenu-button:focus,
.share__submenu-button:hover {
    border: none;
    color: var(--color-white);
    background: var(--color-blue);
}
@media (max-width: 768px) {
    .application__bg-image {
        transform: scaleX(-1);
    }
    .application {
        margin-bottom: 15px;
    }
    .col-5-application,
    .col-7-application {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .step-2 .application__text,
    .step-4 .application__text {
        order: 1;
    }
    .step-2 .application__image,
    .step-4 .application__image {
        order: 2;
    }
    .step-2 .image-application--top,
    .step-4 .image-application--top {
        transform: scaleX(-1);
        left: -45px;
    }
    .col-6-insights {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .insights__image {
        order: 1;
        min-height: 400px;
    }
    .insights__text {
        order: 2;
        justify-content: flex-start;
        min-height: 100px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .live {
        background: url(../img/ruhrgebiet/bg_cosinex_gebaeude_small.webp);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: cover;
        padding: 136px 20px 136px 0;
    }
    .col-5.bg-color--whiteblur,
    .col-6.bg-color--whiteblur {
        background-color: var(--color-white);
        backdrop-filter: none;
    }
    .col-6-live {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-4-profile {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 50px;
        display: flex;
        justify-content: center;
    }
    .col-3-members {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 50px;
    }
}
@media (max-width: 576px) {
    .application__bg-image {
        display: none;
    }
    .application {
        flex-direction: column;
    }
    .application__image,
    .application__text {
        width: 100%;
    }
    .application__image-top {
        display: none;
    }
    .application__image-bottom {
        justify-content: center;
        height: 240px;
    }
    .image-application--bottom {
        min-width: 220px;
    }
    .step-2 .application__text,
    .step-4 .application__text {
        order: 2;
    }
    .step-2 .application__image,
    .step-4 .application__image {
        order: 1;
    }
    .live {
        position: relative;
        min-height: 350px;
    }
    .live__slogan {
        position: absolute;
        width: 400px;
        transform: scale(0.6);
        left: 50px;
    }
    .col-4-profile {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 50px;
    }
    .col-3-members {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 50px;
    }
    .members__wrapper-item .responsive-image {
        width: auto;
    }
    .profile__wrapper-item .responsive-image {
        width: auto;
    }
    .insights__image {
        min-height: 350px;
    }
}
.container__section-one {
    color: var(--color-white);
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.container__section-one-column {
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
}
.container__section-one-column h2 {
    font-size: 1.5em;
}
.container__section-one-column--left h2 {
    width: 80%;
}
.benefit {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
}
.container__section-one-column--right .benefit {
    margin: 0 0 0 150px;
}

.benefit__item {
    display: flex;
    font-size: var(--bullet-font-size-default);
    flex-direction: column;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.benefit__item::before {
    content: "";
    display: flex;
    height: 15px;
    width: 15px;
    background: var(--color-blue);
    position: absolute;
    left: -30px;
    top: 10px;
}
.benefit__item span {
    font-size: var(--bullet-font-size-big);
}
.benefit__item:nth-child(2),
.benefit__item:nth-child(4) {
    margin-left: 16.666667%;
}
.benefit__item:nth-child(3) {
    margin-left: 25%;
}
.benefit__item a {
    color: #fff;
    text-decoration: underline;
}
.benefit__item a:hover, .benefit__item a:focus {
    color: #fff;
    text-decoration: none;
}
.video {
    height: 100%;
    width: 100%;
}
.video::after {
    content: "";
    display: flex;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background: #000;
    z-index: 1;
}
.videobutton,
.videobutton:hover {
    color: var(--color-white);
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-top: 25px;
    font-size: var(--bullet-font-size-default);
}
.videobutton:hover .videobutton__icon {
    color: var(--color-red);
    background: var(--color-white);
}
.videobutton:focus {
    outline: 1px solid var(--color-white);
}
.videobutton__icon {
    background: var(--color-red);
    font-size: calc(var(--bullet-font-size-default) - 6px);
    display: flex;
    height: 40px;
    width: 60px;
    border-radius: 5px;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
}
.video__movie {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
}
.mouse {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
}
.mouse p {
    color: var(--color-white);
    font-size: 12px;
    margin: 5px 0;
    padding: 0;
    text-transform: uppercase;
}
.mouse__item {
    position: relative;
    border: 2px solid #fff;
    width: 20px;
    height: 40px;
    border-radius: 8px;
}
.mouse__item:before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 0;
    height: 25%;
    border-right: 2px solid #fff;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -1px;
    animation: scrollOnPulse 3s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
.highlight-button {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    background: 0 0;
    top: 0;
    right: 0;
    z-index: 1;
}
.highlight-button:focus {
    outline: 1px solid var(--color-white);
}
.highlight-button:hover + .highlight {
    background: var(--color-blue);
}
.highlight {
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 8px solid var(--color-blue);
    border-left: 8px solid var(--color-blue);
    width: 200px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.highlight__head {
    display: flex;
    align-items: center;
    color: var(--color-white);
    height: 46px;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.highlight__head h2 {
    font-size: var(--h3-font-size);
}
.highlight__body {
    display: flex;
    align-items: center;
    padding: 5px 0;
    text-transform: uppercase;
}
.highlight__body p {
    color: var(--color-white);
    margin: 0;
    padding: 0;
}
.container__vacancy-section-one {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
    top: 20%;
    flex-direction: column;
    height: 100%;
}
.vacancy__place {
    display: flex;
}
.vacancy__place-inner {
    color: var(--color-white);
    padding-bottom: 50px;
    line-height: 1;
}
.vacancy__place-inner span {
    font-size: calc(var(--h1-font-size) + 14px);
}
.vacancy__title {
    display: flex;
    justify-content: flex-end;
}
.vacancy__title-inner {
    color: var(--color-white);
    font-size: var(--vacancy-title-font-size);
    text-align: right;
    position: relative;
    line-height: 1;
}
.vacancy__title-inner::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 5px;
    background: var(--color-blue);
    display: flex;
    bottom: -10px;
    right: 0;
}
.kununu__link {
    display: flex;
    justify-content: flex-end;
    height: 80px;
    position: absolute;
    z-index: 999;
    bottom: 15px;
    right: 15px;
}
.kununu__link:focus {
    outline: 1px solid var(--color-white);
}
.kununu__link img:first-child {
    margin-right: 15px;
}
.vacancy__description {
    display: flex;
    flex-direction: column;
    background: var(--color-white);
    margin: 30px 0;
    padding-top: 15px;
    flex-wrap: wrap;
}
.vacancy__description a {
    display: inline-flex;
    align-items: center;
}
.vacancy__description a [class^="icon-"] {
    margin-right: 5px;
}
.vacancy__description-top, .vacancy__description-one {
    padding: 15px;
    margin-bottom: 15px;
}
.vacancy__description-bottom,
.vacancy__description-two,
.vacancy__description-three {
    padding: 0 15px 15px 15px;
    margin-bottom: 15px;
}
.jobdetails.vacancy__jobdetails {
    border-bottom: none;
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    font-size: var(--default-font-size);
}
.jobdetails.vacancy__jobdetails [class^="icon-"] {
    font-size: calc(var(--default-font-size) + 6px);
}
.vacancy__description-bottom ul li,
.vacancy__description-top ul li,
.vacancy__description-one ul li,
.vacancy__description-two ul li,
.vacancy__description-three ul li {
    line-height: var(--default-line-height);
    padding-bottom: 5px;
}
.apply {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--color-grey);
    padding: 15px 0 30px 0;
}
.apply__button {
    position: relative;
    min-height: 50px;
    background: var(--color-blue);
    border: none;
    border-left: 15px solid var(--color-blue-dark);
    padding: 0 30px 0 15px;
    font-size: var(--h3-font-size);
    line-height: var(--h3-font-size);
    margin-left: -40px;
    display: flex !important;
    align-items: center !important;
}
.apply__button:focus,
.apply__button:hover {
    background: var(--color-blue-dark);
    border: none;
    border-left: 15px solid var(--color-blue);
    color: var(--color-white);
}
.apply__button:focus .apply__button-circle,
.apply__button:hover .apply__button-circle {
    background: var(--color-blue);
}
.apply__button-circle {
    background: var(--color-blue-dark);
    border-radius: 50%;
    color: var(--color-white);
    height: 66px;
    width: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -45px;
    top: -8px;
}
.apply__button-circle > [class^="icon-"] {
    font-size: var(--h2-font-size);
    margin-right: 0;
}
.col-vacancy-benfit {
    padding: 30px 15px;
    display: flex;
    justify-content: center;
    background: var(--color-white);
}
.col-vacancy-company {
    background: var(--color-white);
    padding: 30px 15px;
}
@media (max-width: 1280px) {
    .vacancy__place-inner,
    .vacancy__title-inner {
        transform: scale(0.7);
        padding: 0;
    }
}
@media (max-width: 768px) {
    .vacancy__description {
        flex-direction: row;
        padding-bottom: 0;
    }
    .col-8 .vacancy__description:first-child {
        margin-bottom: 0;
    }
    .vacancy__description-bottom,
    .vacancy__description-top {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 0;
        border: none;
    }
    .vacancy__description-one,
    .vacancy__description-two,
    .vacancy__description-three {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 0;
        border: none;
    }
    .vacancy__description-bottom {
        padding-top: 15px;
    }
    .apply {
        justify-content: flex-start;
    }
    .apply__button {
        margin: 0;
    }
}
@media (max-width: 768px) {
    .benefit__item {
        font-size: calc(var(--bullet-font-size-default) * 0.75);
    }
    .benefit__item span {
        font-size: calc(var(--bullet-font-size-big) * 0.75);
    }
    .container__section-one-column h1 {
        font-size: calc(var(--h1-font-size) * 0.75);
    }
}

@media (max-width: 576px) {
    .vacancy__description {
        flex-direction: column;
    }
    .vacancy__description-bottom,
    .vacancy__description-top,
    .vacancy__description-one,
    .vacancy__description-two,
    .vacancy__description-three {
        max-width: 100%;
        flex: 0 0 100%;
        flex-direction: column;
    }
    .vacancy__place-inner,
    .vacancy__title-inner {
        transform: scale(1);
    }
    .vacancy__place-inner {
        font-size: calc(var(--vacancy-title-font-size) / 3);
        padding-bottom: 30px;
    }
    .vacancy__place-inner span {
        font-size: calc(var(--vacancy-title-font-size) / 2.5);
    }
    .vacancy__title-inner {
        font-size: calc(var(--vacancy-title-font-size) / 2);
    }
    .vacancy__title-inner::after {
        width: 110px;
        height: 3px;
    }
    .apply {
        justify-content: center;
    }
    .apply__button {
        margin-left: -40px;
    }
    .kununu__link img:first-child {
        display: none;
    }
    .container__section-one {
        height: auto;
    }
    .container__section-one-column {
        align-items: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container__section-one-column--left {
        padding-top: 100px;
    }
    .container__section-one-column--right {
        padding-top: 50px;
    }
    .container__section-one-column h1 {
        font-size: calc(var(--bullet--font-size-responsive) + 8px);
    }
    .container__section-one-column--right .benefit__item {
        font-size: var(--bullet--font-size-responsive);
        margin: 0 0 5px 0;
        flex-direction: row;
    }
    .benefit__item::before {
        top: 3px;
    }
    .benefit__item span {
        font-size: var(--bullet--font-size-responsive);
        margin-left: 5px;
    }
    .videobutton {
        font-size: var(--bullet--font-size-responsive);
    }
    .container__section-one-column .responsive-image--width-500 {
        max-width: 250px;
    }
    .mouse {
        transform: scale(0.8);
        margin-bottom: 10px;
    }
    .mouse p {
        display: none;
    }
    .highlight {
        bottom: -10px;
        right: -20px;
        transform: scale(0.8);
    }
}
@media (max-height: 420px) {
    .container__vacancy-section-one {
        top: 50px;
    }
    .vacancy__place,
    .vacancy__place span {
        font-size: var(--bullet-font-size-big);
    }
    .vacancy__title-inner {
        text-align: left;
        font-size: calc(var(--bullet-font-size-big) + 8px);
    }
    .vacancy__title-inner::after {
        bottom: -10px;
        left: 0;
    }
    .container__section-one {
        transform: scale(0.8);
    }
    .container__section-one-column h1 {
        font-size: var(--bullet--font-size-responsive);
    }
    .container__section-one-column .benefit__item {
        font-size: var(--bullet--font-size-responsive);
        margin: 0 0 5px 0;
        flex-direction: row;
    }
    .container__section-one-column .benefit__item span {
        font-size: var(--bullet--font-size-responsive);
        margin-left: 5px;
    }
    .videobutton {
        font-size: var(--bullet--font-size-responsive);
    }
    .container__section-one-column .responsive-image--width-500 {
        max-width: 250px;
    }
    .benefit__item::before {
        top: 3px;
    }
    .mouse {
        transform: scale(0.6);
        margin-bottom: 10px;
    }
    .mouse p {
        display: none;
    }
    .highlight {
        bottom: -20px;
        right: -40px;
        transform: scale(0.6);
    }
    .container__section-one-column .responsive-image--width-500 {
        max-width: 190px !important;
    }
}

@media (max-width: 350px) {
    .container__section-one-column--right .benefit__item {
        flex-direction: column;
    }
}

.career {
    display: flex;
    flex-direction: column;
    margin: 50px 0;
    position: relative;
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.3);
}
.career__row {
    border-bottom: 1px solid var(--color-grey-dark);
    display: flex;
}
.career__row:nth-of-type(odd) {
    background-color: var(--color-white);
}
.career__row:nth-of-type(even) {
    background-color: var(--color-grey);
}
.career__column {
    display: flex;
}
.career__column--description {
    display: flex;
    width: 100%;
}
.career__column--highlight {
    width: 50px;
}
.career__column--button {
    align-items: center;
    justify-content: center;
    font-size: var(--small-font-size);
    padding: 0 5px;
    min-width: 130px;
}
.career__column--text {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 15px;
}
.career__column-title {
    align-items: center;
    display: flex;
    font-size: var(--job-title-font-size);
    min-height: 65px;
    padding: 10px 5px;
    text-transform: uppercase;
    flex-grow: 1;
}
.career__column-details {
    font-size: var(--small-font-size);
    align-items: center;
    display: flex;
    text-transform: uppercase;
    justify-content: space-between;
}
.career__column-details span {
    font-size: calc(var(--small-font-size) + 2px);
    margin-right: 5px;
}
.career__column-details .department,
.career__column-details .place,
.career__column-details .time {
    align-items: center;
    display: flex;
    min-height: 40px;
}
.career__column-details .place {
    width: 36%;
}
.career__column-details .time {
    width: 28%;
}
.career__column-details .department {
    width: 34%;
}
.jobspotlight {
    background: var(--color-white);
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    margin: 50px 0;
    padding: 15px 0;
}
.jobspotlight__head {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    flex-direction: column;
}
.jobspotlight__head--text {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}
.jobspotlight__body {
    padding: 15px 15px 0 15px;
}
.jobspotlight__body p {
    padding: 0 15px;
}
.jobtitle {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: var(--job-title-font-size);
    min-height: 65px;
    text-transform: uppercase;
    text-align: center;
}
.jobdetails {
    font-size: var(--small-font-size);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    min-height: 40px;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--color-grey);
    border-bottom: 1px solid var(--color-grey);
}
.jobdetails__item {
    margin: 5px 10px 5px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.jobdetails__item::before {
    display: none;
}
.jobdetails__item span {
    position: relative;
    margin-right: 5px;
    color: var(--color-blue);
    font-size: calc(var(--small-font-size) + 2px);
}
.jobspotlight__button {
    display: flex;
    justify-content: center;
    padding: 15px;
}
.jobaddon {
    background: var(--color-grey);
    padding-bottom: 60px;
    position: relative;
}
.jobaddon .link [class^="icon-"] {
    margin-right: 5px;
}
.col-4-jobaddon,
.col-8-jobaddon {
    min-height: 320px;
}
.col-5-jobaddon,
.col-7-jobaddon {
    min-height: 350px;
}
.col-6-jobaddon p {
    display: flex;
    flex-direction: column;
}
.jobaddon__wrapper {
    background: var(--color-white);
    margin-right: 15px;
    margin-left: 15px;
}
.jobaddon__image {
    height: 100%;
    position: relative;
    width: 100%;
}
.jobaddon__image img {
    /*left: -25px;*/
    position: absolute;
    top: 35px;
    z-index: 2;
}
.jobaddon__name {
    bottom: -200px;
    left: -30px;
    display: flex;
    line-height: 1.1;
    position: absolute;
    text-shadow: 0 5px 12px rgba(0, 0, 0, 0.5);
    width: 100px;
}
.whatsapp {
    color: #2ed14b;
}
.whatsapp:hover {
    color: var(--color-black);
}

.our-values {
    position: relative;
}
.our-values__container {
    position: relative;
    background-color: #fff;
    padding: 15px 0 30px 0;
    max-width: 1200px;
}
.our-values__container h3 {
    margin-top: 10px;
}
.our-values__image {
    display: none;
}
.special-charakter [class^="icon-"] {
    color: var(--color-black);
    margin-left: -5px;
}
@media (max-width: 1280px) {
    .our-values__container {
        background: var(--color-white);
        max-width: 100%;
        flex: 0 0 100%;
    }
    .our-values__image {
        display: flex;
        padding: 200px 0;
    }
    .our-values .bg-image-box::after {
        content: "";
        display: flex;
        height: 100%;
        width: 100%;
        background: var(--color-grey);
        position: absolute;
    }
    .container__section-one-column--right .benefit {
        margin: 0 0 0 75px;
    }
}
@media (max-width: 1024px) {
    .col-4-jobaddon {
        max-width: 100%;
        flex: 0 0 100%;
        min-height: 170px;
    }
    .col-8-jobaddon {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-4-jobaddon.padding--bottom-50 {
        padding-bottom: 0;
    }
    .jobaddon__image img {
        /*top: 0;*/
        left: 50%;
        transform: translateX(-50%);
    }
    .container__section-one-column--left h2 {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .col-5-jobaddon {
        max-width: 100%;
        flex: 0 0 100%;
        min-height: 170px;
    }
    .col-7-jobaddon {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .container__section-one-column--right .benefit {
        margin: 0 0 0 15px;
    }
}
@media (max-width: 768px) {
    .col-4-section-two,
    .col-8-section-two {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-4-jobaddon {
        padding-bottom: 30px;
    }
    .col-5-jobaddon {
        padding-bottom: 30px;
    }
    .row > .col-6-jobaddon:first-child {
        padding-left: 0;
    }
    .jobaddon__image img {
        max-width: 100%;
    }
    .jobaddon__name {
        bottom: -75px;
    }
    .jobspotlight {
        flex-direction: row;
    }
    .jobtitle {
        padding-top: 0;
    }
    .jobspotlight__head {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        justify-content: flex-start;
    }
    .jobspotlight__body {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        margin: 0;
        padding-top: 0;
    }
    .jobspotlight__body p {
        padding: 15px 0;
        margin: 0;
    }
    .jobspotlight__button {
        justify-content: flex-end;
    }
}
@media (max-width: 576px) {
    .col-4-section-two,
    .col-8-section-two {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-6-our-values {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-6-wanted-poster {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-12-wanted-poster {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .career {
        margin: 60px 0 15px 0;
    }
    .career__row {
        flex-direction: column;
    }
    .career__column-details {
        flex-direction: column;
        align-items: flex-start;
    }
    .career__column-details .department,
    .career__column-details .place,
    .career__column-details .time {
        width: 100%;
        min-height: 25px;
    }
    .career__column--button {
        justify-content: flex-end;
        padding: 15px;
    }
    .jobspotlight {
        flex-direction: column;
    }
    .jobtitle {
        padding-top: 15px;
    }
    .jobspotlight__body,
    .jobspotlight__head {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-4-jobaddon,
    .col-5-jobaddon,
    .col-6-jobaddon,
    .col-7-jobaddon
    .col-8-jobaddon {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .jobaddon__name {
        left: -10px;
    }
    .col-4-jobaddon {
        padding-bottom: 0;
    }
    .col-8-jobaddon {
        min-height: 100px;
    }
    .col-5-jobaddon {
        padding-bottom: 0;
    }
    .col-7-jobaddon {
        min-height: 100px;
    }
    .jobaddon__image {
        min-height: 150px;
    }
    .jobaddon__image img {
        top: 0;
        width: 100%;
    }
}

@media (max-width: 420px) {
    .jobaddon__image {
        min-height: 90px;
    }
}

.myslides-section {
    position: relative;
    min-height: 480px;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.slides-wrapper {
    display: flex;
    position: absolute;
    max-width: 740px;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
}
.slide {
    width: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: 1.7s all cubic-bezier(0.26, 0.86, 0.44, 0.985);
    transition: 1.7s all cubic-bezier(0.26, 0.86, 0.44, 0.985);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: flex;
    left: 0;
}
.slide__content {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100%;
    box-shadow: #000 0 80px 60px -70px;
    overflow: hidden;
}

.slide__content--column {
    flex-direction: column;
}

.slide__image {
    width: 55%;
}
.slide__image-pic {
    display: flex;
    height: 330px;
    width: 240px;
    /*justify-content: flex-end;*/
}
.slide__image-text {
    display: flex;
    flex-direction: column;
    background: var(--color-blue);
    color: var(--color-white);
    padding: 0;
    text-align: left;
    min-height: 58px;
}
.slide__image-text .employee-name {
    text-transform: uppercase;
    font-size: var(--job-title-font-size);
    padding: 5px 0 0 10px;
    width: 230px;
}
.slide__image-text .employee-department {
    font-size: var(--small-font-size);
    padding: 5px 0 5px 10px;
    width: 230px;
}
.slide__employee-name {
    display: flex;
    margin: 20px 0 20px 0;
    justify-content: flex-end;
}
.slide__text {
    background: var(--color-white);
    padding: 20px 20px 0 0;
    width: 100%;
    border-bottom: 30px solid var(--color-blue);
    position: relative;
}
.slide__text p {
    margin: 0;
    padding: 0;
}
.slide__text::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 100%;
    background: var(--color-white);
    top: 0;
    left: -30px;
}
.slide__caption {
    content: "";
    position: absolute;
    width: 100%;
    min-height: 40px;
    background: var(--color-blue);
    bottom: 0;
    z-index: 11;
}
.slide__caption-text {
    text-transform: uppercase;
    font-size: var(--job-title-font-size);
    padding: 5px 0 0 10px;
    text-align: left;
    color: var(--color-white);
}
.slide__video {
    padding: 0;
    width: 100%;
    border-bottom: 30px solid var(--color-blue);
    position: relative;
    line-height: 0;
    max-height: 410px;
}
.slide__video-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
}
.videobutton .slide__video-button .videobutton__icon {
    background: var(--color-blue);
    color: var(--color-white);
}
 .videobutton:hover .slide__video-button .videobutton__icon {
    background: var(--color-white);
    color: var(--color-blue);
}
.slide.current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 125px);
    transform: translate3d(0, 0, 125px);
    z-index: 10;
}
.slide.next {
    opacity: 0;
    -webkit-transform: rotateY(90deg) translate3d(-20%, 0, 155px);
    -webkit-transform-origin: top left;
    transform: rotateY(90deg) translate3d(0, 0, 125px);
    transform-origin: top left;
    left: 80%;
}
.slide.prev {
    -webkit-transform: rotateY(-90deg) translate3d(20%, 0, 155px);
    -webkit-transform-origin: top right;
    transform: rotateY(-90deg) translate3d(0, 0, 125px);
    transform-origin: top right;
    opacity: 0;
    left: -80%;
}
.nav-button {
    position: absolute;
    z-index: 10;
    min-width: 80px;
    width: 5%;
    height: 100%;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    cursor: pointer;
}
.nav-button:focus {
    outline: 0;
}
.nav-button:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.nav-button:active {
    background-color: rgba(20, 20, 20, 0.3);
}
.nav-button.prev {
    background-image: url(../img/statements/arrow-left.svg?version=123);
    background-position: center center;
    left: 0;
}
.nav-button.next {
    background-image: url(../img/statements/arrow-right.svg?version=123);
    background-position: center center;
    right: 0;
}
.slides-button--hiden {
    display: none;
}
@media (max-width: 740px) {
    .slide__content {
        align-items: flex-start;
    }
/*    .myslides-section {
        min-height: 800px;
    }*/
    .slide__content {
        flex-direction: column;
    }
    .slide__text {
        padding: 15px;
    }
    .slide__text::before {
        display: none;
    }
    .slide__image {
        width: 100%;
    }
    .slide__image-pic {
        width: 300px;
        justify-content: center;
        margin: 0 auto;
    }
    .slide__image-text {
        align-items: center;
        text-align: center;
    }
    .nav-button.next,
    .nav-button.prev {
        background-position: center 10%;
    }
}
@media (max-width: 576px) {
    .slide__content {
        align-items: flex-start;
    }
}

/* Owl Slider */
.slides-section .laptop-image {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.slides-section .slider-laptop {
    position: relative;
    padding: 2% 7.4% 0 7.4%;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: block;
}

.owl-carousel .owl-dots {
    margin-top: 40px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-nav {
    margin-top: 20px;
}

.slides-section .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    margin: 5px 7px;
    background: #000;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}

.slides-section .owl-dots .owl-dot.active span {
    background: #2679C5;
}

.slides-section .owl-carousel .owl-nav button.owl-prev, .slides-section .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    z-index: 10;
    min-width: 80px;
    width: 5%;
    height: 100%;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    cursor: pointer;
}

.slides-section .owl-carousel .owl-nav button.owl-prev {
    background-image: url(/xrechnung/assets/img/misc/arrow-left.svg);
    background-position: center center;
    left: 0;
}

.slides-section .owl-carousel .owl-nav button.owl-next {
    background-image: url(/xrechnung/assets/img/misc/arrow-right.svg);
    background-position: center center;
    right: 0;
}

.slides-section .owl-carousel .owl-nav button:active {
    background-color: rgba(20,20,20,.3);
}

.slides-section .owl-carousel .owl-nav button:hover {
    background-color: rgba(0,0,0,.1);
}

.wanted-poster__container {
    position: relative;
    background-color: rgba(255, 255, 255, .80);
    backdrop-filter: blur(10px);
    padding: 0 0 30px 0;
    max-width: 950px;
    margin-top: 90px;
    box-shadow: #000 0 80px 60px -70px;
}
.wanted-poster__container h3 {
    margin-top: 10px;
}

.col-12-wanted-poster {
    max-width: 100%;
    position: relative;
    min-height: 90px;
}

.col-6-wanted-poster {
}

.resetbutton__icon {
    background: var(--color-blue);
    color: var(--color-white);
    font-size: var(--bullet-font-size-default);
    display: flex;
    height: 40px;
    width: 60px;
    border-radius: 5px;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
}
.resetbutton__icon:hover {
    background: var(--color-white);
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
}

#svgValuesReset {
    position: absolute;
    bottom: 0;
    right: 20px;
    z-index: 1;
}

.owl-carousel .owl-item .wanted-poster__photo, .wanted-poster__photo {
    width: auto;
    position: absolute;
    top: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 1440px) {
    .wanted-poster__container {
        max-width: 1000px;
    }
}
@media (max-width: 1280px) {
    .wanted-poster__container {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .wanted-poster__image {
        display: flex;
        padding: 200px 0;
    }
    .wanted-poster .bg-image-box::after {
        content: "";
        display: flex;
        height: 100%;
        width: 100%;
        background: var(--color-grey);
        position: absolute;
    }
}


[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}
[data-aos] {
    pointer-events: none;
}
[data-aos].aos-animate {
    pointer-events: auto;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
    transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
    transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
    transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen {
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    html:not(.no-js) [data-aos="fade-up"] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    html:not(.no-js) [data-aos="fade-down"] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    html:not(.no-js) [data-aos="fade-right"] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    html:not(.no-js) [data-aos="fade-left"] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    html:not(.no-js) [data-aos="fade-up-right"] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0);
    }
    html:not(.no-js) [data-aos="fade-up-left"] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0);
    }
    html:not(.no-js) [data-aos="fade-down-right"] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0);
    }
    html:not(.no-js) [data-aos="fade-down-left"] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0);
    }
    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }
    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
    }
    html:not(.no-js) [data-aos="zoom-in"] {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-up"] {
        -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
        transform: translate3d(0, 100px, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-down"] {
        -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
        transform: translate3d(0, -100px, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-right"] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
        transform: translate3d(-100px, 0, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-left"] {
        -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
        transform: translate3d(100px, 0, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-out"] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-up"] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-down"] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-right"] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-left"] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden;
    }
    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    html:not(.no-js) [data-aos="slide-up"] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    html:not(.no-js) [data-aos="slide-down"] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    html:not(.no-js) [data-aos="slide-right"] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    html:not(.no-js) [data-aos="slide-left"] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }
    html:not(.no-js) [data-aos="flip-left"] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg);
    }
    html:not(.no-js) [data-aos="flip-left"].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0);
    }
    html:not(.no-js) [data-aos="flip-right"] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg);
    }
    html:not(.no-js) [data-aos="flip-right"].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0);
    }
    html:not(.no-js) [data-aos="flip-up"] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg);
    }
    html:not(.no-js) [data-aos="flip-up"].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
    }
    html:not(.no-js) [data-aos="flip-down"] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg);
    }
    html:not(.no-js) [data-aos="flip-down"].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
    }
}
@keyframes headerDefaultFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes headerStickySlideIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@keyframes scrollOnPulse {
    from {
        transform: translateY(-8px);
        opacity: 1;
    }
    50% {
        transform: translateY(15px);
        opacity: 1;
    }
    to {
        transform: translateY(-8px);
        opacity: 1;
    }
}
.margin--right-15 {
    margin-right: 15px;
}
.margin--left-15 {
    margin-left: 15px;
}
.margin--top-5 {
    margin-top: 5px;
}
.margin--top-10 {
    margin-top: 10px;
}
.margin--top-30 {
    margin-top: 30px;
}
.margin--top-50 {
    margin-top: 50px;
}
.margin--top-100 {
    margin-top: 100px;
}
.margin--top-150 {
    margin-top: 150px;
}
.margin--bottom-30 {
    margin-bottom: 30px;
}
.padding--bottom-10 {
    padding-bottom: 10px;
}
.padding--bottom-20 {
    padding-bottom: 10px;
}
.padding--bottom-30 {
    padding-bottom: 30px;
}
.padding--bottom-40 {
    padding-bottom: 40px;
}
.padding--bottom-50 {
    padding-bottom: 50px;
}
.padding--bottom-100 {
    padding-bottom: 100px;
}
.padding--top-10 {
    padding-top: 10px;
}
.padding--top-20 {
    padding-top: 20px;
}
.padding--top-30 {
    padding-top: 30px;
}
.padding--top-40 {
    padding-top: 40px;
}
.padding--top-50 {
    padding-top: 50px;
}
.padding--top-bottom-30 {
    padding: 30px 0;
}
.overflow--hidden {
    overflow: hidden;
}
.full--heigth-100 {
    height: 100%;
}
.full--heigth-50 {
    height: 100%;
}
.position--fixed {
    position: fixed;
}
.position--relative {
    position: relative;
}
.position--absolute {
    position: absolute;
}
.justify-content--center {
    justify-content: center;
}
.flex-direction--column {
    flex-direction: column;
}
.flex-direction--row {
    flex-direction: row;
}
.flex {
    display: flex;
}
.responsive-image {
    height: auto;
    width: 100%;
}
.responsive-image--width-500 {
    height: auto;
    max-width: 400px;
    width: 100%;
}
.wordbreak {
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
}
.text--strong {
    font-weight: 500;
}
.text-transform--uppercase {
    text-transform: uppercase;
}
.text-align--center {
    text-align: center;
}
.text-align--right {
    text-align: right;
}
.text-font-size--small {
    font-size: var(--small-font-size);
}
.bg-color--white {
    background: var(--color-white);
}
.bg-color--whiteblur {
    background-color: rgba(255, 255, 255, .75);
    backdrop-filter: blur(10px);
}
.bg-color--grey {
    background: var(--color-grey);
}
.bg-color--transoarent {
    background: 0 0;
}
.video__overlay {
    z-index: 20000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
}
.video__modal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 560px;
    height: 315px;
    margin-left: -280px;
    margin-top: -175px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    display: none;
    z-index: 20001;
}
.video__modal iframe {
    width: 100%;
    height: 100%;
}
.video__modal .btn__close {
    background: url(/jobs/assets/img/close.png) #000;
    background-position: top left;
    height: 36px;
    width: 36px;
    position: absolute;
    font-size: 0;
    right: -16px;
    top: -12px;
    border-radius: 18px;
}
.video__modal .btn__close:hover {
    background: url(/jobs/assets/img/close.png) #fff;
    background-position: 0 35px;
}


/* New Benefits Section */
#advantages .bg-color--grey .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.advantage {
    padding: 15px 15px;
    position: relative;
    text-align: center;
}

.col-4-advantages {
    position: relative;
    z-index: 1;
    padding-right: 0;
    padding-left: 0;
}

#advantages .row:nth-child(odd) {
    margin-bottom: 20px;
}

.row:nth-child(odd) .col-4-advantages:nth-child(odd) .advantage {
    background-color: var(--color-white);
}

.row:nth-child(even) .col-4-advantages:nth-child(even) .advantage {
    background-color: var(--color-white);
}

.row:nth-child(odd) .col-4-advantages:nth-child(odd) .advantage::after,
.row:nth-child(even) .col-4-advantages:nth-child(even) .advantage::after {
    bottom: 0;
    box-shadow: 1px 10px 25px 0 rgba(0, 0, 0, 0.75);
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 85%;
    z-index: -1;
}

.col-4-advantages h3 {
    color: var(--color-black);
    line-height: 28px;
}

.advantage__image {
    display: flex;
    flex-direction: column;
    position: relative;
}

.advantage__image--left {
    align-items: flex-start;
    display: flex;
    height: 160px;
    position: relative;
}

.advantage__image--center {
    align-items: center;
    display: flex;
    height: 160px;
    justify-content: center;
    position: relative;
}

.image-advantage {
    min-width: 160px;
    height: auto;
    position: absolute;
    z-index: 2;
}

.advantage__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 56px;
}

@media (max-width: 768px) {
    #advantages .row:nth-child(odd) {
        margin-bottom: 0;
    }
    
    .advantage {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .col-4-advantages {
        padding: 25px 15px;
    }
}