/* FONTS */

@font-face {font-family:'AR'; src:url('fonts/assistant-regular.woff2') format('woff2'), url('fonts/assistant-regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'ASB'; src:url('fonts/assistant-semibold.woff2') format('woff2'), url('fonts/assistant-semibold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'AB'; src:url('fonts/assistant-bold.woff2') format('woff2'), url('fonts/assistant-bold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'SBOI'; src:url('fonts/source-sans-pro-bold-italic.woff2') format('woff2'), url('fonts/source-sans-pro-bold-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'SBLI'; src:url('fonts/source-sans-pro-black-italic.woff2') format('woff2'), url('fonts/source-sans-pro-black-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}

/* COLORS */

:root {
	--black: #000000;
	--white: #FFFFFF;
	--blue-dark: #163259;
	--blue-light: #40A3C7;
	--yellow: #FAEF5C;
}

/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; height: 100%; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance:none; -moz-appearance:none; border-radius:0px;}
a, input[type="submit"] {transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;}

/* GLOBAL */

body {
	font-family: 'ASB', sans-serif;
	font-size: 24px;
	line-height: 140%;
	text-align: center;
	color: var(--blue-dark);
	background-color: var(--white);
}

a, a:link, a:visited, a:focus, a:active, a:hover {
	color: var(--blue-dark);
	text-decoration: none;
}

a.button {
	min-height: 60px;
	font-family: 'AB', sans-serif;
	font-size: 28px;
	line-height: 100%;
	text-transform: uppercase;
	padding: 15px 70px 10px 30px;
	color: var(--blue-dark) !important;
	text-decoration: none !important;
	display: inline-block;
	background-color: var(--yellow);
	margin-top: 20px;
	border-radius: 30px;
	background-image: url(img/button-arrow.svg);
	background-size: 40px 40px;
	background-position: right 20px center;
}

a.button:hover {
	color: var(--blue-dark) !important;
}

p,
div.main ul,
div.main ol {
	margin: 10px 0px;
}

div.main ul {
	list-style-type: square;
	margin-left: 30px;
}

p a,
div.main ul a,
div.main ol a {
	text-decoration: underline !important;
}

p a:hover,
div.main ul a:hover,
div.main ol a:hover {
	color: var(--blue-light) !important;
}

b, strong {
	font-family: 'AB', sans-serif;
	font-weight: normal;
}

b i, b em, strong i, strong em, i b, i strong, em b, em strong {
	font-family: 'AB', sans-serif;
	font-weight: normal;
	font-style: italic;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	font-family: 'SBLI', sans-serif;
	font-weight: normal;
	line-height: 110%;
	display: block;
	margin: 10px 0px;
	color: var(--blue-dark);
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h1, h2 {
	font-size: 90px;
	margin-bottom: 20px;
}

h3 {
	font-size: 46px;
}

h4 {
	font-size: 32px;
}

h5 {
	font-size: 28px;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b {
	font-family: 'SBLI', sans-serif;
	color: var(--blue-light);
}

span.sub-headline {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	font-family: 'AB', sans-serif;
	text-transform: uppercase;
}

span.sub-headline b {
	color: var(--blue-light);
}

.ce-headline-center,
.text-center {
	text-align: center;
}

.ce-headline-left,
.text-left {
	text-align: left;
}

.ce-headline-right,
.text-right {
	text-align: right;
}

hr {
	width: 100%;
	height: 50px;
	float: left;
	clear: both;
	border: none;
	background-color: transparent;
}

/* ELEMENTS */

div.jquery-modal {
	z-index: 1000;
}

div.modal {
	max-width: 1000px !important;
	padding: 30px;
}

.modal a.close-modal {
	z-index: 1001;
}

div.modal h1,
div.modal h2,
div.modal h3,
div.modal h4,
div.modal h5 {
	text-align: left;
	margin: 20px 0px 10px 0px;
}

span.scroll-anchor {
	width: 100%;
	height: 0px;
	float: left;
	clear: both;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: -80px;
}

div.bg-top,
div.bg-menu,
div.bg-header,
div.bg-main,
div.bg-bottom {
	width: 100%;
	float: left;
	clear: both;
}

div.center {
	width: 1920px;
	margin: 0px auto;
}

div.top,
div.menu,
div.top-spacer,
div.header,
div.main,
div.bottom {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	position: relative;
}

div.bg-top div.center,
div.bg-bottom div.center {
	width: 2220px;
}

div.bg-top {
	position: fixed;
	background-color: var(--white);
	z-index: 1000;
	transition: box-shadow 0.2s ease-in-out;
}

body.fixpos div.bg-top {
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}

div.top,
div.top-spacer {
	height: 120px;
}

div.top-trigger {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}

div.menu-trigger {
	width: 36px;
	height: 28px;
	position: relative;
	margin: 26px 22px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

div.menu-trigger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: var(--blue-light);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

div.menu-trigger.open span,
div.menu-trigger:hover span {
	background-color: var(--blue-dark);
}

div.menu-trigger span:nth-child(1) {
	top: 4px;
}

div.menu-trigger span:nth-child(2),
div.menu-trigger span:nth-child(3) {
	top: 12px;
}

div.menu-trigger span:nth-child(4) {
	top: 20px;
}

div.menu-trigger.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

div.menu-trigger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.menu-trigger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.menu-trigger.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

div.top-main {
	width: 100%;
	float: left;
	clear: both;
}

div.top-main-left {
	float: left;
	clear: left;
	padding-left: 40px;
}

div.top-main-left a.logo {
	width: 230px;
	height: 35px;
	display: block;
	float: left;
	clear: none;
	margin-top: 42px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
	background-position: top left;
	transition: margin 0.2s ease-in-out;
}

div.top-main-right {
	float: right;
	clear: right;
	padding-top: 37px;
	padding-right: 40px;
	transition: padding 0.2s ease-in-out;
}

ul.top-main-menu {
	font-family: 'AB', sans-serif;
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	float: left;
	clear: none;
}

ul.top-main-menu > li {
	float: left;
	clear: none;
	margin-left: 30px;
}

ul.top-main-menu > li:first-child {
	margin-left: 0px;
}

ul.top-main-menu > li > a {
	min-height: 40px;
	padding-top: 10px;
	display: block;
	float: left;
	clear: none;
	transition: none;
}

ul.top-main-menu > li.current > a,
ul.top-main-menu > li > a:hover {
	color: var(--blue-light);
}

ul.top-main-menu > li > a.button {
	min-height: 40px;
	font-size: 18px;
	padding: 10px 45px 10px 20px;
	background-size: 22px 22px;
	background-position: right 15px center;
	margin: 0px 0px 0px 20px;
}

body.fixpos div.top {
	height: 80px;
}

body.fixpos div.top-main-left a.logo {
	margin-top: 22px;
}

body.fixpos div.top-main-right {
	padding-top: 22px;
}

div.bg-menu {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 990;
	background-color: var(--blue-dark);
	display: none;
}

div.menu {
	width: 100%;
	float: left;
	clear: both;
	padding: 80px 20px;
}

ul.menu {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'ASB', sans-serif;
	font-size: 46px;
	padding: 40px;
}

ul.menu > li {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	padding: 20px 0px;
}

ul.menu > li > a {
	color: var(--white);
}

ul.menu > li > a:hover {
	color: var(--blue-light);
}

body.current-segment-02 div.bg-top,
body.current-segment-04 div.bg-top {
	background-color: var(--blue-light);
}

body.current-segment-02 div.top-main-left a.logo,
body.current-segment-04 div.top-main-left a.logo {
	background-image: url(img/logo-dark.svg);
}

body.current-segment-02 ul.top-main-menu > li > a,
body.current-segment-04 ul.top-main-menu > li > a {
	color: var(--white);
}

body.current-segment-02 ul.top-main-menu > li.current > a,
body.current-segment-04 ul.top-main-menu > li.current > a {
	color: var(--blue-dark);
}

body.current-segment-05 div.bg-top {
	background-color: var(--yellow);
}

body.current-segment-05 ul.top-main-menu > li > a.button {
	background-color: var(--white);
}

div.bg-main-white {
	background-color: var(--white);
}

div.bg-main-blue {
	background: var(--blue-light);
	background: linear-gradient(150deg, rgba(64,163,199,1) 0%, rgba(22,50,89,1) 100%);
}

div.bg-main-blue h1,
div.bg-main-blue h2,
div.bg-main-blue h3,
div.bg-main-blue h4,
div.bg-main-blue h5,
div.bg-main-blue p,
div.bg-main-blue p a {
	color: var(--white);
}

div.bg-main-yellow {
	background-color: var(--yellow);
}

div.bg-main-yellow a.button {
	color: var(--blue-dark);
	background-color: var(--white);
}

div.bg-main {
	height: 100%;
	position: relative;
	overflow: hidden;
}

div.bg-main div.center {
	width: 100%;
	height: calc(100% - 120px);
	float: left;
	clear: both;
	position: relative;
	z-index: 2;
}

div.main {
	max-width: 1600px;
	padding: 140px 20px;
	left: 50%;
	transform: translateX(-50%);
}

div#segment-werwirsind div.main,
div#segment-vorteile div.main,
div#segment-testimonials div.main,
div#segment-ablauf div.main {
	padding: 0px 20px;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
}

div#segment-werwirsind div.main {
	max-width: 1200px;
}

div#segment-testimonials div.main,
div#segment-ablauf div.main {
	max-width: 1920px;
}

div#segment-home::after {
	content: "";
	width: 100%;
	height: 40%;
	background-color: var(--blue-light);
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div.frame {
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 20px;
}

div.frame-col-12 {
	width: calc(100%/2);
	clear: none;
}

div.frame-col-13 {
	width: calc(100%/3);
	clear: none;
}

div.frame-col-23 {
	width: calc(100%/3*2);
	clear: none;
}

div.frame img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.rte-content {
	width: 100%;
	float: left;
	clear: both;
}

div#segment-vorteile div.center {
	background-image: url(../../user_upload/bilder/vorteile-hoch.jpg);
	background-size: 20% auto;
	background-position: left center;
}

div.frame-layout-1,
div.frame-layout-3 {
	width: 90%;
	float: right;
	clear: both;
	padding: 10px 20px;
}

div.frame-layout-3 {
	width: 100%;
	padding: 10px 0px !important;
}

div.frame-layout-1 header,
div.frame-layout-3 header {
	width: calc(100%/3);
	float: left;
	clear: left;
}

div.frame-layout-3 header {
	width: 100%;
	clear: both;
	cursor: pointer;
}

div.frame-layout-1 header h3 {
	border-bottom: 2px solid var(--blue-light);
}

div.frame-layout-3 header h4 {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	position: relative;
	padding: 10px 40px 10px 0px;
	margin: 0px;
	border-bottom: 2px solid var(--blue-light);
	cursor: pointer;
}

div.frame-layout-3 header h4::after {
	content: "+";
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

div.frame-layout-3.acc-open header h4::after {
	content: "–";
}

div.frame-layout-1 div.rte-content,
div.frame-layout-3 div.rte-content {
	width: calc(100%/3*2);
	float: left;
	clear: right;
	padding-left: 40px;
}

div.frame-layout-3 div.rte-content {
	width: 100%;
	clear: both;
	display: none;
	padding: 0px;
}

div.frame-layout-2 {
	padding: 0px 40px;
}

div.frame-layout-2 div.ce-gallery,
div.frame-layout-2 div.ce-outer,
div.frame-layout-2 div.ce-inner,
div.frame-layout-2 div.ce-row,
div.frame-layout-2 div.ce-column {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.frame-layout-2 figure {
	width: 360px;
	height: 360px;
	display: block;
	float: left;
	clear: none;
	margin-left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	overflow: hidden;
}

div.frame-layout-2 div.ce-bodytext {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 20px;
}

blockquote {
	font-size: 28px;
	line-height: 140%;
}

div.schema {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 40px;
}

div.schema-left,
div.schema-right {
	width: 50%;
	float: left;
	clear: none;
}

div.schema div.frame-type-header {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 60px;
}

div.schema-right h1,
div.schema-right h2,
div.schema-right h3,
div.schema-right h4,
div.schema-right h5 {
	color: var(--blue-light);
}

div.schema div.frame-type-text {
	width: calc(100%/3);
	float: left;
	clear: none;
	text-align: center;
	position: relative;
}

div.schema div.frame-type-text header {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 2;
}

div.schema div.frame-type-text p {
	font-size: 14px;
	line-height: 140%;
}

div.schema div.frame-type-text span.sub-headline {
	width: 100px;
	height: 100px;
	font-family: 'SBLI', sans-serif;
	font-size: 60px;
	line-height: 100%;
	padding-top: 13px;
	color: var(--white);
	display: block;
	float: left;
	clear: none;
	margin-left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	border: 5px solid var(--yellow);
}

div.schema div.schema-left div.frame-type-text span.sub-headline {
	background-color: var(--blue-dark);
}

div.schema div.schema-right div.frame-type-text span.sub-headline {
	background-color: var(--blue-light);
}

div.schema div.frame-type-text h4 {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin-top: 40px;
}

div.schema div.frame-type-text div.rte-content {
	width: 100%;
	float: left;
	clear: both;
}

div.schema div.frame-type-text::after {
	content: "";
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	right: 0px;
	top: 50px;
	transform: translateY(-50%);
	z-index: 1;
	background-size: auto 100%;
}

div.schema div.schema-left div.frame-type-text::after {
	background-image: url(img/ablauf-linie-links.svg);
	background-position: left -10px center;
}

div.schema div.schema-left div.frame-type-text:last-child::after {
	background-position: right center;
}

div.schema div.schema-left div.frame-type-text:nth-child(2)::after {
	width: 50%;
}

div.schema div.schema-right div.frame-type-text::after {
	background-image: url(img/ablauf-linie-rechts.svg);
	background-position: right -10px center;
}

div.schema div.schema-right div.frame-type-text:nth-child(2)::after {
	background-position: left center;
}

div.schema div.schema-right div.frame-type-text:last-child::after {
	width: 50%;
	right: auto;
	left: 0px;
}

div.bg-main-dark {
	overflow-x: hidden;
	overflow-y: auto;
}

div.parallax-arrows {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	top: 0px;
}

div.parallax-arrows::before,
div.parallax-arrows::after {
	content: "";
	width: 50%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	background-size: auto 70%;
	background-repeat: no-repeat;
}

div.parallax-arrows::before {
	left: 30px;
	top: -40px;
	background-image: url(img/arrows-before.svg);
	background-position: right center;
}

div.parallax-arrows::after {
	right: 30px;
	top: -40px;
	background-image: url(img/arrows-after.svg);
	background-position: left center;
}

div.bg-bottom {
	background-color: var(--blue-dark);
}

div.bottom {
	font-family: 'AB', sans-serif;
	font-size: 18px;
	line-height: 100%;
	padding: 40px;
}

div.bottom-left {
	float: left;
	clear: left;
}

div.bottom-left p {
	min-height: 35px;
	display: block;
	float: left;
	clear: none;
	margin: 0px;
	padding: 17px 0px 0px 240px;
	color: var(--blue-light);
	text-transform: uppercase;
	position: relative;
	background-image: url(img/logo-alt.svg);
	background-size: 220px 35px;
	background-position: top left;
}

div.bottom-left p a {
	color: inherit !important;
}

div.bottom-left p a:hover {
	color: var(--white) !important;
}

div.bottom-right {
	float: right;
	clear: right;
}

ul.bottom-menu {
	float: left;
	clear: none;
	text-transform: uppercase;
	margin-top: 17px;
}

ul.bottom-menu > li {
	float: left;
	clear: none;
	border-left: 2px solid var(--blue-light);
	margin-left: 20px;
	padding-left: 20px;
}

ul.bottom-menu > li:first-child {
	margin-left: 0px;
	padding-left: 0px;
	border: none;
}

ul.bottom-menu > li > a {
	color: var(--white);
}

ul.bottom-menu > li > a:hover {
	color: var(--blue-light);
}

div#c33 {
	padding: 0px 60px;
}

div.image-comparison {
	width: 100%;
	float: left;
	clear: both;
}

div.images-compare-container {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

div.images-compare-before {
	will-change: clip;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
}

div.images-compare-after {
	pointer-events: none;
}

div.images-compare-before img,
div.images-compare-after img {
	max-width: 100%;
	height: auto;
	display: block;
	float: left;
	clear: none;
}

div.images-compare-separator {
	width: 2px;
	height: 100%;
	position: absolute;
	background: var(--white);
	z-index: 4;
	left: 0px;
	top: 0px;
}

div.images-compare-handle {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -24px;
	border-radius: 50%;
	z-index: 5;
	cursor: pointer;
	background-color: var(--white);
	background-image: url(img/images-compare-handle.svg);
	background-size: 100% 100%;
	background-position: center center;
}

div.mobile-cta {
	position: fixed;
	z-index: 999;
	bottom: 10px;
	right: 10px;
	display: none;
}

body.current-segment-05 div.mobile-cta {
	display: none !important;
}

div#segment-jobs,
div#segment-faq {
	height: auto;
}

div#segment-faq div.frame {
	padding: 0px;
}

div.jobs-table {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 60px;
}

div.jobs-table-head {
	width: 100%;
	float: left;
	clear: both;
}

span.jt-title,
span.jt-division,
span.jt-entrylevel,
span.jt-country {
	width: calc(100% / 2 / 3);
	display: block;
	float: left;
	clear: none;
	z-index: 2;
	position: relative;
}

span.jt-title {
	width: 50%;
}

div.jobs-table-head {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'ASB', sans-serif !important;
	font-size: 16px !important;
	line-height: 120% !important;
	text-transform: uppercase !important;
	padding: 10px 90px 10px 30px;
	opacity: 0.5;
}

div.jobs-table-body {
	width: 100%;
	float: left;
	clear: both;
}

div.jobs-table-item {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'AR', sans-serif;
	margin-bottom: 10px;
}

div.jobs-table-item span.jt-title {
	font-family: 'AB', sans-serif;
}

div.jobs-table-item > a {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 20px 90px 20px 30px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

div.jobs-table-item > a::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: var(--white);
	opacity: 0.5;
	transition: opacity 0.2s ease-in-out;
}

div.jobs-table-item > a:hover::before {
	opacity: 1;
}

div.jobs-table-item > a::after {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	z-index: 2;
	background-image: url(img/button-arrow.svg);
	background-size: 100% 100%;
	background-position: top left;
}

/* MEDIA-QUERIES */

@media screen and (min-width:1200px) and (max-height:800px) {
	div#segment-home {height:140%;}
}

@media screen and (max-width:2220px) {
	div.bg-top div.center, div.bg-bottom div.center {width:100%; float:left; clear:both;}
	div.frame-layout-1 {width:80%;}
	div.frame-layout-1 header {width:40%;}
	div.frame-layout-1 div.rte-content {width:60%;}
	div#segment-vorteile {height:auto;}
	div#segment-vorteile div.main {max-width:100%; position:relative; top:auto; left:auto; transform:none; padding:100px 0px; padding-left:10%; padding-right:10%;}
}

@media screen and (max-width:1920px) {
	div.center {width:100%; float:left; clear:both;}
	div.main {padding:150px 20px;}
}

@media screen and (max-width:1720px) {
	div.frame-layout-1 {width:85%;}
	div#segment-vorteile div.main {padding-left:15%; padding-right:0%;}
}

@media screen and (max-width:1620px) {
	body {font-size:22px; line-height:140%;}
	div.top, div.top-spacer {height:110px;}
	/*span.scroll-anchor {margin-top:-110px;}*/
	div.top-main-left {padding-left:30px;}
	div.top-main-right {padding-right:30px; padding-top:32px;}
	div.top-main-left a.logo {margin-top:37px;}
	div.main {padding:140px 20px;}
	h1, h2 {font-size:80px;}
	h3 {font-size:42px;}
	h4 {font-size:30px;}
	h5 {font-size:26px;}
	div.bottom {padding:40px 30px;}
	div.bg-main div.center {height:calc(100% - 110px);}
	div.frame-layout-2 figure {width:300px; height:300px;}
	div.image-comparison {width:80%; margin:0px 10%;}
}

@media screen and (max-width:1520px) {
	div.schema div.frame-type-text span.sub-headline {width:90px; height:90px; font-size:50px;}
	div.schema div.frame-type-text::after {top:45px;}
	div.image-comparison {width:90%; margin:0px 5%;}
}

@media screen and (min-width:1420px) {
	div.frame-layout-1 div.rte-content, div.frame-layout-1.acc-open div.rte-content {height:auto !important; display:block !important;}
}

@media screen and (max-width:1420px) {
	body {font-size:21px; line-height:140%;}
	div.top, div.top-spacer {height:100px;}
	/*span.scroll-anchor {margin-top:-100px;}*/
	div.top-main-right {padding-top:27px;}
	div.top-main-left a.logo {width:197px; height:30px; margin-top:35px;}
	ul.top-main-menu > li > a.button {margin-left:0px;}
	div.main {padding:130px 20px;}
	a.button {min-height:auto; font-size:24px; padding:15px 60px 15px 30px; background-size:30px 30px;}
	h1, h2 {font-size:70px;}
	h3 {font-size:40px;}
	h4 {font-size:26px;}
	h5 {font-size:24px;}
	div.bg-main div.center {height:calc(100% - 100px);}
	div.frame-layout-2 figure {width:250px; height:250px;}
	div#segment-werwirsind div.main {max-width:1000px;}
	blockquote {font-size:24px;}
	div#segment-vorteile div.center {background-size:25% auto; background-position:top 90px left;}
	div.frame-layout-1 header, div.frame-layout-1 div.rte-content {width:100%; clear:both; padding:0px;}
	div.frame-layout-1 header {cursor:pointer;}
	div.frame-layout-1 header h3 {position:relative; padding-bottom:10px;}
	div.frame-layout-1 header h3::after {content:"+"; font-family:'ASB',sans-serif; display:block; position:absolute; top:0px; right:10px;}
	div.frame-layout-1.acc-open header h3::after {content:"–";}
	div.frame-layout-1 div.rte-content {display:none;}
	div.schema div.frame-type-text span.sub-headline {width:80px; height:80px; font-size:40px;}
	div.schema div.frame-type-text::after {top:40px;}
	div#segment-ablauf {height:auto;}
	div#segment-ablauf div.main {position:relative; top:auto; left:auto; transform:none; padding:100px 0px;}
	div.schema-left, div.schema-right {width:100%; clear:both;}
	div.schema-right {margin-top:80px;}
	div.schema div.frame-type-header {margin-bottom:20px;}
	div.schema div.frame-type-text h4 {margin-top:20px;}
	div.schema div.frame-type-text {padding:0px 40px;}
	div.schema div.schema-left div.frame-type-text:last-child::after {background-position:left center;}
	div.schema div.schema-right div.frame-type-text:nth-child(2)::after {background-position:right center;}
	div.schema div.frame-type-text p {font-size:17px; line-height:140%;}
	div.jobs-table-head {padding:5px 80px 5px 20px;}
	div.jobs-table-item > a {font-size:20px; padding:15px 80px 15px 20px;}
	div.jobs-table-item > a::after {width:30px; height:30px; right:20px;}
}

@media screen and (max-width:1220px) {
	body {font-size:20px; line-height:140%;}
	/*div.top, div.top-spacer {height:90px;}
	span.scroll-anchor {margin-top:-90px;}*/
	div.top-main-left {padding-left:20px;}
	div.top-main-right {padding-right:20px; padding-top:25px;}
	div.top-main-left a.logo {margin-top:30px;}
	div.top-main-right {padding-top:25px;}
	ul.top-main-menu > li > a {min-height:40px; padding-top:11px;}
	ul.top-main-menu > li > a.button {min-height:40px; padding:11px 40px 6px 20px; background-size:20px 20px;}
	div.main {padding:120px 20px;}
	h1, h2 {font-size:60px;}
	h3 {font-size:36px;}
	h4 {font-size:22px;}
	h5 {font-size:20px;}
	div.bottom {padding:40px 20px;}
	div.bottom-left p {min-height:auto; background-image:none; padding:0px;}
	ul.bottom-menu {margin:0px;}
	blockquote {font-size:inherit; line-height:inherit;}
	div.bg-main div.center {height:calc(100% - 90px);}
	div.frame-layout-2 figure {width:200px; height:200px;}
	div.images-compare-handle {width:40px; height:40px; margin-left:-19px; margin-top:-19px;}
	div.jobs-table-head {padding:5px 60px 5px 20px;}
	div.jobs-table-item > a {font-size:18px; padding:12px 60px 12px 20px;}
	div.jobs-table-item > a::after {width:24px; height:24px; right:15px;}
	span.jt-division, span.jt-entrylevel, span.jt-country {width:calc(60% / 3);}
	span.jt-title {width:40%;}
	div.jobs-table {margin-top:50px;}
	div.image-comparison {width:100%; margin:0px;}
}

@media screen and (max-width:1020px) {
	body {font-size:19px; line-height:140%;}
	div.top, div.top-spacer {height:80px;}
	span.scroll-anchor {margin-top:-80px;}
	div.top-main-left a.logo, body.fixpos div.top-main-left a.logo {width:158px; height:24px; margin-top:28px;}
	ul.top-main-menu > li:first-child {display:none;}
	ul.top-main-menu > li:nth-child(2) {margin-left:0px;}
	ul.top-main-menu {font-size:16px;}
	ul.top-main-menu > li > a.button {font-size:16px;}
	div.top-main-right {padding-top:20px;}
	div.main {padding:110px 20px;}
	a.button {font-size:22px; padding:12px 50px 14px 30px; background-size:26px 26px; background-position:right 15px center;}
	h1, h2 {font-size:50px;}
	h3 {font-size:30px;}
	h4 {font-size:24px;}
	h5 {font-size:20px;}
	div.bg-main div.center {height:calc(100% - 80px);}
	div.jobs-table {margin-top:40px;}
}

@media screen and (min-width:920px) {
	div.bg-menu {display:none !important;}
}

@media screen and (max-width:920px) {
	body {font-size:18px; line-height:150%;}
	div.bg-top {background-color:var(--white) !important;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);}
	div.top-main-left a.logo {background-image:url(img/logo.svg) !important;}
	div.top-main-left {width:100%; padding:0px; padding-left:20px;}
	div.top-main-right {display:none;}
	div.top-trigger {display:block;}
	div.main {padding:100px 20px;}
	h1, h2 {font-size:40px; margin-bottom:inherit;}
	h3 {font-size:30px;}
	h4 {font-size:24px;}
	h5 {font-size:20px;}
	div.bottom {padding:30px 20px; font-size:16px;}
	div.bg-main {height:auto;}
	div#segment-werwirsind div.main, div#segment-vorteile div.main, div#segment-testimonials div.main, div#segment-ablauf div.main {position:relative; top:auto; left:auto; transform:none; padding:100px 0px;}
	div.frame-layout-1 {width:100%; clear:both;}
	/*div.parallax-arrows {background-size:90% auto;}*/
	div.frame {width:100%; clear:both; padding:20px;}
	div.frame-layout-2 div.ce-bodytext {padding:0px 15%;}
	div.schema-right {margin-top:60px;}
	div.schema div.frame-type-header {padding:0px; margin-bottom:10px;}
	div.schema div.frame-type-text {padding:0px 20px;}
	div.schema div.frame-type-text span.sub-headline {width:70px; height:70px; font-size:30px}
	div.schema div.frame-type-text::after {top:35px;}
	div.frame-layout-1 {padding:10px 20px;}
	div#segment-vorteile div.center {background-image:url(../../user_upload/bilder/vorteile-quer.jpg); background-size:100% auto; background-position:top center;}
	div#segment-vorteile div.main {padding-top:52%;}
	div#segment-home div.frame {padding:0px;}
	div.image-comparison {margin-top:20px;}
	div.parallax-arrows {height:800px; top:50%; transform:translateY(-50%);}
	div.parallax-arrows::before, div.parallax-arrows::after {width:55%; top:0px;}
	div.parallax-arrows::before {left:0px;}
	div.parallax-arrows::after {right:0px;}
	div.mobile-cta {display:block;}
	div.jobs-table-head {font-size:14px !important; padding:5px 60px 5px 20px;}
	div.jobs-table-item {margin-bottom:5px; line-height:120%;}
	div.jobs-table-item > a {font-size:16px; padding:15px 60px 15px 15px;}
	div.jobs-table-item > a::after {width:20px; height:20px; right:15px;}
	span.jt-division, span.jt-entrylevel, span.jt-country {width:calc(55%/3); padding:0px 5px;}
	span.jt-title {width:45%;}
	div.jobs-table {margin-top:30px;}
	/*div.parallax-arrows::before {width:55%; left:0%; background-size:auto 70%;}
	div.parallax-arrows::after {width:55%; right:0%; background-size:auto 70%;}*/
}

@media screen and (max-width:820px) {
	div.jobs-table-head {display:none;}
	div.jobs-table-item > a {padding:12px 60px 12px 15px;}
	div.jobs-table-item > a::after {width:24px; height:24px; right:15px;}
	span.jt-title {width:100%; clear:both; font-size:20px; line-height:140%;}
	span.jt-division, span.jt-entrylevel, span.jt-country {width:auto; padding:0px;}
	span.jt-division::after, span.jt-entrylevel::after {content:"|"; display:inline-block; padding:0px 5px;}
	div.jobs-table {margin-top:20px;}
}

@media screen and (max-width:720px) {
	div.main {padding:90px 20px;}
	a.button {font-size:20px; padding:12px 50px 14px 30px; background-size:26px 26px; background-position:right 15px center;}
	div.bottom-left p, ul.bottom-menu {text-transform:none;}
}

@media screen and (max-width:620px) {
	div.top, div.top-spacer {height:70px !important;}
	span.scroll-anchor {margin-top:-70px;}
	div.top-main-left a.logo {margin-top:23px !important;}
	div.top-trigger {width:70px; height:70px;}
	div.menu-trigger {margin:21px 10px;}
	div.menu {padding:70px 20px;}
	ul.menu {font-size:32px; padding:30px;}
	ul.menu > li {padding:10px 0px;}
	div.main {padding:80px 20px;}
	h1, h2 {font-size:36px;}
	h3 {font-size:28px;}
	h4 {font-size:22px;}
	h5 {font-size:20px;}
	div.bottom-left, div.bottom-right {width:100%; float:left; clear:both; text-align:center;}
	div.bottom-right {margin-top:20px;}
	div.bottom-left p {width:100%;}
	ul.bottom-menu {display:inline-block; float:none; clear:none;}
	div.schema div.frame-type-text {width:100%; clear:both; padding:0px 20px; position:relative;}
	div.schema div.frame-type-text span.sub-headline {width:60px; height:60px; font-size:28px; padding-top:10px; position:absolute; top:0px; left:20px; margin:0px; transform:none !important;}
	div.schema div.frame-type-text h4 {text-align:left; padding-left:70px; margin-top:17px; margin-bottom:0px;}
	div.schema div.frame-type-text div.rte-content {text-align:left; padding-left:70px;}
	div.schema div.frame-type-text p {font-size:inherit; line-height:inherit;}
	div.schema div.frame-type-text::after {display:none !important;}
	div.schema h3 {text-align:left; padding:0px 20px;}
	div.schema-right {margin-top:40px;}
	div.schema {margin-bottom:0px;}
}

@media screen and (max-width:520px) {
	ul.menu {font-size:28px; padding:40px 0px;}
	div.main {padding:70px 0px;}
	h1, h2 {font-size:32px; line-height:120%;}
	h3 {font-size:26px;}
	h4 {font-size:22px;}
	h5 {font-size:18px;}
	div.frame-layout-2 div.ce-bodytext {padding:0px 10%;}
	div.frame {padding:10px 15px !important;}
	div#segment-home div.frame {padding:0px 15px !important;}
	div.schema h3 {padding:0px 10px;}
	div.schema div.frame-type-header {margin:0px;}
	div.images-compare-handle {width:30px; height:30px; margin-left:-14px; margin-top:-14px;}
	div.parallax-arrows {height:600px;}
	span.jt-title {font-size:18px;}
	div.jobs-table-item > a {padding:8px 40px 12px 15px;}
	div.jobs-table-item > a::after {width:20px; height:20px; right:10px;}
	div.jobs-table-body {padding:0px 10px;}
}

@media screen and (max-width:420px) {
	div.top, div.top-spacer {height:60px !important;}
	span.scroll-anchor {margin-top:-60px;}
	div.top-main-left a.logo {margin-top:18px !important;}
	div.top-trigger {width:60px; height:60px;}
	div.menu-trigger {margin:16px 5px;}
	div.menu {padding:60px 20px;}
	ul.menu {font-size:24px; padding:30px 0px;}
	div.main {padding:60px 15px;}
	a.button {font-size:18px; padding:10px 40px 12px 20px; background-size:20px 20px; background-position:right 12px center;}
	span.sub-headline {font-size:14px; line-height:120%; margin-bottom:10px;}
	h1,h2,h3,h4,h5 {line-height:110%;}
	h1, h2 {font-size:32px; line-height:120%;}
	h3 {font-size:26px;}
	h4 {font-size:20px;}
	h5 {font-size:18px;}
	div.bottom {padding:30px 15px; font-size:14px;}
	div.bottom-right {margin-top:10px;}
	ul.bottom-menu > li {border-width:1px;}
	div.frame-layout-2 div.ce-bodytext {padding:0px;}
	div.schema div.frame-type-text span.sub-headline {width:40px; height:40px; font-size:24px; padding-top:7px; border:none;}
	div.schema div.frame-type-text h4 {padding-left:50px; margin-top:10px;}
	div.schema div.frame-type-text div.rte-content {padding-left:0px; padding-top:10px;}
	div.schema h3 {padding:0px;}
	div.schema-right {margin-top:20px;}
	div.frame-layout-1 {padding:10px 20px !important;}
	div.jobs-table-body {padding:0px;}
	span.jt-title {font-size:inherit;}
	div.jobs-table-item {font-size:16px;}
	div.jobs-table-item > a {padding:10px 12px 12px 12px;}
	div.jobs-table-item > a::after {display:none;}
	span.jt-division, span.jt-entrylevel, span.jt-country {font-size:14px;}
	div.jobs-table {margin-top:10px;}
}