@font-face {
	font-family: "Untitled";
	src: url("../fonts/Untitled-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Untitled";
	src: url("../fonts/Untitled-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Parabole";
	src: url("../fonts/Parabole-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

html {
	-webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}

html::-webkit-scrollbar, #wrapper::-webkit-scrollbar, #nav-scroll::-webkit-scrollbar,
.job-detail-scroll::-webkit-scrollbar, .scroll-c::-webkit-scrollbar,
.gr-25 .boxed::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

html, #wrapper, #nav-scroll, .job-detail-scroll, .scroll-c, .gr-25 .boxed {
	scrollbar-width: none;
}

body {
	font-family: "Untitled", sans-serif;
	color: #191c35;
	background-color: #f7f7f0;
	font-weight: 400;
	margin: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a, img, picture, svg, video {
    display: block;
}

iframe, svg, video {
    width: 100%;
    height: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	font-weight: 300;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

h1, .h1 {
	font-size: 5.1vw;
	line-height: 4.8vw;
	letter-spacing: -0.2vw;
	margin-left: -0.26041vw;
}

h1.smaller, .h1.smaller {
	font-size: 4.15vw;
  line-height: 4vw;
  letter-spacing: -0.2vw;
  margin-left: -0.36vw;
}

h2, .h2 {
	font-size: 3.9vw;
	line-height: 3.9vw;
	letter-spacing: -0.18vw;
}

h2.smaller, .h2.smaller {
	font-size: 3.5vw;
	line-height: 3.5vw;
	letter-spacing: -0.18vw;
}

h3, .h3 {
	font-size: 2.70833vw;
	line-height: 2.8125vw;
	letter-spacing: -0.085vw;
}

h4, .h4 {
	font-size: 1.77083vw;
	line-height: 2.1875vw;
	letter-spacing: -0.06vw;
}

h5, .h5 {
	font-size: 2.25em;
	line-height: 1.25em;
}

h6, .h6 {
	font-size: 1.8em;
	line-height: 1.3em;
}

p {
	margin: 0;
	color: #696963;
	font-weight: 300;
}

textarea, select, input, button, textarea {
	outline: none;
	border: none;
}

input, textarea {
	-webkit-appearance: none;
	display: block;
	font: inherit;
	padding: 0;
}

textarea {
	resize: none;
}

p > a {
	display: inline;
	text-decoration: underline;
}

footer input, footer input::placeholder {
	color: #f7f7f0;
}

input[type=submit] {
	color: #000;
	background-color: #fff;
	cursor: pointer;
}

input[type=text], input[type=email], input[type=tel], .button {
	height: 3.3333vw;
}

input[type=text], input[type=email], input[type=tel], form textarea {
	padding: 1.1vw 1.875vw 1.12vw 1.875vw;
	font-weight: 300;
}

.button {
	min-width: 12vw;
}

footer form input {
	width: 16.35416vw;
	background-color: #191c35;
}

form .success, form p.error {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

form div.error {
  color: #e6a643;
  margin-bottom: 1em;
	display: none;
}

form .success.erfolg, form p.error.fehler {
	opacity: 1;
}

form div.error.fehler {
	display: block;
}

form p.success {
	color: #e6a643;
	white-space: nowrap;
}

form p.error {
	bottom: -1.25vw;
	left: 1.875vw;
	color: #e6a643;
}

input[type=checkbox] ~ p.error {
	left: 1.35vw;
}

canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


section, nav, #wrapper, .inlay, main, input, .button, .relative, #nav-inlay, .button > div:first-child, .link-circle-icon.small,
 .gr-6 > div:nth-child(2), .nb-icon, .header-half, #nav-scroll, .slider-items, ul > li, form, .gr-2 .image-w,
 .gr-2 .sticky > div:nth-child(2), .gr-2 .indent, .gr-11 ._3c, #sub-nav .sub-nav-w, #nav-inlay .nav-link {
	position: relative;
}

ul {
	padding-left: 0.98vw;
	color: #696963;
	margin: 0;
	list-style: none;
}

ul > li {
	margin-bottom: 0.2vw;
	padding-left: 0.68vw;
	font-weight: 300;
}

ul > li:before {
	content: "–";
	position: absolute;
	top: 0;
	left: -1vw;
	font-size: 1.3vw;
	line-height: 1.3vw;
}

b, .bold {
	font-weight: 400;
}

.list-reveal li:before {
	opacity: 0;
	transition: opacity 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.list-reveal.revealed li:before {
	opacity: 1;
}

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

::selection {
	color: #fff;
	background-color: #696963;
}

p.large, h2.large {
	font-size: 2.08333vw;
	line-height: 3.125vw;
	letter-spacing: -0.05208vw;
}

p.medium, h3.medium {
	font-size: 1.25vw;
	line-height: 2.5vw;
}

h3.medium {
	letter-spacing: 0;
}

p.small, a.small {
	font-size: 1.14583vw;
	line-height: 1.66666vw;
}

p.extra-small, ul, a.extra-small, a.extra-small-link {
	font-size: 0.9375vw;
	line-height: 1.45833vw;
}

p.number {
	font-family: "Parabole", sans-serif;
	font-size: 15.625vw;
	line-height: 0.87em;
}

p.number.l {
	font-size: 20vw;
	color: #e6a643;
}

p.dark, h2.dark {
	color: #191c35;
}

.blue {
	color: #246589 !important;
}

p.light {
	color: #e6a643 !important;
}

.overline, .button p, input, textarea, p.navigation, a.navigation, p.infotext, p.error, p.tiny {
	font-size: 0.8333vw;
	line-height: 1.18vw;
}

.overline  {
	margin-bottom: 1.14583vw;
}

.overline, p.infotext, p.navigation, a.navigation, p.error, #nav-inlay .extra-small  {
	font-weight: 400;
}

a.navigation > p {
	color: inherit;
	line-height: inherit;
	font-weight: inherit;
}

h2.overline, h3.overline, h4.overline  {
	letter-spacing: 0;
	color: #696963;
}

p.slider-pagination {
	font-family: "Parabole", sans-serif;
	font-size: 1.875vw;
	line-height: 1em;
}

.gr-0 .number, .gr-2 .number, .gr-4 .number, .contact .number  {
	color: #246589;
}

.gr-7 .number, .gr-9 .number, .gr-10 .number {
	color: #f7f7f0;
}

#wrapper {
	z-index: 2;
}

#wrapper.smooth-scroll {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.inlay {
	width: 100%;
	z-index: 1;
}

.nav-container {
	width: 100%;
	height: 5.9375vw;
	background-color: #fff;
	padding: 0.9895vw 1.1458vw;
	z-index: 3;
}

.nav-logo {
	width: 10vw;
}

.nav-container > .flex-s-c {
	margin-right: 12.64vw;
}

.nav-container p {
	color: #191c35;
}

.nav-container > .mobile {
	display: none;
}

.navigation > svg {
	width: 0.8vw;
	height: auto;
	margin-left: 0.2vw;
}

.dropdown {
	position: relative;
}

.dropdown-toggle, .dropdown-link {
	padding: 0.2vw;
	cursor: pointer;
}

.dropdown-toggle > svg {
	width: 0.35vw;
	height: auto;
	margin-left: 0.25vw;
	fill: #191c35;
}

.dropdown-toggle > svg.active {
	fill: #e6a643;
}

.dropdown-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
}

.mobile .dropdown {
	margin: 0 5vw 0 0;
}

.search-container {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 4vw 0;
	background-color: #141522;
	opacity: 0;
}

.search-container > form {
	width: 66.4vw;
}

.search-container input {
	background-color: transparent;
	font-size: 2.70833vw;
	line-height: 3.1vw;
	letter-spacing: -0.078125vw;
	color: #f7f7f0;
	border-bottom: 1px solid #f7f7f0;
	padding: 0 2.5vw 1.4vw 0;
	width: 100%;
	height: auto;
	transition: border-bottom-color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.search-container input:focus {
	border-bottom-color: #e6a643;
}

.search-container input::placeholder {
	color: #f7f7f0;
}

.search-container svg {
	position: absolute;
	top: 0.4vw;
	right: 0;
	width: 2.03vw;
	height: auto;
	cursor: pointer;
}

#navigation {
	z-index: 4;
}

#nav-button {
	position: fixed;
	top: 1.46vw;
	right: 1.46vw;
	cursor: pointer;
	z-index: 2;
	opacity: 0;
}

.nb-icon {
	width: 3.02vw;
	height: 3.02vw;
	background-color: #e6a643;
	border-radius: 50%;
	overflow: hidden;
}

.nb-icon > div {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2px;
	width: 1.458vw;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.nb-icon > div:first-child {
	top: 44%;
}

.nb-icon > div:nth-child(2) {
	top: 56%;
}

.nb-icon > div:before, .nb-icon > div:first-child:after, .nb-icon > div:nth-child(2):after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f7f7f0;
	transition: transform 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.nb-icon > div:first-child:after, .nb-icon:hover > div:nth-child(2):before {
	transform: translateX(-150%);
}

.nb-icon:hover > div:first-child:before, .nb-icon > div:nth-child(2):after {
	transform: translateX(150%);
}

.nb-icon:hover > div:first-child:after, .nb-icon:hover > div:nth-child(2):after {
	transform: translateX(0%);
}

#nav-button.active > .nb-icon > div:first-child:after, #nav-button.active > .nb-icon > div:nth-child(2):before {
	transform: translateX(-150%);
}

#nav-button.active > .nb-icon > div:first-child:before, #nav-button.active > .nb-icon > div:nth-child(2):after {
	transform: translateX(150%);
}

.nb-icon > div:nth-child(3), .nb-icon > div:nth-child(4) {
	top: 50%;
}

.nb-icon > div:nth-child(3) {
	transform: translate(-50%, -50%) rotate(135deg);
}

.nb-icon > div:nth-child(4){
	transform: translate(-50%, -50%) rotate(45deg);
}

.nb-icon > div:nth-child(3):before, .nb-icon > div:nth-child(4):before {
	width: 0%;
	transition: width 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#nav-button.active > .nb-icon > div:nth-child(3):before, #nav-button.active > .nb-icon > div:nth-child(4):before {
	width: 100%;
	transition-delay: 250ms;
}

#nav-wrapper {
	pointer-events: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	color: #f7f7f0;
}

#nav-wrapper p {
	color: #f7f7f0;
}

#nav-scroll {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
    overflow-x: hidden;
	z-index: 2;
}

#nav-inlay {
	width: 100%;
	min-height: 100%;
	padding: 5.989vw 0 2.291vw 0;
}

#nav-inlay > p.extra-small {
	margin-bottom: 0.625vw;
}

#nav-inlay > .nav-line {
	width: 90vw;
	height: 1px;
	flex-shrink: 0;
	overflow: hidden;
}

#nav-inlay > .nav-line:first-child {
	margin-left: 10vw;
}

#nav-inlay .line-inlay {
	background-color: #246589;
}

#nav-inlay .nav-line:first-child > .line-inlay {
	transform: translateX(101%);
}

#nav-inlay .nav-line:nth-child(3) > .line-inlay {
	transform: translateX(-101%);
}

#nav-inlay > .container {
	margin: 3.5vw 0 3.5vw 23.6vw;
	flex: 1 1 auto;
}

#nav-inlay > .flex-space-between-c {
	width: 90vw;
	padding: 2.291vw 0 0 2.447vw;
}

#nav-inlay .nav-link-w {
	width: 34vw;
}

#nav-inlay .nav-link:not(:last-of-type) {
	margin-bottom: 3.95vw;
}

#nav-inlay .nav-link p.h2 {
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

#nav-inlay .nav-link:hover p.h2 {
	color: #246589;
}

#nav-wrapper p.nav-num {
	font-family: "Parabole", sans-serif;
	font-size: 1.25vw;
	color: #246589;
	width: 1.6vw;
	position: absolute;
	top: 0.48vw;
	left: -3.2vw;
}

#nav-inlay .inner {
	transform: translateY(101%);
}

#nav-inlay > .container > .flex {
	width: 100%;
}

#sub-nav {
	flex: 1 1 auto;
}

#sub-nav .image-w {
	margin-bottom: 2.5vw;
	width: 100%;
	height: 10.74vw;
	transform: translate3d(-101%, 0, 0);
}

#sub-nav .image-inlay {
	position: relative;
	width: 100%;
	height: 100%;
	transform: translate3d(101%, 0, 0);
}

#sub-nav .image-c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 375ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

#sub-nav .image-c.active {
	opacity: 1;
}

#sub-nav .sub-nav-w {
	width: 32.4vw;
}

#sub-nav .sub-nav-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

#sub-nav .sub-nav-item.active {
	opacity: 1;
	pointer-events: inherit;
}

#sub-nav .sub-nav-item > div {
	width: 13.6vw;
}

#sub-nav .sub-nav-item > div:not(:nth-child(-n+2)) {
	margin-top: 1.5vw;
}

#sub-nav .sub-nav-item > div > a {
	display: inline-block;
	max-width: 8.3vw;
}

#nav-inlay .sub-nav-m {
	display: none;
}

#nav-inlay .opacity {
	opacity: 0;
}

.socials, .nav-sublink {
	position: absolute;
	left: 2.447vw;
}

.socials {
	top: 3.906vw;
}

.socials > .extra-small {
	margin-bottom: 0.625vw;
	white-space: nowrap;
}

.socials > .social-line {
	width: 1.614vw;
	height: 1px;
	margin-bottom: 1.875vw;
	background-color: #fff;
}

.nav-sublink {
	bottom: 9.593vw;
}

#nav-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #191c35;
	z-index: 1;
}

#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #f7f7f0;
}

#loader > .flex-c-c {
	width: 100%;
	height: 100%;
	padding-top: 4vw;
}

#loader .filled-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	overflow: hidden;
}

#loader p.loader {
	font-family: "Parabole", sans-serif;
	font-size: 40vw;
	line-height: 37vw;
	will-change: transform;
}

#loader p.loader:nth-child(2) {
	margin: 0 2.5vw 0 0.7vw;
}

#loader .relative > p.loader {
	color: #e6a643;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #e6a643;
	transform: translate3d(0px, 101%, 0px);
}

#loader .filled-text > p.loader {
	color: #e6a643;
}

.side-navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.9375vw;
	height: 100%;
	background-color: #191c35;
	padding: 3vw 0 1.1458vw 0;
	z-index: 2;
	overflow: hidden;
}

.side-navigation > div:first-child {
	margin-bottom: 3vw;
}

.social-icon > svg{
	fill: #f7f7f0;
	transition: fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.social-icon:hover > svg{
	fill: #e6a643;
}

.social-icon:not(:last-child) {
	width: 0.9895vw;
	margin-bottom: 1.25vw;
}

.social-icon:last-child {
	width: 1.09375vw;
}

.side-navigation > span {
	width: 100%;
}

.nav-container > .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.loader-foreground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f7f7f0;
	pointer-events: auto;
}

.chapter-pagination {
	position: fixed;
	top: 50%;
	left: 0;
	width: 4.5vw;
	z-index: 3;
	transform: translateY(-50%);
	mix-blend-mode: difference;
	pointer-events: none;
}

.chapter-pagination.active {
	pointer-events: all;
}

.chapter-pagination span {
	display: block;
}

.pagination {
	font-family: "Parabole", sans-serif;
	font-size: 1.25vw;
	padding: 0.65vw 0;
	color: #f7f7f0;
	cursor: pointer;
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.pagination.active {
	color: #e6a643;
}

.chapter-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 0.3125vw;
	height: 2.70507vw;
	transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	overflow: hidden;
}

.chapter-line-inlay {
	width: 100%;
	height: 100%;
	background-color: #e6a643;
	transform: translateY(101%);
	transition: transform 750ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.chapter-pagination.active .chapter-line-inlay {
	transform: translateY(0%);
}

.chapter-pagination .mask > span {
	transform: translateY(101%);
	transition: transform 750ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.chapter-pagination .mask > span:nth-child(2) {
	transition-delay: 50ms;
}

.chapter-pagination.active .mask > span {
	transform: translateY(0%);
}

.nav-scroll {
	cursor: pointer;
	width: 100%;
}

.side-navigation .nav-scroll p {
	color: #f7f7f0;
	margin-bottom: 0.5208vw;
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.side-navigation .nav-scroll:hover p {
	color: #e6a643;
}

.side-navigation .nav-scroll svg {
	width: 0.67708vw;
	height: 0.67708vw;
	fill: #e6a643;
}

main {
	z-index: 1;
	background-color: #fff;
}

#grid {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	padding: 0 10vw;
	z-index: 30;
}

#grid .column {
	width: 5.2vw;
	height: 100%;
	background-color: #e0580e;
	opacity: 0.2;
}

#grid .column:not(:last-child) {
	margin-right: 1.6vw;
}

section.dark {
	background-color: #191c35;
}

section.dark, section.dark p, footer > section, footer > section p, section.dark li,
section.lighter, section.lighter p {
	color: #f7f7f0;
}

section.dark .section-line-inlay {
	background-color: #246589;
}

section.light, section.dark .line-inlay {
	background-color: #f7f7f0;
}

section.lighter {
	background-color: #e6a643;
}

section.full {
	height: 100%;
	min-height: calc(100vh - 5.9375vw);
}

.section-inlay {
	width: 100%;
	padding: 8vw 10vw;
}

.header-half {
	width: 50vw;
	background-color: #f7f7f0;
	overflow: hidden;
	z-index: 1;
}

.header-half.flex-s-c:first-child {
	padding: 2vw 0 2vw 10vw;
}

.header-half.flex-s-c:nth-child(2) {
	padding: 2vw 0 2vw 7.6vw;
}

.header-half.flex-s-c:first-child > div {
	width: 39.2vw;
}

.header-half.flex-s-c:nth-child(2) > div {
	width: 32.4vw;
}

.header-half > .image-c {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.header-half h1 {
	margin-bottom: 2.03125vw;
}

.header-half .line-spacer {
	margin-bottom: 1.7708vw;
}

.header-half .line-inlay, .header-top .line-inlay,
.header-right .line-inlay, .header-copy .line-inlay {
	transform: translate3d(-101%, 0px, 0px);
}

.header-half p {
	color: #191c35;
}

.header-half.flex-s-c:first-child p {
	width: 8.2vw;
}

.header-half.flex-s-c:first-child p.wide {
	width: 31.5vw;
}

.header-half.flex-s-c:nth-child(2) p {
	width: 20.4vw;
}

.header-half:first-child > .image-c {
	transform: translate3d(-100%, 0px, 0px);
}

.header-half:first-child > .image-c .image {
	transform: translate3d(100%, 0px, 0px);
}

.header-half:nth-child(2) > .image-c, .header-bottom > .image-c,
.header-comp.one > .image-c {
	transform: translate3d(100%, 0px, 0px);
}

.header-half:nth-child(2) > .image-c .image, .header-bottom > .image-c .image,
.header-comp.one > .image-c .image {
	transform: translate3d(-100%, 0px, 0px);
}

.header-left > .image-c {
	transform: translate3d(-101%, 0px, 0px);
}

.header-left > .image-c .image {
	transform: translate3d(101%, 0px, 0px);
}

.header-slider-controls {
	position: absolute;
	bottom: 2vw;
	left: 50%;
	width: 6.6145vw;
	height: 6.6145vw;
	background-color: #fff;
	transform: translateX(-50%);
	border-radius: 50%;
	padding: 0 1.25vw;
	opacity: 0;
	z-index: 2;
}

.header-slider-controls > .hsc {
	width: 0.677vw;
	height: 0.677vw;
	cursor: pointer;
	fill: #191c35;
	transition: fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.header-slider-controls > .hsc:hover {
	fill: #e6a643;
}

.header-half.header-slider > .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.3125vw;
	overflow: hidden;
}

.header-half.header-slider > .progress > .progress-line {
	width: 100%;
	height: 100%;
	background-color: #e6a643;
	transform: translateX(-101%);
}

.header-slider-controls > .hsc-progress {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 102%;
	height: 102%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.header-slider-controls > .hsc-progress > .progress {
	stroke-dasharray: 370;
    stroke-dashoffset: 370;
}

.header-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.header-top {
	flex: 1 1 auto;
	padding: 3vw 0 3vw 23.6vw;
}

.header-top > div {
	width: 52.8vw;
}

.header-top h1 {
	margin-bottom: 1.97vw;
}

.header-top .medium {
	color: #191c35;
}

.header-bottom {
	height: 16vw;
	margin-left: 16.8vw;
	overflow: hidden;
}

.header-bottom > .image-c {
	width: 100%;
	height: 100%;
}

.si-header {
	position: relative;
	padding: 4vw 10vw;
	z-index: 2;
}

.header-left, .header-tl {
	margin-left: 6.8vw;
	width: 25.6vw;
	overflow: hidden;
}

.header-right {
	margin-left: 8.4vw;
	width: 32.4vw;
}

.header-right.light, .header-right.light p {
	color: #f7f7f0;
}

.header-right.light .line-inlay {
	background-color: #f7f7f0;
}

.header-right h1 {
	margin-bottom: 3vw;
}

.header-right .line-spacer {
	margin-bottom: 2.7vw;
}

.header-tl {
	margin-top: 2.5vw;
}

.header-tl p {
	color: #246589;
}

.header-tl-line, .tl-line {
	margin-right: 1.6vw;
	height: 2px;
	overflow: hidden;
}

.header-tl-line {
	flex: 1 1 auto;
}

.tl-line {
	width: 12vw;
}

.header-tl-item + .header-tl-line, .tl-item + .tl-line {
	margin-left: 1.6vw;
}

.header-tl-inlay {
	width: 100%;
	height: 100%;
	background-color: #246589;
	transform: translateX(-100%);
}

.tl-inlay {
	width: 100%;
	height: 100%;
	background-color: #246589;
}

.header-tl-item, .tl-item {
	width: 5.2vw;
}

.header-tl-item {
	opacity: 0;
}

.header-tl-item.l, .tl-item.l {
	width: 12vw;
}

.tl-item.l {
	margin: 0 0 0.25vw 1vw;
}

.header-tl-item > .small {
	margin-bottom: 0.2vw;
	font-weight: 400;
}

.header-copy {
	width: 34vw;
}

.header-copy h1 {
	margin-bottom: 3.3vw;
}

.header-comp {
	position: absolute;
}

.header-comp.one {
	top: 50%;
	right: 0;
	width: 22vw;
	transform: translateY(-50%);
}

.header-comp.two {
	top: 4vw;
	left: 10vw;
	width: 12vw;
}

.header-comp.three {
	top: 25vw;
	left: 16.8vw;
	width: 12vw;
}

.line-spacer {
	width: 5.2vw;
	height: 0.3125vw;
	flex-shrink: 0;
	overflow: hidden;
}

.line-inlay {
	width: 100%;
	height: 100%;
	background-color: #191c35;
}

.section-line {
	width: 100%;
	height: 1px;
	overflow: hidden;
}

.section-line-inlay {
	width: 100%;
	height: 100%;
	background-color: #696963;
}

.reveal-tr {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	pointer-events: none;
}

.gr-0 > .image-w {
	width: 32.4vw;
}

.gr-0 > div:nth-child(2) {
	margin-left: 8.4vw;
}

.gr-0 h2 {
	margin-bottom: 1.35416vw;
}

.gr-0 .line-spacer, .gr-4 .line-spacer, .gr-7 .line-spacer, .header-top .line-spacer,
.article .line-spacer, .header-copy .line-spacer {
	margin: 1.15vw 1.6vw 0 0;
}

.gr-0 > .number-wrapper {
	top: 42.5vw;
	left: 37.2vw;
}

.gr-1 > div:first-child {
	margin-left: 6.8vw;
	width: 46vw;
	flex-shrink: 0;
}

.gr-1 .section-line, .gr-18 .section-line, .gr-19 .section-line,
.gr-25 .section-line {
	margin-bottom: 2.2916vw;
}

.gr-1 > .image-w, .gr-10 > .image-w {
	margin-left: 8.4vw;
	margin-right: -10vw;
}

.gr-1 > .image-w {
	width: 28.8vw;
}

.gr-1 .large:not(:last-child) {
	margin-bottom: 2.3vw;
}

.gr-1 .number-wrapper {
	margin-bottom: 2vw;
}

.gr-1 .number-wrapper, .gr-22 .number-wrapper {
	position: relative;
	mix-blend-mode: normal;
}

.gr-2 {
	height: 100%;
	padding: 2vw 10vw;
}

.gr-2 > div {
	width: 100%;
}

.gr-2 .sticky {
	top: 0;
	z-index: 2;
	padding: 3vw 0;
}

.gr-2 .section-background {
	background-color: #e6a643;
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-2 .button, .gr-2 .button-hover {
	transition: background-color 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-2 .number {
	transition: color 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-2 .image-w {
	width: 28.4166vw;
	margin: 1vw 0 0 0vw;
}

.gr-2 .image-w > .image, .gr-20 .image-w > .image {
	border-radius: 50%;
}

.gr-2 .image-w > .image:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-2 .sticky > div:nth-child(2) {
	margin-left: 12.3834vw;
}

.gr-2 .h1, .gr-4 .h1 {
	margin-bottom: 2.0833vw;
}

.gr-2 .indent {
	width: 18.8vw;
	margin: 3.55729vw 0 0 6.8vw;
}

.gr-2 .abs, .gr-8 .abs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gr-2 .h4 {
	margin-bottom: 1.19791vw;
}

.gr-2 .small {
	width: 18.8vw;
	margin: 3.55729vw 0 3.55729vw 6.8vw;
}

.gr-2 .button {
	margin-left: 6.8vw;
}

.gr-2 .number-wrapper {
	bottom: -2vw;
	left: 21.7vw;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
}

.gr-2 .sticky-progress {
	position: absolute;
	top: 0;
	left: -10vw;
	width: 100vw;
	height: 0.3125vw;
	overflow: hidden;
}

.gr-2 .sticky-progress > .line-inlay {
	transform: translateX(-101%);
}

.gr-3 {
	padding: 9vw 0;
}

.drag-wrapper {
	overflow: hidden;
}

.gr-3 .drag, .gr-3 .drag-controls {
	padding-left: 16.8vw;
}

.drag {
	cursor: grab;
}

.gr-3 .drag-controls {
	margin-bottom: 1.71875vw;
}

.drag-controls .slider-pagination {
	color: #191c35;
}

.drag-controls .slider-pagination:first-child, .gr-8 .slider-pagination:first-child {
	width: 2.2vw;
	flex-shrink: 0;
}

.drag-controls .slider-pagination:not(:first-child) {
	margin-left: 0.5vw;
}

.drag-controls > div:first-child {
	margin-bottom: 1.25vw;
}

.drag-controls > div:first-child > .flex-s-c {
	width: 12vw;
}

.drag-controls > div:first-child > a.extra-small-link {
	margin-left: 56vw;
}

.drag-controls .dc {
	width: 0.677vw;
	height: 0.677vw;
	cursor: pointer;
	fill: #191c35;
	transition: fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.drag-controls .dc:hover {
	fill: #e6a643;
}

.drag-controls .dc.right {
	margin-left: 1.1458vw;
}

.gr-3 .drag {
	padding-right: 1.6vw;
}

.drag * {
    pointer-events: none;
}

.gr-3 .drag-item {
	position: relative;
	width: 34vw;
	padding: 0 8.4vw 3vw 0;
}

.gr-3 .drag-item .di-container {
	width: 25.6vw;
	height: 25.6vw;
	margin-bottom: 2.1875vw;
}

.gr-3 .drag-item:first-child .di-container, .gr-3 .drag-item:nth-child(5) .di-container {
	background-color: #191c35;
}

.gr-3 .drag-item:nth-child(2) .di-container, .gr-3 .drag-item:nth-child(4) .di-container, .gr-3 .drag-item:nth-child(7) .di-container {
	background-color: #e6a643;
}

.gr-3 .drag-item:nth-child(3n) .di-container {
	background-color: #f7f7f0;
}

.gr-3 .drag-item .di-container > img {
	width: 7vw;
	height: 7vw;
}

.gr-3 .drag-item > .h4 {
	margin-bottom: 1.35416vw;
}

.gr-3 .drag-item .extra-small-link {
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: auto;
}

.gr-4 {
	padding-top: 4vw;
	padding-bottom: 0;
}

.gr-4 > div:first-child {
	width: 52.8vw;
	margin: 0 0 4vw 6.8vw;
}

.gr-4 .image-w {
	width: 76.4vw;
	margin-left: -10vw;
}

.gr-4 .number-wrapper {
	top: 13.8vw;
    left: 61.5vw;
}

.gr-5, .gr-11 {
	padding-right: 0;
}

.gr-5 > div {
	width: 32.4vw;
}

.gr-5 > div:nth-child(odd) {
	margin-left: 6.8vw;
}

.gr-5 > div:nth-child(even) {
	margin-left: 8.4vw;
}

.gr-5 > div:first-child, .gr-5 > div:nth-child(2) {
	margin-bottom: 6.19791vw;
}

.gr-5 .image-w {
	margin: 2.15vw 0 3.49479vw 0;
}

.gr-5 .section-line, .gr-5 p.large:nth-last-child(3) {
	margin-bottom: 1.78125vw;
}

.gr-5 > div:nth-child(4) > div > p {
	width: 17.1875vw;
	margin-right: 3.2125vw;
	color: #191c35;
}

.gr-5 > div:nth-child(4) > div > .button {
	margin-top: 0.38vw;
}

.gr-5 p.medium {
	color: #191c35;
}

svg.sustainability {
	width: 2vw;
	height: 2.8vw;
	margin-right: 1.5vw;
	flex-shrink: 0;
}

.gr-6 > div {
	width: 32.4vw;
	min-height: 32.4vw;
	padding: 3vw 3.90625vw 3.7vw;
}

.gr-6 > div:first-child {
	background-color: #e6a643;
	margin-left: 6.8vw;
}

.gr-6 > div:first-child p.medium {
	color: #191c35;
}

.gr-6 > div:nth-child(2) {
	margin-left: 1.6vw;
	background-color: #246589;
}

.gr-6 > div:nth-child(2) p, .gr-6 > div:nth-child(2) {
	color: #f7f7f0;
}

.gr-6 > div .h4 {
	margin-bottom: 1.3541vw;
}

.gr-6 > div:first-child > p {
	margin-bottom: 6vw;
}

.gr-6 > div:nth-child(2) > div > p.medium {
	margin-bottom: 2vw;
}

.gr-6 .flex-space-between-s > div {
	width: 100%;
}

.gr-6 .section-line {
	margin: 1.5vw 0;
}

.gr-6 .section-line-inlay {
	background-color: #191c35;
}

.gr-6 a.flex-s-c:not(:last-child) {
	margin-bottom: 1vw;
}

.gr-7 {
	padding: 8vw 16.8vw;
}

.gr-7 > .image-w {
	margin-bottom: 4.11458vw;
	height: 16vw;
}

.gr-7 .image-c {
	position: relative;
	height: 100%;
}

.gr-7 h2 {
	margin-bottom: 1.5625vw;
}

.gr-7 .medium:not(:last-child) {
	margin-bottom: 2vw;
}

.gr-7 .number-wrapper {
	top: 20.5vw;
	right: 10vw;
}

.gr-7 .reveal-tr {
	top: 25vw;
}

.boxed {
	padding: 4vw 5.2vw;
	background-color: #f7f7f0;
}

.si-boxed .boxed h3 {
	margin-bottom: 1.56vw;
}

.si-boxed .boxed ul:not(:last-child) {
	margin-bottom: 2vw;
}

.si-boxed {
	padding: 0vw 16.8vw 8vw;
}

.si-boxed .boxed .boxed-item:first-child {
	width: 28.8vw;
	flex-shrink: 0;
}

.si-boxed .boxed .boxed-item:nth-child(2) {
	margin-left: 5.2vw;
	flex: 1 1 auto;
}

.si-boxed .boxed .section-line:first-child {
	margin-bottom: 1.14vw;
}

.si-boxed .boxed .section-line:last-child {
	margin-top: 1.4vw;
}

.gr-8 {
	padding-bottom: 6vw;
}

.gr-8 > div:first-child > div:first-child {
	width: 46vw;
	margin-left: 6.8vw;
}

.gr-8 > div:first-child > div:nth-child(2) {
	margin-left: 1.6vw;
	flex-grow: 1;
}

.gr-8 h2 {
	width: 34vw;
}

.gr-8 h2, .gr-8 .line-spacer {
	margin-bottom: 2.4479vw;
}

.gr-8 .slider-pagination {
	color: #e6a643;
}

.gr-8 .slider-pagination:not(:first-child) {
	margin-left: 0.5vw;
}

.gr-8 .h4 {
	margin-bottom: 1.302vw;
}

.gr-8 .relative {
	width: 40.72vw;
	margin-top: 3.48vw;
}

.gr-8 .slider-control {
	position: absolute;
	width: 1.71875vw;
	height: 1.71875vw;
	background-color: #e6a643;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-8 .slider-control.active {
	background-color: #f7f7f0;
}

.gr-8 .slider-control:nth-child(2) {
	top: 45%;
	left: 2%;
}

.gr-8 .slider-control:nth-child(3) {
	top: 28%;
	left: 34%;
}

.gr-8 .slider-control:nth-child(4) {
	top: 28%;
    left: 55%;
}

.gr-8 .slider-control:nth-child(5) {
	top: 45%;
	left: 93%;
}

.gr-8 .slider-item {
	opacity: 0;
	pointer-events: none;
}

.gr-8 .slider-item.active {
	opacity: 1;
	pointer-events: all;
}

.gr-9 .relative, .gr-17 .relative {
	width: 37.2vw;
	height: 38.22vw;
	flex-shrink: 0;
}

.gr-9 .relative {
	margin-left: -10vw;
}

.image-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

.image-background-inlay {
	width: 100%;
	height: 100%;
}

.image-background-inlay.dark {
	background-color: #246589;
}

.image-background-inlay.light {
	background-color: #f7f7f0;
}

.image-background-inlay.lighter {
	background-color: #e6a643;
}

.gr-9 .relative > img, .gr-15 .relative > img, .gr-16 .relative > img, .gr-17 .relative > img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.gr-9 .relative > img {
	width: 42.4vw;
	max-width: none;
}

.gr-9 > div:nth-child(2) {
	width: 32.4vw;
	margin-left: 13.6vw;
}

.gr-9 h2, .gr-9 .line-spacer, .gr-17 h2, .gr-17 .line-spacer {
	margin-bottom: 2.5vw;
}

p + .expo {
	margin-top: 1.5vw;
}

.expo > div:first-child {
	width: 25.6vw;
}

.expo > div:nth-child(2) {
	margin: 2.5vw 0 0 1.6vw;
}

.expo > div > .extra-small {
	margin-bottom: 1vw;
}

.expo .section-line {
	margin-bottom: 1.3vw;
}

.expo .large {
	margin-bottom: 0.8vw;
}

.expo .slider-pagination {
	font-size: 2.75vw;
}

.expo > div > .slider-pagination {
	color: #e6a643;
	margin-bottom: 1.4vw;
}

.expo-circle {
	width: 14vw;
	height: 14vw;
	background-color: #e6a643;
	border-radius: 50%;
	padding: 2vw;
}

.expo-circle p {
	color: #f7f7f0;
	text-align: center;
}

.vert-line {
	width: 1px;
	height: 5vw;
	background-color: #f7f7f0;
	margin: 0 1vw;
	flex-shrink: 0;
}

.gr-10 {
	padding-top: 14vw;
}

.gr-10 > div:first-child {
	margin-left: 6.8vw;
	width: 39.2vw;
	flex-shrink: 0;
}

.gr-10 h2 {
	margin-bottom: 2.552vw;
}

.gr-10 .line-spacer {
	margin-bottom: 3.8541vw;
}

.gr-10 h3 {
	margin-bottom: 1.4583vw;
}

.gr-10 > .image-w {
	width: 35.6vw;
}

.gr-10 .number-wrapper {
	top: 7.3vw;
	right: 10vw;
}

.gr-11, .gr-23 {
	padding-left: 16.8vw;
}

.gr-11 ._3c, .gr-23 ._3c {
	width: 18.8vw;
}

.gr-23 ._3c a {
	width: 100%;
}

.gr-11 ._3c {
	padding-bottom: 3.5vw;
}

.gr-11 ._3c.nopad {
	padding-bottom: 0;
}

.gr-11 ._3c:not(:nth-child(-n + 3)) {
	margin-top: 6.7708vw;
}

.gr-11 ._3c:nth-child(3n+2), .gr-11 ._3c:nth-child(3n) {
	margin-left: 5vw;
}

.gr-11 .image {
	width: 100%;
	height: 18.8vw;
	margin-bottom: 1.71875vw;
}

.gr-11 ._3c-icon {
	height: 2vw;
	margin-right: 0.8vw;
}

.gr-11 h2 {
	width: 39.2vw;
	margin-bottom: 4vw;
}

.gr-11 h3 {
	margin-top: 0.1vw;
	margin-bottom: 1.40625vw;
}

.gr-12, .gr-13 {
	padding-left: 16.8vw;
}

.gr-12 >  p.medium, .gr-13 > p.medium {
	width: 39.2vw;
	margin-bottom: 2.5vw;
}

.gr-12 form {
	width: 52.8vw;
}

.gr-12 form input[type=text], .gr-12 form input[type=email], .gr-12 form input[type=tel], textarea {
	background-color: #f7f7f0;
}

.gr-12 form input[type=text], .gr-12 form input[type=email], .gr-12 form input[type=tel] {
	width: 25.6vw;
}

.gr-12 form input, .gr-12 form input::placeholder, textarea, textarea::placeholder {
	color: #191c35;
}

.gr-12 form .input-w .relative:nth-child(2n) {
	margin-left: 1.6vw;
}

.gr-12 form .input-w .relative:not(:nth-child(-n + 2)) {
	margin-top: 1.5625vw;
}

.gr-12 form .input-w:first-child {
	margin-bottom: 3.64vw;
}

.gr-12 form > div:first-child > .relative:not(:last-child), .gr-12 form > div:first-child > .input-w:not(:first-child) {
	margin-bottom: 1.5625vw;
}

.gr-12 form > div:first-child > div:nth-last-of-type(2) {
	margin-bottom: 2.76vw;
}

.gr-12 form .checkbox-w {
	margin-bottom: 2vw;
}

.gr-12 form .checkbox-w > div {
	margin-bottom: 0.7vw;
}

.gr-12 form textarea {
	width: 100%;
	height: 13.22vw;
}

.gr-12 form input[type=checkbox] {
	-webkit-appearance: checkbox;
	width: 0.75vw;
	height: 0.75vw;
	margin: 0 0.5vw 0 0;
	cursor: pointer;
	flex-shrink: 0;
}

.gr-12 form > div.success {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f7f7f0;
}

.gr-12 form p.success {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gr-12 form .button + p.error, p.error.fail {
	top: calc(100% + 0.6vw);
	bottom: auto;
	left: 0;
}

.gr-13 .h3 {
	margin-bottom: 3vw;
}

.gr-13 .link-w:not(:last-child) {
	margin-bottom: 2vw;
}

.gr-13 .link-w a:not(:last-child) {
	margin-bottom: 2vw;
}

.gr-14 {
	padding-left: 16.8vw;
}

.gr-14 > div:first-child {
	width: 59.6vw;
	margin-bottom: 4vw;
}

.gr-14 h2 {
	margin-bottom: 2.5vw;
}

.gr-14 .line-spacer {
	margin-bottom: 1.8vw;
}

.gr-14 .medium:not(:last-child) {
	margin-bottom: 1.7vw;
}

.gr-14 .c-slider {
	position: relative;
	width: 66.4vw;
	height: 24vw;
	overflow: hidden;
}

.gr-14 .c-item {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	transition: transform 1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.gr-14 .c-pagination {
	position: relative;
	width: 4vw;
	background-color: #191c35;
	cursor: pointer;
	transition: background-color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-14 .c-pagination:hover {
	background-color: #000;
}

.gr-14 .c-pagination img {
	position: absolute;
	top: 1vw;
	left: 50%;
	width: 1.7vw;
	height: 1.7vw;
	transform: translateX(-50%);
}

.gr-14 .c-tab {
	position: absolute;
	bottom: 8vw;
	left: 0;
	width: 100%;
}

.gr-14 .c-tab > p {
	color: #f7f7f0;
	transform: rotate(-90deg);
	white-space: nowrap;
	font-weight: normal;
}

.gr-14 .c-num {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4vw;
	background-color: #e6a643;
	color: #f7f7f0;
	font-family: 'Parabole', sans-serif;
	font-size: 2vw;
	padding-top: 0.24vw;
}

.gr-14 .c-content {
	padding: 2.8vw;
	background-color: #f7f7f0;
	flex: 1 1 auto;
}

.gr-14 .c-content > div {
	width: 24.5vw;
}

.gr-14 .c-content > div > .flex-s-c:first-child > img {
	width: 1.7vw;
	height: 1.7vw;
	margin: 0.1vw 1vw 0 0;
}

.gr-14 .c-content > div > .flex-s-c:first-child {
	margin-bottom: 1vw;
}

.gr-14 .c-content .section-line {
	margin-bottom: 1vw;
}

.gr-14 .c-content p.small:not(:last-child) {
	margin-bottom: 1.5vw;
}

.gr-15 > div:first-child, .gr-15 > div:nth-child(2), .gr-16 > div:first-child, .gr-16 > div:nth-child(2) {
	width: 32.4vw;
}

.gr-15 > div:first-child {
	margin-left: 6.8vw;
}

.gr-15 > .relative, .gr-16 .relative {
	height: 31.5vw;
}

.gr-15 > div:nth-child(2) {
	margin-left: 8.4vw;
}

.gr-15 h2, .gr-15 .line-spacer, .gr-15 .medium:not(:last-child), .gr-16 h2, .gr-16 .line-spacer, .gr-16 .medium:not(:last-child),
.gr-16 a.extra-small-link:not(:last-child), .gr-17 .medium:not(:last-child), .gr-15 ul:not(:last-child), .gr-16 ul:not(:last-child) {
	margin-bottom: 2.5vw;
}

.gr-15 .relative > img.tape {
	width: 65%;
	left: 45%;
	transform: translateX(-50%);
}

.image-background.tape {
	transform: translateY(-6vw);
}

.gr-15 h3, .gr-16 h3 {
	margin-bottom: 1.5vw;
}

.gr-15 p.infotext {
	margin: 2vw 2.6vw 0;
}

.gr-16 .relative > img.house {
	width: 36.6vw;
	max-width: none;
}

.gr-16 .relative > img.medical {
	width: 30vw;
	max-width: none;
	bottom: 3vw;
}

.gr-16 > div:nth-child(2) {
	margin-left: 8.4vw;
}

.gr-16 a.extra-small-link + .medium {
	margin-bottom: 0.62vw;
}

.gr-16 p.infotext {
	margin-top: 1.4vw;
	text-align: right;
}

.gr-17 > div:first-child {
	margin-left: 6.8vw;
	width: 32.4vw;
}

.gr-17 .relative, .gr-17 .image-w {
	margin: 0 -10vw 0 13.6vw;
}

.gr-17 .relative > img {
	width: 42vw;
	max-width: none;
	left: auto;
	right: 2vw;
	bottom: 50%;
	transform: translateY(50%);
}

.gr-17 .image-w {
	width: 37.2vw;
	flex-shrink: 0;
}

.gr-18 {
	padding-top: 0;
	padding-left: 16.8vw;
}

.gr-18 > div {
	width: 39.2vw;
}

.gr-19 {
	padding: 4vw 10vw 4vw 16.8vw;
}

.gr-19 > div {
	width: 59.6vw;
}

.gr-19 .scroll-c {
	margin-top: 3.38vw;
	width: 100%;
}

.gr-19 .large {
	margin-bottom: 1.5vw;
}

.gr-20 .image-w {
	position: relative;
	width: 100%;
}

.gr-20 .image-w, .gr-20 .large:not(:last-child) {
	margin-bottom: 3.125vw;
}

.gr-20 .image-w > h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gr-20 > div:first-child {
	width: 39.2vw;
	text-align: center;
}

.gr-21 > div:first-child {
	margin-left: 6.8vw;
	width: 32.4vw;
}

.gr-21 > div:nth-child(2) {
	margin: 1vw -10vw 0 8.4vw;
	width: 42.4vw;
}

.gr-21 p.infotext {
	margin-top: 1.4vw;
	width: 36vw;
}

.gr-22 {
	padding-left: 16.8vw;
}

.gr-22 > .flex-e-c:first-child {
	width: 25.6vw;
	margin-bottom: 1.3vw;
}

.gr-22 .section-line {
	width: 42.4vw;
	margin: 0 0 2.5vw -16.8vw;
}

.gr-22 .slider-controls {
	margin-bottom: 3vw;
}

.gr-22 .slider-controls > p {
	font-weight: 400;
	margin-right: 2vw;
}

.gr-22 .slider-controls > .sc {
	width: 0.677vw;
	height: 0.729vw;
	fill: #e6a643;
	cursor: pointer;
	transition: fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-22 .slider-controls > .sc:first-of-type {
	margin-right: 1.6vw;
}

.gr-22 .slider-controls > .sc:hover {
	fill: #f7f7f0;
}

.gr-22 .slider-item-w {
	position: relative;
	width: 50vw;
}

.gr-22 .slider-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}

.gr-22 .slider-item.active {
	opacity: 1;
	pointer-events: all;
	z-index: 2;
}

.gr-22 .slider-item h3, .gr-22 .slider-item .line-spacer {
	margin-bottom: 2vw;
}

.gr-22 .slider-item p.medium {
	max-width: 30vw;
}

.gr-22 .milestone-image-w {
	position: absolute;
	top: 19vw;
	right: 0;
	width: 28.8vw;
	height: 15.677vw;
	z-index: 3;
}

.gr-22 .image-background {
	transform-origin: 100% 50%;
}

.gr-22 .milestone-image-w img {
	position: absolute;
	bottom: 0;
	right: 8vw;
	width: 27.2vw;
	max-width: none;
	z-index: 2;
}

.gr-22 .milestone-p {
	position: absolute;
	top: 25.475vw;
	right: 3vw;
	height: 2.7vw;
	z-index: 2;
}

.gr-22 .milestone-p > .p {
	height: 100%;
	margin-right: 0.5vw;
	padding: 0 0.4vw;
	cursor: pointer;
	transition: transform 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	opacity: 0;
}

.gr-22 .milestone-p > .p > div {
	width: 3px;
	height: 100%;
	background-color: #e6a643;
}

.gr-22 .milestone-p > div:hover {
	transform: scaleY(1.2);
}

.gr-22 .milestone-p > div.active {
	transform: scaleY(1.5);
}

.gr-22 .milestone-year-w {
	position: absolute;
	top: 10vw;
	right: 0;
	z-index: 1;
	overflow: hidden;
}

.gr-22 p.milestone-year {
	font-family: 'Parabole', sans-serif;
	font-size: 38vw;
	line-height: 1em;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #246589;
	margin-right: -6.5vw;
}

.gr-22 .milestone-text {
	position: absolute;
	top: 30vw;
	right: 3.4vw;
	z-index: 3;
	opacity: 0;
	pointer-events: none;
}

.gr-22 .milestone-text > p {
	color: #e6a643;
}

.gr-22 .link-circle {
	position: absolute;
	top: 42vw;
	right: 10vw;
	z-index: 4;
}

.gr-23 h2 {
	margin-bottom: 3.64vw;
}

.gr-23 ._3c {
	background-color: #191c35;
	padding: 1.85vw;
	color: #f7f7f0;
	min-height: 20vw;
}

.gr-23 ._3c.light {
	background-color: #246589;
}

.gr-23 ._3c:not(:nth-child(-n + 3)) {
	margin-top: 5vw;
}

.gr-23 ._3c:nth-child(3n+2), .gr-23 ._3c:nth-child(3n) {
	margin-left: 5vw;
}

.gr-23 h3 {
	margin-bottom: 4.5vw;
}

.gr-23 h3, .gr-23 .slider-pagination {
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-23 ._3c:hover h3, .gr-23 ._3c:hover .slider-pagination {
	color: #e6a643;
}

.gr-23 .slider-pagination {
	color: #246589;
	font-size: 2.5vw;
	margin-top: 0.25vw;
}

.gr-23 .slider-pagination.s {
	font-size: 1.8vw;
	color: #191c35;
}

.gr-23 ._3c > .flex-space-between-c {
	width: 100%;
}

.gr-23 ._3c svg {
	stroke: #f7f7f0;
    fill: #f7f7f0;
}

.gr-23 ._3c svg.dark {
	stroke: #191c35;
    fill: #191c35;
}

.gr-23 ._3c:hover svg {
	stroke: #e6a643;
    fill: #e6a643;
}

svg.download {
	width: 1.875vw;
	transition: stroke 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955), fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-24, .gr-25 {
	padding: 0 16.8vw 8vw;
}

.gr-24 h2, .gr-24 .line-spacer {
	margin-bottom: 3.28vw;
}

.gr-25 > div:not(:last-child) {
	margin-bottom: 6vw;
}

.gr-25 > .flex > div {
	width: 25.6vw;
}

.gr-25 > .flex > div:nth-child(2) {
	margin-left: 15.2vw;
}

.gr-25 .boxed {
	padding-right: 5.2vw;
}

.gr-25 .boxed > .flex {
	margin: 0 0 2vw 20.4vw;
}

.gr-25 .boxed > .flex > div {
	width: 15.2vw;
}

.gr-25 .boxed > .flex > div:nth-child(2) {
	margin-left: 5.2vw;
}

.gr-25 .boxed > .flex-s-s {
	padding: 2vw 0;
	border-top: 1px solid #191c35;
	border-bottom: 1px solid #191c35;
}

.gr-25 .boxed > .flex-s-s > p.medium {
	width: 17.8vw;
}

.gr-25 .slider-pagination {
	font-size: 2.5vw;
	color: #e6a643;
	width: 6.8vw;
	margin-top: 0.5vw;
}

.gr-25 .slider-pagination:nth-child(2) {
	margin-left: 2.6vw;
}

.gr-25 .slider-pagination:nth-child(3) {
	margin-left: 13.6vw;
}

.whitening {
	background-image: url('/assets/d/water-resistant-adhesives/2.jpg');
	background-size: cover;
}

.gr-26 {
	padding-left: 37.2vw;
}

.gr-26 > div:not(:last-child) {
	margin-bottom: 2.5vw;
}

.gr-26 .number {
	font-size: 10.41vw;
	min-width: 6.8vw;
	margin: 1.6vw 3.5vw 0 0;
	color: #e6a643;
}

.gr-26 h2 {
	margin-bottom: 2.81vw;
}

.job-item {
	padding: 2vw 0;
	border-bottom: 1px solid #d1d1cb;
	cursor: pointer;
}

.job-item .h4, .job-item .slider-pagination {
	color: #191c35;
}

.job-item .extra-small {
	font-weight: 400;
	margin-bottom: 0.5vw;
}

.gr-26 .job-item .h4 {
	width: 25vw;
	margin-right: 3vw;
}

.gr-26 .job-item p.w {
	width: 34vw;
}

.gr-26 .job-item p + div {
	width: 11vw;
	margin-right: 1.5vw;
}

.gr-26 .job-item > svg {
	stroke: #191c35;
	width: 2.03vw;
	height: 2.03vw;
	margin-left: auto;
	transition: stroke 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-26 .job-item:hover > svg {
	stroke: #e6a643;
}

.gr-26 .slider-pagination {
	font-size: 1.6vw;
}

.job-detail {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
body.editor .job-detail,
body.editor .job-detail-w,
body.editor .job-detail-c,
body.editor .job-detail-item {
  display: block;
  position: relative;
  opacity: 1;
  margin-bottom: 4em;
}

body.editor .job-detail,
body.editor .job-detail-w {
	right: auto;
	transform: none;
}

.job-detail-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
}

.job-detail-w {
	position: absolute;
	top: 0;
	right: 0;
	width: 32vw;
	height: 100%;
	z-index: 2;
	background-color: #f7f7f0;
	transform: translateX(100%);
}

.job-detail-w .close {
	position: absolute;
	top: 1vw;
	left: 1vw;
	width: 2.03vw;
	height: 2.03vw;
	cursor: pointer;
	stroke: #191c35;
	transition: stroke 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	opacity: 0;
}

.job-detail-w .close:hover {
	stroke: #e6a643;
}

.job-detail-scroll {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

.job-detail-c {
	width: 100%;
	padding: 4vw;
	opacity: 0;
}

.job-detail-item {
	display: none;
}

.job-detail-item.active {
	display: block;
}

.gr-26.alternate .job-detail-item {
	display: block;
}

.job-detail-item p, .job-detail-item ul {
	color: #191c35;
}

.job-detail-item h3 {
	margin-bottom: 2vw;
}

.job-detail-item h3.less-spacing {
	margin-bottom: 1vw;
}

.job-detail-item div:not(:last-child) {
	margin-bottom: 2vw;
}

.job-detail-item .medium:not(:last-child),
.job-detail-item .extra-small:not(:last-child),
.job-detail-item ul:not(:last-child) {
	margin-bottom: 1vw;
}

.job-contact {
	position: absolute;
	top: 0;
	left: 0;
	width: 28.8vw;
	padding: 5.2vw;
	background-color: #191c35;
}

.job-contact, .job-contact p {
	color: #f7f7f0;
}

.job-contact .medium {
	margin-bottom: 2vw;
}

.gr-27 {
	padding: 8vw 0;
}

.gr-27 .drag-wrapper > div:first-child {
	margin-left: 16.8vw;
}

.gr-27 .drag {
	padding: 0 19.5vw 0 16.8vw;
}

.gr-27 h2 {
	width: 27.2vw;
	margin-bottom: 2.34vw;
}

.gr-27 .line-spacer {
	margin-bottom: 2.5vw;
}

.gr-27 .drag-controls {
	margin-bottom: 3vw;
}

.gr-27 .drag-controls .dc:hover {
	fill: #f7f7f0;
}

.gr-27 .drag-item {
	width: 64vw;
	padding-right: 5.67vw;
	flex-shrink: 0;
}

.gr-27 .drag-item, .gr-27 .drag-item p {
	color: #191c35;
}

.gr-27 .drag-item img {
	width: 22.5vw;
	margin-right: 6.56vw;
	border-radius: 50%;
}

.gr-27 .drag-item h3 {
	margin-bottom: 2vw;
}

.gr-28 {
	padding: 0;
}

.gr-28 > div:first-child {
	margin: 0 0 3vw 10vw;
}

.gr-28 p {
	color: #246589;
	white-space: nowrap;
}

.gr-28 .marquee-w {
	overflow: hidden;
}

.gr-28 .marquee-item {
	margin-right: 6vw;
}

.gr-28 .marquee-item .small {
	margin-left: 0.5vw;
}

.gr-29 {
	padding: 8vw 16.8vw 0;
}

.gr-29 > div:first-child {
	width: 18.8vw;
	margin-right: 1.6vw;
}

.gr-29 .slider-pagination {
	color: #e6a643;
	font-size: 4.5vw;
}

.article {
	padding: 4vw 10vw;
}

.article .number {
	font-size: 25vw;
	width: 32.4vw;
	flex-shrink: 0;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #246589;
}

.article h1 {
	margin: 0 0 3.5vw 1.6vw;
}

.article > .flex-s-c {
	margin-bottom: 2vw;
}

.article .flex-s-s {
	width: 66.4vw;
}

.contact {
	padding-left: 16.8vw;
}

.contact .h1 {
	margin-bottom: 3.125vw;
}

.contact .line-spacer {
	margin-bottom: 5.2604vw;
}

.contact > .flex-space-between-s, .contact .section-line {
	margin-bottom: 2.8125vw;
}

.contact > .flex-space-between-s > div > .link-circle {
	margin-bottom: 2.2395vw;
}

.contact p.overline {
	color: #246589;
}

.contact .section-line-inlay {
	background-color: #246589;
}

.contact .flex-s-s > div {
	width: 16.15625vw;
}

.contact .flex-s-s > div, .legal, .job-detail-item, .job-contact {
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.contact .flex-s-s > div:nth-child(3n+1) {
	margin-left: 6.8vw;
}

.contact .flex-s-s > div:not(:nth-child(-n + 3)) {
	margin-top: 5vw;
}

.contact .flex-s-s > div:nth-child(3n+2),
.contact .flex-s-s > div:nth-child(3n) {
	margin-left: 4.24375vw;
}

.contact .flex-s-s .h4, .contact .flex-s-s > div > p {
	margin-bottom: 1.04166vw;
}

.contact .flex-s-s a:not(:last-child) {
	margin-bottom: 1.2vw;
}

.contact > .number-wrapper {
	top: 5.25vw;
	right: 9.75vw;
	mix-blend-mode: normal;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #246589;
}

.legal > div:first-child {
	width: 25.6vw;
	margin-left: 6.8vw;
}

.legal h1 {
	margin-bottom: 2.76vw;
}

.legal .line-spacer {
	margin-bottom: 4vw;
}

.legal .number, .privacy .number {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
}

.legal .number {
	color: #246589;
	-webkit-text-stroke-color: #246589;
}

.legal > div:nth-child(2) {
	margin: 1vw 0 0 15.2vw;
}

.legal .h4 {
	margin-bottom: 1.19vw;
}

.legal .small:not(:last-child) {
	margin-bottom: 1vw;
}

.imprint, .privacy {
	padding: 4vw 10vw 4vw 16.8vw;
}

.imprint > div:first-child {
	width: 32.4vw;
}

.imprint > div:nth-child(2) {
	width: 32.4vw;
	margin-left: 8.4vw;
}

.imprint .h4, .privacy .h4, .privacy h4 {
	margin-bottom: 1.406vw;
}

.privacy h2 {
	margin-bottom: 2.604vw;
}

.privacy .line-spacer {
	margin-bottom: 3.64vw;
}

.privacy .flex-s-s:nth-child(3) {
	margin-bottom: 2.96vw;
}

.privacy .number {
	color: #e6a643;
	-webkit-text-stroke-color: #e6a643;
	width: 18.8vw;
	flex-shrink: 0;
}

.privacy .flex-s-s:not(:nth-child(3)) > p:first-child, .privacy .flex-s-s:not(:nth-child(3)) > div:first-child,
.privacy .flex-s-s:not(:nth-child(3)) > p:nth-child(2), .privacy .flex-s-s:not(:nth-child(3)) > div:nth-child(2) {
	width: 32.4vw;
}

.privacy .flex-s-s > p:nth-child(2), .privacy .flex-s-s > div:nth-child(2) {
	margin-left: 8.4vw;
}

.privacy .section-line {
	margin-bottom: 3.906vw;
}

.privacy .flex-s-s:nth-child(5) {
	margin-bottom: 4.427vw;
}

.privacy .indent {
	padding-left: 6.8vw;
}

.privacy .indent > div {
	margin-top: 2.291vw;
}

.privacy .indent .indent > div{
	margin: 1.5vw 0 1.5vw 0;
}

.privacy > div:last-child p:not(:last-of-type), .privacy p.spacer {
	margin-bottom: 1vw;
}

.privacy > div:last-child > div:not(:last-child) {
	margin-bottom: 4vw;
}

.privacy .legal-item {
	width: 46vw;
}

.search {
	padding: 8vw 30.4vw;
}

.search > h1 {
	margin-bottom: 1.5vw;
}

.search form {
	margin-bottom: 1vw;
}

.search form .relative {
	margin-right: 1.6vw;
	flex-grow: 1;
}

.search form input {
	width: 100%;
}

.search-result > p.extra-small:nth-child(2) {
	margin-bottom: 2vw;
}

.search-item {
	cursor: pointer;
	padding: 1.875vw;
	background-color: #fff;
}

.search-item:not(:last-child) {
	margin-bottom: 1vw;
}

.search-item .h4 {
	margin-bottom: 0.35vw;
}

footer > section {
	background-color: #141522;
	margin-top: -1px;
	margin-bottom: -1px;
}

footer .section-inlay {
	padding-left: 16.8vw;
}

footer h2 {
	font-weight: 300;
	margin-bottom: 0.4166vw;
}

footer .flex-s-c > div {
	width: 18.8vw;
	flex-shrink: 0;
}

footer form {
	margin-left: 8.4vw;
}

footer form > div > div:first-child {
	margin-right: 0.5208vw;
}

footer form > div > div:nth-child(2) {
	margin-right: 0.77088vw;
}

footer form > p.success {
	top: 0.3vw;
	right: 0;
}

footer .flex-s-c:first-child {
	margin-bottom: 6.35416vw;
}

.footer-icon {
	width: 5.2vw;
	margin-right: 1.8vw;
}
.footer-icon.wide {
  width: 12vw;
}

.nav-container a.navigation:not(:last-child), footer a.navigation:not(:last-child),
#nav-inlay .flex-space-between-c .navigation:not(:last-child) {
	margin-right: 2.343vw;
}

.button {
	padding: 1.1vw 1.7vw 1vw 1.875vw;
	cursor: pointer;
}

.button.light {
	background-color: #e6a643;
}

.button.dark {
	background-color: #191c35;
}

.button.white {
	background-color: #fff;
}

.button > div:first-child {
	z-index: 2;
}

.button p {
	color: #f7f7f0;
	font-weight: 400;
	margin-right: 0.75vw;
}

.button.white p {
	color: #191c35;
	transition: color 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
}

.button.white:hover p {
	color: #f7f7f0;
}

.button svg {
	width: 0.677vw;
	height: 0.7291vw;
	margin-top: 0.1vw;
	fill: #f7f7f0;
	transition: fill 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	flex-shrink: 0;
}

.button.white svg {
	fill: #191c35;
}

.button.white:hover svg {
	fill: #f7f7f0;
}

.button-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 101%;
	z-index: 1;
	pointer-events: none;
	transform: translateX(-110%) skew(30deg, 0deg);
}

.button.light .button-hover {
	background-color: #CC8B00;
}

.button.white .button-hover, .button.dark .button-hover {
	background-color: #000;
}

.link-circle > p {
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	white-space: nowrap;
}

.link-circle > p.large {
	margin-right: 2vw;
}

.link-circle > p.extra-small {
	margin-right: 1vw;
}

.link-circle.light > p {
	color: #f7f7f0;
}

.link-circle.light > svg {
	stroke: #f7f7f0;
	fill: #f7f7f0
}

.link-circle.dark > p {
	color: #191c35;
}

.link-circle.dark > svg {
	stroke: #191c35;
	fill: #191c35;
}

.link-circle.darker > p {
	color: #191c35;
	font-weight: 400;
}

.link-circle.darker > svg {
	stroke: #191c35;
	fill: #191c35;
}

.link-circle.light:hover > p, .link-circle.darker:hover > p {
	color: #e6a643 !important;
}

.link-circle.dark:hover > p {
	color: #f7f7f0;
}

.link-circle-icon.small {
	width: 3.125vw;
	height: 3.125vw;
	background-color: #e6a643;
	border-radius: 50%;
	overflow: hidden;
	pointer-events: none;
}

.link-circle-icon.small > svg {
	position: absolute;
	top: 0;
	left: 0;
	transition: transform 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.link-circle-icon.small > svg:nth-child(2) {
	transform: translateX(-100%);
	opacity: 0;
}

.link-circle:hover > .link-circle-icon.small > svg:first-child {
	transform: translateX(100%);
	opacity: 0;
}

.link-circle:hover > .link-circle-icon.small > svg:nth-child(2) {
	transform: translateX(0%);
	opacity: 1;
}

.link-circle-icon.medium, .link-circle-icon.lci-medium {
	width: 4vw;
	height: 2.906vw;
	transition: stroke 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955), fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.link-circle:hover .link-circle-icon.medium, .link-circle:hover .link-circle-icon.lci-medium {
	fill: #e6a643;
	stroke: #e6a643;
}


.link-circle-icon.large {
	width: 10.625vw;
	height: 7.65625vw;
}

.link-circle-icon.large .fg-circle {
    stroke-dasharray: 460;
    stroke-dashoffset: 460;
}

.link-circle-icon.large .fg-path {
    stroke-dasharray: 125;
    stroke-dashoffset: 125;
}

.link-circle-icon.large .fg-circle, .link-circle-icon.large .fg-path {
	transition: stroke-dashoffset 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.link-circle.light .fg-circle, .link-circle.light .fg-path {
	stroke: #e6a643;
}

.link-circle.dark .fg-circle, .link-circle.dark .fg-path {
	stroke: #f7f7f0;
}

.link-circle.darker .fg-circle, .link-circle.darker .fg-path {
	stroke: #191c35;
}

.link-circle:hover .link-circle-icon.large .fg-circle, .link-circle:hover .link-circle-icon.large .fg-path {
	stroke-dashoffset: 0;
}

.link-circle-icon.large .head {
	transition: fill 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955), stroke 150ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.link-circle:hover .link-circle-icon.large .head {
	transition-delay: 350ms;
}

.link-circle.light:hover .link-circle-icon.large .head {
	fill: #e6a643;
	stroke: #e6a643;
}

.link-circle.dark:hover .link-circle-icon.large .head {
	fill: #f7f7f0;
	stroke: #f7f7f0;
}

.link-circle.darker:hover .link-circle-icon.large .head {
	fill: #e6a643;
	stroke: #e6a643;
}

.contact a.extra-small, a.extra-small-link,
.job-contact a.extra-small {
	display: inline-block;
	border-bottom: 0.1vw solid;
}

a.extra-small, a.extra-small-link, a.extra-small-link > p, a.navigation, p > a, a.small {
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955), border-bottom-color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.contact a.extra-small, .job-contact a.extra-small {
	padding-bottom: 0.3vw;
	border-bottom-color: #f7f7f0;
}

.gr-11 a.extra-small-link {
	position: absolute;
	bottom: 0;
	left: 0;
}

a.extra-small-link {
	padding-bottom: 0.1vw;
	border-bottom-color: #191c35;
}

a.extra-small-link > p {
	display: inline-block;
	font-weight: 400;
	color: #191c35;
	margin-right: 0.25vw;
}

a.extra-small:hover, a.navigation:hover, p > a:hover, a.small:hover, a.extra-small-link:hover > p {
	color: #e6a643;
}

.contact a.extra-small:hover, p > a:hover, a.extra-small-link:hover,
.job-contact a.extra-small:hover {
	border-bottom-color: #e6a643;
}

a.extra-small-link > svg {
	display: inline-block;
	width: 0.48vw;
	height: 0.48vw;
	fill: #191c35;
	transition: fill 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

a.extra-small-link:hover > svg {
	fill: #e6a643;
}

.gr-5 a.flex-s-c p, .gr-6 a.flex-s-c p, .gr-13 a.flex-s-c p {
	transition: color 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-5 a.flex-s-c path, .gr-5 a.flex-s-c circle, .gr-6 a.flex-s-c path, .gr-6 a.flex-s-c circle,
.gr-13 a.flex-s-c path, .gr-13 a.flex-s-c circle {
	transition: stroke 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.gr-6 a.flex-s-c p {
	color: #191c35;
}

.gr-5 a.flex-s-c:hover p, .gr-13 a.flex-s-c:hover p {
	color: #e6a643;
}

.gr-6 a.flex-s-c:hover p {
	color: #f7f7f0;
}

.gr-5 a.flex-s-c:hover path, .gr-5 a.flex-s-c:hover circle,
.gr-13 a.flex-s-c:hover path, .gr-13 a.flex-s-c:hover circle {
	stroke: #e6a643;
}

.gr-6 a.flex-s-c:hover path, .gr-6 a.flex-s-c:hover circle {
	stroke: #f7f7f0;
}

._404 > div:first-child > div:first-child {
	width: 39.2vw;
	margin-left: 6.8vw;
}

._404 .image-w {
    width: 42.4vw;
	margin: 0 -10vw 0 1.6vw;
}

._404 h1 {
	margin-bottom: 3.645vw;
}

._404 .line-spacer {
	margin-bottom: 7.427vw;
}

._404 .line {
	position: absolute;
	width: 90vw;
	height: 1px;
	background-color: #246589;
}

._404 .line:nth-last-child(2) {
	top: 3vw;
	right: 0;
}

._404 .line:nth-last-child(1) {
	bottom: 3vw;
	left: 0;
}

.get-in-touch, .legal {
	padding: 2vw 10vw;
}

.get-in-touch > div:first-child {
	width: 39.2vw;
	margin-left: 6.8vw;
}

.get-in-touch h1, .get-in-touch .line-spacer {
	margin-bottom: 2.5vw;
}

.get-in-touch .small {
	width: 25.6vw;
}

.get-in-touch .image-w {
	width: 28.4166vw;
	margin-left: 1.6vw;
	border-radius: 50%;
}

.get-in-touch p {
	color: #191c35
}

.flex {
	display: flex;
}

.flex-c-c {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-s-c {
	display: flex;
	justify-content:  flex-start;
	align-items: center;
}

.flex-c-s {
	display: flex;
	justify-content:  center;
	align-items: flex-start;
}

.flex-s-s, .number-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.flex-e-c {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flex-space-between-s {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.flex-space-between-c, .button > div:first-child > div,
.link-circle, .nav-container, .side-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

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

.image, .image-c {
	width: 100%;
}

.image.of {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.image-w {
	flex-shrink: 0;
}

.mask, .image-w, .image-c, span.outer, .number-wrapper, .button {
	overflow: hidden;
}

span.outer, span.inner {
	display: block;
}

span {
	pointer-events: none;
}

h1 .outer, .h1 .outer {
	padding-bottom: 0.75vw;
	margin-bottom: -0.75vw;
}

h2 .outer, .h2 .outer {
	padding-bottom: 0.3vw;
	margin-bottom: -0.3vw;
}

.inner {
	will-change: transform;
	white-space: nowrap;
}

.opacity {
	will-change: transform;
}

.number-wrapper {
	position: absolute;
	mix-blend-mode: difference;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
}

.section-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#styleguide section {
	padding: 2vw 10vw 2vw 10vw;
}

#styleguide section > div > * {
	margin-bottom: 1vw;
}

#modules .header-half .image-c, #modules .header-half > .image-c .image,
#modules .header-bottom > .image-c, #modules .header-bottom > .image-c .image,
#modules .header-half .line-inlay, #modules .header-top .line-inlay {
    transform: translate3d(0%, 0px, 0px);
}

#modules .module-name {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #191c35;
	padding: 0.5vw 1vw;
	z-index: 3;
}

#modules .module-name > p {
	color: #f7f7f0;
}

.ns-w {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-align: center;
	background-color: #f7f7f0;
}

.ns-c {
	margin: auto;
}

.ns-i {
	width: 10.41vw;
	margin-bottom: 3vw;
}

#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}

#CybotCookiebotDialog {
	z-index: 20 !important;
}

.fixed-badge {
	padding: 1em;
	position: fixed;
	bottom: 15px;
	right: 0;
	z-index: 3;
	width: 20vw;
	height: auto;
	background-color: white;
	border: 1px solid #e0e0df;
	border-radius: 10px 0 0 10px;
	display: flex;
	flex-direction: column;
}
#first-badge {
	bottom: 12vw;
}
.close-button{
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
	border: 1px solid #e0e0df;
	background-color: white;
	top: -0.5em;
	left: -0.5em;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#button-line-1 {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #696963;
	width: 9px;
	height: 1px;
	transform: translate(-50%, -50%) rotate(45deg);
}
#button-line-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #696963;
	width: 9px;
	height: 1px;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.fixed-badge > img {
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 991px) and (max-width: 1360px) {
	p.medium, h3.medium {
		font-size: 1.45vw;
		line-height: 2.9vw;
	}

	p.small {
		font-size: 1.53vw;
		line-height: 2.22vw;
	}

	p.extra-small, ul, a.extra-small, a.extra-small-link {
		font-size: 1.25vw;
		line-height: 1.94vw;
	}

	.overline, .button p, input, textarea, p.navigation, a.navigation, p.infotext, p.error, p.tiny {
		font-size: 1.11vw;
		line-height: 1.57vw;
	}

	ul > li:before {
		line-height: 1.7vw;
	}

	.social-icon:not(:last-child) {
		width: 1.8vw;
		margin-bottom: 2vw;
	}

	.social-icon:last-child {
		width: 2vw;
	}

	.header-half.flex-s-c:first-child p {
		width: 12vw;
	}

	.gr-2 .small {
		width: 25.6vw;
	}

	.gr-5 > div:nth-child(4) > div > p {
		width: 16.5vw;
	}

	input[type=text], input[type=email], input[type=tel], form textarea {
		padding: 1.1vw 1.875vw 1.12vw 1.875vw;
	}

	input[type=text], input[type=email], input[type=tel], .button {
		height: 3.65vw;
	}

	.socials {
		top: 3.55vw;
	}
}

@media screen and (hover: none) {

	#nav-inlay .nav-link:not(:last-child) {
		margin-bottom: 2vw;
	}

	#sub-nav .sub-nav-w {
		display: none;
	}

	#nav-inlay .sub-nav-m {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 30vw;
	}

	#nav-inlay .sub-nav-m:not(:last-child) {
		margin-bottom: 3vw;
	}

	#nav-inlay .sub-nav-m > div {
		overflow: hidden;
	}

	#nav-inlay .sub-nav-m > div {
		width: 50%;
		padding-right: 2vw;
	}

	#nav-inlay .sub-nav-m > div:not(:nth-child(-n + 2)) {
		margin-top: 2vw;
	}

	#nav-inlay .sub-nav-m a {
		transform: translateY(101%);
	}
}

@media screen and (max-width: 990px) {

	h1, .h1, h1.smaller, .h1.smaller {
		font-size: 10.4vw;
		line-height: 9.33vw;
	}

	h2, .h2, h2.smaller, .h2.smaller {
		font-size: 8.1vw;
		line-height: 8.6vw;
	}

	h3, .h3 {
		font-size: 6.3vw;
		line-height: 7vw;
	}

	h4, .h4 {
		font-size: 5vw;
		line-height: 5.8vw;
	}

	h1 .outer, .h1 .outer {
		padding-bottom: 1.25vw;
    	margin-bottom: -1.25vw;
	}

	p.medium, h3.medium, p.large, h2.large {
		font-size: 3.5vw;
		line-height: 6.6vw;
		letter-spacing: 0;
	}

	p.small, a.small, p.extra-small, ul, a.extra-small, a.extra-small-link  {
		font-size: 3.2vw;
    	line-height: 5vw;
	}

	p.number {
		font-size: 35vw;
	}

	ul {
		padding-left: 2.35vw;
	}

	ul > li {
		margin-bottom: 1vw;
	}

	ul > li:before {
		top: 1.15vw;
		left: -2vw;
		font-size: 2.3vw;
		line-height: 2.3vw;
	}

	.list-reveal li:before {
		opacity: 1;
	}

	.overline, .button p, input, textarea, p.navigation, a.navigation, p.infotext, p.error, p.tiny {
		font-size: 2.5vw;
		line-height: 4.5vw;
	}

	p.slider-pagination {
		font-size: 5vw;
		line-height: 1em;
	}

	#loader .relative > p.loader {
		-webkit-text-stroke-width: 1px;
	}

	.nav-container {
		height: 10vw;
		padding: 0.9895vw 3vw;
	}

	.nav-container > .flex-s-c, .chapter-pagination, .side-navigation {
		display: none;
	}

	.nav-container > .mobile {
		display: block;
		margin-right: 12vw;
	}

	.navigation > svg {
		width: 3.8vw;
		margin-left: 0;
	}

	.nav-logo {
		width: 20vw;
	}

	.dropdown p, .dropdown a {
		font-size: 2.5vw;
		line-height: 3vw;
	}

	.dropdown-toggle > svg {
		width: 1vw;
		margin-left: 0.5vw;
	}

	.dropdown-toggle, .dropdown-link {
		padding: 0.6vw 0.8vw;
	}

	#nav-button {
		top: 1vw;
		right: 2.5vw;
	}

	.nb-icon {
		width: 8vw;
		height: 8vw;
	}

	.nb-icon > div {
		width: 4.5vw;
	}

	.nb-icon > div:first-child {
		top: 42%;
	}

	.nb-icon > div:nth-child(2) {
		top: 58%;
	}

	#nav-wrapper p.nav-num {
		font-size: 4vw;
		width: 5vw;
		top: 1vw;
		left: -6.6vw;
	}

	#nav-inlay {
		padding: 10vw 0 4vw 0;
	}

	#nav-inlay > .container {
		margin: 10vw 0 18vw 15vw;
	}

	#nav-inlay > .flex-space-between-c {
		padding: 2vw 0 0 4vw;
	}

	#nav-inlay > .nav-line {
		width: 96vw;
	}

	#nav-inlay > .nav-line:first-child {
		margin-left: 4vw;
	}

	#nav-inlay .nav-link-w {
		width: auto;
	}

	#nav-inlay .nav-link:not(:last-child) {
		margin-bottom: 2.5vw;
	}

	#sub-nav {
		display: none;
	}

	#nav-inlay .sub-nav-m {
		display: block;
		width: auto;
	}

	#nav-inlay .sub-nav-m:not(:last-child) {
		margin-bottom: 3vw;
	}

	#nav-inlay .sub-nav-m > div {
		overflow: hidden;
		width: auto;
		padding: 0;
	}

	#nav-inlay .sub-nav-m > div:not(:last-child) {
		margin: 0 0 3vw 0;
	}

	#nav-inlay .sub-nav-m a {
		transform: translateY(101%);
	}

	.socials {
		top: 3vw;
		display: flex;
		align-items: center;
	}

	.socials > .extra-small {
		margin-bottom: 0.5vw;
	}

	.socials > .social-line {
		display: none;
	}

	.socials > p {
		margin: 0 3vw 0 0;
	}

	.social-icon:not(:last-child) {
		width: 2.3vw;
		margin: 0 3vw 0.5vw 0;
	}

	.social-icon:last-child {
		width: 2.54vw;
	}

	.nav-sublink {
		bottom: 59.5vw;
	}

	.socials, .nav-sublink {
		left: 4vw;
	}

	section.full:not(.mobile) {
		min-height: calc(100vh - 10vw);
	}

	section.full.mobile {
		min-height: 0;
	}

	.section-inlay, footer .section-inlay {
		padding: 8vw 16vw;
	}

	.line-spacer {
		width: 16vw;
		height: 1vw;
	}

	#nav-inlay > .flex-space-between-c, .gr-0, .gr-0 .flex-s-s, .gr-2 .sticky, .gr-4 .flex-s-s, .gr-5 .flex-s-s, .gr-6, .contact > .flex-space-between-s,
	.contact > .flex-s-s, footer .section-inlay > .flex-s-c, footer .flex, footer form > div:first-child, footer .section-inlay > .flex-space-between-c,
	.gr-7 .flex-s-s, .gr-8 > .flex-s-s, .gr-9, .gr-10, .gr-11, .gr-23 > .flex, .get-in-touch, .gr-12 form > div:first-child > div:nth-last-of-type(2),
	.legal, .imprint, .privacy .flex-s-s, ._404, .header-top .flex-s-s, .gr-16.flex-s-c, .gr-16.flex-s-s,
	.gr-16.flex-c-c, .gr-14 .c-item.flex, #nav-inlay > .flex-space-between-c > .flex, .si-boxed .boxed .flex,
	.header-copy > .flex-s-s, .si-header.flex-c-c, .drag-item.flex-s-c, .article > div, .gr-25 > .flex {
		flex-direction: column;
	}

	.full.flex, .gr-1, ._404, .gr-15.flex-s-c, .gr-15.flex-s-s, .gr-17.flex-s-s, .gr-17.flex-s-c, .gr-21, .si-header > .flex-s-c:first-child  {
		flex-direction: column-reverse;
	}

	#nav-inlay > .flex-space-between-c, footer .section-inlay > .flex-s-c, footer .section-inlay > .flex-space-between-c, .gr-10,
	.gr-12 form > div:first-child > div:nth-last-of-type(2), .legal, .article > div:first-child {
		align-items: flex-start;
	}

	footer .flex-space-between-c > .flex-s-c {
		flex-direction: row-reverse;
		justify-content: space-between;

    flex-direction: column-reverse;
    margin-top: 4em;
	}

	.header-half, .gr-0 .image-w, .header-half.flex-s-c:first-child > div, .header-half.flex-s-c:nth-child(2) > div, .gr-0 > div:nth-child(2),
	.gr-1 .image-w, .gr-1 > div:first-child, .gr-2 .sticky > div:nth-child(2), .gr-2 .small, .gr-4 > div:first-child, .gr-5 > div, .gr-6 > div,
	.contact > .flex-s-s > div, footer .flex-s-c, footer .flex-s-c > div, footer form, .gr-7 .image-w, .gr-7 h2, .gr-7 .medium,
	.gr-8 > div:first-child > div:first-child, .gr-8 > div:first-child > div:nth-child(2), .gr-8 .relative, .gr-8 h2, .gr-9 .relative,
	.gr-9 img, .gr-10 > div:first-child, .gr-10 > .image-w, .gr-11 ._3c, .gr-23 ._3c, .get-in-touch > div:first-child, .get-in-touch .small,
	.get-in-touch .image-w, .gr-12 > p.medium, .gr-12 form, .gr-12 form input[type=text], .gr-12 form input[type=email], .gr-12 form input[type=tel],
	.gr-12 form .relative, .gr-13 > p.medium, .legal > div:first-child, .imprint > div:first-child, .imprint > div:nth-child(2), .privacy .number,
	.privacy .flex-s-s:not(:nth-child(3)) > p:first-child, .privacy .flex-s-s:not(:nth-child(3)) > div:first-child,
	.privacy .flex-s-s:not(:nth-child(3)) > p:nth-child(2), .privacy .flex-s-s:not(:nth-child(3)) > div:nth-child(2),
	.privacy .legal-item, ._404 > div:nth-child(2), ._404 .image-w, .header-bottom, .header-top > div,
	.gr-9 .relative > img, .gr-9 > div:nth-child(2), .gr-15 > div:first-child, .gr-15 > div:nth-child(2),
	.gr-16 > div:first-child, .gr-16 > div:nth-child(2), .gr-16 .relative > img.house, .gr-17 > div:first-child, .gr-17 .relative,
	.gr-17 .image-w, .gr-18 > div, .gr-19 > div, .gr-14 > div:first-child, .si-boxed .boxed .boxed-item:first-child,
	.gr-20 > div:first-child, .header-half.flex-s-c:nth-child(2) p, .si-header > .flex-s-c, .header-left, .header-right,
	.gr-21 > div:first-child, .gr-21 > div:nth-child(2), .header-copy, .gr-27 .drag-item img, .gr-25 > .flex > div,
	.gr-11 h2, .gr-21 p.infotext, .article .flex-s-s {
		width: 100%;
	}

	#nav-inlay > .container, .gr-4 .image-w, .gr-5 > div:nth-child(4) > div > p, #nav-inlay > .flex-space-between-c,
	.header-tl-item, .tl-item, .tl-item.l, .gr-26 .job-item p + div, .article .number {
		width: auto;
	}

	.gr-0 > div:nth-child(2), .gr-1 > div:first-child, .gr-2 .button, .gr-5 > div:last-child,
	.gr-6 > div:nth-child(2), .contact > .flex-s-s > div:last-child,
	.contact > .flex-space-between-s > div > .link-circle:last-child, .gr-7 > div:nth-child(2),
	.gr-8 > div:first-child > div:nth-child(2), .gr-9 > div:nth-child(2), .gr-10 > .image-w,
	.gr-2 .sticky > div:nth-child(2), .get-in-touch .image-w, .gr-12 form .input-w:first-child,
	.legal > div:nth-child(2), .imprint > div:nth-child(2), .privacy .flex-s-s > p:nth-child(2),
	.privacy .flex-s-s > p:nth-child(2), .privacy .flex-s-s > div:nth-child(2), .header-bottom,
	.gr-15 > div:first-child, .gr-16 > div:nth-child(2), .gr-17 > div:first-child, .footer-icon,
	.si-boxed .boxed .boxed-item:nth-child(2), .header-left, .gr-21 > div:first-child,
	.gr-26 .job-item p.w, .article h1, .gr-25 > .flex > div:nth-child(2) {
		margin: 0;
	}

	.gr-10 > div:first-child {
		margin: 0 0 18vw 0;
	}

	.gr-0 .image-w, .gr-2 .image-w, .gr-4 > div:first-child {
		margin: 0 0 16vw 0;
	}

	.gr-2 .small, .gr-11 ._3c:not(:last-child), .gr-11 ._3c:nth-child(3n+2), .gr-11 ._3c:nth-child(3n) {
		margin: 0 0 12vw 0;
	}

	.gr-1 .image-w, .gr-5 > div:not(:last-child), .contact > .flex-s-s > div:not(:last-child),
	.gr-8 > div:first-child > div:first-child, .gr-9 .relative, .get-in-touch > div:first-child,
	.gr-12 form .checkbox-w, .gr-15 > div:nth-child(2), .gr-16 > div:first-child, .gr-17 .relative,
	.gr-17 .image-w, .gr-14 > div:first-child {
		margin: 0 0 8vw 0;
	}

	 .gr-6 .button, .contact > .flex-space-between-s, ._404 > div:nth-child(2), .gr-13 .h3 {
		margin: 0 0 6vw 0;
	}

	.header-half h1, .header-half .line-spacer, .header-top h1, .header-top .line-spacer, .gr-0 h2, .gr-0 .line-spacer,
	.gr-4 .h1, .gr-3 .drag-item .di-container, .gr-0 .line-spacer, .gr-4 .line-spacer,
	.gr-7 .line-spacer, .gr-5 > div:nth-child(4) > div > p, .gr-6 > div:first-child, .gr-6 > div:nth-child(2) > div > p.medium,
	.gr-6 > div .h4, .contact .h1, footer .flex-s-c > div, .gr-3 .drag-controls,
	.contact .section-line, .contact > .flex-space-between-s > div > .link-circle:first-child,
	.gr-7 h2, .gr-7 .line-spacer, .gr-8 h2, .gr-8 .line-spacer, .gr-9 h2, .gr-9 .line-spacer, .gr-10 h2,
	.gr-10 .line-spacer, footer form > div > div:not(:last-child), .get-in-touch h1, .get-in-touch .line-spacer,
	.gr-12 > p.medium, .gr-12 form .input-w .relative:nth-child(2n),
	.gr-12 form .input-w .relative:not(:nth-child(-n + 2)), .gr-12 form > div:first-child > .relative:not(:last-child),
	.gr-12 form .input-w .relative:first-child, .gr-12 .flex-space-between-c > .relative,
	.gr-12 form > div:first-child > div:nth-last-of-type(2), .gr-12 form .checkbox-w > div, .gr-13 > p.medium,
	.gr-13 .link-w a:not(:last-child), .gr-13 .link-w:not(:last-child), .legal h1, .legal .line-spacer,
	.legal > div:first-child, .imprint > div:first-child, .privacy h2, .privacy .line-spacer,
	.privacy .flex-s-s:nth-child(3), .privacy .section-line, ._404 h1, ._404 .line-spacer, .gr-7 .image-w, .gr-15 h2, .gr-15 h2,
	.gr-15 .line-spacer, .gr-15 .medium:not(:last-child), .gr-16 h2, .gr-16 .line-spacer,
	.gr-16 .medium:not(:last-child), .gr-16 a.extra-small-link:not(:last-child),
	.gr-17 .medium:not(:last-child), .gr-15 ul:not(:last-child), .gr-16 ul:not(:last-child),
	.gr-17 h2, .gr-17 .line-spacer, .gr-19 .large, .gr-14 h2, .gr-14 .line-spacer, .gr-14 .medium:not(:last-child),
	.gr-14 .c-content p.small:not(:last-child), .gr-14 .c-content > div > .flex-s-c:first-child,
	.gr-14 .c-content .section-line, .si-boxed .boxed h3, .si-boxed .boxed ul:not(:last-child), .gr-2 .h1, .gr-2 .line-spacer,
	.gr-20 .image-w, .gr-20 .large:not(:last-child), .gr-1 .large:not(:last-child), .header-right, .header-right h1,
	.header-right .line-spacer, .gr-21 > div:nth-child(2), .gr-22 .slider-controls, .gr-22 .number-wrapper,
	.gr-22 .slider-item h3, .gr-22 .slider-item .line-spacer, .header-copy h1, .header-copy .line-spacer,
	.header-copy, .gr-26 h2, .gr-26 > div:not(:last-child), .gr-26 .job-item .h4, .job-detail-item div:not(:last-child),
	.gr-27 h2, .gr-27 .line-spacer, .gr-27 .drag-controls, .gr-27 .drag-item img, .gr-23 h2,
	.gr-23 ._3c, .gr-23 ._3c:nth-child(3n+2), .gr-23 ._3c:nth-child(3n), .gr-23 ._3c:not(:nth-child(-n + 3)),
	.article > .flex-s-c, .article .line-spacer, .gr-24 h2, .gr-24 .line-spacer, .gr-25 > .flex > div:first-child,
	.gr-11 h2, form, footer form {
		margin: 0 0 4vw 0;
	}

	.overline, .drag-controls > div:first-child, .contact .flex-s-s > div > p,
	.contact .flex-s-s .h4, footer .section-inlay > .flex-space-between-c > a:first-child,
	.gr-5 .section-line, .gr-5 p.large:nth-last-child(3), .gr-6 .section-line, .gr-8 .h4, .gr-10 h3,
	.gr-11 .image, .gr-9 .h4, .gr-3 .drag-item > .h4, .contact > .flex-space-between-s > .link-circle,
	.imprint .h4, .privacy .h4, .privacy h4, .gr-6 a.flex-s-c:not(:last-child), .gr-15 h3, .gr-16 h3,
	footer a.navigation:not(:last-child), .contact .flex-s-s a:not(:last-child), .gr-27 .drag-item h3 {
		margin: 0 0 3vw 0;
	}

	#nav-inlay > .flex-space-between-c > a, .gr-11 h3,
	#nav-inlay .flex-space-between-c > .flex .navigation, .job-detail-item .medium:not(:last-child),
	.job-detail-item .extra-small:not(:last-child), .job-detail-item ul:not(:last-child),
	.article .number, .expo .large, .expo > div > .slider-pagination, .expo .section-line {
		margin: 0 0 2vw 0;
	}

	.full.flex > .section-inlay {
		flex-grow: 1;
	}

	.header-half.flex-s-c {
		min-height: 50%;
	}

	.header-half.header-slider, .header-half:not(.flex-s-c) {
		min-height: 50vw;
		flex-grow: 1;
	}

	.header-half.flex-s-c:first-child, .header-half.flex-s-c:nth-child(2), .header-top {
		padding: 6vw 16vw;
	}

	.header-half.flex-s-c:first-child p {
		width: 22vw;
	}

	.header-slider-controls {
		display: none;
	}

	.header-bottom {
		height: 32vw;
	}

	.header-half.flex-s-c:first-child p.wide {
		width: 100%;
	}

	.header-tl {
		margin: 4vw 0 0 0;
	}

	.header-tl-line, .tl-line {
		margin-right: 3vw;
	}

	.header-tl-item + .header-tl-line, .tl-item + .tl-line {
		margin-left: 3vw;
	}

	.header-comp.two, .header-comp.three {
		display: none;
	}

	.header-comp.one {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		transform: none;
	}

	.header-tl-item.l {
		width: 27vw;
	}

	.gr-0 .number-wrapper {
		top: 76.5vw;
		left: 47.2vw;
	}

	.gr-2 {
		height: auto;
	}

	.gr-2 .sticky {
		position: relative;
		padding: 0;
		min-height: 0;
	}

	.gr-2 .image-w {
		width: 100%;
	}

	.gr-2 .number-wrapper {
		bottom: 1vw;
		left: 29.5vw;
	}

	.gr-2 .image-w > .image, .get-in-touch .image-w, ._404 .image-w {
		border-radius: 0;
	}

	.gr-2 .sticky-progress {
		display: none;
	}

	.gr-3 .drag-item {
		width: 75vw;
		padding: 0 15vw 8vw 0;
	}

	.gr-3 .drag-item .di-container {
		width: 60vw;
		height: 60vw;
	}

	.gr-3 .drag-item .di-container > img {
		width: 18vw;
		height: 18vw;
	}

	.gr-3 .drag, .gr-3 .drag-controls {
		padding-left: 16vw;
	}

	.gr-3 .drag {
		padding-right: 9vw;
	}

	.drag-controls .slider-pagination:not(:first-child) {
		margin-left: 1vw;
	}

	.drag-controls .slider-pagination:first-child, .gr-8 .slider-pagination:first-child {
		width: 5.7vw;
	}

	.drag-controls > div:first-child > a.extra-small-link {
		margin-left: 22vw;
	}

	.drag-controls .dc {
		width: 2.5vw;
		height: 2.5vw;
	}

	.drag-controls .dc.right {
		margin-left: 5vw;
	}

	.drag-controls .dc:hover, .gr-27 .drag-controls .dc:hover {
		fill: #191c35;
	}

	a.extra-small-link > p {
		margin-right: 0.75vw;
	}

	a.extra-small-link > svg {
		width: 1.6vw;
		height: 1.7vw;
	}

	.gr-4 {
		padding-top: 4vw;
		padding-bottom: 0;
	}

	.gr-4 .image-w {
		margin: 0 -16vw;
	}

	.gr-4 .number-wrapper {
		top: -15.2vw;
		left: 28.5vw;
	}

	.gr-5 > div:first-child {
		order: 1;
	}

	.gr-5 > div:nth-child(2) {
		order: 0;
	}

	.gr-5 > div:nth-child(3) {
		order: 2;
	}

	.gr-5 > div:nth-child(4) {
		order: 3;
	}

	svg.sustainability {
		width: 5.31vw;
		height: 6.28vw;
	}

	.gr-6 > div {
		padding: 5vw 5vw 5.7vw;
	}

	.gr-6 .link-circle, .contact > .flex-space-between-s > .link-circle {
		width: 36vw;
	}

	.gr-7 > .image-w {
		height: 23vw;
	}

	.gr-7 .number-wrapper {
		top: 11.5vw;
    	right: 15.3vw;
	}

	.gr-8 .relative {
		margin-top: 10vw;
	}

	.gr-8 .slider-control {
		width: 4vw;
		height: 4vw;
	}

	.gr-9 {
		padding-top: 12vw;
	}

	.gr-9 .relative, .gr-15 > .relative, .gr-16 .relative, .gr-17 .relative {
		height: 70vw;
	}

	.gr-9 .number-wrapper {
		top: -1.8vw;
		left: 45.2vw;
		z-index: 3;
	}

	.gr-10 .number-wrapper {
		top: 78.3vw;
		right: 15vw;
	}

	.gr-11 ._3c {
		padding-bottom: 8vw;
	}

	.gr-11 .image {
		height: auto;
	}

	.gr-11 ._3c-icon {
		height: 5vw;
		margin-right: 1.8vw;
	}

	.gr-12 form input[type=checkbox] {
		width: 2vw;
		height: 2vw;
		margin: 0 1vw 0 0;
	}

	.gr-12 form textarea {
		height: 16vw;
	}

	.gr-12 form .button + p.error, p.error.fail {
		top: calc(100% + 1.5vw);
	}

	.gr-14 .c-slider {
		width: 100%;
		height: auto;
	}

	.gr-14 .c-item {
		height: auto;
	}

	.gr-14 .c-pagination {
		width: 100%;
		height: 8vw;
		pointer-events: none;
	}

	.gr-14 .c-num {
		width: 8vw;
		height: 100%;
		font-size: 4.2vw;
		padding-top: 0.7vw;
	}

	.gr-14 .c-tab {
		bottom: 50%;
		left: 12vw;
		transform: translateY(50%);
		width: auto;
	}

	.gr-14 .c-tab > p {
		transform: none;
	}

	.gr-14 .c-pagination img {
		display: none;
	}

	.gr-14 .c-content {
		padding: 8vw;
	}

	.gr-14 .c-content > div {
		width: 100%;
	}

	.gr-14 .c-content > div > .flex-s-c:first-child > img {
		width: 4vw;
		height: 4vw;
		margin: 0.1vw 2vw 0 0
	}

	.gr-15 .image-background.tape {
		padding-top: 6vw;
	}

	.gr-16 .relative > img.medical {
		width: 90%;
		bottom: 6vw;
	}

	.gr-17 .relative > img {
		width: 94%;
		right: 50%;
		transform: translate(50%, 50%);
	}

	.gr-19 .scroll-c {
		overflow-x: scroll;
	}

	.gr-19 .scroll-c > .image {
		width: 175%;
		max-width: none;
	}

	.gr-22 .milestone-image-w, .gr-22 .milestone-p,
	.gr-22 .milestone-year-w, .gr-22 .link-circle,
	.gr-22 .milestone-text {
		display: none;
	}

	.gr-22 > .flex-e-c:first-child {
		justify-content: flex-start;
		width: auto;
		margin-bottom: 4vw;
	}

	.gr-22 .section-line {
		width: 100%;
		margin: 0 0 4vw 0;
	}

	.gr-22 .slider-item-w {
		width: 100%;
	}

	.gr-22 .slider-item h3 {
		font-size: 6.5vw;
		line-height: 1.1em;
	}

	.gr-22 .slider-item p.medium {
		max-width: none;
	}

	.gr-22 .slider-controls > p {
		margin-right: 4vw;
	}

	.gr-22 .slider-controls > .sc {
		width: 2.6vw;
		height: auto;
	}

	.gr-22 .slider-controls > .sc:first-of-type {
		margin-right: 4vw;
	}

	.gr-22 .slider-controls > .sc:hover {
		fill: #e6a643;
	}

	.gr-23 ._3c {
		min-height: 35vw;
		padding: 4vw;
	}

	.gr-23 .slider-pagination, .gr-23 .slider-pagination.s {
		font-size: 5vw;
	}

	svg.download {
		width: 5vw;
	}

	.gr-25 .scroll-c {
		overflow-x: scroll;
	}

	.gr-25 .boxed {
		width: 105vw;
	}

	.gr-25 .boxed > .flex-s-s > p.medium {
		width: 35vw;
	}

	.gr-25 .boxed > .flex {
		margin-left: 38vw;
	}

	.gr-25 .boxed > .flex > div {
		width: 23.2vw;
	}

	.gr-25 .boxed > .flex > div:nth-child(2) {
		margin-left: 8vw;
	}

	.gr-25 .boxed > .flex .medium {
		margin-bottom: 0.5vw;
	}

	.gr-25 .slider-pagination {
		font-size: 5vw;
		margin-top: 1.5vw;
		width: 11vw;
	}

	.gr-25 .slider-pagination:nth-child(2) {
		margin-left: 4vw;
	}

	.gr-25 .slider-pagination:nth-child(3) {
		margin-left: 19.5vw;
	}

	.gr-26 .number {
		font-size: 16vw;
		margin-right: 5.5vw;
		min-width: 0;
	}

	.gr-26 .job-item .h4, .gr-26 .job-item p.w {
		width: 100%;
	}

	.gr-26 .job-item p + div {
		margin-right: 6vw;
	}

	.gr-26 .slider-pagination {
		font-size: 3.5vw;
	}

	.job-item .extra-small {
		margin-bottom: 1vw;
	}

	.gr-26 .job-item > svg {
		display: none;
	}

	.job-item {
		flex-wrap: wrap;
		padding: 4vw 0;
	}

	.job-contact {
		position: relative;
		width: 100%;
		padding: 6vw 8vw 8vw 8vw;
	}

	.job-detail-w {
		width: 100%;
	}

	.job-detail-c {
		padding: 8vw 16vw;
	}

	.job-detail-w .close {
		width: 8vw;
		height: 8vw;
		top: 1vw;
    	left: 2.5vw;
	}

	.gr-27 {
		padding: 8vw 0;
	}

	.gr-27 .drag-wrapper > div:first-child {
		margin: 0 0 4vw 16vw;
	}

	.gr-27 h2 {
		width: 68vw;
	}

	.gr-27 .drag {
		padding: 0 20vw 0 16vw;
	}

	.gr-27 .drag-item {
		padding-right: 12vw;
	}

	.gr-27 .drag-item img {
		border-radius: 0%;
	}

	.gr-28 {
		padding: 8vw 0;
	}

	.gr-28 .number {
		font-size: 15vw;
	}

	.gr-28 > div:first-child {
		margin: 0 0 4vw 16vw;
	}

	.expo .slider-pagination {
		font-size: 4.75vw;
	}

	.expo > div:first-child {
		width: auto;
	}

	.expo > div:nth-child(2) {
		margin: 0 0 0 5vw;
	}

	.expo-circle {
		width: 27vw;
		height: 27vw;
		padding-left: 4vw;
	}

	.vert-line {
		height: 10vw;
		margin: 0 1.5vw;
	}

	.gr-29 {
		padding-bottom: 0;
	}

	.gr-29 > div:first-child {
		width: 32vw;
		margin-right: 3vw;
	}

	.gr-29 .slider-pagination {
		font-size: 6vw;
	}

	.boxed {
		padding: 8vw 6vw 8vw 6vw;
	}

	.search form {
		margin-bottom: 2vw;
	}

	.search-result > p.extra-small:nth-child(2) {
		margin-bottom: 3vw;
	}

	.search-item {
		padding: 4vw;
	}

	.search-item:not(:last-child) {
		margin-bottom: 4vw;
	}

	.search-item .h4 {
		margin-bottom: 2vw;
	}

	.contact.mobile {
		padding-top: 38vw;
	}

	.contact > .number-wrapper {
		top: 6.25vw;
   		right: 43.75vw;
	}

	footer form input, footer form .button {
		width: 100%;
	}

	form p.error {
		bottom: -4vw;
		left: 3vw;
	}

	.footer-icon {
		width: 12vw;
    margin-top: 3vw;
	}
  .footer-icon.wide {
    width: 22vw;
  }

	.privacy .indent > div {
		margin-top: 4vw;
	}

	._404 .line:nth-last-child(2) {
		top: 4vw;
	}

	._404 .line:nth-last-child(1) {
		bottom: 4vw;
	}

	footer form > p.success {
		top: 50%;
		right: 50%;
		transform: translate(50%, -50%);
	}

	.button, input[type=text], input[type=email], input[type=tel], form textarea {
		height: auto;
		min-width: 28vw;
    	padding: 2vw 3vw 2vw 3vw;
	}

	.button p {
		margin-right: 2vw;
	}

	.button svg {
		width: 1.6vw;
		height: 1.7vw;
		margin-top: 0.25vw;
	}

	.button.white:hover p {
		color: #191c35;
	}

	.button.white:hover svg {
		fill: #191c35;
	}

	.link-circle-icon.small {
		width: 5.5vw;
		height: 5.5vw;
	}

	.link-circle-icon.medium, .link-circle-icon.lci-medium {
		width: 9vw;
		height: 6vw;
	}

	.link-circle-icon.large {
		width: 14vw;
		height: 10vw;
	}

	.link-circle > p.large {
		margin-right: 3vw;
	}

	.link-circle > p.extra-small {
		margin-right: 2vw;
	}
	
	.fixed-badge {
		width: 30vw;
	}
}

@media screen and (max-width: 767px) {

	h1, .h1, h1.smaller, .h1.smaller {
		font-size: 12.4vw;
    line-height: 11.6vw;
	}

	h2, .h2, h2.smaller, .h2.smaller {
		font-size: 10.8vw;
		line-height: 12vw;
	}

	h3, .h3 {
		font-size: 7vw;
		line-height: 7.5vw;
	}

	h4, .h4 {
		font-size: 6.5vw;
		line-height: 7.5vw;
	}

	h1 .outer, .h1 .outer {
		padding-bottom: 1.8vw;
		margin-bottom: -1.8vw;
	}

	p.medium, h3.medium, p.large, h2.large {
		font-size: 5vw;
    	line-height: 8.5vw;
		letter-spacing: 0;
	}

	p.small, a.small, p.extra-small, ul, a.extra-small, a.extra-small-link  {
		font-size: 5vw;
    	line-height: 8.5vw;
	}

	p.number {
		font-size: 40vw;
	}

	p.slider-pagination {
		font-size: 7vw;
		line-height: 1em;
	}

	.overline, .button p, input, textarea, p.navigation, a.navigation, p.infotext, p.error, p.tiny {
		font-size: 4vw;
		line-height: 6vw;
	}

	ul {
		padding-left: 2.8vw;
	}

	ul > li:before {
		top: 3vw;
    	font-size: 3.8vw;
		left: -2.7vw;
    	line-height: 2.5vw;
	}

	.nav-container {
		height: 15vw;
	}

	.nav-container > .mobile {
		margin-right: 17vw;
	}

	.navigation > svg {
		width: 5vw;
	}

	.nav-logo {
		width: 28vw;
	}

	.dropdown p, .dropdown a {
		font-size: 4vw;
		line-height: 4.5vw;
	}

	.dropdown-toggle > svg {
		width: 1.5vw;
		margin-left: 0.75vw;
	}

	#nav-inlay .nav-link:not(:last-child) {
		margin-bottom: 3vw;
	}

	#nav-inlay .sub-nav-m:not(:last-child) {
		margin-bottom: 4vw;
	}

	#nav-inlay .sub-nav-m > div:not(:last-child) {
		margin-bottom: 4vw;
	}

	#nav-inlay .nav-link p.h2 {
		font-size: 9.5vw;
    line-height: 10.5vw;
	}

	#nav-wrapper p.nav-num {
		font-size: 5vw;
		width: 6vw;
		top: 1.65vw;
		left: -8.5vw;
	}

	#nav-inlay {
		padding: 15vw 0 4vw 0;
	}

	#nav-inlay > .container {
		margin: 12vw 0 26vw 14vw;
	}

	#nav-inlay > .flex-space-between-c {
		padding: 3vw 0 0 4vw;
	}

	.nav-sublink {
		bottom: 80vw;
	}

	.socials {
		top: 4vw;
	}

	.socials > p {
		margin: 0 5vw 0 0;
	}

	.social-icon:not(:last-child) {
		width: 5vw;
		margin: 0 5vw 0.4vw 0;
	}

	.social-icon:last-child {
		width: 5.51vw;
	}

	#nav-button {
		top: 2vw;
		right: 2.5vw;
	}

	.nb-icon {
		width: 11vw;
		height: 11vw;
	}

	.nb-icon > div {
		width: 6vw;
	}

	.section-inlay, footer .section-inlay {
		padding: 12vw 6vw;
	}

	.header-half.flex-s-c:nth-child(2) p {
		width: 100%;
	}

	.gr-0 .image-w, .gr-2 .image-w, .gr-4 > div:first-child, .gr-10 > div:first-child {
		margin: 0 0 24vw 0;
	}

	.gr-2 .small, .contact > .flex-s-s > div:not(:last-child) {
		margin: 0 0 18vw 0;
	}

	.gr-1 .image-w, .gr-5 > div:not(:last-child), .gr-8 > div:first-child > div:first-child,
	.gr-11 ._3c:not(:last-child), .gr-11 ._3c:nth-child(3n+2), .gr-11 ._3c:nth-child(3n), .gr-9 .relative,
	.contact > .flex-space-between-s, .gr-14 > div:first-child, .gr-15 > div:nth-child(2),
	.gr-16 > div:first-child, .gr-17 .relative, .gr-17 .image-w, .gr-14 > div:first-child {
		margin: 0 0 12vw 0;
	}

	 .gr-6 .button, .contact > .flex-space-between-s > div > .link-circle:first-child,
	 .contact .section-line, ._404 > div:nth-child(2), footer form {
		margin: 0 0 9vw 0;
	}

	.contact > .flex-space-between-s > .link-circle, .gr-13 .h3 {
		margin: 0 0 7vw 0;
	}

	.header-half h1, .header-half .line-spacer, .header-top h1, .header-top .line-spacer, .gr-0 h2, .gr-0 .line-spacer, .gr-2 .h1, .gr-2 .line-spacer,
	.gr-4 .h1, .gr-3 .drag-item .di-container, .gr-0 .line-spacer, .gr-4 .line-spacer,
	.gr-7 .line-spacer, .gr-5 > div:nth-child(4) > div > p, .gr-6 > div:first-child, .gr-6 > div:nth-child(2) > div > p.medium,
	.gr-6 > div .h4, .contact .h1, footer .flex-s-c > div, .gr-3 .drag-controls,
	.gr-7 h2, .gr-7 .line-spacer, .gr-8 h2, .gr-8 .line-spacer, .gr-9 h2,
	.gr-9 .line-spacer, .gr-10 h2, .gr-10 .line-spacer, footer form > div > div:not(:last-child),
	.get-in-touch h1, .get-in-touch .line-spacer, .gr-12 > p.medium, .gr-12 form .input-w .relative:nth-child(2n),
	.gr-12 form .input-w .relative:not(:nth-child(-n + 2)), .gr-12 form > div:first-child > .relative:not(:last-child),
	.gr-12 form .input-w .relative:first-child, .gr-12 .flex-space-between-c > .relative,
	.gr-12 form > div:first-child > div:nth-last-of-type(2), .gr-13 > p.medium,
	.gr-13 .link-w a:not(:last-child), .gr-13 .link-w:not(:last-child), .legal h1,
	.legal .line-spacer, .legal > div:first-child, .imprint > div:first-child,
	.privacy h2, .privacy .line-spacer, .privacy .flex-s-s:nth-child(3),
	.privacy .section-line, .privacy > div:last-child > div:not(:last-child),
	._404 h1, ._404 .line-spacer, .gr-14 h2, .gr-14 .line-spacer, .gr-14 .medium:not(:last-child),
	.gr-14 .c-content p.small:not(:last-child), .gr-14 .c-content > div > .flex-s-c:first-child,
	.gr-14 .c-content .section-line, .gr-15 h2,
	.gr-15 .line-spacer, .gr-15 .medium:not(:last-child), .gr-16 h2, .gr-16 .line-spacer,
	.gr-16 .medium:not(:last-child), .gr-16 a.extra-small-link:not(:last-child),
	.gr-17 .medium:not(:last-child), .gr-15 ul:not(:last-child), .gr-16 ul:not(:last-child),
	.gr-17 h2, .gr-17 .line-spacer, .gr-19 .large, footer a.navigation:not(:last-child),
	.si-boxed .boxed h3, .si-boxed .boxed ul:not(:last-child), .gr-7 .image-w,
	.gr-1 .large:not(:last-child), .header-right, .header-right h1, .header-right .line-spacer,
	.gr-21 > div:nth-child(2), .gr-22 .slider-controls, .gr-22 .number-wrapper,
	.gr-22 .slider-item h3, .gr-22 .slider-item .line-spacer, .header-copy h1, .header-copy .line-spacer,
	.header-copy, .gr-26 h2, .gr-26 > div:not(:last-child), .job-detail-item div:not(:last-child),
	.gr-27 h2, .gr-27 .line-spacer, .gr-27 .drag-controls, .gr-27 .drag-item img, .gr-23 h2,
	.gr-23 ._3c, .gr-23 ._3c:nth-child(3n+2), .gr-23 ._3c:nth-child(3n), .gr-23 ._3c:not(:nth-child(-n + 3)),
	.article > .flex-s-c, .article .line-spacer, .gr-24 h2, .gr-24 .line-spacer, .gr-25 > .flex > div:first-child,
	.gr-11 h2, .gr-20 .image-w, .gr-20 .large:not(:last-child) {
		margin: 0 0 6vw 0;
	}

	#nav-inlay > .flex-space-between-c > a, .overline, .drag-controls > div:first-child,
	.contact .flex-s-s > div > p, .contact .flex-s-s .h4, footer .section-inlay > .flex-space-between-c > a:first-child,
	.gr-5 .section-line, .gr-5 p.large:nth-last-child(3), .gr-6 .section-line, .gr-8 .h4, .gr-10 h3,
	.gr-11 .image, .gr-9 .h4, .gr-3 .drag-item > .h4, .gr-6 a.flex-s-c:not(:last-child), .contact .flex-s-s a:not(:last-child),
	.gr-1 .section-line, .gr-18 .section-line, .gr-19 .section-line, .gr-25 .section-line {
		margin: 0 0 4.5vw 0;
	}

	.gr-11 .h4, #nav-inlay .flex-space-between-c > .flex .navigation,
	.gr-1 .number-wrapper, .job-detail-item .medium:not(:last-child),
	.job-detail-item .extra-small:not(:last-child), .job-detail-item ul:not(:last-child),
	.article .number, .expo .large, .expo > div > .slider-pagination,
	.expo .section-line {
		margin: 0 0 3vw 0;
	}

	.header-half.flex-s-c:first-child, .header-half.flex-s-c:nth-child(2), .header-top {
		padding: 6vw 6vw;
	}

	.header-half.flex-s-c:first-child p {
		width: 40vw;
	}

	.header-bottom {
		height: 42vw;
	}

	.header-tl {
		margin: 6vw 0 0 0;
	}

	.header-tl-item.l {
		width: 43vw;
	}

	.gr-0 .number-wrapper {
		top: 106.5vw;
		left: 51.7vw;
	}

	.gr-2 .number-wrapper {
		bottom: 5vw;
		left: 44vw;
	}

	.gr-3 .drag-item {
		width: 94vw;
		padding-right: 6vw;
	}

	.gr-3 .drag-item .di-container {
		width: 88vw;
		height: 88vw;
	}

	.gr-3 .drag-item .di-container > img {
		width: 28vw;
		height: 28vw;
	}

	.gr-3 .drag, .gr-3 .drag-controls {
		padding-left: 6vw;
	}

	.gr-3 .drag {
		padding-right: 0;
	}

	.drag-controls .slider-pagination:first-child, .gr-8 .slider-pagination:first-child {
		width: 8.2vw;
	}

	.drag-controls .dc {
		width: 4vw;
		height: 4vw;
	}

	.drag-controls .dc.right {
		margin-left: 7vw;
	}

	a.extra-small-link > p {
		margin-right: 1vw;
	}

	a.extra-small-link > svg {
		width: 2.6vw;
		height: 2.7vw;
	}

	.gr-4 {
		padding-top: 4vw;
		padding-bottom: 0;
	}

	.gr-4 .image-w {
		margin: 0 -6vw;
	}

	.gr-4 .number-wrapper {
		top: -17.2vw;
		left: 43vw;
	}

	svg.sustainability {
		width: 8vw;
    	height: 11vw;
		margin-right: 2vw;
	}

	.gr-6 .link-circle, .contact > .flex-space-between-s > .link-circle {
		width: 51vw;
	}

	.gr-7 > .image-w {
		height: 30vw;
	}

	.gr-7 .number-wrapper {
		top: 20.5vw;
		right: 5.3vw;
	}

	.gr-8 .slider-control {
		width: 7vw;
		height: 7vw;
	}

	.gr-9 {
		padding-top: 14vw;
	}

	.gr-9 .relative, .gr-15 > .relative, .gr-16 .relative, .gr-17 .relative {
		height: 90vw;
	}

	.gr-9 .number-wrapper {
		left: 49.5vw;
	}

	.gr-10 .number-wrapper {
		top: 113.3vw;
		right: 5vw;
	}

	.gr-11 ._3c {
		padding-bottom: 14vw;
	}

	.gr-11 ._3c-icon {
		height: 6.5vw;
	}

	.contact.mobile {
		padding-top: 41vw;
	}

	.contact > .number-wrapper {
		top: 9.25vw;
		right: 56vw;
	}

	.contact p.number {
		font-size: 32vw;
	}

	.gr-12 form input[type=checkbox] {
		width: 3vw;
		height: 3vw;
		margin: 0 2vw 0 0;
	}

	.gr-12 form textarea {
		height: 28vw;
	}

	form p.error {
		bottom: -5.55vw;
		left: 3.2vw;
	}

	.gr-12 form .button + p.error, p.error.fail {
		bottom: -11.5vw;
	}

	.gr-14 .c-pagination {
		height: 12vw;
	}

	.gr-14 .c-tab {
		left: 15vw;
	}

	.gr-14 .c-num {
		width: 12vw;
		font-size: 6vw;
		padding-top: 1vw;
	}

	.gr-14 .c-content > div > .flex-s-c:first-child > img {
		width: 5vw;
		height: 5vw;
	}

	.gr-19 .scroll-c > .image {
		width: 225%;
	}

	.gr-21 p.infotext {
		margin-top: 4vw;
	}

	.gr-22 .slider-controls > .sc {
		width: 4.5vw;
	}

	.gr-22 .slider-controls > .sc:first-of-type {
		margin-right: 8vw;
	}

	.gr-22 .slider-controls > p {
		margin-right: 6vw;
	}

	.gr-22 .slider-item h3 {
		font-size: 8vw;
		line-height: 1.1em;
	}

	.gr-23 ._3c {
		min-height: 45vw;
		padding: 5vw;
	}

	.gr-23 .slider-pagination, .gr-23 .slider-pagination.s {
		font-size: 7.5vw;
	}

	.gr-25 .boxed {
		width: 144vw;
	}

	.gr-25 .boxed > .flex {
		margin-left: 50vw;
	}

	.gr-25 .boxed > .flex > div {
		width: 36vw;
	}

	.gr-25 .boxed > .flex > div:nth-child(2) {
		margin-left: 10vw;
	}

	.gr-25 .boxed > .flex-s-s > p.medium {
		width: 44vw;
	}

	.gr-25 .slider-pagination {
		font-size: 7vw;
		margin-top: 2.5vw;
	}

	.gr-25 .slider-pagination:nth-child(2) {
		margin-left: 7vw;
	}

	.gr-25 .slider-pagination:nth-child(3) {
		margin-left: 35vw;
	}

	.gr-26 .slider-pagination {
		font-size: 5vw;
	}

	.gr-26 .job-item p + div {
		margin-right: 10vw;
	}

	.gr-26 .number {
		font-size: 19vw;
	}

	.job-item {
		padding: 5vw 0;
	}

	.job-detail-c {
		padding: 16vw 6vw 12vw;
	}

	.job-detail-w .close {
		width: 11vw;
		height: 11vw;
		top: 2vw;
		left: 2.5vw;
	}

	.gr-27 {
		padding: 12vw 0;
	}

	.gr-27 h2 {
		width: 88vw;
	}

	.gr-27 .drag-wrapper > div:first-child {
		margin: 0 0 4vw 6vw;
	}

	.gr-27 .drag {
		padding: 0 0 0 6vw;
	}

	.gr-27 .drag-item {
		width: 76vw;
	}

	.gr-28 {
		padding: 12vw 0;
	}

	.gr-28 > div:first-child {
		margin: 0 0 4vw 6vw;
	}

	svg.download {
		width: 7vw;
	}

	.expo > div:nth-child(2) {
		margin: 0 -3vw 0 4vw;
	}

	.expo-circle {
		width: 33vw;
		height: 33vw;
		padding-left: 4vw;
	}

	.expo .slider-pagination {
		font-size: 6vw;
	}

	.gr-29 {
		padding-bottom: 0;
	}

	.gr-29 > div:first-child {
		width: 50vw;
	}

	.gr-29 .slider-pagination {
		font-size: 10vw;
	}

	.search > h1 {
		margin-bottom: 5vw;
	}

	.search form .flex {
		flex-direction: column;
	}

	.search form .relative {
		margin: 0 0 5vw 0;
	}

	.search-item .h4 {
		margin-bottom: 3vw;
	}

	.footer-icon {
		width: 18vw;
    margin-top: 5vw;
	}
  .footer-icon.wide {
    width: 33vw;
  }

	.privacy .indent > div {
		margin-top: 6vw;
	}

	.privacy .extra-small {
		font-size: 4vw;
    	line-height: 7.5vw;
	}

	._404 .line {
		width: 94vw;
	}

	._404 .line:nth-last-child(2) {
		top: 6vw;
	}

	._404 .line:nth-last-child(1) {
		bottom: 6vw;
	}

	.button, input[type=text], input[type=email], input[type=tel], form textarea {
		height: auto;
		min-width: 38vw;
		padding: 2.7vw 3.2vw 2.8vw 3.2vw;
	}

	.button svg {
		width: 2.5vw;
		height: 2.5vw;
		margin-top: 0.5vw;
	}

	.link-circle-icon.small {
		width: 8vw;
		height: 8vw;
	}

	.link-circle-icon.medium, .link-circle-icon.lci-medium {
		width: 11vw;
		height: 8vw;
	}

	.link-circle > p.large {
		margin-right: 3.5vw;
	}

	.link-circle > p.large {
		font-size: 6vw;
		line-height: 6.3vw;
	}

	.fixed-badge {
		width: 35vw;
	}
}

@media screen and (max-width: 567px) {

	.overline, .button p, input, textarea, p.infotext, p.tiny {
		font-size: 5vw;
		line-height: 6vw;
	}

	.nav-container {
		height: 18vw;
	}

	.nav-container > .mobile {
		margin-right: 19vw;
	}

	.navigation > svg {
		width: 6.5vw;
	}

	.nav-logo {
		width: 34vw;
	}

	.dropdown p, .dropdown a {
		font-size: 5vw;
		line-height: 6vw;
	}

	.dropdown-toggle > svg {
		width: 2vw;
		margin-left: 1vw;
	}

	.dropdown-toggle, .dropdown-link {
		padding: 1vw 1.5vw;
	}

	#nav-inlay {
		padding: 18vw 0 6vw 0;
	}

	#nav-inlay > .flex-space-between-c {
		padding: 3vw 0 0 4vw;
	}

	.nav-sublink {
		bottom: 82vw;
	}

	.socials {
		top: 5.5vw;
	}

	#nav-button {
		top: 2.5vw;
		right: 3vw;
	}

	.nb-icon {
		width: 13vw;
		height: 13vw;
	}

	.nb-icon > div {
		width: 7.5vw;
	}

	.header-bottom {
		height: 52vw;
	}

	.drag-controls .dc {
		width: 5vw;
		height: 5vw;
	}

	.drag-controls .dc.right {
		margin-left: 8vw;
	}

	.gr-12 form textarea {
		height: 28vw;
	}

	.gr-12 form input[type=checkbox] {
		width: 4vw;
		height: 4vw;
		margin: 0 2.5vw 0 0;
	}

	.button, input[type=text], input[type=email], input[type=tel], form textarea {
		height: auto;
		min-width: 42vw;
		padding: 3.8vw 4.2vw 3.9vw 4.2vw;
	}

	.button p {
		margin-right: 2.5vw;
	}

	.button svg {
		width: 3vw;
		height: 3vw;
		margin-top: 0.8vw;
	}

	.fixed-badge {
		width: 40vw;
	}
}



.verdeckt {
  display: none !important;
}


.seitensuche_nav {
  margin: 3em auto;
  text-align: center;
  font-weight: bold;
}
.seitensuche_nav a,
.seitensuche_nav span {
  display: inline-block;
  padding: 0.5em 3em;
  border: 1px solid #ddd;
}
.seitensuche_nav a:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.seitensuche_nav a:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.seitensuche_nav a {
  background-color: #ddd;
  border-radius: 4px;
  text-decoration: none;
}
.seitensuche_nav a:hover {
  background-color: #ccc;
}
.seitensuche_nav a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

.suchtreffer {
  background-color: #fff;
  padding: 2em;
  margin-bottom: 1em;
}
.treffer_1,
.treffer_2,
.treffer_3,
.treffer_4,
.treffer_5 {
  font-weight: bold;
}





/* Box für Fehler-/Erfolgsmeldungen */
.meldungsbox {
  border: 1px solid #ccc;
  margin: 20px 0 20px 0;
  padding: 10px;
  background-color: #f5f5f5;
}
.meldungsbox .fehler {
  margin-top: 10px;
  letter-spacing: 0.6px;
  font-weight: bold;
  color: var(--farbe-warnung);
}
.fehler label,
label.fehler {
  color: var(--farbe-warnung);
}
input.fehler,
textarea.fehler,
select.fehler,
.fehler > textarea,
.fehler > select,
.fehler .cke_editor_htmlinput,
.fehler .cke_textarea_inline,
.fehler .select2-selection--multiple {
  border: solid 1px var(--farbe-warnung) !important;
}
.select2-container.fehler .select2-selection,
.fehler > .select2-container .select2-selection {
  font-weight: bold;
  color:var(--farbe-warnung);
  border: solid 1px var(--farbe-warnung) !important;
}
.fehler .select2-selection--single {
  font-weight: bold;
  color:var(--farbe-warnung);
  border: solid 1px var(--farbe-warnung) !important;
}
.validierungshinweis,
.validierungsfehler {
  display: none;
  font-weight: bold;
  letter-spacing: 1px;
  color: var(--farbe-warnung);
  margin-top: 10px;
}

/* Placeholder im Fehlerfall rot färben (Deklarationen müssen separat bleiben, weil ein Browser die komplette Regel ignoriert, wenn er einen Selektor nicht versteht) */
.fehler::-webkit-input-placeholder { color: var(--farbe-warnung); }
.fehler::-moz-placeholder { color: var(--farbe-warnung); }
.fehler:-ms-input-placeholder { color: var(--farbe-warnung); }


.meldung {
  font-weight: bold;
  color:#777;
}

.erfolg {
  font-weight: bold;
  color:#509531;
}

.melder {
  display: none;
}
.melder.fehler,
.melder.meldung,
.melder.erfolg {
  display: block;
  margin-bottom: 20px;
}
span.melder.fehler,
span.melder.meldung,
span.melder.erfolg {
  display: inline;
}

.footer-legal-links > :not(:last-child) {
	margin-bottom: 1vw;
}

#nav-legal-links {
	flex-wrap: wrap;
}

#nav-legal-links a {
	white-space: nowrap;
	margin-top: 0.5vw;
}

#nav-legal-links + p {
	white-space: nowrap;
}