/* Author : Mariusz Andrzejewski */ /* THEME VARIABLES */ @import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext"); col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .block .view-id-departments .view-content .item-list ul, .block .view-id-departments .view-content .item-list li { list-style: none; padding: 0; margin: 0; } .block .view-id-departments .view-content .item-list ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; } .block .view-id-departments .view-content .item-list li { position: relative; z-index: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; } .block .view-id-departments .view-content .item-list li .views-field { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block .view-id-departments .view-content .item-list li svg { width: auto; height: 85px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .block .view-id-departments .view-content .item-list li svg { height: 6.25vw; } } @media only screen and (max-width: 767px) { .block .view-id-departments .view-content .item-list li svg { height: 60px; } } .block .view-id-departments .view-content .item-list li .department__link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .block .view-id-departments .view-content .item-list li .views-field-field-slogan { padding: 0; } @media only screen and (max-width: 991px) { .block .view-id-departments .view-content .item-list li .views-field-field-slogan { display: none; } } .block .view-id-departments .view-content .item-list li .views-field-field-slogan .field-content { font-size: 1.7142857143rem; line-height: 2rem; padding-left: 45px; margin-left: 40px; border-left: 1px solid #9f192a; } @media only screen and (max-width: 1199px) { .block .view-id-departments .view-content .item-list li .views-field-field-slogan .field-content { font-size: 1.2142857143rem; line-height: 1.4285714286rem; } } .block .view-id-departments .view-content .item-list li .views-field-field-slogan .field-content p { margin: 0; padding: 10px 0; } @media only screen and (max-width: 1500px) { .block .view-id-departments.all-departments { width: 100%; } } .block .view-id-departments.all-departments .view-content .item-list li { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; width: 193px; height: 127px; justify-content: center; } @media only screen and (max-width: 860px) { .block .view-id-departments.all-departments .view-content .item-list li { width: 22vw; } } .block .view-id-departments.all-departments .view-content .item-list li .views-field-field-logo-svg .field-content { display: flex; justify-content: center; } .block .view-id-departments.all-departments .view-content .item-list li .views-field-field-logo-svg .field-content svg { width: auto; height: 60px; } .block .view-id-departments.all-departments .view-content .item-list li .views-field-field-logo-svg .field-content svg path { -webkit-transition: 0.2s; transition: 0.2s; -webkit-transition-property: all; transition-property: all; } @media only screen and (max-width: 600px) { .block .view-id-departments.all-departments .view-content .item-list li .views-field-field-logo-svg .field-content svg { max-width: 80%; height: auto; } } .block .view-id-departments.all-departments .view-content .item-list li:hover svg path { fill: #fff !important; } .block .view-id-departments.all-departments .view-content .item-list li.tid-1:hover { background-color: #c10a29; } .block .view-id-departments.all-departments .view-content .item-list li.tid-2:hover { background-color: #a1182a; } .block .view-id-departments.all-departments .view-content .item-list li.tid-3:hover { background-color: #7a2425; } .block .view-id-departments.all-departments .view-content .item-list li.tid-33:hover { background-color: #c10a29; } .block .view-id-departments.all-departments .view-content .item-list li:first-of-type::before { content: ''; position: absolute; border-left: solid 1px #c10a29; height: 75px; left: 0; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 1660px) { .block .view-id-departments.all-departments .view-content .item-list li:first-of-type::before { display: none; } } .block .view-id-departments.all-departments .view-content .item-list li:last-of-type .views-field-field-logo-svg .field-content svg { width: auto; height: 80px; } @media only screen and (max-width: 600px) { .block .view-id-departments.all-departments .view-content .item-list li:last-of-type .views-field-field-logo-svg .field-content svg { max-width: 80%; height: auto; } } footer .view-id-departments.view-display-id-block_2 .view-content .item-list ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } @media only screen and (max-width: 640px) { footer .view-id-departments.view-display-id-block_2 .view-content .item-list ul { justify-content: center; } } footer .view-id-departments.view-display-id-block_2 .view-content .item-list li { padding: 0 10px; opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } footer .view-id-departments.view-display-id-block_2 .view-content .item-list li:hover, footer .view-id-departments.view-display-id-block_2 .view-content .item-list li:focus { opacity: 1; } @media only screen and (max-width: 480px) { footer .view-id-departments.view-display-id-block_2 .view-content .item-list li { width: 100%; padding-bottom: 20px; } } @media only screen and (max-width: 480px) { footer .view-id-departments.view-display-id-block_2 .view-content .item-list li .views-field { margin: 0px auto; } } footer .view-id-departments.view-display-id-block_2 .view-content .item-list svg { width: auto; height: 52px; } footer .view-id-departments.view-display-id-block_2 .view-content .item-list svg .st1 { fill: #ffffff !important; } footer .view-id-departments.view-display-id-block_2 .view-content .item-list li:last-of-type svg { width: auto; height: 62px; margin-top: -5px; } .view-id-departments.view-display-id-block_6 li.tid-33 svg#Warstwa_1 > g path { fill: black; } .view-id-departments.view-display-id-block_2 .item-list > ul li:first-child svg#Warstwa_1 > g path:nth-last-child(-n+17), .view-id-departments.view-display-id-block_2 .item-list > ul li:first-child svg#Warstwa_1 > g circle, .view-id-departments.view-display-id-block_2 .item-list > ul li.tid-33 svg#Warstwa_1 > g path:nth-last-child(-n+17), .view-id-departments.view-display-id-block_2 .item-list > ul li.tid-33 svg#Warstwa_1 > g circle, .view-id-departments.view-display-id-block_6 .item-list > ul li:first-child svg#Warstwa_1 > g path:nth-last-child(-n+17), .view-id-departments.view-display-id-block_6 .item-list > ul li:first-child svg#Warstwa_1 > g circle, .view-id-departments.view-display-id-block_6 .item-list > ul li.tid-33 svg#Warstwa_1 > g path:nth-last-child(-n+17), .view-id-departments.view-display-id-block_6 .item-list > ul li.tid-33 svg#Warstwa_1 > g circle { fill: #c10a29; } .view-id-departments.view-display-id-block_2 .item-list > ul li:first-child svg#Warstwa_1 > g path:first-child, .view-id-departments.view-display-id-block_2 .item-list > ul li.tid-33 svg#Warstwa_1 > g path:first-child, .view-id-departments.view-display-id-block_6 .item-list > ul li:first-child svg#Warstwa_1 > g path:first-child, .view-id-departments.view-display-id-block_6 .item-list > ul li.tid-33 svg#Warstwa_1 > g path:first-child { fill: #c10a29; } nav.block-offer > ul { margin: 0px auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (min-width: 1200px) { nav.block-offer > ul { max-width: 83.3333333333%; } } @media only screen and (max-width: 991px) { nav.block-offer > ul { flex-wrap: wrap; } } nav.block-offer > ul > li { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-grow: 1; position: relative; z-index: 0; width: 0; padding: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } @media only screen and (min-width: 768px) and (max-width: 991px) { nav.block-offer > ul > li { width: 50%; } } @media only screen and (max-width: 768px) { nav.block-offer > ul > li { width: 100%; border-bottom: 1px solid #cfd8dc; } } nav.block-offer > ul > li.menu-item--active-trail > a, nav.block-offer > ul > li:hover > a { color: #ffffff; } nav.block-offer > ul > li.menu-item--active-trail div.field--name-field-menu-icon svg .cls-1, nav.block-offer > ul > li:hover div.field--name-field-menu-icon svg .cls-1 { stroke: #ffffff; } nav.block-offer > ul > li.menu-item--active-trail div.field--name-field-menu-icon svg .cls-2, nav.block-offer > ul > li:hover div.field--name-field-menu-icon svg .cls-2 { fill: #ffffff; } nav.block-offer > ul > li > a { padding: 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; order: 1; font-size: 1.2857142857rem; font-weight: 700; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; text-decoration: none; } nav.block-offer > ul > li > a:before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } nav.block-offer > ul > li div.field--name-field-menu-icon { order: 2; } nav.block-offer > ul > li div.field--name-field-menu-icon svg { height: 65px; } nav.block-offer > ul > li div.field--name-field-menu-icon svg path { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } nav.block-offer > ul > li div.field--name-field-menu-icon svg .cls-1 { fill: none; stroke: #e2092e; stroke-linecap: round; stroke-linejoin: round; } nav.block-offer > ul > li div.field--name-field-menu-icon svg .cls-2 { fill: #e2092e; } .job-offers-block .view-header { color: #313c4d; font-weight: 900; font-size: 2.1428571429rem; } .job-offers-block .view-job-offers > div:not(.contextual):before { display: none; } .job-offers-block .view-job-offers > div:not(.contextual) .views-row { justify-content: flex-start !important; } .job-offers-block .view-job-offers > div:not(.contextual) .views-row .views-field-field-job-name { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; font-size: 1.2857142857rem; } .job-offers-block .view-job-offers > div:not(.contextual) .views-row .job-offer-content { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .views-row .views-field-field-job-e-mail { margin-bottom: 15px; display: flex; align-content: baseline; justify-content: unset; } .job-offers-block .view-job-offers > div:not(.contextual) .views-row .views-field-field-job-e-mail .views-label-field-job-e-mail { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; font-size: 1.2857142857rem; } .job-offers-block .view-job-offers > div:not(.contextual) .views-row .views-field-field-job-e-mail .field-content { font-size: 1.2857142857rem; margin-left: 5px; } .job-offers-block .job-offer-button a { font-size: 0.9285714286rem !important; width: 195px !important; padding-top: 8px !important; padding-bottom: 8px !important; } @media only screen and (max-width: 400px) { .block.contact-header { display: none !important; } } .block.contact img { margin-right: 5px; } .block.contact .coordinates { font-family: "Nunito", sans-serif; font-weight: 700; color: #ffffff; } .block.footer-logo svg { width: auto; height: 20px; } .block.footer-logo svg path { fill: #8e9296; } .block.footer-logo.footer-logo-slogan a { opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } .block.footer-logo.footer-logo-slogan a:hover, .block.footer-logo.footer-logo-slogan a:focus { opacity: 1; } .block.footer-logo.footer-logo-slogan svg { height: 50px; } .block.footer-logo.footer-logo-slogan svg .st0 { fill: #ffffff; } .block.footer-logo.footer-logo-slogan svg .st1 { fill: #e4002b; } .block-implementations { margin-bottom: 80px; } .block-implementations .content .group__header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; } .block-implementations .content .group__header div.text { padding-top: 20px; flex-shrink: 0; padding-bottom: 50px; } .block-implementations .content .group__header div.field--name-field-image { align-self: flex-end; padding-left: 40px; } @media only screen and (max-width: 920px) { .block-implementations .content .group__header div.field--name-field-image { display: none; } } .block-implementations .content .group__header div.field--name-field-image img { display: block; max-width: 100%; height: auto; } .block-implementations .content .field { color: #313c4d; } .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-description { font-size: 1rem; font-weight: 300; color: #313c4d; } .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-title, .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-description { line-height: 1.4285714286rem; } .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-title p, .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-description p { margin: 0; } .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-image img, .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-image svg { display: block; } .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-image svg > g { -webkit-transition: 0.2s; transition: 0.2s; -webkit-transition-property: all; transition-property: all; opacity: 0; } .block-implementations .content .field--name-field-implementations > div.field__item .field--name-field-image svg > g.logo-color { opacity: 1; } .block-info { padding: 100px 0 100px; margin-bottom: 300px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 2; background-color: #142034; background-repeat: no-repeat; background-position: top right; background-size: 41.6666666667% auto; } @media only screen and (min-width: 992px) { .block-info { background-image: url(../img/backgrounds/mobile-tictac.png); } } @media only screen and (max-width: 1540px) { .block-info { padding-left: 45px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 30px; } } @media only screen and (max-width: 660px) { .block-info { padding-left: 0; } } .block-info:before { content: ''; background: url(../img/backgrounds/tictacs.png) no-repeat top center; background-size: cover; width: 15.8333333333vw; height: 47.03125vw; left: 0; bottom: -270px; max-width: 304px; max-height: 903px; position: absolute; z-index: 3; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } @media only screen and (min-width: 1540px) and (max-width: 1680px) { .block-info:before { -ms-transform: translate(-20%, 0); -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); transform: translate(-20%, 0); } } @media only screen and (max-width: 1540px) { .block-info:before { -ms-transform: translate(-45%, 0); -webkit-transform: translate(-45%, 0); -moz-transform: translate(-45%, 0); transform: translate(-45%, 0); } } @media only screen and (max-width: 660px) { .block-info:before { display: none; } } .block-info .content .field { color: #ffffff; } .block-info .content .group__block-content { width: 780px; max-width: 100%; } .block.outsourcing-offer { margin-top: 0px; margin-bottom: 90px; position: relative; z-index: 0; } @media only screen and (min-width: 1200px) { .block.outsourcing-offer { margin-top: -80px; } } @media only screen and (max-width: 991px) { .block.outsourcing-offer { margin-top: 20px; } } .block.outsourcing-offer .content { text-align: right; } .block.outsourcing-offer .content .field--name-body { display: inline-block; vertical-align: top; width: 440px; max-width: 100%; text-align: left; position: relative; z-index: 0; } @media only screen and (max-width: 991px) { .block.outsourcing-offer .content .field--name-body { width: auto; } } @media only screen and (max-width: 599px) { .block.outsourcing-offer .content .field--name-body { display: table; margin: 50px auto 0px; } } .block.outsourcing-offer .content .field--name-body:before { content: ''; height: 2px; width: 95px; position: absolute; top: 0; left: 0; background: #ef383e; } .block.outsourcing-offer .content .field--name-body h3 { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; margin: 20px 0 8px; } .block.outsourcing-offer .content .field--name-body ol { padding: 0 0 0 1em; margin: 0; font-size: 1rem; font-weight: 300; color: #313c4d; } div.block-page-title > div.content > h1 { text-align: center; font-weight: 300; font-size: 4.9285714286rem; text-transform: uppercase; } @media (max-width: 900px) { div#block-page-title-wc > div.content > h1 { font-size: 3.5714285714rem; } } @media (max-width: 500px) { div#block-page-title-wc > div.content > h1 { font-size: 2.8571428571rem; } } @media (max-width: 400px) { div#block-page-title-wc > div.content > h1 { font-size: 2.4285714286rem; } } @media only screen and (max-width: 400px) { .search-block-form { margin-top: 20px; } } .search-block-form[data-form-state="collapsed"] form { padding-right: 30px; } .search-block-form[data-form-state="collapsed"] .form-search { padding-left: 0; padding-right: 0; border: 0px none; width: 0; } .search-block-form[data-form-state="expanded"] form { padding-right: 45px; } .search-block-form form { position: relative; z-index: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .search-block-form .form-search { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: border; transition-property: border; border: 1px solid #cfd8dc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 30px; padding: 11px 20px; line-height: 16px; } @media only screen and (max-width: 1199px) { .search-block-form .form-search { position: absolute; z-index: 5; right: 50px; top: -20px; } } @media only screen and (max-width: 480px) { .search-block-form .form-search { max-width: 200px !important; } } .search-block-form .search-trigger { border: none; background: transparent; color: #c71e37; position: absolute; z-index: 1; right: 0; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } .search-block-form .search-trigger i { font-size: 19px; } .search-block-form .search-trigger svg { width: 17px; height: 19px; } .block-stages { position: relative; z-index: 5; margin-bottom: 90px; } @media only screen and (max-width: 599px) { .block-stages { display: none; } } .block-stages svg { width: 100%; height: auto; display: block; } .block-stages svg tspan { font-weight: 900; } .block-stages svg g.active, .block-stages svg [id^="_1_"] { opacity: 1; -webkit-filter: none; filter: none; } .block-stages svg g { /*opacity: 0.5;*/ -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: opacity filter; transition-property: opacity filter; /*@include filter(grayscale(1));*/ } .block-stages svg g polygon { /*fill: white;*/ /*opacity: 0;*/ /*cursor: pointer;*/ } body.vobacom-ts div.block-stages div.content { max-width: 1800px; width: 100%; } .block-vobacom-years-of-experience { width: 743px; height: 371px; position: relative; z-index: 3; margin: 0px auto 25px; max-width: 100%; pointer-events: none; } @media only screen and (min-width: 1200px) { .block-vobacom-years-of-experience { margin-top: -100px; } } @media only screen and (min-width: 1540px) { .block-vobacom-years-of-experience { margin-top: -470px; } } .block-vobacom-years-of-experience .content { background: url(../img/backgrounds/lemon.png) no-repeat center; display: block; height: 100%; font-weight: 800; color: #ffffff; text-align: center; } .block-vobacom-years-of-experience .content p { margin: 0; } .block-vobacom-years-of-experience .content .field--name-field-start-date { padding-top: 70px; font-family: "Nunito", sans-serif; font-size: 6.3571428571rem; line-height: 5rem; } @media only screen and (min-width: 1366px) { .block-vobacom-years-of-experience .content .field--name-field-start-date { font-size: 4.6354166667vw; } } @media only screen and (min-width: 992px) and (max-width: 1366px) { .block-vobacom-years-of-experience .content .field--name-field-start-date { font-size: 6.953125vw; } } @media only screen and (min-width: 1920px) { .block-vobacom-years-of-experience .content .field--name-field-start-date { font-size: 6.2857142857rem; } } .block-vobacom-years-of-experience .content .field--name-field-start-date .suffix { width: 100%; display: inline-block; vertical-align: top; font-family: "Nunito", sans-serif; font-size: 3.9285714286rem; } @media only screen and (min-width: 992px) { .block-vobacom-years-of-experience .content .field--name-field-start-date .suffix { font-size: 2.8645833333vw; } } @media only screen and (min-width: 1920px) { .block-vobacom-years-of-experience .content .field--name-field-start-date .suffix { font-size: 3.8571428571rem; } } .block-vobacom-years-of-experience .content .field--name-field-subtitle { font-family: "Nunito", sans-serif; font-size: 2.4285714286rem; line-height: 1.2857142857rem; } .block-webform { width: 91.6666666667%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; margin: 0px auto 80px; } .block-webform .field--name-field-title { text-align: center; font-size: 2.7142857143rem; font-weight: 300; color: #142034; } .block-webform .field--name-field-title p { margin: 0 0 55px; } .block-webform .field--name-field-title b { font-weight: 900; } .block-webform .field--name-field-webform .form-text, .block-webform .field--name-field-webform .form-email, .block-webform .field--name-field-webform .form-textarea { width: 100%; } .block-webform .field--name-field-webform textarea { resize: none; } .block-webform .field--name-field-webform #edit-person-responsible { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } @media only screen and (min-width: 992px) { .block-webform .field--name-field-webform #edit-person-responsible { padding-top: 28px; } } @media only screen and (max-width: 991px) { .block-webform .field--name-field-webform #edit-person-responsible { justify-content: center; } } @media only screen and (max-width: 767px) { .block-webform .field--name-field-webform #edit-person-responsible { flex-wrap: wrap; justify-content: flex-start; } } .block-webform .field--name-field-webform #edit-person-responsible h3 { width: 200px; margin: 0px; flex-basis: 100%; padding-bottom: 30px; font-size: 1.3571428571rem; font-weight: 900; color: #142034; } @media only screen and (max-width: 767px) { .block-webform .field--name-field-webform #edit-person-responsible h3 { width: 100%; padding-bottom: 15px; } } .block-webform .field--name-field-webform #edit-person-responsible p { margin: 0; } .block-webform .field--name-field-webform #edit-person-responsible > p { width: 75px; } .block-webform .field--name-field-webform #edit-person-responsible > p.person-responsible-data { width: auto; } .block-webform .field--name-field-webform #edit-person-responsible .person-responsible-data { font-size: 12px; font-weight: 300; color: #313c4d; margin-right: 50px; } .block-webform .field--name-field-webform #edit-person-responsible .person-responsible-data .person-name { margin: 15px 0; font-size: 1.2857142857rem; font-weight: 900; } .block-webform .field--name-field-webform .form-submit { margin: 30px auto 0px; display: block; } #block-wc-webform-contact .person-responsible-data img { width: 65px; } @media only screen and (max-width: 640px) { .block-work-with-us { display: none !important; } } .block-logo-vobacom { padding-right: 50px; } @media only screen and (max-width: 1660px) { .block-logo-vobacom { padding-top: 20px; } } .spb-popup-main-wrapper { max-width: 700px; border-radius: 20px; } .spb-popup-main-wrapper .block-block-content { max-height: 300px; } .spb-popup-main-wrapper .block-block-content .field--name-field-popup-text { max-height: 100px; overflow-y: scroll; } .simple-popup-blocks-global .spb-popup-main-wrapper { max-width: 700px; border-radius: 20px; } div.block-simplelanguageswitcher > div.content > a { font-weight: 800; font-size: 1.4285714286rem; text-transform: uppercase; } div.block-simplelanguageswitcher.block-simplelanguageswitcher-departments > div.content > a { color: #c71e37; } div#block-mainpagecontent-wc div.paragraph--type--content-bg div.paragraph-content div.field--name-field-header { z-index: 1; position: relative; } @media (max-width: 1700px) { div#block-mainpagecontent-wc div.paragraph--type--content-bg div.paragraph-content div.field--name-field-image { opacity: 0.2; } } @media (max-width: 520px) { div#block-mainpagecontent-wc div.paragraph--type--movie-content p { padding-left: 30px; } } @media (max-width: 900px) { div#block-mainpagecontent-wc div.paragraph--type--icons-description-list h2 { font-size: 3.5714285714rem; } } @media (max-width: 520px) { div#block-mainpagecontent-wc div.paragraph--type--icons-description-list h2 { font-size: 2.8571428571rem; } } .spb-popup-main-wrapper { max-width: 700px; border-radius: 20px; } .spb-popup-main-wrapper .block-block-content { max-height: 300px; } .spb-popup-main-wrapper .block-block-content .field--name-field-popup-text { max-height: 100px; overflow-y: scroll; } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .button:hover, .job-offers-block .job-offer-button a:hover, .button:focus, .job-offers-block .job-offer-button a:focus { text-decoration: none; } .button.button-default, .job-offers-block .job-offer-button a { border-radius: 30px / 30px; border: 2px solid; font-family: "Nunito", sans-serif; font-size: 13px; font-weight: 900; text-transform: uppercase; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px; line-height: 16px; display: inline-block; vertical-align: middle; width: auto; min-width: 255px; max-width: 100%; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: border background color; transition-property: border background color; } .button.button-big, .job-offers-block .job-offer-button a.button-big { padding: 15px 55px; min-width: 180px; font-family: "Lato", sans-serif; font-size: 1.2857142857rem; text-transform: none; } .button.button-medium, .job-offers-block .job-offer-button a { padding: 15px; min-width: 180px; font-family: "Lato", sans-serif; font-size: 1.2857142857rem; text-transform: none; } .button.button-small, .job-offers-block .job-offer-button a.button-small { border: 2px solid; border-radius: 30px / 30px; min-width: 175px; padding: 10px; } .button.button-highlighted, .job-offers-block .job-offer-button a.button-highlighted { border-color: #c71e37; color: #c71e37; } .button.button-highlighted:hover, .job-offers-block .job-offer-button a.button-highlighted:hover, .button.button-highlighted:focus, .job-offers-block .job-offer-button a.button-highlighted:focus { background: #c71e37; color: #ffffff; } .button.button-primary, .job-offers-block .job-offer-button a.button-primary { border-color: #ffffff; color: #ffffff; } .button.button-primary:hover, .job-offers-block .job-offer-button a.button-primary:hover, .button.button-primary:focus, .job-offers-block .job-offer-button a.button-primary:focus { background: #ffffff; color: #000000; } .button.button-secondary, .job-offers-block .job-offer-button a { border-color: #e62332; background: #e62332; color: #ffffff; } .button.button-secondary:hover, .job-offers-block .job-offer-button a:hover, .button.button-secondary:focus, .job-offers-block .job-offer-button a:focus { color: #e62332; background: transparent; } .button-round { border-radius: 30px / 30px; border: 2px solid; font-family: "Nunito", sans-serif; font-size: 13px; font-weight: 900; text-transform: uppercase; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .button-round.button-white { border-color: #ffffff; color: #ffffff; } .button-slide-navigation { width: 3.6458333333vw; height: 3.6458333333vw; background: #ffffff; border-radius: 50%; position: relative; z-index: 0; border: 0px none; max-width: 95px; max-height: 95px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } .button-slide-navigation:hover, .button-slide-navigation:focus { background: #f5f5f5; } @media only screen and (max-width: 1200px) { .button-slide-navigation { width: 50px; height: 50px; } } .button-slide-navigation:before { content: ''; position: absolute; z-index: 1; width: 0.5729166667vw; height: 0.5729166667vw; top: 50%; left: 50%; border: 1px solid; } @media only screen and (max-width: 1200px) { .button-slide-navigation:before { width: 7px; height: 7px; } } .button-slide-previous:before { -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border-color: transparent transparent #000000 #000000; left: 1.9270833333vw; } @media only screen and (max-width: 1200px) { .button-slide-previous:before { left: 26px; } } .button-slide-next:before { -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border-color: #000000 #000000 transparent transparent; left: 1.6666666667vw; } @media only screen and (max-width: 1200px) { .button-slide-next:before { left: 24px; } } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } input.form-email, input.form-text, textarea.form-textarea { border: 2px solid #cfd8dc; border-radius: 25px / 30px; font-family: "Nunito", sans-serif; font-size: 13px; color: #313c4d; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px; line-height: 16px; max-width: 100%; min-width: 0; } .form-type-textarea label, .form-type-textfield label, .form-type-email label, .form-type-password label { font-size: 12px; font-weight: 300; color: #142034; display: inline-block; vertical-align: top; padding-bottom: 5px; } .form-type-checkbox input { display: none; } .form-type-checkbox input:checked + label:after { opacity: 1; } .form-type-checkbox label { position: relative; z-index: 0; padding-left: 30px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 12px; font-weight: 300; color: #aaaaaa; line-height: 1.1428571429rem; } .form-type-checkbox label:before { content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 20px; height: 20px; border: 2px solid #cfd8dc; border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .form-type-checkbox label:after { content: ''; position: absolute; z-index: 1; width: 12px; height: 12px; left: 4px; top: 4px; margin: 0; background: #8e9296; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; opacity: 0; } .form-item { margin-top: 0; margin-bottom: 15px; } .form-item.form-type-checkbox { margin-top: 20px; } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .block-menu__toggler { border: 0px none; width: 40px; height: 40px; background: transparent; position: absolute; z-index: 2; top: 0; right: -10px; } @media only screen and (min-width: 1200px) { .block-menu__toggler { display: none !important; } } .block-menu__toggler .hamburger, .block-menu__toggler .bar { -webkit-transition: 0.7s; transition: 0.7s; -webkit-transition-property: all; transition-property: all; width: 20px; } .block-menu__toggler .hamburger { cursor: pointer; z-index: 10; position: absolute; right: 10px; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } .block-menu__toggler .bar { height: 3px; display: block; background: #c71e37; margin: 3px auto; -webkit-transform-origin: center; transform-origin: center; } .block-menu__toggler.expanded .top { -ms-transform: translateY(6px) rotateZ(45deg); -webkit-transform: translateY(6px) rotateZ(45deg); -moz-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg); } .block-menu__toggler.expanded .middle { width: 0; } .block-menu__toggler.expanded .bottom { -ms-transform: translateY(-6px) rotateZ(-45deg); -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .field--name-field-slide { position: relative; z-index: 0; overflow: hidden; max-width: 100%; } .field--name-field-slide > .field__item:not(:first-child) { position: absolute; top: 0; left: 0; z-index: -9999; } .field--name-field-slide .button-slide-navigation { position: absolute; z-index: 999; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (max-width: 767px) { .field--name-field-slide .button-slide-navigation { display: none !important; } } .field--name-field-slide .button-slide-navigation.button-slide-previous { left: 4.1666666667%; padding-left: 10px; } .field--name-field-slide .button-slide-navigation.button-slide-next { right: 4.1666666667%; padding-right: 10px; } @keyframes text-animation { 0% { left: 50%; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes multimedia-animation { 0% { left: 100%; opacity: 0; } 100% { left: 60%; opacity: 1; } } @keyframes multimedia-animation-rwd { 0% { left: 100%; opacity: 0; } 100% { transform: translate(-75%, -50%); left: 30%; } } .field--name-field-slide .slick-list { width: 100%; z-index: 0; } .field--name-field-slide .slick-slide .field--type-text-long { position: absolute; width: 80%; z-index: 0; top: 60%; left: 50%; -ms-transform: translate(-50%, -40%); -webkit-transform: translate(-50%, -40%); -moz-transform: translate(-50%, -40%); transform: translate(-50%, -40%); font-size: 2.1428571429rem; font-weight: 300; line-height: 3.2142857143rem; margin-bottom: 0; } @media (max-width: 1300px) { .field--name-field-slide .slick-slide .field--type-text-long { font-size: 1.7857142857rem; line-height: 2.2857142857rem; } } @media (max-width: 1300px) { .field--name-field-slide .slick-slide .field--type-text-long { font-size: 1.7857142857rem; line-height: 2.2857142857rem; } } @media (max-width: 768px) { .field--name-field-slide .slick-slide .field--type-text-long { width: 90%; top: 50%; } } @media (max-width: 450px) { .field--name-field-slide .slick-slide .field--type-text-long { width: 90%; top: 60%; font-size: 1.4285714286rem; line-height: 1.7857142857rem; } } .field--name-field-slide .slick-slide .slide-content { opacity: 1; display: flex; align-items: center; } @media (max-width: 990px) { .field--name-field-slide .slick-slide .slide-content { flex-direction: column; } } .field--name-field-slide .slick-active .slide-multimedia, .field--name-field-slide .slick-active .slide-text, .field--name-field-slide .slick-current .slide-multimedia, .field--name-field-slide .slick-current .slide-text { animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode: forwards; } .field--name-field-slide .slick-active .slide-text, .field--name-field-slide .slick-current .slide-text { animation-name: text-animation; animation-delay: 0.45s; } @media (max-width: 990px) { .field--name-field-slide .slick-active .slide-text, .field--name-field-slide .slick-current .slide-text { text-align: center; } } .field--name-field-slide .slick-active .slide-multimedia, .field--name-field-slide .slick-current .slide-multimedia { animation-name: multimedia-animation; animation-delay: 0.3s; } @media (max-width: 990px) { .field--name-field-slide .slick-active .slide-multimedia, .field--name-field-slide .slick-current .slide-multimedia { position: relative; animation-name: multimedia-animation-rwd; } .field--name-field-slide .slick-active .slide-multimedia .field, .field--name-field-slide .slick-current .slide-multimedia .field { padding-left: 0; } } .paragraph--type--slide { position: relative; z-index: 0; overflow: hidden; width: 100%; color: #ffffff; } .paragraph--type--slide > .field--type-image img { display: block; position: relative; z-index: -1; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media only screen and (max-width: 767px) { .paragraph--type--slide > .field--type-image img.image-style-slider { height: 400px; width: auto; } } .paragraph--type--slide .field--name-field-title { font-size: 3.8571428571rem; font-weight: 300; line-height: 2.7142857143rem; } @media only screen and (min-width: 992px) { .paragraph--type--slide .field--name-field-title { font-size: 2.8125vw; } } @media only screen and (max-width: 767px) { .paragraph--type--slide .field--name-field-title { font-size: 3rem; } } .paragraph--type--slide .text-formatted { font-size: 5.4285714286rem; font-weight: 900; line-height: 5rem; margin-bottom: 2.34375vw; } @media only screen and (min-width: 1366px) { .paragraph--type--slide .text-formatted { font-size: 3.9583333333vw; } } @media only screen and (min-width: 992px) and (max-width: 1366px) { .paragraph--type--slide .text-formatted { font-size: 5.9375vw; } } @media only screen and (min-width: 1366px) { .paragraph--type--slide .text-formatted { line-height: 3.6458333333vw; } } @media only screen and (min-width: 992px) and (max-width: 1366px) { .paragraph--type--slide .text-formatted { line-height: 5.46875vw; } } @media only screen and (max-width: 767px) { .paragraph--type--slide .text-formatted { font-size: 3.5714285714rem; line-height: 3.4285714286rem; } } @media only screen and (min-width: 1920px) { .paragraph--type--slide .text-formatted { font-size: 6.0714285714rem; line-height: 6.4285714286rem; } } .paragraph--type--slide .text-formatted p { margin: 0; } .paragraph--type--slide .slide-content { position: absolute; z-index: 0; height: 100%; top: 0; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; max-width: 80%; } @media only screen and (max-width: 480px) { .paragraph--type--slide .slide-content { max-width: 100%; -ms-transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); left: 0; } } .paragraph--type--slide .slide-text { width: 62.5%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; opacity: 0; left: 50%; } @media only screen and (min-width: 992px) and (max-width: 1460px) { .paragraph--type--slide .slide-text { width: 50%; } } @media only screen and (max-width: 991px) { .paragraph--type--slide .slide-text { width: 100%; padding-top: 0; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } } .paragraph--type--slide .slide-multimedia { position: absolute; z-index: 1; top: 50%; left: 100%; opacity: 0; transform: translateY(-50%); } .paragraph--type--slide .slide-multimedia .field { padding-left: 35px; } @media only screen and (min-width: 992px) and (max-width: 1460px) { .paragraph--type--slide .slide-multimedia .field { margin-left: -10vw; } } .paragraph--type--slide .slide-multimedia .field--name-field-video { width: 30.2083333333vw; height: auto; } @media only screen and (min-width: 992px) and (max-width: 1460px) { .paragraph--type--slide .slide-multimedia .field--name-field-video { margin-left: -5vw; } } div.block.slider-christmas .paragraph--type--slide .slide-content { max-width: 1350px; } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .text-highlighted { font-family: "Nunito", sans-serif; font-size: 1.2857142857rem; font-weight: 900; color: #c71e37; } .text-highlighted .text-standard { font-family: "Lato", sans-serif; font-size: 1.2857142857rem; font-weight: 900; color: #c71e37; } /* Nunito from google fonts has invalid number font */ /* @import url('https://fonts.googleapis.com/css?family=Nunito:300,700,800,900&subset=latin-ext'); */ /* We use local font files instead */ @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/Nunito-Regular.woff") format("woff"); } @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/Nunito-Light.woff") format("woff"); font-weight: 300; } @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/Nunito-Bold.woff") format("woff"); font-weight: 700; } @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/Nunito-ExtraBold.woff") format("woff"); font-weight: 800; } @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/Nunito-Black.woff") format("woff"); font-weight: 900; } /* Author : Mariusz Andrzejewski */ /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } footer { background: #1d252d; padding-top: 30px; padding-bottom: 30px; } footer > div.region-wrapper { max-width: 1920px; margin: auto; } footer .block h2 { font-family: "Nunito", sans-serif; font-size: 1.1428571429rem; font-weight: 900; color: #ffffff; margin: 0 0 25px; position: relative; overflow: hidden; padding-bottom: 0.9rem; } footer .block h2:after { content: ''; position: absolute; top: 50%; background: #52565b; height: 1px; margin-left: 20px; width: 100%; } @media only screen and (min-width: 768px) { footer .block h2:after { max-width: 90px; } } footer .block a, footer .block a.is-active, footer .block header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu footer .block a:hover, footer .block header .header-right > .region nav ul.menu a:focus, header .header-right > .region nav ul.menu footer .block a:focus, footer .block p { font-family: "Nunito", sans-serif; font-size: 13px; color: #8e9296; } footer .block p { margin-top: 0; margin-bottom: 8px; } @media only screen and (max-width: 767px) { footer .block .content, footer .block ul.menu { text-align: center; line-height: 1.7rem; } } footer .block ul, footer .block li { list-style: none; padding: 0; margin: 0; } footer .block li { margin: 0 0 15px 0; } @media only screen and (min-width: 768px) { footer .region-footer-left > .block { min-width: 8.3333333333vw; float: left; } footer .region-footer-left > .block:not(:first-child) { padding-left: 5.46875vw; } } footer .region-wrapper-after-footer > div { margin-top: 40px; border-top: solid 1px #343b42; padding: 25px 0 0; } @media only screen and (max-width: 540px) { footer .region-wrapper-after-footer > div { text-align: center; } } footer .region-wrapper-after-footer > div .block { display: inline-block; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-right: 40px; } @media only screen and (max-width: 540px) { footer .region-wrapper-after-footer > div .block { padding: 0 20px 10px; } } footer .region-wrapper-after-footer > div .block:last-child { padding-right: 0; float: right; } @media only screen and (max-width: 540px) { footer .region-wrapper-after-footer > div .block:last-child { width: 100%; padding-top: 20px; } } footer .region-footer-bottom { margin-top: 40px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 670px) { footer .region-footer-bottom { justify-content: space-around; } } @media only screen and (max-width: 670px) { footer .region-footer-bottom { align-items: center; } } footer .region-footer-bottom .block { padding-right: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (max-width: 670px) { footer .region-footer-bottom .block { padding: 0 0 20px; width: 100%; } } @media only screen and (max-width: 670px) { footer .region-footer-bottom .block-views-blockdepartments-block-2 { display: flex; justify-content: space-around; } } /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } html { font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; } body { margin: 0; } header, section, footer { position: relative; z-index: 1; } #main-content-front { padding: 0; max-width: 1920px; } a { color: inherit; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } ::-moz-focus-inner { border: 0; } button { cursor: pointer; } table { max-width: 100%; } main.content { padding: 0; max-width: 1920px; } main { position: relative; z-index: 0; } div.messages { max-width: 800px; margin: 15px auto; } div.region-breadcrumbs { width: 100%; max-width: 1920px; padding: 10px; box-sizing: border-box; margin-left: auto; margin-right: auto; } div.region-content { margin-bottom: 60px; } /* Created on : 2018-05-15, 15:06:22 Author : Mariusz Andrzejewski */ /* THEME VARIABLES */ col-sm-1, col-md-1, col-lg-1, col-xs-2, col-sm-2, col-md-2, col-lg-2, col-xs-3, col-sm-3, col-md-3, col-lg-3, col-xs-4, col-sm-4, col-md-4, col-lg-4, col-xs-5, col-sm-5, col-md-5, col-lg-5, col-xs-6, col-sm-6, col-md-6, col-lg-6, col-xs-7, col-sm-7, col-md-7, col-lg-7, col-xs-8, col-sm-8, col-md-8, col-lg-8, col-xs-9, col-sm-9, col-md-9, col-lg-9, col-xs-10, col-sm-10, col-md-10, col-lg-10, col-xs-11, col-sm-11, col-md-11, col-lg-11, col-xs-12, col-sm-12, col-md-12, col-lg-12, col-xs-13, col-sm-13, col-md-13, col-lg-13, col-xs-14, col-sm-14, col-md-14, col-lg-14, col-xs-15, col-sm-15, col-md-15, col-lg-15, col-xs-16, col-sm-16, col-md-16, col-lg-16, col-xs-17, col-sm-17, col-md-17, col-lg-17, col-xs-18, col-sm-18, col-md-18, col-lg-18, col-xs-19, col-sm-19, col-md-19, col-lg-19, col-xs-20, col-sm-20, col-md-20, col-lg-20, col-xs-21, col-sm-21, col-md-21, col-lg-21, col-xs-22, col-sm-22, col-md-22, col-lg-22, col-xs-23, col-sm-23, col-md-23, col-lg-23, col-xs-24, col-sm-24, col-md-24, col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } col-xs-2, col-xs-3, col-xs-4, col-xs-5, col-xs-6, col-xs-7, col-xs-8, col-xs-9, col-xs-10, col-xs-11, col-xs-12, col-xs-13, col-xs-14, col-xs-15, col-xs-16, col-xs-17, col-xs-18, col-xs-19, col-xs-20, col-xs-21, col-xs-22, col-xs-23, col-xs-24 { float: left; } @media (min-width: 768px) { col-sm-2, col-sm-3, col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12, col-sm-13, col-sm-14, col-sm-15, col-sm-16, col-sm-17, col-sm-18, col-sm-19, col-sm-20, col-sm-21, col-sm-22, col-sm-23, col-sm-24 { float: left; } } @media (min-width: 992px) { col-md-2, col-md-3, col-md-4, col-md-5, col-md-6, col-md-7, col-md-8, col-md-9, col-md-10, col-md-11, col-md-12, col-md-13, col-md-14, col-md-15, col-md-16, col-md-17, col-md-18, col-md-19, col-md-20, col-md-21, col-md-22, col-md-23, col-md-24 { float: left; } } @media (min-width: 1200px) { col-lg-2, col-lg-3, col-lg-4, col-lg-5, col-lg-6, col-lg-7, col-lg-8, col-lg-9, col-lg-10, col-lg-11, col-lg-12, col-lg-13, col-lg-14, col-lg-15, col-lg-16, col-lg-17, col-lg-18, col-lg-19, col-lg-20, col-lg-21, col-lg-22, col-lg-23, col-lg-24 { float: left; } } /* LIB IMPORT FILES */ /* LIB FUNCTIONS */ /* LIB MIXINS */ footer .region-footer-left:after, footer .region-wrapper-after-footer:after, footer .region-footer-left:before, footer .region-wrapper-after-footer:before { clear: both; display: table; content: " "; } .block-implementations .content .group__header, .block-info .content, .block.outsourcing-offer .content, .block-stages .content, .paragraph--type--slide .slide-content { width: 80%; max-width: 1175px; margin: 0px auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-title, .block-info .content .field--name-field-title, .block-implementations .content .group__header .field--name-field-subtitle, .block-info .content .field--name-field-subtitle { line-height: 3.1428571429rem; } .block-implementations .content .group__header .field--name-field-title p, .block-info .content .field--name-field-title p, .block-implementations .content .group__header .field--name-field-subtitle p, .block-info .content .field--name-field-subtitle p { margin: 0; } .block-implementations .content .group__header .field--name-body, .block-info .content .field--name-body { font-size: 1.2857142857rem; font-weight: 300; line-height: 2.1428571429rem; margin-top: 35px; margin-bottom: 25px; } .block-implementations .content .group__header .field--name-body p, .block-info .content .field--name-body p { margin-top: 0; } .block-implementations .content .group__header .field--name-field-title { font-size: 3.4285714286rem; font-weight: 300; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-title { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-field-subtitle { font-size: 3.4285714286rem; font-weight: 900; } @media only screen and (max-width: 768px) { .block-implementations .content .group__header .field--name-field-subtitle { font-size: 2.5714285714rem; } } .block-implementations .content .group__header .field--name-body { margin-top: 20px; } .job-offers-block .view-job-offers > div:not(.contextual), .block-implementations .content .field--name-field-implementations, article.node div.paragraph--type--kontakt div.field--name-field-person { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 1; } .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { content: ''; position: absolute; z-index: 0; top: 0; right: 25%; width: 32.7083333333vw; height: 13.6979166667vw; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); transform: translate(0, -100%); background-size: 100%; } @media only screen and (min-width: 992px) and (max-width: 1366px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 16.6666666667%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { width: 41.6666666667vw; height: 17.4479166667vw; right: 12.5%; } } @media only screen and (max-width: 991px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { right: 5%; width: 46.875vw; height: 19.6354166667vw; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual):before, .block-implementations .content .field--name-field-implementations:before, article.node div.paragraph--type--kontakt div.field--name-field-person:before { display: none; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 33.3333333333%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; min-height: 140px; position: relative; z-index: 0; } @media only screen and (max-width: 422px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 50%; } } @media only screen and (max-width: 767px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item, .block-implementations .content .field--name-field-implementations > .field__item, article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item, .job-offers-block .view-job-offers > div:not(.contextual) > .views-row, .block-implementations .content .field--name-field-implementations > .views-row, article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row { width: 100%; } } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(11), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(2), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(2), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(2), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(6), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(6), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(6), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(7), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(7), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(7), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(11), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(11), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(11) { background: #f1f2f2; } .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(12), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(3), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(3), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(3), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(8), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(8), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(8), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(12), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(12), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(12) { z-index: 1; box-shadow: 0px 0px 21px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(4), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(4), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(4), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(4) { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) > .field__item:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .field__item:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .field__item:nth-of-type(9), .job-offers-block .view-job-offers > div:not(.contextual) > .views-row:nth-of-type(9), .block-implementations .content .field--name-field-implementations > .views-row:nth-of-type(9), article.node div.paragraph--type--kontakt div.field--name-field-person > .views-row:nth-of-type(9) { background: transparent; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph, .block-implementations .content .field--name-field-implementations .paragraph, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph { width: 100%; } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content, .block-implementations .content .field--name-field-implementations .paragraph-content, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content { display: block; } } .job-offers-block .view-job-offers > div:not(.contextual) .paragraph-content img, .block-implementations .content .field--name-field-implementations .paragraph-content img, article.node div.paragraph--type--kontakt div.field--name-field-person .paragraph-content img { display: inline-block; vertical-align: middle; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { width: auto; flex: 1; text-align: center; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { padding: 0 20px; } } @media only screen and (max-width: 420px) { .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-image, .block-implementations .content .field--name-field-implementations .field--name-field-image, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-image, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-photo, .block-implementations .content .field--name-field-implementations .field--name-field-photo, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-photo, .job-offers-block .view-job-offers > div:not(.contextual) .views-field-field-job-offer-picture, .block-implementations .content .field--name-field-implementations .views-field-field-job-offer-picture, article.node div.paragraph--type--kontakt div.field--name-field-person .views-field-field-job-offer-picture { flex: 1; padding: 0 20px; } } .job-offers-block .view-job-offers > div:not(.contextual) .group__description, .block-implementations .content .field--name-field-implementations .group__description, article.node div.paragraph--type--kontakt div.field--name-field-person .group__description { flex: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; padding-left: 2.6041666667vw; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title, .block-implementations .content .field--name-field-implementations .field--name-field-title, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title, .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-name-surname, .block-implementations .content .field--name-field-implementations .field--name-field-name-surname, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-name-surname { font-size: 1.2857142857rem; font-weight: 900; color: #313c4d; } .job-offers-block .view-job-offers > div:not(.contextual) .field--name-field-title a::before, .block-implementations .content .field--name-field-implementations .field--name-field-title a::before, article.node div.paragraph--type--kontakt div.field--name-field-person .field--name-field-title a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 0; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body, .block-info .content .group__block-content { padding-left: 30px; } } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before { position: absolute; top: 10px; left: 0; } .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { content: ''; height: 2px; width: 70px; background: #ef383e; } @media only screen and (max-width: 520px) { .block-implementations .content .group__header div.text .field--name-body:before, .block-info .content .group__block-content:before, article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before, article.node div.paragraph--type--content-bg div.field--name-field-content:before, article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type:before, article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before, article.node div.paragraph--type--kontakt div.field--name-field-header:before { width: 20px; } } @media only screen and (max-width: 1199px) { header .header-right > .region nav.contextual-region { position: static; } } header .header-right > .region nav ul.menu { margin: 20px 0 0; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu { display: none; position: absolute; z-index: 99; width: calc(100% - 30px); left: 30px; top: 60px; margin-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 30px; background: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); } } header .header-right > .region nav ul.menu li:last-child a { border-bottom: 0px none; } header .header-right > .region nav ul.menu a { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 4.4270833333vw; text-decoration: none; font-family: "Nunito", sans-serif; font-size: 1.4285714286rem; font-weight: 800; text-transform: uppercase; color: #313c4d; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; } header .header-right > .region nav ul.menu a.is-active, header .header-right > .region nav ul.menu a:hover, header .header-right > .region nav ul.menu a:focus { color: #9f192a; } @media only screen and (max-width: 1199px) { header .header-right > .region nav ul.menu a { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cfd8dc; } } article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { position: relative; margin: 0 0 45px 0; padding-bottom: 35px; font-size: 5.7142857143rem; font-weight: 900; text-align: center; color: #313c4d; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--logo-list div.text-formatted h2, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2 { font-size: 3.5714285714rem; } } article.node div.paragraph--type--logo-list div.text-formatted h2:before, article.node div.paragraph--type--icons-description-list div.field--name-field-header h2:before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } body.departments header { padding-top: 20px; padding-bottom: 20px; } body.general header .header-right { padding-top: 20px; padding-bottom: 10px; } header { max-width: 1920px; } header p { margin: 0; } header .header-left { z-index: 20; } header .header-left > div.region-header-left { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } @media only screen and (max-width: 1660px) { header .header-left > div.region-header-left { flex-wrap: wrap; } } header .header-right > .region { text-align: right; } header .header-right > .region .block { display: inline-block; vertical-align: baseline; } header .header-right > .region.region-header-right-top { font-weight: 300; margin-right: -25px; } @media only screen and (max-width: 1199px) { header .header-right > .region.region-header-right-top { margin-right: 0; padding-right: 15px; } } header .header-right > .region.region-header-right-top .block { vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 5px; } @media only screen and (min-width: 992px) { header .header-right > .region.region-header-right-top .block { padding: 0 25px; } } article.node img { max-width: 100%; height: auto; } article.node div.paragraph--type--content-bg { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #142034; color: #fff; padding-top: 5.2083333333vw; padding-bottom: 4.4270833333vw; padding-left: 17%; position: relative; min-height: 945px; } @media only screen and (max-width: 980px) { article.node div.paragraph--type--content-bg { padding-left: 5%; } } article.node div.paragraph--type--content-bg::before { content: ''; background-image: url(../img/backgrounds/tictacs.png); width: 304px; height: 903px; position: absolute; bottom: -280px; left: 0; } @media only screen and (max-width: 980px) { article.node div.paragraph--type--content-bg::before { background-size: 100%; background-repeat: no-repeat; width: 11%; top: 100%; bottom: auto; margin-top: -23%; } } @media only screen and (max-width: 980px) { article.node div.paragraph--type--content-bg { margin-bottom: 7.8125vw; } } article.node div.paragraph--type--content-bg + *:not(.paragraph--type--gfx-content) { margin-top: 90px; } article.node div.paragraph--type--content-bg + div.paragraph div.field--name-field-header h1, article.node div.paragraph--type--content-bg + div.paragraph div.field--name-field-header h2 { text-align: center; } article.node div.paragraph--type--content-bg div.field--name-field-header h1, article.node div.paragraph--type--content-bg div.field--name-field-header h2 { margin: 0; padding: 0 0 40px 0; font-weight: 800; font-size: 5.7142857143rem; line-height: 1em; } @media only screen and (max-width: 980px) { article.node div.paragraph--type--content-bg div.field--name-field-header h1, article.node div.paragraph--type--content-bg div.field--name-field-header h2 { font-size: 2.8571428571rem; margin-bottom: 20px; padding-bottom: 0; } } article.node div.paragraph--type--content-bg div.field--name-field-content, article.node div.paragraph--type--content-bg div.field--name-field-column-content { padding-left: 90px; padding-right: 50%; position: relative; font-size: 1.5714285714rem; } @media only screen and (max-width: 768px) { article.node div.paragraph--type--content-bg div.field--name-field-content, article.node div.paragraph--type--content-bg div.field--name-field-column-content { padding-right: 35%; } } @media only screen and (max-width: 480px) { article.node div.paragraph--type--content-bg div.field--name-field-content, article.node div.paragraph--type--content-bg div.field--name-field-column-content { padding-left: 7%; padding-right: 7%; } } article.node div.paragraph--type--content-bg div.field--name-field-content a, article.node div.paragraph--type--content-bg div.field--name-field-column-content a { color: #e62332; } article.node div.paragraph--type--content-bg div.field--name-field-content:before { position: absolute; left: 0; top: 8px; } article.node div.paragraph--type--content-bg div.field--name-field-column-content { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-right: 5%; } article.node div.paragraph--type--content-bg div.field--name-field-column-content div.field__item { width: 45%; margin-right: 5%; } @media only screen and (max-width: 1100px) { article.node div.paragraph--type--content-bg div.field--name-field-column-content div.field__item { width: 100%; } } article.node div.paragraph--type--content-bg div.field--name-field-image { position: absolute; top: 0; right: 0; } @media only screen and (max-width: 1900px) { article.node div.paragraph--type--content-bg div.field--name-field-image { width: 35%; } } @media only screen and (max-width: 980px) { article.node div.paragraph--type--content-bg div.field--name-field-image { top: 6%; } } @media only screen and (max-width: 480px) { article.node div.paragraph--type--content-bg div.field--name-field-image { display: none; } } article.node div.paragraph--type--content-bg div.field--name-field-image img { max-width: 100%; height: auto; } article.node div.paragraph--type--movie-content { margin-top: 75px; margin-bottom: 75px; } article.node div.paragraph--type--movie-content > div.paragraph-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } @media only screen and (max-width: 840px) { article.node div.paragraph--type--movie-content > div.paragraph-content { flex-wrap: wrap; } } article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-movie div.video-embed-field-responsive-video { max-width: 700px; margin: auto; } @media only screen and (max-width: 840px) { article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-movie { order: 2; } } article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content { color: #313c4d; } @media only screen and (max-width: 840px) { article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content { order: 1; } } article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content h2 { font-size: 5.7142857143rem; margin: 0 0 70px 0; } article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p { position: relative; padding-left: 90px; font-size: 1.7857142857rem; font-weight: 300; } article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:first-of-type { margin-top: 0; } article.node div.paragraph--type--movie-content > div.paragraph-content div.field--name-field-content p:before { position: absolute; left: 0; top: 7px; } article.node div.paragraph--type--movie-content > div.paragraph-content div.field { width: 50%; } @media only screen and (max-width: 840px) { article.node div.paragraph--type--movie-content > div.paragraph-content div.field { width: 100%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } } article.node div.paragraph--type--photo-bg { background: #142034; padding-top: 9.8958333333vw; padding-bottom: 95px; position: relative; } article.node div.paragraph--type--photo-bg::before { content: ''; background-image: url(../img/backgrounds/tictacs_white.png); background-repeat: no-repeat; width: 343px; height: 495px; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 1100px) { article.node div.paragraph--type--photo-bg::before { width: 27%; top: 0; background-size: 100%; margin-top: -15vw; } } @media only screen and (max-width: 700px) { article.node div.paragraph--type--photo-bg::before { display: none; } } article.node div.paragraph--type--photo-bg > div.paragraph-content { display: table; margin: auto; } article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2 { position: relative; margin: 0 0 40px 0; color: #fff; font-size: 5.7142857143rem; font-weight: 900; padding-bottom: 80px; } article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2:before { position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 500px) { article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-header h2 { padding-bottom: 25px; font-size: 4.2857142857rem; margin-bottom: 25px; } } article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-image { display: table; margin: auto; } article.node div.paragraph--type--photo-bg > div.paragraph-content > div.field.field--name-field-image img { display: block; max-width: 100%; height: auto; } article.node div.paragraph--type--logo-list { width: 100%; max-width: 1625px; margin: 75px auto 120px auto; } article.node div.paragraph--type--logo-list div.text-formatted { text-align: center; } article.node div.paragraph--type--logo-list div.field--name-field-logo { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-left: -20px; padding: 15px; } article.node div.paragraph--type--logo-list div.field--name-field-logo div.field__item { margin-left: 20px; margin-bottom: 10px; } article.node div.paragraph--type--kontakt { margin-bottom: 10.4166666667vw; } article.node div.paragraph--type--kontakt div.field--name-field-header { padding-left: 2%; padding-bottom: 6.875vw; position: relative; } @media only screen and (max-width: 980px) { article.node div.paragraph--type--kontakt div.field--name-field-header { top: 40%; } } article.node div.paragraph--type--kontakt div.field--name-field-header h2 { margin: 0; padding: 0; font-size: 5.7142857143rem; color: #313c4d; font-weight: 800; } @media only screen and (max-width: 980px) { article.node div.paragraph--type--kontakt div.field--name-field-header h2 { font-size: 2.1428571429rem; } } article.node div.paragraph--type--kontakt div.field--name-field-header:before { position: absolute; bottom: 3.3854166667vw; } article.node div.paragraph--type--kontakt div.field--name-field-person div.field--name-field-photo { padding: 0 10px; } article.node div.paragraph--type--kontakt div.field--name-field-person div.group__description { padding-left: 20px; } article.node div.paragraph--type--gfx-content > div.paragraph-content, article.node div.paragraph--type--content-gfx > div.paragraph-content { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; } @media only screen and (max-width: 800px) { article.node div.paragraph--type--gfx-content > div.paragraph-content, article.node div.paragraph--type--content-gfx > div.paragraph-content { flex-wrap: wrap; } } article.node div.paragraph--type--gfx-content > div.paragraph-content > div.field, article.node div.paragraph--type--content-gfx > div.paragraph-content > div.field { width: 50%; padding-right: 25px; } @media only screen and (max-width: 800px) { article.node div.paragraph--type--gfx-content > div.paragraph-content > div.field, article.node div.paragraph--type--content-gfx > div.paragraph-content > div.field { width: 100%; padding-right: 0; margin-bottom: 20px; } } article.node div.paragraph--type--gfx-content > div.paragraph-content > div.field:first-of-type, article.node div.paragraph--type--content-gfx > div.paragraph-content > div.field:first-of-type { padding-right: 65px; } @media only screen and (max-width: 800px) { article.node div.paragraph--type--gfx-content > div.paragraph-content > div.field:first-of-type, article.node div.paragraph--type--content-gfx > div.paragraph-content > div.field:first-of-type { padding-right: 0; } } article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-image img, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-image img { display: block; max-width: 100%; height: auto; } article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content { color: #313c4d; } @media only screen and (max-width: 800px) { article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content { padding-left: 20px; padding-right: 20px; } } article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content h2, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content h2 { font-size: 5.7142857143rem; margin: 0 0 70px 0; } @media only screen and (max-width: 1500px) { article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content h2, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content h2 { font-size: 4.2857142857rem; } } @media only screen and (max-width: 1200px) { article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content h2, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content h2 { font-size: 3.2142857143rem; } } @media only screen and (max-width: 1200px) { article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content h2, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content h2 { font-size: 2.1428571429rem; } } article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content p, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content p { font-size: 1.7857142857rem; font-weight: 300; } @media only screen and (max-width: 1200px) { article.node div.paragraph--type--gfx-content > div.paragraph-content div.field--name-field-content p, article.node div.paragraph--type--content-gfx > div.paragraph-content div.field--name-field-content p { font-style: 1.2857142857rem; } } article.node div.paragraph--type--content-gfx div.field--name-field-content { padding-left: 120px; } article.node div.paragraph--type--icons-description-list { width: 100%; max-width: 1625px; margin: 75px auto 120px auto; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons { display: flex; justify-content: space-between; align-items: normal; flex-wrap: wrap; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-width: 240px; height: 100%; padding: 20px 30px; position: relative; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph.has-link:hover { background: #e62332; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph.has-link:hover div.field { color: #fff; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph.has-link:hover div.field--name-field-icon svg path { fill: #fff; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-icon { margin-bottom: 30px; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-icon svg { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: all; transition-property: all; max-width: 85px; margin: auto; display: block; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-icon svg path { fill: #e62332; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-titlle { margin-bottom: 15px; font-weight: 800; font-size: 1.4285714286rem; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-titlle a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-titlle a:hover { text-decoration: none; } article.node div.paragraph--type--icons-description-list div.field--name-field-icons > div.field__item > div.paragraph div.field--name-field-description { font-size: 1.0714285714rem; } article.node--id-43 div.paragraph--type--logo-list div.field--name-field-logo, article.node--id-42 div.paragraph--type--logo-list div.field--name-field-logo, article.node--id-57 div.paragraph--type--logo-list div.field--name-field-logo { flex-wrap: wrap; justify-content: center; max-width: 80%; margin: 0 auto; } @media only screen and (max-width: 768px) { article.node--id-43 div.paragraph--type--logo-list div.field--name-field-logo, article.node--id-42 div.paragraph--type--logo-list div.field--name-field-logo, article.node--id-57 div.paragraph--type--logo-list div.field--name-field-logo { max-width: 100%; } } article.node--id-43 div.paragraph--type--logo-list div.field--name-field-logo img, article.node--id-42 div.paragraph--type--logo-list div.field--name-field-logo img, article.node--id-57 div.paragraph--type--logo-list div.field--name-field-logo img { width: auto; height: auto; max-width: 100%; margin: 0 auto; max-height: 60px; padding-left: 40px; } article.node.node--id-5 div.paragraph--type--content { display: table; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; } article.node.node--id-5 div.paragraph--type--content div.field--name-field-content > h2 { margin: 0 0 45px 0; font-size: 5.7142857143rem; color: #313c4d; font-weight: 800; } @media only screen and (max-width: 700px) { article.node.node--id-5 div.paragraph--type--content div.field--name-field-content > h2 { padding: 10px; font-size: 3.0714285714rem; text-align: center; } } article.node.node--id-5 div.paragraph--type--content div.field--name-field-content a.button, article.node.node--id-5 div.paragraph--type--content div.field--name-field-content .job-offers-block .job-offer-button a, .job-offers-block .job-offer-button article.node.node--id-5 div.paragraph--type--content div.field--name-field-content a { display: table; margin: auto; padding-top: 30px; padding-bottom: 30px; } .job-offers-block { padding-bottom: 2.0833333333vw; } .job-offer-container { background-color: #142034; display: flex; color: white; font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.8571428571rem; padding-top: 100px; background-image: url(/themes/custom/departments/img/backgrounds/joboffertictac.png); } @media only screen and (max-width: 970px) { .job-offer-container { flex-direction: column-reverse; padding-top: 30px; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 768px) { .job-offer-container { padding-top: 30px; } } .job-offer-container .job-offer-people { margin-right: 170px; width: 40vw; } @media only screen and (max-width: 970px) { .job-offer-container .job-offer-people { margin: 0 auto; padding-bottom: 15px; width: 80%; } } .job-offer-container .job-offer-people img { width: 100%; height: auto; } @media only screen and (max-width: 970px) { .job-offer-container .job-offer-people img { max-width: 100%; height: auto; } } @media only screen and (max-width: 970px) { .job-offer-container .job-offer-text { text-align: center; } } .job-offer-container .job-offer-text .job-offer-head { margin-left: 210px; } @media only screen and (max-width: 970px) { .job-offer-container .job-offer-text .job-offer-head { margin: 0; } } .job-offer-container .job-offer-text .job-offer-head h2 { font-size: 5.5rem; margin-top: -45px; font-weight: 900; } @media only screen and (max-width: 1122px) { .job-offer-container .job-offer-text .job-offer-head h2 { font-size: 3.5714285714rem; } } .job-offer-container .job-offer-text .job-offer-head p:nth-of-type(1) { font-size: 3.4285714286rem; font-weight: 300; } .job-offer-container .job-offer-text .job-offer-head p:nth-of-type(2) { font-size: 1.7142857143rem; font-weight: 300; } .job-offer-container .job-offer-text .job-offer-content { margin-left: 210px; display: block; width: 90%; } @media only screen and (max-width: 970px) { .job-offer-container .job-offer-text .job-offer-content { margin-left: 0px; } } @media only screen and (max-width: 540px) { .job-offer-container .job-offer-text .job-offer-content { margin-left: 15px; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list { list-style: none; font-size: 3.4285714286rem; list-style-image: url(/themes/custom/departments/img/backgrounds/minus.png); font-weight: 900; padding-bottom: 65px; } @media only screen and (max-width: 768px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list { font-size: 2.1428571429rem; padding-left: 20px; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list :first-child { margin-top: 50px; } @media only screen and (max-width: 768px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list :first-child { margin-top: 0; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted { padding-top: 40px; padding-bottom: 60px; } @media only screen and (max-width: 520px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted { padding-top: 15px; padding-bottom: 30px; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__label { font-weight: 900; } @media only screen and (max-width: 520px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__label { margin-bottom: 20px; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__label:before { content: ''; width: 46px; height: 6px; background-image: url(/themes/custom/departments/img/backgrounds/minus.png); background-repeat: no-repeat; background-position-y: 50%; padding-right: 60px; margin-left: -60px; } @media only screen and (max-width: 768px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__label:before { background-image: url(/themes/custom/departments/img/backgrounds/minus2.png); width: 25px; padding-right: 30px; padding-left: -60px; } } @media only screen and (max-width: 540px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__label:before { width: 25px; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__item ul { font-size: 1.8571428571rem; list-style: none; list-style-image: url(/themes/custom/departments/img/backgrounds/circle.png); padding-top: 10px; font-weight: 300; } @media only screen and (max-width: 768px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__item ul { padding-left: 10px; } } @media only screen and (max-width: 520px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__item ul { padding-top: 0px; } } .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__item ul li { padding-bottom: 36px; } @media only screen and (max-width: 520px) { .job-offer-container .job-offer-text .job-offer-content ul.content-list .text-formatted .field__item ul li { padding-bottom: 10px; } } .job-offer-footer { width: 80%; margin: 0 auto; text-align: center; color: #7a7e86; font-weight: 300; padding-bottom: 30px; } .job-offer-footer p:nth-of-type(2) { font-size: 1.8571428571rem; padding-top: 30px; } .job-offer-footer p:nth-of-type(3) { font-size: 1.6428571429rem; } .job-offer-footer p:nth-of-type(1) { margin-top: -60px; } @media only screen and (max-width: 768px) { .job-offer-footer p:nth-of-type(1) { margin-top: -50px; } } .job-offer-footer p:nth-of-type(1) > a { font-size: 54px; width: 420px; line-height: 85px; border-radius: 60px/60px; } @media only screen and (max-width: 768px) { .job-offer-footer p:nth-of-type(1) > a { font-size: 2.4285714286rem !important; width: auto !important; height: auto !important; padding: 10px 20px !important; line-height: 50px !important; } } .job-offer-footer p:nth-of-type(1) > a:hover { background-color: white; } legend { display: none; } form.recruitment-form .form-type-textfield .form-required::after, form.recruitment-form .form-type-managed-file .form-required::after { content: '*'; background: none; } #edit-personal-data-fieldset.form-wrapper { font-family: 'Lato', sans-serif; width: 66%; margin: 0 auto; border: 0; } @media only screen and (max-width: 768px) { #edit-personal-data-fieldset.form-wrapper { width: 95%; padding-left: 0; padding-right: 0; } } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: baseline; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-type-textfield { width: 49%; display: flex; align-content: baseline; line-height: 65px; background-color: #e62332; font-size: 30px; justify-content: flex-start; border-radius: 40px; } @media only screen and (max-width: 992px) { #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-type-textfield { width: 100%; } } @media only screen and (max-width: 500px) { #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-type-textfield { display: flex; align-items: center; line-height: 30px; } } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-type-textfield label { padding-right: 10px; padding-left: 20px; color: white; font-size: 20px; font-weight: 900; font-family: 'Lato', sans-serif; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-type-textfield input { width: 65%; box-shadow: none; background-color: transparent; border: 0; align-self: center; height: 60%; font-size: 1.4285714286rem; color: white; font-family: 'Lato', sans-serif; font-weight: 300; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-phonenumber, #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-email { margin-left: auto; margin-right: 0; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-positionid { width: 100%; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-positionid #edit-positionid { width: 85%; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-additional { width: 100%; background-color: #e62332; border-radius: 20px; display: flex; flex-direction: column; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-additional label { font-size: 20px; font-weight: 900; color: white; margin-left: 20px; margin-top: 20px; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-additional div.form-textarea-wrapper { background-color: transparent; border-top: 1px solid #fff; } #edit-personal-data-fieldset.form-wrapper .fieldset-wrapper .js-form-item-additional div.form-textarea-wrapper textarea { background-color: transparent; border: 0px none; box-shadow: none; background-color: transparent; border: 0; align-self: center; height: 100%; font-size: 1.4285714286rem; color: white; font-family: 'Lato', sans-serif; font-weight: 300; } #edit-files { font-family: 'Lato', sans-serif; width: 64%; margin: 60px auto; border: 0; background-color: #e62332; border-radius: 20px; color: white; font-size: 30px; } @media only screen and (max-width: 768px) { #edit-files { width: 85%; } } #edit-files div.fieldset-wrapper #ajax-wrapper div.js-form-item, #edit-files div.fieldset-wrapper #ajax-wrapper--2 div.js-form-item, #edit-files div.fieldset-wrapper #ajax-wrapper--3 div.js-form-item { display: flex; } #edit-files div.fieldset-wrapper #ajax-wrapper label, #edit-files div.fieldset-wrapper #ajax-wrapper--2 label, #edit-files div.fieldset-wrapper #ajax-wrapper--3 label { width: 150px; } #edit-files #edit-portfolio-upload, #edit-files #edit-cv-upload, #edit-files #edit-letter-upload, #edit-files .form-managed-file { font-size: 1.0714285714rem; align-self: center; position: relative; } #edit-files #edit-portfolio-upload div.ajax-progress, #edit-files #edit-cv-upload div.ajax-progress, #edit-files #edit-letter-upload div.ajax-progress, #edit-files .form-managed-file div.ajax-progress { margin-left: 15px; } #edit-files #edit-portfolio-upload span, #edit-files #edit-cv-upload span, #edit-files #edit-letter-upload span, #edit-files .form-managed-file span { border-radius: 10px; } #edit-files #edit-portfolio-upload .add-file, #edit-files #edit-cv-upload .add-file, #edit-files #edit-letter-upload .add-file, #edit-files .form-managed-file .add-file { position: absolute; left: -5px; background: #142034; border-radius: 10px; padding: 10px 22px; z-index: 10; top: -1px; pointer-events: none; width: 84px; text-align: center; } #edit-files #edit-portfolio-upload input, #edit-files #edit-cv-upload input, #edit-files #edit-letter-upload input, #edit-files .form-managed-file input { width: 105px; z-index: 0; border-radius: 10px; } #edit-files .form-submit { background: #142034; position: relative; border: 0; padding: 5px 10px; } #edit-gdpr-checkboxes, #edit-gdpr-clause { width: 64%; margin: 60px auto; border: 0; background-color: #e62332; border-radius: 20px; color: white; font-size: 1.2857142857rem; font-family: 'Lato', sans-serif; } @media only screen and (max-width: 768px) { #edit-gdpr-checkboxes, #edit-gdpr-clause { width: 85%; } } #edit-gdpr-checkboxes h2, #edit-gdpr-clause h2 { font-size: 3.5714285714rem; } #recruitment-form { background-color: #142034; background-image: url("/themes/custom/departments/img/backgrounds/recruitmentbckg.png"); padding-bottom: 100px; } #edit-header { padding: 115px 0; padding-bottom: 175px; border: none; } @media only screen and (max-width: 992px) { #edit-header { padding-top: 30px; padding-bottom: 20px; } } #edit-header div.fieldset-wrapper { width: 100%; margin: 0 auto; border: none; position: relative; display: flex; color: #fff; justify-content: center; } @media only screen and (max-width: 970px) { #edit-header div.fieldset-wrapper { flex-direction: column-reverse; } } @media only screen and (max-width: 768px) { #edit-header div.fieldset-wrapper { padding-top: 30px; } } @media only screen and (max-width: 768px) { #edit-header div.fieldset-wrapper { width: 95%; position: inherit; } } #edit-header div.fieldset-wrapper div.recruitment-header-text { margin-left: 210px; } @media only screen and (max-width: 970px) { #edit-header div.fieldset-wrapper div.recruitment-header-text { margin: 0; } } @media only screen and (max-width: 970px) { #edit-header div.fieldset-wrapper div.recruitment-header-text { margin-left: 0; text-align: center; } } #edit-header div.fieldset-wrapper div.recruitment-header-text h1 { font-size: 5.5rem; margin-top: -45px; font-weight: 900; } @media only screen and (max-width: 1122px) { #edit-header div.fieldset-wrapper div.recruitment-header-text h1 { font-size: 3.5714285714rem; } } #edit-header div.fieldset-wrapper div.recruitment-header-text p:nth-of-type(1) { font-size: 3.4285714286rem; font-weight: 300; } #edit-header div.fieldset-wrapper div.recruitment-header-text p:nth-of-type(2) { font-size: 1.7142857143rem; font-weight: 300; } #edit-header div.recruitment-header-image { margin-right: 170px; width: 40vw; } @media only screen and (max-width: 970px) { #edit-header div.recruitment-header-image { margin: 0 auto; padding-bottom: 15px; width: 80%; } } #edit-header div.recruitment-header-image img { width: 100%; height: auto; } @media only screen and (max-width: 970px) { #edit-header div.recruitment-header-image img { max-width: 100%; height: auto; } } input.rec-button { display: block !important; margin: 0 auto; font-size: 3.8571428571rem !important; height: 115px; width: 350px !important; border-radius: 96px !important; font-family: 'Lato', sans-serif !important; line-height: normal !important; font-weight: 900; } input.rec-button:hover { background-color: white !important; color: #e62332 !important; } @media only screen and (max-width: 768px) { input.rec-button { font-size: 2.4285714286rem !important; width: auto !important; height: auto !important; padding: 10px 20px !important; } } .js-form-item-gdpr-checkbox1 label { font-size: 20px; color: white; font-weight: 900; line-height: normal; font-family: 'Lato', sans-serif; } input:placeholder { font-style: italic; } /*input::placeholder { color: red; font-size: 1.2em; font-style: italic; }*/ input[placeholder], [placeholder], *[placeholder] { font-style: italic !important; } body.page-node-type-job-offer div.region-content { margin-bottom: 0; } body.page-node-type-job-offer div.region-content details.captcha { background: #fff; max-width: 64%; margin-bottom: 50px; margin-left: auto; margin-right: auto; } .view-blog { background-color: #142034; background-image: url(../img/backgrounds/tictacs.png); background-position: top left; background-repeat: no-repeat; background-size: auto; } .view-blog .views-exposed-form { background: white; } .view-blog .views-exposed-form .form--inline { width: 1200px; margin: 0 auto; } .view-blog .views-exposed-form .form--inline .js-form-type-select select { width: 300px; font-size: 1em; padding: 10px 20px; border-radius: 20px; border: 1px solid gray; background: white; } .view-blog .view-content { width: 1200px; margin: 0 auto; padding: 2% 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .view-blog .view-content .views-row { width: 30%; height: 500px; margin: 20px 0; background: white; color: black; display: inline-block; overflow: hidden; position: relative; } .view-blog .view-content .views-row .views-field-field-blog-title { font-size: 1.5em; font-weight: bold; } .view-blog .view-content .views-row .views-field-field-blog-author { display: inline-block; vertical-align: middle; } .view-blog .view-content .views-row .views-field-field-blog-author span { display: inline-block; font-weight: bold; margin-right: 3px; } .view-blog .view-content .views-row .views-field-field-blog-author div { display: inline-block; } .view-blog .view-content .views-row .blog-entities-content-group { padding: 25px; } .view-blog .view-content .views-row .blog-entities-links-group { padding: 3% 4%; position: absolute; width: 92%; bottom: 10px; } .view-blog .view-content .views-row .blog-entities-links-group div, .view-blog .view-content .views-row .blog-entities-links-group span { display: inline-block; vertical-align: middle; } .view-blog .view-content .views-row .blog-entities-links-group .views-field-view-node-1 { float: right; } .view-blog .view-content .views-row .blog-entities-links-group .views-field-view-node-1 a { padding: 10px 18px; border: 1px solid black; font-size: 20px; border-radius: 60px; color: #e20000; text-decoration: none !important; } .view-blog .view-content .views-row .blog-entities-links-group .views-field-view-node-1 a :hover { text-decoration: none; } .view-blog nav.pager { padding: 30px 0; } .view-blog nav.pager li { margin: 0 10px; color: white; } .view-blog nav.pager a { font-size: 1.5em; padding: 12px 20px 15px; background: white; color: red; border-radius: 40px; text-decoration: none !important; } .view-blog nav.pager .activePage { font-size: 1.5em; padding: 14px 20px 15px; background: red; color: white; border-radius: 40px; text-decoration: none !important; } .view-blog .vocabulary-blog-authors h2 { display: none; } .view-blog .vocabulary-blog-authors .content div { display: inline-block; vertical-align: middle; margin: 10px 5px; } .view-blog .vocabulary-blog-authors .content .field--name-field-blog-author-avatar { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } .view-blog .vocabulary-blog-authors .content .field--name-field-blog-author-avatar img { width: 100%; } .node--type-blog-entity { font-family: Lato, sans-serif; color: white; background-color: #142034; background-image: url(../img/backgrounds/tictacs.png); background-position: top left; background-repeat: no-repeat; background-size: auto; } .node--type-blog-entity .node__content { width: 1200px; padding: 20px 0; margin: 0 auto; } .node--type-blog-entity .node__content .field--name-field-blog-title { font-size: 2em; font-weight: bold; margin: 25px 0 20px 0; } .node--type-blog-entity .node__content .blog-content-group { position: relative; font-size: 1.28571rem; font-weight: 300; line-height: 2.14286rem; margin-top: 35px; margin-bottom: 25px; } .node--type-blog-entity .node__content .blog-content-group :before { content: ''; height: 2px; width: 70px; background: #ef383e; position: absolute; left: 0; top: 0; } .node--type-blog-entity .node__content .blog-content-group .field--name-field-blog-content { width: 544px; display: inline-block; vertical-align: top; padding-left: 70px; } .node--type-blog-entity .node__content .blog-content-group .field--name-field-blog-content p { font-size: 1.28571rem; font-weight: 300; line-height: 2.14286rem; margin: 0 40px 0 0; } .node--type-blog-entity .node__content .blog-content-group .field--name-field-blog-image { width: 562px; display: inline-block; vertical-align: top; } .node--type-blog-entity .vocabulary-blog-authors h2 { display: none; } .node--type-blog-entity .vocabulary-blog-authors .content div { display: inline-block; vertical-align: middle; margin: 10px 5px; } .node--type-blog-entity .vocabulary-blog-authors .content .field--name-field-blog-author-avatar { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } .node--type-blog-entity .vocabulary-blog-authors .content .field--name-field-blog-author-avatar img { width: 100%; } .block-views-blockblog-promoted-entities-block-1 { font-family: Lato, sans-serif; color: white; background: #142034; margin: 0 0 0 0; } .block-views-blockblog-promoted-entities-block-1 h2, .block-views-blockblog-promoted-entities-block-1 .content { width: 1200px; padding: 20px 0; margin: 0 auto; } .block-views-blockblog-promoted-entities-block-1 .view-content { display: flex; justify-content: space-between; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row { width: 30%; height: 500px; background: white; color: black; display: inline-block; overflow: hidden; position: relative; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group { padding: 25px; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-field-blog-title { font-size: 1.5em; font-weight: bold; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-field-blog-author { display: inline-block; vertical-align: middle; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-field-blog-author span { display: inline-block; font-weight: bold; margin-right: 3px; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-field-blog-author div { display: inline-block; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-view-node { float: right; vertical-align: middle; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-view-node a { padding: 10px 18px; border: 1px solid black; font-size: 20px; border-radius: 60px; color: #e20000; text-decoration: none !important; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .views-field-view-node a :hover { text-decoration: none; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .blog-promoted-entites-links-group { padding: 3% 4%; position: absolute; width: 92%; bottom: 10px; left: 0; } .block-views-blockblog-promoted-entities-block-1 .view-content .views-row .blog-promoted-entites-group .blog-promoted-entites-links-group h2 { display: none; } .blog-allentities-link { text-align: center; padding: 10px 0 50px 0; background-color: #142034; } .blog-allentities-link a { width: auto; color: white; background: #E62332; padding: 10px 25px; border-radius: 25px; text-decoration: none; } #block-arformularzkontaktowy-2 { width: 90%; margin: 0 auto; } #block-arformularzkontaktowy-2 .field--name-field-title { text-align: center; font-size: 3em; } @media all and (max-width: 1100px) { .view-blog .view-content { width: 96%; margin: 2%; display: block; text-align: center; } .view-blog .view-content .views-row { width: 40%; margin: 1%; display: inline-block; text-align: left; } .view-blog .view-content .views-row .blog-entities-links-group { background: white; } .view-blog .view-content img { width: 100%; } .node--type-blog-entity .node__content { width: 100%; } .blog-content-group { width: 100%; } .blog-content-group :before { all: unset; } .blog-content-group .field--name-field-blog-content { width: 80% !important; display: block; margin: 1% 10% !important; padding: 0 !important; } .blog-content-group .field--name-field-blog-image { width: 80% !important; display: block !important; margin: 1% 10%; } } @media all and (max-width: 880px) { .view-blog .view-content .views-row { width: 80%; margin: 1% 10%; display: block; } } /*# sourceMappingURL=departments.css.map */