@charset "UTF-8";

@font-face {
   font-family: "Brandon Text";
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/BrandonText-Regular.eot);
   src: local(""), url(../fonts/BrandonText-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/BrandonText-Regular.woff2) format("woff2"), url(../fonts/BrandonText-Regular.woff) format("woff"), url(../fonts/BrandonText-Regular.ttf) format("truetype"), url(../fonts/BrandonText-Regular.svg#BrandonText) format("svg")
}

@font-face {
   font-family: "Brandon Text";
   font-style: normal;
   font-weight: 600;
   src: url(../fonts/BrandonText-Bold.eot);
   src: local(""), url(../fonts/BrandonText-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/BrandonText-Bold.woff2) format("woff2"), url(../fonts/BrandonText-Bold.woff) format("woff"), url(../fonts/BrandonText-Bold.ttf) format("truetype"), url(../fonts/BrandonText-Bold.svg#BrandonText) format("svg")
}

@font-face {
   font-family: "Brandon Text";
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/BrandonText-Bold.eot);
   src: local(""), url(../fonts/BrandonText-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/BrandonText-Bold.woff2) format("woff2"), url(../fonts/BrandonText-Bold.woff) format("woff"), url(../fonts/BrandonText-Bold.ttf) format("truetype"), url(../fonts/BrandonText-Bold.svg#BrandonText) format("svg")
}

@font-face {
   font-family: Inter;
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/inter-v3-latin-regular.eot);
   src: local(""), url(../fonts/inter-v3-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/inter-v3-latin-regular.woff2) format("woff2"), url(../fonts/inter-v3-latin-regular.woff) format("woff"), url(../fonts/inter-v3-latin-regular.ttf) format("truetype"), url(../fonts/inter-v3-latin-regular.svg#Inter) format("svg")
}

@font-face {
   font-family: Inter;
   font-style: normal;
   font-weight: 600;
   src: url(../fonts/inter-v3-latin-600.eot);
   src: local(""), url(../fonts/inter-v3-latin-600.eot?#iefix) format("embedded-opentype"), url(../fonts/inter-v3-latin-600.woff2) format("woff2"), url(../fonts/inter-v3-latin-600.woff) format("woff"), url(../fonts/inter-v3-latin-600.ttf) format("truetype"), url(../fonts/inter-v3-latin-600.svg#Inter) format("svg")
}

@font-face {
   font-family: Inter;
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/inter-v3-latin-700.eot);
   src: local(""), url(../fonts/inter-v3-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/inter-v3-latin-700.woff2) format("woff2"), url(../fonts/inter-v3-latin-700.woff) format("woff"), url(../fonts/inter-v3-latin-700.ttf) format("truetype"), url(../fonts/inter-v3-latin-700.svg#Inter) format("svg")
}

@font-face {
   font-family: Inter;
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/inter-v3-latin-900.eot);
   src: local(""), url(../fonts/inter-v3-latin-900.eot?#iefix) format("embedded-opentype"), url(../fonts/inter-v3-latin-900.woff2) format("woff2"), url(../fonts/inter-v3-latin-900.woff) format("woff"), url(../fonts/inter-v3-latin-900.ttf) format("truetype"), url(../fonts/inter-v3-latin-900.svg#Inter) format("svg")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
   margin: 0;
   border: 0 none;
   padding: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline
}

button::-moz-focus-inner {
   border: 0;
   padding: 0
}

button {
   display: inline-block;
   overflow: hidden;
   margin: 0;
   border: 0;
   padding: 0;
   text-transform: none;
   background: 0 0;
   cursor: pointer;
   vertical-align: top;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
   display: block
}

body {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

abbr {
   text-decoration: none
}

ol,
ul {
   list-style: none
}

blockquote,
q {
   quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
   content: none
}

textarea {
   resize: vertical
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

img {
   border: 0;
   display: inline-block;
   max-width: 100%;
   vertical-align: middle;
   -ms-interpolation-mode: bicubic
}

svg:not(:root) {
   overflow: hidden
}

*,
:after,
:before {
   box-sizing: border-box
}

body,
html {
   height: 100%
}

html {
   font-size: 100%;
   line-height: 1.5;
   min-height: 100%;
   position: relative;
   scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
   html {
      scroll-behavior: auto;
   }
}

body {
   -webkit-font-smoothing: antialiased !important;
   background-attachment: fixed;
   color: #232d37;
   font-family: "Brandon Text";
   font-smooth: always;
   height: 100%;
   margin: 0 auto;
   min-width: 20rem;
   overflow-x: hidden;
   text-rendering: optimizeLegibility !important
}

.dev {
   background: #fff;
   border: 1px solid #000;
   bottom: 20px;
   color: #000;
   font-size: .75rem;
   font-weight: 700;
   left: 20px;
   line-height: .75rem;
   opacity: .5;
   padding: .625rem;
   position: fixed;
   z-index: 999
}

@media (min-width:87.5em) {
   .dev:before {
      content: "large_desktop"
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .dev:before {
      content: "desktop"
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .dev:before {
      content: "pad"
   }
}

@media (max-width:48em) {
   .dev:before {
      content: "mobile"
   }
}

button {
   outline: 0 none
}

input,
textarea {
   font-family: "Brandon Text"
}

a {
   cursor: pointer;
   color: #232d37;
   text-decoration: none
}

a:active,
a:focus,
a:hover {
   outline: 0;
   text-decoration: none
}

a,
button,
input,
select,
span,
textarea {
   -webkit-tap-highlight-color: transparent
}

em {
   font-style: italic
}

b,
strong {
   font-weight: 600
}

::-moz-selection {
   background: #000;
   color: #fff
}

::selection {
   background: #000;
   color: #fff
}

::-moz-selection {
   background: #000;
   color: #fff
}

@media (min-width:87.5em) {

   .case__headline,
   .case__image div,
   .columns__col h2,
   .columns__col h3,
   .columns__col h4,
   .section__subheadline,
   .section__text,
   .team__headline {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .case__headline,
   .case__image div,
   .columns__col h2,
   .columns__col h3,
   .columns__col h4,
   .section__subheadline,
   .section__text,
   .team__headline {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .case__headline,
   .case__image div,
   .columns__col h2,
   .columns__col h3,
   .columns__col h4,
   .section__subheadline,
   .section__text,
   .team__headline {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (max-width:48em) {

   .case__headline,
   .case__image div,
   .columns__col h2,
   .columns__col h3,
   .columns__col h4,
   .section__subheadline,
   .section__text,
   .team__headline {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (min-width:87.5em) {

   .case__image div a,
   .case__text,
   .columns__col div,
   .columns__col p,
   .section__classic .section__text,
   .section__link,
   .section__list,
   .team__text,
   .teaser__box--small,
   .teaser__text--small {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .case__image div a,
   .case__text,
   .columns__col div,
   .columns__col p,
   .section__classic .section__text,
   .section__link,
   .section__list,
   .team__text,
   .teaser__box--small,
   .teaser__text--small {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .case__image div a,
   .case__text,
   .columns__col div,
   .columns__col p,
   .section__classic .section__text,
   .section__link,
   .section__list,
   .team__text,
   .teaser__box--small,
   .teaser__text--small {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (max-width:48em) {

   .case__image div a,
   .case__text,
   .columns__col div,
   .columns__col p,
   .section__classic .section__text,
   .section__link,
   .section__list,
   .team__text,
   .teaser__box--small,
   .teaser__text--small {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:87.5em) {
   .textbox_bg__headline {
      font-size: 2.5rem;
      line-height: 1.25
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox_bg__headline {
      font-size: 2.5rem;
      line-height: 1.25
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox_bg__headline {
      font-size: 1.875rem;
      line-height: 1.3333333333
   }
}

@media (max-width:48em) {
   .textbox_bg__headline {
      font-size: 1.875rem;
      line-height: 1.3333333333
   }
}

@media (min-width:87.5em) {

   .blog .post__headline,
   .blog .post__link,
   .blog .post__text,
   .jobs__headline,
   .jobs__link,
   .jobs__text,
   .teaser__text,
   .textbox_bg__text {
      font-size: 1.375rem;
      line-height: 1.5
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .blog .post__headline,
   .blog .post__link,
   .blog .post__text,
   .jobs__headline,
   .jobs__link,
   .jobs__text,
   .teaser__text,
   .textbox_bg__text {
      font-size: 1.375rem;
      line-height: 1.5
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .blog .post__headline,
   .blog .post__link,
   .blog .post__text,
   .jobs__headline,
   .jobs__link,
   .jobs__text,
   .teaser__text,
   .textbox_bg__text {
      font-size: 1.375rem;
      line-height: 1.5
   }
}

@media (max-width:48em) {

   .blog .post__headline,
   .blog .post__link,
   .blog .post__text,
   .jobs__headline,
   .jobs__link,
   .jobs__text,
   .teaser__text,
   .textbox_bg__text {
      font-size: 1.375rem;
      line-height: 1.5
   }
}

@media (min-width:87.5em) {

   .section__headline,
   .teaser h1,
   .teaser h2 {
      font-size: 2.5rem;
      line-height: 1.25
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .section__headline,
   .teaser h1,
   .teaser h2 {
      font-size: 2.5rem;
      line-height: 1.25
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .section__headline,
   .teaser h1,
   .teaser h2 {
      font-size: 2.5rem;
      line-height: 1.25
   }
}

@media (max-width:48em) {

   .section__headline,
   .teaser h1,
   .teaser h2 {
      font-size: 2.5rem;
      line-height: 1.25
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__wrap {
      padding: 0 4.375rem !important
   }
}

@media (max-width:48em) {
   .footer__top {
      margin-bottom: 3.125rem
   }
}

.footer__image {
   display: flex;
   justify-content: flex-end
}

@media (min-width:87.5em) {
   .footer__image {
      height: 36.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__image {
      height: 33.625rem
   }
}

.footer__image-wrap {
   overflow: hidden;
   height: 36.25rem;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center
}

@media (min-width:87.5em) {
   .footer__image-wrap {
      width: calc(100% - (((100% - 73.625rem)/ 2) - 3.75rem))
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__image-wrap {
      width: calc(100% - (((100% - 64rem)/ 2) - 1.25rem))
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__image-wrap {
      width: calc(100% - 2.5rem)
   }
}

@media (max-width:48em) {
   .footer__image-wrap {
      width: 100%
   }
}

.footer__image img {
   max-width: none
}

@media (min-width:87.5em) {
   .footer__boxcontent {
      padding-bottom: 6.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__boxcontent {
      padding-bottom: 5.9375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__boxcontent {
      padding-bottom: 7.5rem
   }
}

@media (max-width:48em) {
   .footer__boxcontent {
      padding-bottom: 12.5rem
   }
}

.footer__box {
   -webkit-backdrop-filter: blur(1.0625rem);
   backdrop-filter: blur(1.0625rem);
   background-color: rgba(255, 255, 255, .8);
   color: rgba(35, 45, 55, .8);
   position: absolute
}

@media (min-width:87.5em) {
   .footer__box {
      font-size: 1.3125rem;
      line-height: 1.6666666667;
      letter-spacing: .05rem
   }
}

@media (max-width:48em) {
   .footer__box {
      font-size: 1.125rem;
      line-height: 1.6666666667;
      letter-spacing: .045rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__box {
      font-size: 1.125rem;
      line-height: 1.6666666667;
      letter-spacing: .045rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__box {
      font-size: 1.125rem;
      line-height: 1.6666666667;
      letter-spacing: .045rem
   }
}

@media (min-width:87.5em) {
   .footer__box {
      bottom: -6.25rem;
      display: flex;
      height: 17.8125rem;
      left: -3.75rem;
      padding: 3.75rem 3.75rem 5rem;
      width: 37.5rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__box {
      bottom: -5.9375rem;
      display: flex;
      height: 15rem;
      left: -7.5rem;
      padding: 2.5rem 3.75rem 2.5rem 9.375rem;
      width: 37.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__box {
      bottom: -7.5rem;
      display: flex;
      height: 14.9375rem;
      left: 0;
      padding: 2.5rem 2.5rem 2.5rem 4.375rem;
      width: 31.75rem
   }
}

@media (max-width:48em) {
   .footer__box {
      bottom: -12.5rem;
      height: 18.125rem;
      right: 1.25rem;
      padding: 2.5rem 1.25rem 2.5rem 1.25rem;
      width: calc(100% - 1.25rem)
   }
}

.footer__box div {
   flex-shrink: 0
}

@media (min-width:87.5em) {
   .footer__box div {
      width: 10.4375rem;
      height: 2.8125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__box div {
      width: 8.5rem;
      height: 2.3125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__box div {
      width: 8.5rem;
      height: 2.3125rem
   }
}

@media (max-width:48em) {
   .footer__box div {
      width: 13.125rem;
      height: 4.6875rem
   }
}

.footer__box div img {
   width: 100%;
   height: 100%
}

@media (max-width:48em) {
   .footer__box div img {
      width: 13.125rem;
      height: 4.6875rem
   }
}

@media (min-width:87.5em) {
   .footer__box ul {
      margin-left: 2.5rem;
      margin-top: 1.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__box ul {
      margin-left: 1.875rem;
      margin-top: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__box ul {
      margin-left: 1.875rem;
      margin-top: 1.25rem
   }
}

@media (max-width:48em) {
   .footer__box ul {
      margin-top: 1.6875rem
   }
}

.footer__links {
   text-transform: uppercase
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__links {
      font-size: 1.1875rem;
      line-height: 1.8947368421;
      letter-spacing: .0475rem;
      padding-bottom: 5rem
   }
}

@media (min-width:87.5em) {
   .footer__links {
      font-size: 1.1875rem;
      line-height: 1.8947368421;
      letter-spacing: .0475rem;
      padding-bottom: 5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__links {
      font-size: 1rem;
      line-height: 1.875;
      padding-bottom: 4.6875rem;
      letter-spacing: .04rem
   }
}

@media (max-width:48em) {
   .footer__links {
      font-size: 1rem;
      line-height: 1.875;
      padding-bottom: 2.5rem;
      letter-spacing: .04rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__links {
      align-items: flex-end;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__links {
      align-items: flex-end;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
   }
}

@media (min-width:87.5em) {
   .footer__links {
      align-items: flex-end;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__links ul {
      display: flex;
      justify-content: flex-end
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__links ul {
      display: flex;
      justify-content: flex-end
   }
}

@media (min-width:87.5em) {
   .footer__links ul {
      display: flex;
      justify-content: flex-end
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__links ul li:not(:last-child) {
      margin-right: 1.875rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__links ul li:not(:last-child) {
      margin-right: 1.875rem
   }
}

@media (min-width:87.5em) {
   .footer__links ul li:not(:last-child) {
      margin-right: 1.875rem
   }
}

.footer__links a:active,
.footer__links a:focus,
.footer__links a:hover {
   text-decoration: underline
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__left {
      order: 1
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__left {
      order: 1
   }
}

@media (min-width:87.5em) {
   .footer__left {
      order: 1
   }
}

@media (max-width:48em) {
   .footer__left {
      margin-top: 4.6875rem
   }
}

@media (max-width:48em) {
   .footer__left ul {
      display: flex;
      justify-content: left
   }
}

@media (max-width:48em) {
   .footer__left ul li:not(:last-child) {
      padding-right: 1.25rem
   }
}

.footer__left ul li a {
   color: rgba(35, 45, 55, .69)
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .footer__right {
      order: 2;
      text-align: right
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .footer__right {
      order: 2;
      text-align: right
   }
}

@media (min-width:87.5em) {
   .footer__right {
      order: 2;
      text-align: right
   }
}

@media (max-width:48em) {
   .footer__right {
      display: flex;
      justify-content: space-between
   }
}

@media (max-width:48em) {
   .footer__right ul:nth-child(1) {
      text-align: left
   }
}

@media (max-width:48em) {
   .footer__right ul#menu-footer-right-bottom {
      text-align: right
   }
}

@media (max-width:48em) {
   .footer__right ul {
      width: 100%;
      display: block
   }
}

.footer__right ul li {
   color: #232d37
}

@media (max-width:48em) {
   .footer__right ul li:not(:last-child) {
      margin-bottom: 1.25rem
   }
}

.footer__right ul li a {
   color: #fc5914;
   font-weight: 700
}

.footer__right ul li a.active {
   color: #232d37
}

.grid {
   display: flex;
   flex-wrap: wrap
}

@media (min-width:87.5em) {
   .grid--3 .grid__col {
      width: calc(33.3333333333% - 3.75rem)
   }
}

@media (min-width:87.5em) and (-ms-high-contrast:none),
(min-width:87.5em) and (-ms-high-contrast:active) {
   .grid--3 .grid__col {
      width: calc(33.3% - 3.75rem)
   }
}

@media (min-width:87.5em) {
   @supports (-ms-ime-align:auto) {
      .grid--3 .grid__col {
         width: calc(33.3% - 3.75rem)
      }
   }
}

@media (min-width:87.5em) {
   .grid--3 .grid__col:not(:nth-child(3n+3)) {
      margin-right: 5.625rem
   }
}

@media (min-width:87.5em) {
   .grid--3 .grid__col:not(:nth-last-child(-n+3)) {
      margin-bottom: 2.8125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .grid--3 .grid__col {
      width: calc(33.3333333333% - 2.9166666667rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:none),
(min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:active) {
   .grid--3 .grid__col {
      width: calc(33.3% - 2.9166666667rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   @supports (-ms-ime-align:auto) {
      .grid--3 .grid__col {
         width: calc(33.3% - 2.9166666667rem)
      }
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .grid--3 .grid__col:not(:nth-child(3n+3)) {
      margin-right: 4.375rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .grid--3 .grid__col:not(:nth-last-child(-n+3)) {
      margin-bottom: 2.1875rem
   }
}

@media (max-width:48em) {
   .grid--3 .grid__col {
      width: 100%
   }

   .grid--3 .grid__col:not(:last-child) {
      margin-bottom: 1.875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .grid--3 .grid__col {
      width: 100%
   }

   .grid--3 .grid__col:not(:last-child) {
      margin-bottom: 1.875rem
   }
}

.grid h2,
.grid h3,
.grid h4 {
   color: #000;
   font-weight: 700
}

@media (min-width:87.5em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      font-size: 1.75rem;
      line-height: 1.5;
      letter-spacing: .07rem;
      margin-bottom: 2.375rem
   }
}

@media (max-width:48em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      font-size: 1.5rem;
      line-height: 1.5;
      letter-spacing: .06rem;
      margin-bottom: 1.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      font-size: 1.5rem;
      line-height: 1.5;
      letter-spacing: .06rem;
      margin-bottom: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      font-size: 1.5rem;
      line-height: 1.5;
      letter-spacing: .06rem;
      margin-bottom: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      margin-bottom: 1.875rem
   }
}

@media (max-width:48em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      margin-bottom: 1.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      margin-bottom: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .grid h2,
   .grid h3,
   .grid h4 {
      margin-bottom: 1.25rem
   }
}

.grid div {
   color: rgba(35, 45, 55, .8)
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .grid div {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .grid div {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:87.5em) {
   .grid div {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (max-width:48em) {
   .grid div {
      font-size: 1rem;
      line-height: 1.625
   }
}

.header {
   position: relative
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .header {
      height: 10rem
   }
}

@media (min-width:87.5em) {
   .header {
      height: 10rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .header {
      height: 8.125rem
   }
}

@media (max-width:48em) {
   .header {
      height: 11.875rem
   }
}

.header__wrap {
   display: flex;
   justify-content: space-between;
   height: 100%
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .header__wrap {
      padding: 0 4.375rem !important
   }
}

.header__logo {
   display: inline-block
}

@media (min-width:87.5em) {
   .header__logo {
      margin-top: 2.8125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .header__logo {
      margin-top: 2.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .header__logo {
      margin-top: 2.25rem
   }
}

@media (max-width:48em) {
   .header__logo {
      margin-top: 1.8125rem
   }
}

@media (min-width:87.5em) {
   .header__logo img {
      width: 16.5625rem;
      height: 4.375rem
   }
}

@media (max-width:48em) {
   .header__logo img {
      width: 14.1875rem;
      height: 3.6875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .header__logo img {
      width: 14.1875rem;
      height: 3.6875rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .header__logo img {
      width: 14.1875rem;
      height: 3.6875rem
   }
}

@media (max-width:48em) {
   .header__nav {
      display: none
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .header__nav {
      display: none
   }
}

.header__nav ul {
   display: flex
}

.header__nav ul li {
   text-transform: uppercase;
   font-weight: 700
}

@media (min-width:87.5em) {
   .header__nav ul li {
      font-size: 1.1875rem;
      line-height: 1.2105263158;
      letter-spacing: .0475rem
   }

   .header__nav ul li:not(:last-child) {
      margin-right: 2.5rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .header__nav ul li {
      font-size: 1rem;
      line-height: 1.1875;
      letter-spacing: .04rem
   }

   .header__nav ul li:not(:last-child) {
      margin-right: 1.875rem
   }
}

.header__nav ul li.current_page_item a {
   color: #232d37
}

.header__nav ul li.current_page_item a:after {
   width: 100%
}

.header__nav ul li a {
   color: #fc5914;
   display: inline-block;
   position: relative
}

@media (min-width:87.5em) {
   .header__nav ul li a {
      padding-top: 3.625rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .header__nav ul li a {
      padding-top: 2.9375rem
   }
}

.header__nav ul li a:after {
   transition: width .15s ease-in-out, color .15s ease-in-out;
   background-color: #232d37;
   content: "";
   height: .5rem;
   left: 0;
   right: 0;
   position: absolute;
   top: 0;
   width: 0
}

.header__nav ul li a:active,
.header__nav ul li a:focus,
.header__nav ul li a:hover {
   text-decoration: none;
   color: #232d37
}

.header__nav ul li a:active:after,
.header__nav ul li a:focus:after,
.header__nav ul li a:hover:after {
   width: 100%
}

.mobile-navigation {
   z-index: 110;
   -webkit-overflow-scrolling: touch;
   background: #fff;
   bottom: 0;
   left: -100%;
   min-width: 20rem;
   overflow-x: scroll;
   overflow-y: auto;
   position: fixed;
   top: 0;
   transition: left ease-in-out .2s;
   width: 100%;
   will-change: left;
   padding-top: 3.125rem
}

@media (max-width:48em) {
   .mobile-navigation {
      padding-top: 1.25rem
   }
}

.mobile-navigation--is-visible {
   left: 0
}

.mobile-navigation__close {
   z-index: 20;
   cursor: pointer;
   height: 1.875rem;
   position: absolute;
   right: 1.875rem;
   top: 1.875rem;
   width: 1.875rem
}

@media (min-width:87.5em) {
   .mobile-navigation__close {
      right: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .mobile-navigation__close {
      right: 7.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .mobile-navigation__close {
      right: 4.375rem
   }
}

@media (max-width:48em) {
   .mobile-navigation__close {
      right: 1.25rem
   }
}

.mobile-navigation__close:hover:before {
   color: #232d37
}

.mobile-navigation__close:before {
   font-size: 2rem;
   line-height: 1;
   color: #fc5914;
   content: "✕";
   font-weight: 600;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   transition: color 125ms ease-in
}

.mobile-navigation__list {
   z-index: 15;
   margin: 7.5rem auto 0;
   position: relative;
   width: 65%
}

.mobile-navigation__item:not(:last-child) {
   margin-bottom: 1.5625rem
}

.mobile-navigation__link {
   font-size: 1rem;
   line-height: 1.1875;
   color: #fc5914;
   display: block;
   font-weight: 700;
   letter-spacing: .04rem;
   text-align: right;
   text-decoration: none;
   text-transform: uppercase
}

.mobile-navigation__link:hover {
   text-decoration: underline
}

.mobile-navigation__link.current_page_item {
   color: #232d37
}

.mobile-navigation__extras {
   font-size: 1rem;
   line-height: 1.875;
   color: #9196aa;
   letter-spacing: .04rem;
   margin: 4.6875rem auto 0;
   text-align: right;
   text-transform: uppercase;
   width: 65%
}

.mobile-navigation__extras div:not(:last-child) {
   margin-bottom: 1.875rem
}

.mobile-navigation__trigger {
   z-index: 51;
   background: #fff;
   cursor: pointer;
   height: 1.25rem;
   width: 2rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .mobile-navigation__trigger {
      margin-top: 2.25rem
   }
}

@media (max-width:48em) {
   .mobile-navigation__trigger {
      margin-top: 2.5rem
   }
}

.mobile-navigation__trigger span {
   background-color: #000;
   display: block;
   height: .1875rem;
   transition: background-color 125ms ease-in
}

.mobile-navigation__trigger span:nth-child(2) {
   margin: .3125rem 0
}

.mobile-navigation__trigger:hover span {
   background-color: #fc5914
}

.page {
   background-color: #fff;
   margin: 0 auto;
   width: 100%;
   overflow-x: hidden
}

.columns,
.footer__wrap,
.header__wrap,
.highlights,
.icontext__wrap,
.section__wrap,
.team__wrap,
.teaser__wrap,
.textbox_bg,
.textslider,
.wrap {
   margin: 0 auto;
   position: relative
}

@media (min-width:87.5em) {

   .columns,
   .footer__wrap,
   .header__wrap,
   .highlights,
   .icontext__wrap,
   .section__wrap,
   .team__wrap,
   .teaser__wrap,
   .textbox_bg,
   .textslider,
   .wrap {
      width: 73.625rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .columns,
   .footer__wrap,
   .header__wrap,
   .highlights,
   .icontext__wrap,
   .section__wrap,
   .team__wrap,
   .teaser__wrap,
   .textbox_bg,
   .textslider,
   .wrap {
      padding: 0 1.875rem;
      width: 64rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .columns,
   .footer__wrap,
   .header__wrap,
   .highlights,
   .icontext__wrap,
   .section__wrap,
   .team__wrap,
   .teaser__wrap,
   .textbox_bg,
   .textslider,
   .wrap {
      padding: 0 2.5rem;
      width: 100%
   }
}

@media (max-width:48em) {

   .columns,
   .footer__wrap,
   .header__wrap,
   .highlights,
   .icontext__wrap,
   .section__wrap,
   .team__wrap,
   .teaser__wrap,
   .textbox_bg,
   .textslider,
   .wrap {
      padding: 0 1.25rem;
      width: 100%
   }
}

.blog .tag {
   display: inline-block;
   border: 1px solid #fc5914;
   padding: .3125rem .625rem;
   color: #fc5914;
   margin-right: .625rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .blog .tag {
      margin-top: 3.125rem
   }
}

@media (min-width:87.5em) {
   .blog .tag {
      margin-top: 3.125rem
   }
}

.blog .tag.active {
   border: 1px solid #fc5914;
   background: #fc5914;
   color: #fff
}

.blog .tag.active a {
   color: #fff !important
}

.blog .section__wrap hr {
   margin: 2.5rem 0
}

.blog .section__wrap hr:first-child {
   margin-top: 0
}

.blog .post__title {
   margin-bottom: 1.25rem
}

.blog .post__entry {
   display: flex
}

@media (max-width:48em) {
   .blog .post__entry {
      flex-wrap: wrap
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .blog .post__entry {
      flex-wrap: wrap
   }
}

.blog .post__entry img {
   width: 50%;
   height: 100%;
   margin-right: 3.125rem
}

@media (max-width:48em) {
   .blog .post__entry img {
      width: 100%;
      margin-bottom: 1.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .blog .post__entry img {
      width: 100%;
      margin-bottom: 1.25rem
   }
}

.blog .post__first {
   width: 100%;
   height: 37.5rem;
   position: relative;
   background-position: center center
}

.blog .post__first .post__text {
   display: block;
   position: absolute;
   bottom: 1.875rem;
   right: 1.875rem;
   background-color: #fff;
   padding: 1.25rem;
   width: 60%
}

@media (max-width:48em) {
   .blog .post__first .post__text {
      width: 80%
   }
}

.blog .post__tags {
   color: #fc5914
}

.blog .post__tags span:not(:last-child):after {
   content: "|";
   padding: .3125rem
}

.blog .post__header {
   display: flex;
   align-items: center;
   font-weight: 700;
   margin-bottom: 1.25rem
}

.blog .post__headline {
   margin-right: 1.5625rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .blog .post__headline {
      letter-spacing: .06rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .blog .post__headline {
      letter-spacing: .06rem
   }
}

@media (min-width:87.5em) {
   .blog .post__headline {
      letter-spacing: .06rem
   }
}

@media (max-width:48em) {
   .blog .post__headline {
      letter-spacing: .05rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .blog .post__text {
      max-width: 50%;
      min-width: 50%
   }
}

@media (min-width:87.5em) {
   .blog .post__text {
      max-width: 50%;
      min-width: 50%
   }
}

.blog .post__link {
   color: #fc5914
}

.blog .post__link:hover {
   text-decoration: underline
}

.blog .teaser__headline {
   margin-bottom: 0
}

.blog .teaser__box--bottom {
   width: 95%
}

.case {
   border-bottom: .1875rem solid rgba(112, 112, 112, .8);
   cursor: pointer;
   height: 16.875rem;
   overflow: hidden
}

@media (min-width:64em) and (max-width:87.4375em) {
   .case {
      margin-top: 3.125rem
   }
}

.case:hover {
   padding-top: 0;
   padding-bottom: 0
}

.case:hover .case__wrap {
   display: none
}

.case:hover .case__image {
   visibility: visible;
   opacity: 1;
   transition: opacity .5s ease-in;
   background-position: center center;
   background-size: cover !important;
   height: 16.875rem
}

.case:hover .case__image div {
   opacity: 1;
   height: auto
}

.case__jobs:hover {
   display: block
}

.case:nth-of-type(1) {
   border-top: .1875rem solid rgba(112, 112, 112, .8)
}

@media (min-width:64em) and (max-width:87.4375em) {
   .case {
      padding: 4.375rem 0
   }
}

@media (min-width:87.5em) {
   .case {
      padding: 4.375rem 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .case {
      padding: 3.125rem 0
   }
}

@media (max-width:48em) {
   .case {
      padding: 2.5rem 0
   }
}

.case__headline {
   color: #fc5914;
   font-weight: 700
}

@media (min-width:64em) and (max-width:87.4375em) {
   .case__headline {
      letter-spacing: .07rem;
      margin-bottom: .9375rem
   }
}

@media (min-width:87.5em) {
   .case__headline {
      letter-spacing: .07rem;
      margin-bottom: .9375rem
   }
}

@media (max-width:48em) {
   .case__headline {
      letter-spacing: .06rem;
      margin-bottom: 1.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .case__headline {
      letter-spacing: .06rem;
      margin-bottom: 1.25rem
   }
}

.case__text {
   color: rgba(35, 45, 55, .8)
}

@media (min-width:64em) and (max-width:87.4375em) {
   .case__text {
      max-width: 41.25rem
   }
}

@media (min-width:87.5em) {
   .case__text {
      max-width: 41.25rem
   }
}

.case__image {
   visibility: hidden;
   opacity: 0;
   transition: opacity 5s ease-out;
   position: relative
}

.case__image div {
   opacity: 0;
   height: 0;
   color: #000;
   font-weight: 700;
   left: 2.8125rem;
   position: absolute;
   top: 50%;
   transform: translate(0, -50%)
}

.case__image div a {
   color: #fc5914;
   font-weight: 400;
   margin-left: .9375rem
}

.case__image div a:active,
.case__image div a:focus,
.case__image div a:hover {
   text-decoration: underline
}

.columns a.columns__col:active,
.columns a.columns__col:focus,
.columns a.columns__col:hover {
   background-color: rgba(255, 255, 255, .3)
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns {
      padding: 8.75rem 0
   }
}

@media (min-width:87.5em) {
   .columns {
      padding: 8.75rem 0
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns {
      width: 60.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .columns {
      padding: 7.5rem 2.5rem
   }
}

@media (max-width:48em) {
   .columns {
      padding: 4.0625rem 0
   }
}

.columns__wrap {
   position: relative;
   z-index: 2
}

@media (min-width:87.5em) {
   .columns__wrap .section__headline {
      max-width: 46.875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .columns__wrap .section__headline {
      max-width: 33.125rem;
      margin-bottom: 1.875rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns__wrap .section__headline {
      max-width: 33.125rem;
      margin-bottom: 1.875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .columns__wrap {
      padding: 0 1.875rem
   }
}

@media (max-width:48em) {
   .columns__wrap {
      padding: 0 1.25rem;
      margin-bottom: 2.5rem
   }

   .columns__wrap .section__headline {
      text-align: left
   }
}

.columns__rotate {
   position: relative
}

.columns__rotate--bgcolor-default:before {
   background-color: #ebebf0
}

.columns__rotate--bgcolor-dark:before {
   background-color: #5C8AA2
}

.columns__rotate--bgcolor-dark .columns__col h2,
.columns__rotate--bgcolor-dark .columns__col h3,
.columns__rotate--bgcolor-dark .columns__col h4,
.columns__rotate--bgcolor-dark .section__headline {
   color: #fff
}

.columns__rotate--bgcolor-dark .columns__col div {
   color: rgba(255, 255, 255, .8)
}

.columns__rotate:before {
   overflow: hidden;
   content: "";
   position: absolute;
   z-index: 1
}

@media (min-width:87.5em) {
   .columns__rotate:before {
      transform: rotate(4deg) translate(-52%, -46%);
      left: 50%;
      top: 50%;
      width: 100vw;
      height: 120%
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns__rotate:before {
      transform: rotate(4deg) translate(-50%, -50%);
      left: 45%;
      top: 55%;
      width: 130%;
      height: 123%
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .columns__rotate:before {
      transform: rotate(4deg) translate(-50%, -50%);
      left: 45%;
      top: 55%;
      width: 120%;
      height: 120%
   }
}

@media (max-width:48em) {
   .columns__rotate:before {
      transform: rotate(4deg) translate(-50%, -50%);
      width: 161%;
      height: 110%;
      left: 50%;
      top: 53%
   }
}

.columns__grid {
   display: flex;
   flex-wrap: wrap
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns__grid {
      margin: 0 -2.5rem
   }
}

@media (min-width:87.5em) {
   .columns__grid {
      margin: 0 -2.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .columns__grid {
      margin: 0 -1.875rem
   }
}

@media (max-width:48em) {
   .columns__grid {
      margin: 0 -1.25rem
   }
}

.columns__col {
   transition: background-color 150ms cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns__col {
      width: calc(33.3333333333% - 0rem);
      padding: 2.5rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:none),
(min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:active) {
   .columns__col {
      width: calc(33.3% - 0rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   @supports (-ms-ime-align:auto) {
      .columns__col {
         width: calc(33.3% - 0rem)
      }
   }
}

@media (min-width:87.5em) {
   .columns__col {
      width: calc(33.3333333333% - 0rem);
      padding: 2.5rem
   }
}

@media (min-width:87.5em) and (-ms-high-contrast:none),
(min-width:87.5em) and (-ms-high-contrast:active) {
   .columns__col {
      width: calc(33.3% - 0rem)
   }
}

@media (min-width:87.5em) {
   @supports (-ms-ime-align:auto) {
      .columns__col {
         width: calc(33.3% - 0rem)
      }
   }
}

@media (min-width:87.5em) {
   .columns__col {
      min-height: 23.4375rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns__col {
      min-height: 19.0625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .columns__col {
      width: calc(50% - 0rem);
      padding: 1.875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) and (-ms-high-contrast:none),
(min-width:48.0625em) and (max-width:63.9375em) and (-ms-high-contrast:active) {
   .columns__col {
      width: calc(50% - 0rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   @supports (-ms-ime-align:auto) {
      .columns__col {
         width: calc(50% - 0rem)
      }
   }
}

@media (max-width:48em) {
   .columns__col {
      padding: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .columns__col--2 {
      width: calc(50% - 0rem);
      padding: 2.5rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:none),
(min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:active) {
   .columns__col--2 {
      width: calc(50% - 0rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   @supports (-ms-ime-align:auto) {
      .columns__col--2 {
         width: calc(50% - 0rem)
      }
   }
}

@media (min-width:87.5em) {
   .columns__col--2 {
      width: calc(50% - 0rem);
      padding: 2.5rem
   }
}

@media (min-width:87.5em) and (-ms-high-contrast:none),
(min-width:87.5em) and (-ms-high-contrast:active) {
   .columns__col--2 {
      width: calc(50% - 0rem)
   }
}

@media (min-width:87.5em) {
   @supports (-ms-ime-align:auto) {
      .columns__col--2 {
         width: calc(50% - 0rem)
      }
   }
}

.columns__col h2,
.columns__col h3,
.columns__col h4 {
   color: #000;
   font-weight: 700
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      letter-spacing: .06rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      letter-spacing: .06rem
   }
}

@media (min-width:87.5em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      letter-spacing: .06rem
   }
}

@media (max-width:48em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      letter-spacing: .05rem
   }
}

@media (min-width:87.5em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      margin-bottom: 2rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      margin-bottom: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      margin-bottom: 1.25rem
   }
}

@media (max-width:48em) {

   .columns__col h2,
   .columns__col h3,
   .columns__col h4 {
      margin-bottom: .9375rem
   }
}

.columns__col div,
.columns__col p {
   color: rgba(35, 45, 55, .8)
}

.counter {
   overflow: hidden
}

.counter__rotate {
   position: relative;
   color: #fff
}

.counter__rotate::before {
   background-color: #5C8AA2;
}

@media (min-width:87.5em) {
   .counter__rotate {
      padding: 9.375rem;
      margin-bottom: 7.8125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .counter__rotate {
      padding: 6.25rem;
      margin-bottom: 7.8125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__rotate {
      padding: 6.25rem 6.25rem 7.5rem;
      margin-bottom: 7.8125rem
   }
}

@media (max-width:48em) {
   .counter__rotate {
      padding: 0;
      margin-bottom: 2.8125rem
   }
}

.counter__rotate:before {
   background-color: #9196aa;
   content: "";
   width: 90%;
   height: 100%;
   z-index: 1;
   top: 50%;
   left: 50%;
   position: absolute;
   transform: rotate(-4deg) translate(-50%, -50%);
   overflow: hidden
}

@media (min-width:87.5em) {
   .counter__rotate:before {
      padding: 12.5rem;
      margin: -1.375rem 0 0 .9375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__rotate:before {
      left: 51%;
      width: 100vw
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .counter__rotate:before {
      left: 51%;
      width: 100vw
   }
}

@media (max-width:48em) {
   .counter__rotate:before {
      width: 150vw;
      height: 110%
   }
}

.counter__wrap {
   display: flex;
   flex-wrap: wrap;
   position: relative;
   z-index: 2;
   top: 1.25rem;
   margin: 0 auto
}

@media (min-width:87.5em) {
   .counter__wrap {
      width: 73.75rem !important
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .counter__wrap {
      width: 100% !important;
      padding: 6.25rem 1.25rem !important
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__wrap {
      padding: 0 1.25rem !important
   }
}

@media (max-width:48em) {
   .counter__wrap {
      margin: 6.25rem 0;
      padding: 6.25rem 1.25rem !important
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__wrap {
      margin-right: -3.75rem
   }
}

.counter__part {
   text-align: center
}

@media (min-width:64em) and (max-width:87.4375em) {
   .counter__part {
      width: calc(25% - 0rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:none),
(min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:active) {
   .counter__part {
      width: calc(25% - 0rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   @supports (-ms-ime-align:auto) {
      .counter__part {
         width: calc(25% - 0rem)
      }
   }
}

@media (min-width:87.5em) {
   .counter__part {
      width: calc(25% - 0rem)
   }
}

@media (min-width:87.5em) and (-ms-high-contrast:none),
(min-width:87.5em) and (-ms-high-contrast:active) {
   .counter__part {
      width: calc(25% - 0rem)
   }
}

@media (min-width:87.5em) {
   @supports (-ms-ime-align:auto) {
      .counter__part {
         width: calc(25% - 0rem)
      }
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__part {
      width: calc(50% - 0rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) and (-ms-high-contrast:none),
(min-width:48.0625em) and (max-width:63.9375em) and (-ms-high-contrast:active) {
   .counter__part {
      width: calc(50% - 0rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   @supports (-ms-ime-align:auto) {
      .counter__part {
         width: calc(50% - 0rem)
      }
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__part:not(:nth-last-child(-n+2)) {
      margin-bottom: 1.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__part:first-child {
      margin-left: -6.25rem
   }
}

@media (max-width:48em) {
   .counter__part {
      width: 100%
   }

   .counter__part:not(:last-child) {
      margin-bottom: 1.875rem
   }
}

.counter__number {
   display: block
}

@media (min-width:87.5em) {
   .counter__number {
      font-size: 6.0625rem;
      line-height: 1.206185567
   }
}

@media (max-width:48em) {
   .counter__number {
      font-size: 5rem;
      line-height: 1.2
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__number {
      font-size: 5rem;
      line-height: 1.2
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .counter__number {
      font-size: 5rem;
      line-height: 1.2
   }
}

.counter__description {
   color: rgba(255, 255, 255, .8);
   display: block;
   font-weight: 600
}

@media (min-width:87.5em) {
   .counter__description {
      font-size: 1.1875rem;
      line-height: 1.5263157895;
      margin-top: .375rem
   }
}

@media (max-width:48em) {
   .counter__description {
      font-size: 1rem;
      line-height: 1.5;
      margin-top: .3125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .counter__description {
      font-size: 1rem;
      line-height: 1.5;
      margin-top: .3125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .counter__description {
      font-size: 1rem;
      line-height: 1.5;
      margin-top: .3125rem
   }
}

.first-steps-slider {
   cursor: url(../images/slider_cursor.png), move;
   margin-bottom: -1.5625rem
}

.first-steps-slider__outer {
   overflow: hidden;
   height: 21.6875rem
}

.first-steps-slider__main {
   box-sizing: content-box;
   height: 100%;
   overflow-x: scroll;
   overflow-y: hidden;
   padding-bottom: 1.0625rem;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   position: relative;
   z-index: 100
}

@media (min-width:87.5em) {
   .first-steps-slider__main {
      padding-left: calc(((100vw - 77.5rem)/ 2) - 1.25rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .first-steps-slider__main {
      padding-left: calc(((100vw - 62.5rem)/ 2) - 1.25rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .first-steps-slider__main {
      padding-left: 3.125rem
   }
}

@media (max-width:48em) {
   .first-steps-slider__main {
      padding-left: 3.125rem
   }
}

.first-steps-slider__box {
   background-color: #fff;
   position: relative;
   z-index: 10
}

.first-steps-slider__box:before {
   border-left: solid .875rem transparent;
   border-right: solid .875rem transparent;
   content: "";
   height: 0;
   left: 50%;
   margin-left: -.875rem;
   position: absolute;
   width: 0;
   z-index: 10
}

.first-steps-slider__box:after {
   font-size: 2.5rem;
   line-height: 1;
   background-color: #ebebf0;
   color: #fc5914;
   content: ">";
   height: 2.5rem;
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   width: 1.5625rem;
   z-index: 5
}

.first-steps-slider__top {
   display: flex;
   margin-bottom: 1.25rem;
   min-width: 20rem
}

.first-steps-slider__top .first-steps-slider__part:first-child {
   margin-left: 16.875rem
}

.first-steps-slider__top .first-steps-slider__part:not(:first-child) {
   margin-left: 15rem
}

.first-steps-slider__top .first-steps-slider__box {
   font-size: 1.125rem;
   line-height: 1.4444444444;
   height: 4.5rem;
   padding: .625rem 1.25rem;
   text-align: center;
   width: 14.6875rem
}

.first-steps-slider__top .first-steps-slider__box:before {
   border-top: solid .875rem #fff;
   top: 100%
}

.first-steps-slider__top .first-steps-slider__box:after {
   bottom: -3.75rem
}

.first-steps-slider__middle {
   margin: 2.5rem 0;
   min-width: 20rem
}

.first-steps-slider__line {
   background-color: #fff;
   height: .0625rem;
   margin-left: 10.3125rem;
   position: relative;
   width: 87.8125rem;
   z-index: 5
}

.first-steps-slider__bottom {
   display: flex;
   margin-top: 1.25rem;
   min-width: 20rem
}

.first-steps-slider__bottom .first-steps-slider__part:not(:first-child) {
   margin-left: 6.25rem
}

.first-steps-slider__bottom .first-steps-slider__part .first-steps-slider__box:last-child {
   margin-right: 3.125rem
}

.first-steps-slider__bottom .first-steps-slider__box {
   padding: 1.5625rem;
   width: 23.375rem;
   max-width: 20rem
}

.first-steps-slider__bottom .first-steps-slider__box:before {
   border-bottom: solid .875rem #fff;
   top: -.875rem
}

.first-steps-slider__bottom .first-steps-slider__box:after {
   top: -3.75rem
}

.first-steps-slider__bottom .first-steps-slider__box strong {
   font-size: 1.5rem;
   line-height: 1.1666666667;
   display: block;
   font-weight: 700;
   margin-bottom: 1rem
}

.first-steps-slider__bottom .first-steps-slider__box span {
   font-size: 1.25rem;
   line-height: 1.2;
   color: rgba(35, 45, 55, .8);
   display: block
}

.highlights {
   padding: 4.6875rem 0 2.5rem !important
}

.highlights__rotate {
   position: relative
}

.highlights__rotate:before {
   background-color: #ebebf0;
   content: "";
   position: absolute;
   z-index: 1;
   transform: rotate(4deg) translate(-50%, -50%)
}

@media (min-width:87.5em) {
   .highlights__rotate:before {
      height: 120%;
      left: 48%;
      top: 59%;
      width: 99vw
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .highlights__rotate:before {
      height: 110%;
      left: 48%;
      top: 55%;
      width: 99vw
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .highlights__rotate:before {
      height: 120%;
      left: 47%;
      top: 48%;
      width: 100%
   }
}

@media (max-width:48em) {
   .highlights__rotate:before {
      margin-top: 2.5rem;
      height: 110%;
      left: 50%;
      top: 50%;
      width: 140%
   }
}

@media (max-width:360px) {
   .highlights__rotate:before {
      margin-top: 1.25rem
   }
}

.highlights__wrap {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   position: relative;
   z-index: 2
}

@media (min-width:64em) and (max-width:87.4375em) {
   .highlights__wrap {
      padding: 3.125rem
   }
}

@media (min-width:87.5em) {
   .highlights__wrap {
      padding: 3.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .highlights__wrap {
      padding: 3.125rem
   }
}

@media (max-width:48em) {
   .highlights__wrap {
      padding: 3.125rem 1.875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .highlights__part {
      width: calc(50% - 2.8125rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) and (-ms-high-contrast:none),
(min-width:48.0625em) and (max-width:63.9375em) and (-ms-high-contrast:active) {
   .highlights__part {
      width: calc(50% - 2.8125rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   @supports (-ms-ime-align:auto) {
      .highlights__part {
         width: calc(50% - 2.8125rem)
      }
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .highlights__part {
      width: calc(50% - 2.8125rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:none),
(min-width:64em) and (max-width:87.4375em) and (-ms-high-contrast:active) {
   .highlights__part {
      width: calc(50% - 2.8125rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   @supports (-ms-ime-align:auto) {
      .highlights__part {
         width: calc(50% - 2.8125rem)
      }
   }
}

@media (min-width:87.5em) {
   .highlights__part {
      width: calc(50% - 2.8125rem)
   }
}

@media (min-width:87.5em) and (-ms-high-contrast:none),
(min-width:87.5em) and (-ms-high-contrast:active) {
   .highlights__part {
      width: calc(50% - 2.8125rem)
   }
}

@media (min-width:87.5em) {
   @supports (-ms-ime-align:auto) {
      .highlights__part {
         width: calc(50% - 2.8125rem)
      }
   }
}

@media (max-width:48em) {
   .highlights__part {
      width: 100%
   }

   .highlights__part:not(:last-child) {
      margin-bottom: 2.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .icontext__part {
      display: flex
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .icontext__part {
      display: flex
   }
}

@media (min-width:87.5em) {
   .icontext__part {
      display: flex
   }
}

.icontext__part:nth-child(even) {
   flex-direction: row-reverse
}

@media (min-width:64em) and (max-width:87.4375em) {
   .icontext__part:nth-child(even) .icontext__image {
      text-align: left !important;
      margin-left: 3.75rem
   }
}

@media (min-width:87.5em) {
   .icontext__part:nth-child(even) .icontext__image {
      text-align: left !important;
      margin-left: 3.75rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .icontext__part:nth-child(even) .icontext__image {
      text-align: left !important;
      margin-left: 3.75rem;
      margin-right: 0
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .icontext__part:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media (min-width:87.5em) {
   .icontext__part:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .icontext__part:not(:last-child) {
      margin-bottom: 2.5rem
   }
}

@media (max-width:48em) {
   .icontext__part:not(:last-child) {
      margin-bottom: 2.5rem
   }
}

@media (min-width:87.5em) {
   .icontext__image {
      text-align: right;
      width: 100%;
      margin-right: 3.75rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .icontext__image {
      text-align: right;
      width: 25rem;
      margin-right: 3.75rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .icontext__image {
      width: 9.375rem;
      margin-right: 3.75rem
   }
}

@media (max-width:48em) {
   .icontext__image {
      margin-bottom: 1.25rem;
      text-align: center
   }
}

.icontext__image img {
   width: 9.375rem
}

.icontext__content {
   width: 70vw
}

@media (max-width:48em) {
   .icontext__content {
      width: 100%
   }
}

.imageslider {
   overflow: hidden;
   cursor: url(../images/slider_cursor_w.png), move
}

.imageslider .slick-dots li {
   width: .625rem;
   height: .625rem;
   border-radius: 100%;
   background: #ebebf0
}

.imageslider .slick-dots li.slick-active {
   background: #fc5914
}

.imageslider .slick-dots li button::before {
   display: none
}

@media (max-width:48em) {
   .imageslider__slider {
      margin: 0 -.9375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .imageslider__slider {
      margin: 0 -.9375rem
   }
}

@media (max-width:360px) {
   .imageslider__slider {
      margin: 0
   }
}

@media (min-width:87.5em) {
   .imageslider__slider .slick-list {
      padding-left: calc(((100vw - 77.5rem)/ 2) - 1.25rem)
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .imageslider__slider .slick-list {
      padding-left: calc(((100vw - 62.5rem)/ 2) - 1.25rem)
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .imageslider__slider .slick-list {
      padding-left: 3.125rem
   }
}

@media (max-width:48em) {
   .imageslider__slider .slick-list {
      padding-left: 3.125rem
   }
}

@media (max-width:370px) {
   .imageslider__slider .slick-list {
      padding-left: 0
   }
}

.imageslider__slider .slick-slide {
   margin: 0 .9375rem
}

.imageslider__slider .slick-slide:nth-child(odd) .imageslider__image {
   align-items: flex-end
}

.imageslider__slider .slick-slide:nth-child(even) .imageslider__image {
   align-items: flex-start
}

.imageslider__image {
   height: 32.5rem;
   display: flex
}

.imageslider__image img {
   max-height: 100%;
   max-width: 100vw
}

.jobs hr {
   background-color: #707070 !important
}

.jobs__header {
   display: flex;
   align-items: center;
   font-weight: 700;
   margin-bottom: 1.25rem
}

.jobs__headline {
   margin-right: 1.5625rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .jobs__headline {
      letter-spacing: .06rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .jobs__headline {
      letter-spacing: .06rem
   }
}

@media (min-width:87.5em) {
   .jobs__headline {
      letter-spacing: .06rem
   }
}

@media (max-width:48em) {
   .jobs__headline {
      letter-spacing: .05rem
   }
}

.jobs__link {
   color: #fc5914
}

.jobs__link:hover {
   text-decoration: underline
}

.karriereslider .slick-dots li {
   width: .625rem;
   height: .625rem;
   border-radius: 100%;
   background: #ebebf0
}

.karriereslider .slick-dots li.slick-active {
   background: #fc5914
}

.karriereslider .slick-dots li button::before {
   display: none
}

.karriereslider__slider {
   margin-left: 1.25rem;
   margin-top: 2.5rem;
   cursor: url(../images/slider_cursor_w.png), move;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto
}

.karriereslider__slider .slick-list {
   margin: 0 -.9375rem
}

@media (min-width:87.5em) {
   .karriereslider__slider .slick-list {
      padding-left: calc(((100vw - 75.625rem)/ 2) - .3125rem);
      padding-right: 3.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .karriereslider__slider .slick-list {
      padding-left: calc(((100vw - 64rem)/ 2) + .625rem);
      padding-right: 2.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .karriereslider__slider .slick-list {
      padding-left: 3.125rem;
      padding-right: 3.125rem
   }
}

@media (max-width:48em) {
   .karriereslider__slider .slick-list {
      padding-left: 0;
      padding-right: 3.125rem
   }
}

.karriereslider__slider .slick-slide {
   margin: 0 .9375rem
}

.karriereslider__slider .slick-slide:nth-child(1) .karriereslider__headline {
   margin-top: 10rem
}

.karriereslider__slider .slick-slide:nth-child(2) .karriereslider__headline {
   margin-top: 8.125rem
}

.karriereslider__slider .slick-slide:nth-child(3) .karriereslider__headline {
   margin-top: 5.625rem
}

.karriereslider__slider .slick-slide:nth-child(4) .karriereslider__headline {
   margin-top: 3.75rem
}

@media (max-width:48em) {
   .karriereslider__slider .slick-slide:nth-child(5) .karrierekarriereslider__text {
      padding-right: 3.125rem
   }
}

.karriereslider__slider .slick-slide:nth-child(5) .karriereslider__headline {
   margin-top: 2.5rem
}

.karriereslider__line {
   font-size: 2.5rem;
   line-height: 1;
   color: #fc5914;
   position: relative
}

.karriereslider__line:after {
   background-color: #707070;
   content: "";
   display: block;
   height: .0625rem;
   left: 1.5625rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%
}

.karriereslider__headline {
   font-weight: 700;
   margin-bottom: 1.25rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .karriereslider__headline {
      font-size: 1.5rem;
      line-height: 1.4166666667;
      letter-spacing: .06rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .karriereslider__headline {
      font-size: 1.5rem;
      line-height: 1.4166666667;
      letter-spacing: .06rem
   }
}

@media (min-width:87.5em) {
   .karriereslider__headline {
      font-size: 1.5rem;
      line-height: 1.4166666667;
      letter-spacing: .06rem
   }
}

@media (max-width:48em) {
   .karriereslider__headline {
      font-size: 1.25rem;
      line-height: 1.5;
      letter-spacing: .05rem
   }
}

.karriereslider__text {
   color: rgba(35, 45, 55, .8)
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .karriereslider__text {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .karriereslider__text {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:87.5em) {
   .karriereslider__text {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (max-width:48em) {
   .karriereslider__text {
      font-size: 1rem;
      line-height: 1.625
   }
}

.karriereslider__slider .slick-slide:last-child .karriereslider__line:after {
   background: 0 0
}

.project-pagination hr {
   background-color: #707070 !important
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .project-pagination hr.desktop {
      display: block
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .project-pagination hr.desktop {
      display: block
   }
}

@media (min-width:87.5em) {
   .project-pagination hr.desktop {
      display: block
   }
}

@media (max-width:48em) {
   .project-pagination hr.desktop {
      display: none
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .project-pagination hr.mobile {
      display: none
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .project-pagination hr.mobile {
      display: none
   }
}

@media (min-width:87.5em) {
   .project-pagination hr.mobile {
      display: none
   }
}

@media (max-width:48em) {
   .project-pagination hr.mobile {
      display: block
   }
}

.project-pagination__content {
   display: flex;
   justify-content: space-between
}

@media (max-width:48em) {
   .project-pagination__content {
      flex-direction: column-reverse
   }
}

.project-pagination__part {
   font-weight: 700;
   text-transform: uppercase
}

.project-pagination__part:last-child {
   text-align: right;
   margin-left: 1.25rem
}

.project-pagination__prev a {
   position: relative;
   left: 1.25rem
}

.project-pagination__prev a:after {
   content: url(../images/arrow_left.png);
   position: absolute;
   top: -.125rem;
   left: -1.25rem
}

.project-pagination__next a {
   position: relative;
   right: 1.25rem
}

.project-pagination__next a:after {
   content: url(../images/arrow.png);
   position: absolute;
   top: -.125rem;
   right: -1.25rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .project-pagination__text {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .project-pagination__text {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (min-width:87.5em) {
   .project-pagination__text {
      font-size: 1.5rem;
      line-height: 1.5
   }
}

@media (max-width:48em) {
   .project-pagination__text {
      font-size: 1.25rem;
      line-height: 1.5
   }
}

.project-pagination__link {
   color: #fc5914;
   margin-top: .625rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .project-pagination__link {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .project-pagination__link {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:87.5em) {
   .project-pagination__link {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (max-width:48em) {
   .project-pagination__link {
      font-size: 1rem;
      line-height: 1.625
   }
}

.section {
   padding: 1.25rem 0
}

@media (min-width:64em) and (max-width:87.4375em) {
   .section__classic {
      padding-top: 3.125rem
   }
}

.section__classic .section__text {
   margin-top: 0
}

.section__classic .section__text:not(:last-child) {
   margin-bottom: 1.25rem
}

.section__classic .section__link {
   margin-top: 0;
   display: block
}

.section__classic .section__link:not(:last-child) {
   margin-bottom: 1.25rem
}

@media (min-width:87.5em) {
   .section__single {
      padding-bottom: 6.25rem
   }
}

@media (min-width:87.5em) {
   .section__single .section__link {
      margin-top: 6.25rem !important
   }
}

.section hr {
   background-color: rgba(112, 112, 112, .8);
   border: none;
   display: block;
   height: .1875rem;
   opacity: .8;
   width: 100%
}

@media (min-width:64em) and (max-width:87.4375em) {
   .section hr {
      margin: 3.75rem 0
   }
}

@media (min-width:87.5em) {
   .section hr {
      margin: 3.75rem 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .section hr {
      margin: 3.125rem 0
   }
}

@media (max-width:48em) {
   .section hr {
      margin: 2.5rem 0
   }
}

.section__wrap {
   position: relative;
   z-index: 2
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .section__wrap {
      padding: 0 4.375rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {

   .section__headline,
   .section__link {
      max-width: 37.5rem
   }
}

@media (min-width:87.5em) {

   .section__headline,
   .section__link {
      max-width: 37.5rem
   }
}

@media (max-width:48em) {

   .section__headline,
   .section__link {
      max-width: 33.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .section__headline,
   .section__link {
      max-width: 33.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .section__text {
      max-width: 47.5rem
   }
}

@media (min-width:87.5em) {
   .section__text {
      max-width: 47.5rem
   }
}

@media (max-width:48em) {
   .section__text {
      max-width: 33.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .section__text {
      max-width: 33.125rem
   }
}

.section__text ul {
   list-style-type: square;
   padding-left: 1.25rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .section__headline {
      letter-spacing: .02625rem;
      margin-bottom: 1.875rem
   }
}

@media (min-width:87.5em) {
   .section__headline {
      letter-spacing: .02625rem;
      margin-bottom: 1.875rem
   }
}

@media (max-width:48em) {
   .section__headline {
      letter-spacing: .02375rem;
      margin-bottom: 1.5625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .section__headline {
      letter-spacing: .02375rem;
      margin-bottom: 1.5625rem
   }
}

.section__headline--smallgap {
   margin-bottom: 1.25rem !important
}

.section__headline strong {
   font-weight: 600
}

.section__text p:not(:last-child) {
   margin-bottom: 1.25rem
}

.section__subheadline {
   font-weight: 700;
   margin-bottom: 1.25rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .section__subheadline {
      letter-spacing: .06rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .section__subheadline {
      letter-spacing: .06rem
   }
}

@media (min-width:87.5em) {
   .section__subheadline {
      letter-spacing: .06rem
   }
}

@media (max-width:48em) {
   .section__subheadline {
      letter-spacing: .05rem;
      text-align: left
   }
}

.section__text {
   color: rgba(35, 45, 55, .8)
}

.section__link {
   color: #fc5914;
   display: inline-block;
   font-weight: 700;
   margin-top: 1.875rem;
   position: relative;
   text-transform: uppercase
}

.section__link:active,
.section__link:focus,
.section__link:hover {
   text-decoration: underline
}

.section__link:active:after,
.section__link:focus:after,
.section__link:hover:after {
   content: url(../images/arrow.png);
   position: absolute;
   top: .125rem
}

.section__list li {
   color: rgba(35, 45, 55, .8);
   padding-left: 1.5625rem;
   position: relative
}

.section__list li:before {
   font-size: 1.5rem;
   line-height: 1;
   color: #fc5914;
   content: url(../images/arrow.png);
   left: 0;
   position: absolute;
   top: .1875rem
}

.section__list li:not(:last-child) {
   margin-bottom: 1.25rem
}

.section__list p b {
   font-size: 1.25rem
}

.section__list p:not(:last-child) {
   margin-bottom: .625rem
}

.section__list iframe {
   width: 100% !important
}

@media (max-width:48em) {
   .section.first-steps-slider .section__wrap {
      padding: 0
   }
}

.steps .section__wrap {
   padding: 0
}

@media (min-width:87.5em) {
   .steps .section__wrap {
      right: -3.75rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .steps .section__wrap {
      right: 2.5rem
   }
}

.steps__rotate {
   position: relative
}

.steps__rotate:before {
   overflow: hidden;
   background-color: #ebebf0;
   content: "";
   position: absolute;
   z-index: 1;
   transform: rotate(-4deg) translate(-50%, -50%)
}

@media (min-width:87.5em) {
   .steps__rotate:before {
      left: 43%;
      top: 30%;
      width: 130%;
      height: 222%
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .steps__rotate:before {
      left: 48%;
      top: 41%;
      width: 130%;
      height: 250%
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .steps__rotate:before {
      left: 45%;
      top: 55%;
      width: 120%;
      height: 270%
   }
}

@media (max-width:48em) {
   .steps__rotate:before {
      width: 120%;
      height: 160%;
      left: 50%;
      top: 45%
   }
}

.steps__content {
   font-size: 1.5rem;
   line-height: 1.5;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}

.steps__content p:not(:last-child) {
   padding-bottom: 1.25rem
}

.steps__content--stretch {
   width: 1%
}

@media (max-width:48em) {
   .steps__content--stretch {
      width: 100%
   }
}

.steps__content--white {
   background: #fff
}

@media (min-width:87.5em) {
   .steps__content--white {
      width: 44.375rem;
      margin-right: -3.125rem;
      padding: 3.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .steps__content--white {
      width: 44.375rem;
      margin-right: -1.25rem;
      padding: 3.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .steps__content--white {
      width: 36.75rem;
      padding: 3.125rem
   }
}

@media (max-width:48em) {
   .steps__content--white {
      width: calc(100% - 1.25rem);
      margin-left: 1.25rem;
      padding: 1.25rem
   }
}

.steps__content--bottom,
.steps__content--text {
   font-size: 1.125rem;
   line-height: 1.6666666667
}

.steps__content--bottom strong,
.steps__content--text strong {
   font-size: 1.5rem
}

.team {
   position: relative;
   overflow: hidden
}

@media (max-width:48em) {
   .team:not(:last-child) {
      margin-bottom: 5.625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team:not(:last-child) {
      margin-bottom: 5.625rem
   }
}

@media (min-width:87.5em) {
   .team:not(:last-child) {
      margin-bottom: 5.625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team--connect {
      padding-top: 6.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team--connect {
      padding-top: 6.25rem
   }
}

@media (min-width:87.5em) {
   .team--connect {
      padding-top: 6.25rem
   }
}

@media (min-width:87.5em) {
   .team--connect .team__image--left {
      margin-left: 35.4375rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team--connect .team__image--left {
      margin: 0 0 0 23.4375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team--connect .team__image--left {
      margin: 0 0 0 13.875rem
   }
}

.team__wrap {
   margin-top: 2.5rem
}

@media (min-width:87.5em) {
   .team__wrap {
      width: 76.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__wrap {
      padding: 1.5625rem 0
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__wrap {
      padding: 1.5625rem 0
   }
}

@media (min-width:87.5em) {
   .team__wrap {
      padding: 1.5625rem 0
   }
}

@media (max-width:48em) {
   .team__wrap {
      padding: 1.5625rem 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__wrap .section__headline {
      margin-left: 1.5625rem
   }
}

@media (min-width:87.5em) {
   .team__wrap .section__headline {
      margin-left: 1.5625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__wrap .section__headline {
      margin-left: 3.125rem
   }
}

@media (min-width:87.5em) {
   .team__image--right {
      text-align: right;
      margin-right: 23.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__image--right {
      text-align: right;
      margin-right: 12.5rem;
      margin-bottom: 9.375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__image--right {
      text-align: right;
      margin-bottom: 9.375rem
   }
}

@media (min-width:87.5em) {
   .team__image--left {
      margin-left: 23.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__image--left {
      margin-left: 12.5rem;
      margin-top: 9.375rem;
      margin-bottom: 5.625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__image--left {
      margin-top: 9.375rem;
      margin-bottom: 5.625rem
   }
}

.team__box {
   -webkit-backdrop-filter: blur(.3125rem);
   backdrop-filter: blur(.3125rem);
   background-color: rgba(255, 255, 255, .8);
   display: inline-block;
   z-index: 5
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__box {
      padding: 3.125rem;
      width: 31.25rem;
      position: absolute
   }
}

@media (min-width:87.5em) {
   .team__box {
      padding: 3.125rem;
      width: 31.25rem;
      position: absolute
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__box {
      padding: 1.875rem;
      width: 50%;
      position: absolute
   }
}

@media (max-width:48em) {
   .team__box {
      padding: 1.25rem 0;
      width: 100%;
      margin-bottom: 1.25rem
   }
}

.team__box img {
   margin-bottom: 1.875rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__box--top {
      top: 0
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__box--top {
      top: 0
   }
}

@media (min-width:87.5em) {
   .team__box--top {
      top: 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__box--bottom {
      bottom: 0
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__box--bottom {
      bottom: 0
   }
}

@media (min-width:87.5em) {
   .team__box--bottom {
      bottom: 0
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__box--right {
      right: -1.5625rem
   }
}

@media (min-width:87.5em) {
   .team__box--right {
      right: -1.5625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__box--right {
      right: .625rem
   }
}

@media (min-width:87.5em) {
   .team__box--left {
      text-align: left;
      left: -1.5625rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__box--left {
      text-align: left;
      left: 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__box--left {
      text-align: left;
      left: .625rem
   }
}

.team__headline {
   font-weight: 700;
   margin-bottom: 1.25rem
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__headline {
      letter-spacing: .06rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__headline {
      letter-spacing: .06rem
   }
}

@media (min-width:87.5em) {
   .team__headline {
      letter-spacing: .06rem
   }
}

@media (max-width:48em) {
   .team__headline {
      letter-spacing: .05rem
   }
}

.team__text strong {
   font-weight: 600
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .team__text small {
      font-size: 1rem;
      line-height: 1.875
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .team__text small {
      font-size: 1rem;
      line-height: 1.875
   }
}

@media (min-width:87.5em) {
   .team__text small {
      font-size: 1rem;
      line-height: 1.875
   }
}

@media (max-width:48em) {
   .team__text small {
      font-size: .875rem;
      line-height: 1.7142857143
   }
}

.team__name {
   display: block;
   margin-top: 1.25rem
}

.teaser {
   position: relative
}

@media (max-width:48em) {
   .teaser__headline {
      word-break: break-word
   }
}

.teaser__move {
   position: relative;
   height: 100%;
   width: 100%;
   overflow: hidden
}

.teaser h1 {
   font-weight: 400
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser h1 {
      letter-spacing: .03375rem
   }
}

@media (min-width:87.5em) {
   .teaser h1 {
      letter-spacing: .03375rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser h1 {
      margin-bottom: 1.875rem
   }
}

@media (min-width:87.5em) {
   .teaser h1 {
      margin-bottom: 1.875rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser h1 {
      margin-bottom: 1.5625rem;
      letter-spacing: .03rem
   }
}

@media (max-width:48em) {
   .teaser h1 {
      margin-bottom: 1.5625rem;
      letter-spacing: .03rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser h2 {
      letter-spacing: .02625rem;
      margin-bottom: 1.875rem
   }
}

@media (min-width:87.5em) {
   .teaser h2 {
      letter-spacing: .02625rem;
      margin-bottom: 1.875rem
   }
}

@media (max-width:48em) {
   .teaser h2 {
      letter-spacing: .02375rem;
      margin-bottom: 1.5625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser h2 {
      letter-spacing: .02375rem;
      margin-bottom: 1.5625rem
   }
}

.teaser h2 strong {
   font-weight: 600
}

.teaser__wrap {
   display: flex;
   padding: 0
}

.teaser__wrap--left {
   justify-content: flex-start
}

.teaser__wrap--right {
   justify-content: flex-end
}

@media (min-width:87.5em) {
   .teaser__wrap--right {
      right: -3.75rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__wrap--right {
      right: 2.5rem
   }
}

.teaser__content--hero .teaser__box--top {
   font-weight: 700
}

@media (min-width:87.5em) {
   .teaser__content--hero .teaser__box--top {
      padding: 3.125rem;
      width: 52.5rem !important
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__content--hero .teaser__box--top {
      padding: 3.125rem;
      width: 52.5rem !important
   }
}

.teaser__box {
   -webkit-backdrop-filter: blur(.3125rem);
   backdrop-filter: blur(.3125rem);
   background-color: rgba(255, 255, 255, .8);
   display: inline-block;
   margin-bottom: 1.875rem
}

@media (min-width:87.5em) {
   .teaser__box {
      padding: 3.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__box {
      padding: 3.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__box {
      padding: 1.875rem
   }
}

@media (max-width:48em) {
   .teaser__box {
      padding: 1.25rem
   }
}

@media (min-width:87.5em) {
   .teaser__box--left {
      margin-left: -3.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__box--left {
      margin-left: -1.25rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__box--left {
      margin-left: 2.5rem
   }
}

@media (max-width:48em) {
   .teaser__box--left {
      margin-left: 0
   }
}

@media (min-width:87.5em) {
   .teaser__box--right {
      margin-right: -3.125rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__box--right {
      margin-right: -1.25rem
   }
}

@media (max-width:48em) {
   .teaser__box--right {
      margin-right: 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__box--right {
      margin-right: 0
   }
}

.teaser__box--top {
   margin-bottom: -6.9375rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__box--top {
      width: 44.375rem
   }
}

@media (min-width:87.5em) {
   .teaser__box--top {
      width: 44.375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__box--top {
      width: 36.75rem
   }
}

@media (max-width:48em) {
   .teaser__box--top {
      width: calc(100% - 1.25rem)
   }
}

.teaser__box--topcenter {
   margin-bottom: -13.875rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__box--topcenter {
      width: 47.5rem
   }
}

@media (min-width:87.5em) {
   .teaser__box--topcenter {
      width: 47.5rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__box--topcenter {
      width: 36.75rem
   }
}

@media (max-width:48em) {
   .teaser__box--topcenter {
      width: calc(100% - 1.25rem)
   }
}

.teaser__box--bottom {
   margin-top: -6.9375rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__box--bottom {
      width: 44.375rem
   }
}

@media (min-width:87.5em) {
   .teaser__box--bottom {
      width: 44.375rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__box--bottom {
      width: 36.75rem
   }
}

@media (max-width:48em) {
   .teaser__box--bottom {
      width: calc(100% - 1.25rem);
      margin-bottom: 2.5rem
   }
}

.teaser__text {
   color: rgba(35, 45, 55, .8)
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__text strong {
      font-weight: 600
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__text strong {
      font-weight: 600
   }
}

@media (min-width:87.5em) {
   .teaser__text strong {
      font-weight: 600
   }
}

.teaser__text p:not(:last-child) {
   margin-bottom: 1.25rem
}

.teaser__image {
   display: flex
}

@media (min-width:87.5em) {
   .teaser__image {
      height: 36.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__image {
      height: 33.625rem
   }
}

.teaser__image-wrap {
   overflow: hidden;
   height: 36.25rem;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center
}

@media (min-width:87.5em) {
   .teaser__image-wrap {
      width: calc(100% - (((100% - 73.625rem)/ 2) - 3.125rem))
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .teaser__image-wrap {
      width: calc(100% - (((100% - 64rem)/ 2) - 1.25rem))
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .teaser__image-wrap {
      width: calc(100% - 2.5rem)
   }
}

@media (max-width:48em) {
   .teaser__image-wrap {
      width: 100%
   }
}

.teaser__image--left {
   justify-content: flex-start
}

.teaser__image--right {
   justify-content: flex-end
}

.teaser__image img {
   max-width: none
}

.textbox_bg {
   color: #fff
}

@media (min-width:87.5em) {
   .textbox_bg {
      padding: 12.5rem 0 10.625rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox_bg {
      margin-top: 12.5rem;
      margin-bottom: 8.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox_bg {
      margin-top: 8.75rem;
      margin-bottom: 8.125rem
   }
}

@media (max-width:48em) {
   .textbox_bg {
      margin-top: 10.625rem;
      margin-bottom: 8.125rem
   }
}

.textbox_bg__wrap {
   position: relative;
   z-index: 2
}

@media (min-width:87.5em) {
   .textbox_bg__wrap {
      width: 55%
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox_bg__wrap {
      width: 66%
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox_bg__wrap {
      width: 66%
   }
}

@media (max-width:48em) {
   .textbox_bg__wrap {
      width: 80%
   }
}

.textbox_bg__rotate {
   position: relative;
   padding: 3.125rem 0
}

.textbox_bg__rotate:before {
   background-color: #232d37;
   content: "";
   position: absolute;
   z-index: 1
}

@media (min-width:87.5em) {
   .textbox_bg__rotate:before {
      transform: rotate(-4deg) translate(-48%, -65%);
      height: calc(100% + 12.5rem);
      left: 50%;
      top: 50%;
      width: 100vw
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox_bg__rotate:before {
      transform: rotate(-4deg) translate(-48%, -56%);
      height: 130%;
      left: 50%;
      top: 50%;
      width: 100vw
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox_bg__rotate:before {
      transform: rotate(-4deg) translate(-48%, -52%);
      height: calc(100% + 12.5rem);
      left: 50%;
      top: 50%;
      width: 100vw
   }
}

@media (max-width:48em) {
   .textbox_bg__rotate:before {
      transform: rotate(-4deg) translate(-48%, -52%);
      height: calc(100% + 12.5rem);
      left: 50%;
      top: 50%;
      width: 130vw
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox_bg__headline {
      letter-spacing: .02625rem;
      margin: 0 0 1.875rem 0
   }
}

@media (min-width:87.5em) {
   .textbox_bg__headline {
      letter-spacing: .02625rem;
      margin: 0 0 1.875rem 0
   }
}

@media (max-width:48em) {
   .textbox_bg__headline {
      letter-spacing: .02375rem;
      margin: 0 0 1.875rem 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox_bg__headline {
      letter-spacing: .02375rem;
      margin: 0 0 1.875rem 0
   }
}

.textbox_bg__text p:not(:last-child) {
   margin-bottom: 1.875rem
}

.textbox {
   font-size: 1.5rem;
   line-height: 1.5;
   padding-bottom: 3.75rem
}

@media (max-width:48em) {
   .textbox {
      font-size: 1.25rem;
      line-height: 1.5;
      margin: 3.75rem 0 .625rem
   }
}

.textbox__left,
.textbox__right {
   -webkit-backdrop-filter: blur(.3125rem);
   backdrop-filter: blur(.3125rem);
   background-color: rgba(255, 255, 255, .8);
   display: inline-block
}

@media (min-width:64em) and (max-width:87.4375em) {

   .textbox__left,
   .textbox__right {
      width: 44.375rem;
      padding: 1.5625rem
   }
}

@media (min-width:87.5em) {

   .textbox__left,
   .textbox__right {
      width: 44.375rem;
      padding: 1.5625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {

   .textbox__left,
   .textbox__right {
      width: 36.75rem;
      padding: 1.5625rem
   }
}

@media (max-width:48em) {

   .textbox__left,
   .textbox__right {
      width: calc(100vw - 1.25rem);
      padding: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox__left {
      margin-left: -1.25rem
   }
}

@media (min-width:87.5em) {
   .textbox__left {
      margin-left: -1.25rem
   }
}

@media (max-width:48em) {
   .textbox__left {
      margin-left: 0
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox__left {
      margin-left: 0
   }
}

.textbox__right {
   margin-right: -1.25rem
}

.textbox .teaser__image {
   margin-bottom: -5rem
}

.textbox .teaser__image-wrap {
   margin-top: -5rem
}

.textbox__small {
   font-size: 1.125rem;
   line-height: 1.6666666667
}

.textbox__link {
   position: relative
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox__link {
      font-size: 1.125rem;
      line-height: 1.5
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox__link {
      font-size: 1.125rem;
      line-height: 1.5
   }
}

@media (min-width:87.5em) {
   .textbox__link {
      font-size: 1.125rem;
      line-height: 1.5
   }
}

@media (max-width:48em) {
   .textbox__link {
      font-size: 1rem;
      line-height: 1.1875
   }
}

.textbox__link:active,
.textbox__link:focus,
.textbox__link:hover {
   text-decoration: underline
}

.textbox__link:active:after,
.textbox__link:focus:after,
.textbox__link:hover:after {
   content: url(../images/arrow.png);
   position: absolute;
   top: 0
}

.textbox__content {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}

.textbox__content p:not(:last-child) {
   padding-bottom: 1.25rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textbox__content--left {
      margin-left: -3.125rem
   }
}

@media (min-width:87.5em) {
   .textbox__content--left {
      margin-left: -3.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textbox__content--left {
      margin-left: -1.875rem
   }
}

@media (max-width:48em) {
   .textbox__content--left {
      margin-left: -1.25rem
   }
}

.textbox__content--white {
   background: #fff;
   padding: 1.875rem
}

.textbox__content--text a {
   text-transform: uppercase
}

.textbox__content--text a:first-of-type {
   margin-right: 1.875rem;
   color: #fc5914;
   font-weight: 600
}

.textbox__content--text a:hover {
   color: #fc5914
}

.textslider {
   color: #fff
}

@media (min-width:87.5em) {
   .textslider {
      padding: 12.5rem 0 10.625rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textslider {
      margin-top: 12.5rem;
      margin-bottom: 8.125rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textslider {
      margin-top: 8.75rem;
      margin-bottom: 6.25rem
   }
}

@media (max-width:48em) {
   .textslider {
      margin-top: 10.625rem;
      margin-bottom: 8.125rem
   }
}

.textslider__wrap {
   position: relative;
   z-index: 2;
   cursor: url(../images/slider_cursor.png), move
}

.textslider .slick-dots {
   bottom: -3.75rem
}

.textslider .slick-dots li {
   width: .625rem;
   height: .625rem;
   border-radius: 100%;
   background: #ebebf0
}

.textslider .slick-dots li.slick-active {
   background: #fc5914
}

.textslider .slick-dots li button::before {
   display: none
}

.textslider__rotate {
   position: relative;
   padding: 0 0 3.125rem
}

.textslider__rotate:before {
   background-color: #232d37;
   content: "";
   position: absolute;
   z-index: 1
}

@media (min-width:87.5em) {
   .textslider__rotate:before {
      transform: rotate(-4deg) translate(-48%, -60%);
      height: calc(100% + 12.5rem);
      left: 50%;
      top: 50%;
      width: 100vw
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textslider__rotate:before {
      transform: rotate(-4deg) translate(-48%, -56%);
      height: 130%;
      left: 50%;
      top: 50%;
      width: 100vw
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textslider__rotate:before {
      transform: rotate(-4deg) translate(-48%, -52%);
      height: calc(100% + 12.5rem);
      left: 50%;
      top: 50%;
      width: 100vw
   }
}

@media (max-width:48em) {
   .textslider__rotate:before {
      transform: rotate(-4deg) translate(-48%, -52%);
      height: calc(100% + 12.5rem);
      left: 50%;
      top: 50%;
      width: 130vw
   }
}

.textslider__slide {
   display: block;
   padding: .625rem;
   color: #fff
}

.textslider__slider {
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto
}

.textslider__slider .slick-list {
   margin: 0 -1.25rem
}

.textslider__slider .slick-slide {
   margin: 0 1.25rem
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textslider__headline {
      font-size: 2.625rem;
      line-height: 1.1904761905;
      letter-spacing: .02625rem;
      padding: 0 0 3.125rem .625rem
   }
}

@media (min-width:87.5em) {
   .textslider__headline {
      font-size: 2.625rem;
      line-height: 1.1904761905;
      letter-spacing: .02625rem;
      padding: 0 0 3.125rem .625rem
   }
}

@media (max-width:48em) {
   .textslider__headline {
      font-size: 2rem;
      line-height: 1.3125;
      letter-spacing: .02375rem;
      padding: 0 0 1.875rem .625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textslider__headline {
      font-size: 2rem;
      line-height: 1.3125;
      letter-spacing: .02375rem;
      padding: 0 0 1.875rem .625rem
   }
}

.textslider__subheadline {
   align-items: flex-end;
   display: flex;
   font-weight: 700
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textslider__subheadline {
      font-size: 1.5rem;
      line-height: 1.1666666667;
      min-height: 3.5rem;
      margin-bottom: 1.25rem
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textslider__subheadline {
      font-size: 1.5rem;
      line-height: 1.1666666667;
      min-height: 3.5rem;
      margin-bottom: 1.25rem
   }
}

@media (min-width:87.5em) {
   .textslider__subheadline {
      font-size: 1.5rem;
      line-height: 1.1666666667;
      min-height: 3.5rem;
      margin-bottom: 1.25rem
   }
}

@media (max-width:48em) {
   .textslider__subheadline {
      font-size: 1.25rem;
      line-height: 1.2;
      margin-bottom: .625rem
   }
}

@media (min-width:48.0625em) and (max-width:63.9375em) {
   .textslider__text {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:64em) and (max-width:87.4375em) {
   .textslider__text {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (min-width:87.5em) {
   .textslider__text {
      font-size: 1.125rem;
      line-height: 1.6666666667
   }
}

@media (max-width:48em) {
   .textslider__text {
      font-size: 1rem;
      line-height: 1.625
   }
}

.slick-loading .slick-list {
   background: #fff url(../images/ajax-loader.gif) center center no-repeat
}

@font-face {
   font-family: slick;
   src: url(../fonts/slick.eot);
   src: url(../fonts/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url(../fonts/slick.svg#slick) format("svg");
   font-weight: 400;
   font-style: normal
}

.slick-next,
.slick-prev {
   position: absolute;
   display: block;
   height: 20px;
   width: 20px;
   line-height: 0;
   font-size: 0;
   cursor: pointer;
   background: 0 0;
   color: transparent;
   top: 50%;
   transform: translate(0, -50%);
   padding: 0;
   border: none;
   outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
   outline: 0;
   background: 0 0;
   color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
   opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
   opacity: .25
}

.slick-next:before,
.slick-prev:before {
   font-family: slick;
   font-size: 20px;
   line-height: 1;
   color: #fff;
   opacity: .75;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.slick-prev {
   left: -25px
}

[dir=rtl] .slick-prev {
   left: auto;
   right: -25px
}

.slick-prev:before {
   content: "←"
}

[dir=rtl] .slick-prev:before {
   content: "→"
}

.slick-next {
   right: -25px
}

[dir=rtl] .slick-next {
   left: -25px;
   right: auto
}

.slick-next:before {
   content: "→"
}

[dir=rtl] .slick-next:before {
   content: "←"
}

.slick-dotted.slick-slider {
   margin-bottom: 30px
}

.slick-dots {
   position: absolute;
   bottom: -25px;
   list-style: none;
   display: block;
   text-align: center;
   padding: 0;
   margin: 0;
   width: 100%
}

.slick-dots li {
   position: relative;
   display: inline-block;
   height: 20px;
   width: 20px;
   margin: 0 5px;
   padding: 0;
   cursor: pointer
}

.slick-dots li button {
   border: 0;
   background: 0 0;
   display: block;
   height: 20px;
   width: 20px;
   outline: 0;
   line-height: 0;
   font-size: 0;
   color: transparent;
   padding: 5px;
   cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
   outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
   opacity: 1
}

.slick-dots li button:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "•";
   width: 20px;
   height: 20px;
   font-family: slick;
   font-size: 6px;
   line-height: 20px;
   text-align: center;
   color: #000;
   opacity: .25;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
   color: #000;
   opacity: .75
}

.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list {
   position: relative;
   overflow: hidden;
   display: block;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: 0
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
   transform: translate3d(0, 0, 0)
}

.slick-track {
   position: relative;
   left: 0;
   top: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:after,
.slick-track:before {
   content: "";
   display: table
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   float: left;
   height: 100%;
   min-height: 1px;
   display: none
}

[dir=rtl] .slick-slide {
   float: right
}

.slick-slide img {
   display: block
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

.slick-arrow.slick-hidden {
   display: none
}

/* subnavigation */
.menu-item-has-children {
   position: relative
}

.menu-item-has-children .sub-menu {
   display: none;
   position: absolute;
   width: 140%;
   background-color: #fff;
   padding-top: 10px;
   padding-left: 0;
      z-index: 99;
}

.menu-item-has-children:hover .sub-menu {
   display: block
}

.sub-menu {
   display: flex;
   flex-direction: column;
}

.sub-menu li {
   width: 100%
}

.sub-menu li a {
   padding: 0 !important;
   font-size: 14px
}

.sub-menu li a::after {
   top: -4px !important
}

.header__nav .sub-menu li a::after {
   background-color: transparent;
   height: .3rem
}

.header__nav .sub-menu li a:hover::after,
.header__nav .sub-menu li.current-menu-item a::after {
   background-color: #232d37
}

.ccm-modal-inner {
   font-family: 'Brandon Text', Arial, sans-serif;
   font-weight: 400;
}

.ccm-settings-summoner--icon {
   background-color: #5C8AA2;
}