:root {
    --font-size-base: 13pt;
    --font-size-small-viewports: 11pt;
    --line-height-base: 1.55;
    --font-weight-base: 300;
    --font-weight-semi-bold: 500;
    --font-weight-bold: 700;

    --font-weight-submenu: 500;

    --font-weight-strong: 700;

    --font-size-h1: 63pt;
    --font-size-h2: 44pt;
    --font-size-h2-project-navigation: 26.25pt;
    --font-size-h3: 44pt;
    --font-size-h3-projects: 31.5pt;
    --font-size-h3-persons-career: 16pt;
    --line-height-headings: 1;
    --font-weight-headings: 900;

    --font-size-header-slider-h2-mobile: 20pt;

    --font-color: #212121;
    --font-color-light: white;
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v19-latin/roboto-v19-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
         url('../fonts/roboto-v19-latin/roboto-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v19-latin/roboto-v19-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
         url('../fonts/roboto-v19-latin/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v19-latin/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('../fonts/roboto-v19-latin/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-v19-latin/roboto-v19-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
         url('../fonts/roboto-v19-latin/roboto-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v19-latin/roboto-v19-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-slab-v8-latin/roboto-slab-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
         url('../fonts/roboto-slab-v8-latin/roboto-slab-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-slab-v8-latin/roboto-slab-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-slab-v8-latin/roboto-slab-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-slab-v8-latin/roboto-slab-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-slab-v8-latin/roboto-slab-v8-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

body#sb, #sb div, #sb p, #sb h1, #sb h2, #sb h3, #sb h4, #sb h5, #sb h6, #sb li, #sb a,
#sb .header-slider h2 {
    font-family: 'Roboto', sans-serif;
}

body, div, p,
.text__module-wtitle ol,
.text__module-wtitle ul {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    font-weight: var(--font-weight-base);
}

@media screen and (max-width: 1800px) {
    body, div, p,
    .text__module-wtitle ol,
    .text__module-wtitle ul {
        font-size: var(--font-size-small-viewports);
    }
}

#sb .sec_deskNav_mainMenu_item .sec_deskNav_subMenu_item a {
    font-weight: var(--font-weight-submenu);
}

#sb p strong {
    font-weight: var(--font-weight-strong);
}

#sb h1,
#sb h1.h2,
#sb h2,
#sb h3,
.header-carousel__cell,
.header-carousel-title,
#sb .header-slider h2 {
    line-height: 1;
    font-weight: var(--font-weight-headings);
}

#sb h1,
.header-carousel__cell,
.header-carousel-title {
    font-size: var(--font-size-h1);
}

.header-carousel__cell,
.header-carousel-title {
    text-transform: uppercase;
    text-indent: -2px;
}

#sb h1.h2 {
    text-transform: none;
}

#sb h1.h2,
#sb h2,
#sb .text__module__item h2 {
    font-size: var(--font-size-h2);
}

#sb h3 {
    font-size: var(--font-size-h3);
}

#sb .gallery__item__quote p,
#sb .quote__paragraph {
    font-family: 'Roboto Slab', serif;
    font-style: normal;
}

#sb.projectsSingle .fullpage__left h3 {
    font-size: var(--font-size-h3-projects);
}

#sb .project__navigation-tile--content h2 {
    font-size: var(--font-size-h2-project-navigation);
}

#sb .header-slider h2 {
    font-size: var(--font-size-h1);
}

.gallery__video,
.gallery__video__wrapper {
    height: 48vw;
    max-height: 610px;
}

@media screen and (max-width: 750px) {
    .gallery__video,
    .gallery__video__wrapper {
        height: 50.4vw;
    }
}

@media screen and (max-width: 1800px) {
    #sb h1.h2 {
        font-size: calc(var(--font-size-h2) / 1.2);
    }

    #sb.projectsSingle .fullpage__left h3 {
        font-size: calc(var(--font-size-h3-projects) / 1.2);
    }
}

@media screen and (min-width: 1345px) and (max-width: 1800px) {
    body, div, p,
    .text__module-wtitle ol,
    .text__module-wtitle ul {
        font-size: 11pt;
    }

    #sb h1,
    .header-carousel__cell,
    .header-carousel-title {
        font-size: calc(var(--font-size-h1) / 1.2);
    }

    #sb h2,
    #sb .text__module__item h2 {
        font-size: calc(var(--font-size-h2) / 1.2);
    }

    #sb .header-slider h2 {
        font-size: calc(var(--font-size-h1) / 1.2);
    }

    #sb h3 {
        font-size: calc(var(--font-size-h3) / 1.2);
    }
}

@media screen and (min-width: 750px) and (max-width: 1800px) {
    #sb .news__article .text__module__item h2 {
        font-size: calc(var(--font-size-h2) / 1.2);
    }

    #sb.projectsSingle .fullpage__left h3 {
        font-size: calc(var(--font-size-h3-projects) / 1.22);
    }
}

@media screen and (max-width: 1345px) {
    #sb h1,
    .header-carousel__cell,
    .header-carousel-title {
        font-size: calc(var(--font-size-h1) / 1.68);
    }

    #sb h2,
    #sb .text__module__item h2 {
        font-size: calc(var(--font-size-h2) / 1.73);
    }

    #sb .header-slider h2 {
        font-size: calc(var(--font-size-h1) / 1.73);
    }

    #sb h3 {
        font-size: calc(var(--font-size-h3) / 1.73);
    }
}

@media screen and (max-width: 750px) {
    #sb .news__article .text__module__item h2 {
        font-size: calc(var(--font-size-h2) / 1.73);
    }
}

@media screen and (max-width: 322px) {
    #sb.projectsSingle .fullpage__left h3 {
        font-size: calc(var(--font-size-h3-projects) / 2);
    }
}

#sb .nav__top__meta ul li {
    line-height: 65px;
}

.icon-instagram_icon {
    content: url('/assets/img/svg/social-instagram.svg');
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}

.header-carousel__cell {
    width: 100%;
}

#sb .nav__mobile__search__icon {
    top: -3px;
}

.homepage.header__title {
    width: 100%;
}

.header-slider {
    height: 100vh;
}

#sb .header-slider h2 {
    text-transform: uppercase;
}

.header-slider .flickity-slider,
.header-slider .flickity-viewport,
.header-slider .header-slider__slider {
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.header-slider__slide {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-size: cover;
    background-position: 50% 0;
}

.textcolor-lightswitch h2 {
    color: white;
    text-transform: uppercase;
}

#sb .header-slider .header__title {
    bottom: 110px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .header-slider .header__title {
        text-align: center;
    }

    #sb .header-slider .header__title {
        bottom: -20px;
    }

    #sb .header-slider h2 {
        font-size: var(--font-size-header-slider-h2-mobile);
    }

    .header-slider .flickity-prev-next-button {
        top: 12%;
    }

    .text__module-wtitle.grid__row8 {
        width: 80%;
    }
}

@media screen and (min-width: 1345px) {
    .header-slider .flickity-prev-next-button.previous {
        left: 75px;
    }
}

#sec_deskNav_triggerBar_logoWrapper > a {
    position: relative;
    top: -1px;
}

.jobs__module__list ul li.accordion__item__menu__pdf a {
    color: white;
    font-weight: 500;
    padding-top: 18px;
}

.gallery-item__text-overlay {
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    padding-left: 1em;
    padding-right: 1em;
    z-index: 11;
    font-weight: var(--font-weight-bold);
    color: var(--font-color);
}

.gallery-item--video .gallery-item__text-overlay {
    bottom: 5em;
}

.gallery-item--light .gallery-item__text-overlay {
    color: var(--font-color-light);
}

.gallery-item__link {
    margin-top: 1em;
}

.video-wrapper {
    width: 100%;
    padding-top: 70.4%;
    position: relative;
}

.video-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.video-container video {
    object-fit: cover;
    width:100%;
    height:100%;
    object-position: 50% 50%;
}

.image-with-heading__figure {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.image-with-heading__figure {
    max-width: 1080px;
}

.image-with-heading__figure img {
    max-width: 100%;
}

.footer .grid__row24.js-footerItem {
    padding-right: 2em;
}

.js-deskNavItem {
    position: relative;
    top: -4px;
}

.persons-career__link {
    margin-top: 1em;
}

.persons-career__link .button--default {
    padding-right: 2em;
}

.image-gallery__text {
    margin-bottom: 1em;
}

.image-gallery__arrow {
    margin-bottom: -0.5em;
}

.projects .text__module-wtitle,
.career .text__module-wtitle,
.persons-career .text__module-wtitle,
.services .text__module-wtitle,
.business .text__module-wtitle {
    max-width: 685px;
}

.homepage.site-softwareDe .section-home-mobile .text__module__2__columns .text__module__item {
    overflow: visible;
}

#sb #persons {
    margin-top: 0 !important;
}

@media screen and (max-width: 750px) {
    .persons__text {
        padding-top: 20px;
    }
}
