/*

Theme Name: 8create
Theme URI: https://www.8create.digital
Version: 1.1
Description: 8create child theme
Author: 8create
Author URI: https://www.8create.digital
Template: Divi

*/

/*
global vars
*/

:root {
	/* global */
	--global-page-width: 2560px;
	--global-content-width: 1312px;
	--global-font-family: 'Mona Sans', sans-serif;
	--global-drag-cursor: default;
	/* colors */
	--color-brand-1: #FE562C; /* orange */
	--color-brand-1-light: #FE653E; /* orange light */
	--color-brand-2: #000000; /* black*/
	--color-black: #000000; /* black */
	--color-white: #ffffff; /* white */
	--color-grey: #A8A8A8; /* grey */
	--color-grey-light: #E0E0E0; /* grey light */
	--color-grey-lightest: #F5F5F5; /* grey lightest */
	--color-grey-dark: #242430; /* grey dark */
	--color-error: #ff0000; /* red */
	/* headline */
	--headline-font-family: 'Mona Sans', sans-serif;
	--headline-font-family-2: 'Mona Sans SemiExpanded', sans-serif;
	--headline-color: var(--color-brand-1);
	--headline-h1-font-size: clamp(40px, 7vw + 0.6rem, 85px);
	--headline-h2-font-size: clamp(32px, 5vw + 0.6rem, 67px);
	--headline-h3-font-size: clamp(25px, 3vw + 0.6rem, 50px);
	--headline-h4-font-size: clamp(22px, 2vw + 0.6rem, 29px);
	--headline-h5-font-size: clamp(18px, 2vw + 0.6rem, 22px);
	--headline-h6-font-size: clamp(18px, 2vw + 0.6rem, 18px);
	/* text */
	--text-color-dark: var(--color-black);
	--text-color-light: var(--color-white);
	--text-font-size: clamp(16px, 1.5vw + 0.6rem, 18px);
	--text-font-size-large: clamp(20px, 2vw + 0.6rem, 22px);
	--text-font-size-small: clamp(14px, 2vw + 0.6rem, 16px);
	--text-font-size-smallest: clamp(12px, 2vw + 0.6rem, 14px);
	/* primary button dark */
	--button-padding: 9px 9px 9px 20px;
	--button-fontfamily: 'Mono Sans', sans-serif;
	--button-font-size: var(--text-font-size-small);
	--button-background: transparent;
	--button-background-hover: transparent;
	--button-color: var(--color-brand-2);
	--button-color-hover: var(--color-brand-2);
	--button-border: 1.5px solid var(--color-grey-light);
	--button-border-radius: 4px;
	--button-transistion: 0.3s;
	/* primary button light */
	--button-lig-background: transparent;
	--button-lig-background-hover: transparent;
	--button-lig-color: var(--color-brand-2);
	--button-lig-color-hover: var(--color-brand-2);
	--button-lig-border: 1.5px solid var(--color-grey-lightest);
	--button-lig-border-hover: 1.5px solid var(--color-grey-lightest);
	/* secondary button dark */
	--button-sec-background: transparent;
	--button-sec-background-hover: transparent;
	--button-sec-color: var(--color-brand-2);
	--button-sec-color-hover: var(--color-brand-2);
	--button-sec-border: 1.5px solid var(--color-grey-light);
	/* secondary button light */
	--button-sec-lig-background: transparent;
	--button-sec-lig-background-hover: transparent;
	--button-sec-lig-color: var(--color-brand-2);
	--button-sec-lig-color-hover: var(--color-brand-2);
	--button-sec-lig-border: 1.5px solid var(--color-grey-lightest);
	/* form */
	--form-font-size: var(--text-font-size-small);
	--form-field-padding: 22px;
	--form-field-color: var(--color-brand-2);
	--form-field-background: var(--color-white);
	--form-field-border-width: 0px;
	--form-field-border: var(--form-field-border-width) solid var(--color-white);
	--form-field-border-radius: 0px;
	--form-field-placeholder-color: var(--color-brand-2);
	--form-field-height: 56px;
	--form-field-gap: 22px;
	--form-dropdown-arrow-size: 6px;
}

/*
general
*/

.et_pb_row {
	max-width: var(--global-page-width);
	width: 90%;
}

.et_section_regular.et_pb_section {
	padding: 67px 0;
}

@media (max-width: 980px) {
	.et_section_regular.et_pb_section {
		padding: 40px 0;
	}
}

.et_section_regular.et_pb_section .et_pb_row {
	padding: 0;
}

#main-content .et_pb_row {
	max-width: var(--global-content-width);
}

#main-content .et_pb_row.small {
	max-width: 854px;
}

.scrollblock {
	overflow: hidden;
}

.mfp-removing img {
	opacity: 0 !important;
}

#et-main-area {
	transition: filter .5s;
}

#et-main-area.dimmed {
	filter: brightness(30%);
}

.et_builder_inner_content.has_et_pb_sticky {
	z-index: 1;
}

/*
fonts
*/

@font-face {
	font-family: 'Mona Sans';
	src: url('/wp-content/themes/8create/fonts/MonaSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('/wp-content/themes/8create/fonts/MonaSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('/wp-content/themes/8create/fonts/MonaSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans SemiExpanded';
	src: url('/wp-content/themes/8create/fonts/MonaSans_SemiExpanded-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans SemiExpanded';
	src: url('/wp-content/themes/8create/fonts/MonaSans_SemiExpanded-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans Expanded';
	src: url('/wp-content/themes/8create/fonts/MonaSans_Expanded-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Geist Mono';
	src: url('/wp-content/themes/8create/fonts/GeistMono-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

body,
body .et_pb_module {
	font-family: var(--global-font-family);
	font-weight: 400;
	color: var(--text-color-dark);
}

.et_pb_module.et_pb_bg_layout_light {
	color: var(--text-color-dark);
}

.et_pb_module.et_pb_bg_layout_dark {
	color: var(--text-color-light);
}

.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6,
.et_pb_module p.h1,
.et_pb_module p.h2,
.et_pb_module p.h3,
.et_pb_module p.h4,
.et_pb_module p.h5,
.et_pb_module p.h6 {
	font-family: var(--headline-font-family);
	color: var(--headline-color);
	font-weight: 700;
	hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

.et_pb_module h1.dark,
.et_pb_module h2.dark,
.et_pb_module h3.dark,
.et_pb_module h4.dark,
.et_pb_module h5.dark,
.et_pb_module h6.dark,
.et_pb_module p.h1.dark,
.et_pb_module p.h2.dark,
.et_pb_module p.h3.dark,
.et_pb_module p.h4.dark,
.et_pb_module p.h5.dark,
.et_pb_module p.h6.dark {
	color: var(--color-grey-dark);
}

.et_pb_module h1:not(.h5):not(.h6),
.et_pb_module h2:not(.h5):not(.h6),
.et_pb_module h3:not(.h5):not(.h6),
.et_pb_module h4:not(.h5):not(.h6),
.et_pb_module p.h1,
.et_pb_module p.h2,
.et_pb_module p.h3,
.et_pb_module p.h4 {
    text-transform: uppercase;
}

.et_pb_module h1,
.et_pb_module h2,
.et_pb_module p.h1,
.et_pb_module p.h2 {
	font-family: var(--headline-font-family-2);
}

.et_pb_module h1,
h1.h1,
h2.h1,
h3.h1,
h4.h1,
h5.h1,
h6.h1,
.et_pb_module p.h1 {
    font-size: var(--headline-h1-font-size);
    line-height: 100%;
}

.et_pb_module h2,
h1.h2,
h2.h2,
h3.h2,
h4.h2,
h5.h2,
h6.h2,
.et_pb_module p.h2 {
    font-size: var(--headline-h2-font-size);
    line-height: 110%;
}

.et_pb_module h3,
h1.h3,
h2.h3,
h3.h3,
h4.h3,
h5.h3,
h6.h3,
.et_pb_module p.h3 {
    font-size: var(--headline-h3-font-size);
    line-height: 120%;
}

.et_pb_module h4,
h1.h4,
h2.h4,
h3.h4,
h4.h4,
h5.h4,
h6.h4,
.et_pb_module p.h4 {
    font-size: var(--headline-h4-font-size);
    line-height: 120%;
}

.et_pb_module h5,
h1.h5,
h2.h5,
h3.h5,
h4.h5,
h5.h5,
h6.h5,
.et_pb_module p.h5 {
    font-size: var(--headline-h5-font-size);
    line-height: 120%;
}

.et_pb_module h6,
h1.h6,
h2.h6,
h3.h6,
h4.h6,
h5.h6,
h6.h6,
.et_pb_module p.h6 {
    font-size: var(--headline-h6-font-size);
    line-height: 120%;
}

.et_pb_module p,
.et_pb_module ul {
	font-size: var(--text-font-size);
	line-height: 170%;
}

.et_pb_module.large p,
.et_pb_module.large ul {
	font-size: var(--text-font-size-large);
	line-height: 170%;
}

.et_pb_module.small p,
.et_pb_module.small ul {
	font-size: var(--text-font-size-small);
	line-height: 170%;
}

.et_pb_module.smallest p,
.et_pb_module.smallest ul {
	font-size: var(--text-font-size-smallest);
	line-height: 170%;
}

/*
buttons
*/

/* global */

.et_pb_module .et_pb_button:after {
	display: none;
}

/* primary dark */

.et_pb_module .et_pb_button {
	border: var(--button-border);
	border-radius: var(--button-border-radius);
	background-color: var(--button-background);
	color: var(--button-color);
	font-size: var(--button-font-size);
	line-height: 1em !important;
	padding: var(--button-padding);
	transition: all var(--button-transistion);
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font-weight: 700;
	overflow: hidden;
}

.et_pb_module .et_pb_button::after {
	content: "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	min-width: 26px;
	background-color: var(--color-brand-1);
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.388184%204.13602H11.1642L8.40418%200.296021H10.2762L13.6122%205.00002L10.2762%209.70402H8.40418L11.1642%205.86402H0.388184V4.13602Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 10px;
	margin-left: 0;
	border-radius: 4px;
	opacity: 1;
	position: initial;
	animation: none;
}

.et_pb_module .et_pb_button:hover {
	padding: var(--button-padding);
	border: var(--button-border);
	color: var(--button-color-hover);
	background-color: var(--button-background-hover);
}

.et_pb_module .et_pb_button:hover::after {
  animation: move-bg 0.6s ease forwards;
}

@keyframes move-bg {
  0% {
    background-position: center;
  }
  40% {
    background-position: 150% center;
  }
  41% {
    background-position: -150% center;
  }
  100% {
    background-position: center;
  }
}

/* primary light */

.et_pb_module .et_pb_button.light {
	border: var(--button-lig-border);
	background-color: var(--button-lig-background);
	color: var(--button-lig-color);
}

.et_pb_module .et_pb_button.light:hover {
	border: var(--button-lig-border-hover);
	background-color: var(--button-lig-background-hover);
	color: var(--button-lig-color-hover);
}

.et_pb_module .et_pb_button.light::after {
	background-color: var(--color-white);
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.388184%204.13602H11.1642L8.40418%200.296021H10.2762L13.6122%205.00002L10.2762%209.70402H8.40418L11.1642%205.86402H0.388184V4.13602Z%22%20fill%3D%22%23fe653e%22/%3E%3C/svg%3E");
}

/* primary large */

@media (min-width: 640px) {
	.et_pb_module .et_pb_button.large {
		font-size: var(--text-font-size);
		line-height: 120% !important;
	}

	.et_pb_module .et_pb_button.large::after {
		width: 40px;
		height: 40px;
		min-width: 40px;
		background-color: var(--color-brand-1);
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.388184%204.13602H11.1642L8.40418%200.296021H10.2762L13.6122%205.00002L10.2762%209.70402H8.40418L11.1642%205.86402H0.388184V4.13602Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
		background-size: 19px 13px;
	}
}

/* secondary dark */

.et_pb_module .et_pb_button.secondary {
	border: var(--button-sec-border);
	background-color: var(--button-sec-background);
	color: var(--button-sec-color);
}

.et_pb_module .et_pb_button.secondary:hover {
	border: var(--button-sec-border);
	background-color: var(--button-sec-background-hover);
	color: var(--button-sec-color-hover);
}

/* secondary light */

.et_pb_module .et_pb_button.secondary.light {
	border: var(--button-sec-lig-border);
	background-color: var(--button-sec-lig-background);
	color: var(--button-sec-lig-color);
}

.et_pb_module .et_pb_button.secondary.light:hover {
	border: var(--button-sec-lig-border);
	background-color: var(--button-sec-lig-background-hover);
	color: var(--button-sec-lig-color-hover);
}

/* inline buttons within section/row/column */

.inline_buttons .et_pb_button_module_wrapper {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0 !important;
}

/* burger buttons */

.et_pb_module .et_pb_button.burger,
.et_pb_module .et_pb_button.burger_close {
	font-family: 'ETmodules';
	font-size: 30px;
	padding: 12px 11px 10px 11px;
	background: var(--color3);
	color: var(--color4);
}

.et_pb_module .et_pb_button.burger:hover,
.et_pb_module .et_pb_button.burger_close:hover {
	font-family: 'ETmodules';
	font-size: 30px;
	padding: 12px 11px 10px 11px;
	background: var(--color4);
	color: var(--color3);
}

/*
links
*/

.et_pb_module.et_pb_text.et_pb_bg_layout_light a {
	color: var(--color-brand-2);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-color: var(--color-grey-light);
	text-decoration-thickness: 16%;
	text-underline-offset: 12%;
}

.et_pb_module.et_pb_text.et_pb_bg_layout_dark a {
	color: var(--color-white);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-color: var(--color-grey-light);
	text-decoration-thickness: 16%;
	text-underline-offset: 12%;
}

/*
flags
*/

.flag {
	font-family: 'Geist Mono';
	font-size: var(--text-font-size-smallest);
	line-height: 110%;
	letter-spacing: 0.42px;
	color: var(--color-brand-1);
	padding: 15px 25px;
	display: inline-block;
	position: relative;
	text-transform: none;
	font-weight: 500;
}

.flag::before,
.flag::after,
.flag span::before,
.flag span::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: contain;
}

.flag::before {
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6V4C1 2.34315 2.34315 1 4 1H9' stroke='%23FE562C' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag::after {
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6V4C8 2.34315 6.65685 1 5 1H0' stroke='%23FE562C' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag span::before {
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V2C1 3.65685 2.34315 5 4 5H9' stroke='%23FE562C' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag span::after {
  bottom: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0V2C8 3.65685 6.65685 5 5 5H0' stroke='%23FE562C' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag.dark {
	color: var(--color-brand-2);
}

.flag.dark::before {
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6V4C1 2.34315 2.34315 1 4 1H9' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag.dark::after {
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6V4C8 2.34315 6.65685 1 5 1H0' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag.dark span::before {
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V2C1 3.65685 2.34315 5 4 5H9' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.flag.dark span::after {
  bottom: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0V2C8 3.65685 6.65685 5 5 5H0' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

h1 .flag {
	vertical-align: top;
	margin-top: 12px;
	color: var(--color-brand-2);
	margin-right: 40px;
}

h2 .flag,
h1.h2 .flag {
	vertical-align: top;
	margin-top: 14px;
	color: var(--color-brand-2);
	margin-right: 20px;
}

@media (max-width: 980px) {
	h1 .flag,
	h2 .flag,
	h3 .flag,
	h4 .flag,
	h5 .flag,
	h6 .flag {
		display: block;
		width: fit-content;
		margin: 0 0 32px 0;
	}
}

/*
navigation & menu
*/

.navigation_wrapper {
	width: 100%;
	position: fixed;
}

.navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 5%;
	transition: opacity 0.3s ease;
	background-color: var(--color-white);
}

body.dimmed {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.navigation .logo svg {
	display: block;
}

.navigation .menu {
	display: flex;
	gap: 40px;
	justify-content: flex-start;
	align-items: center;
}

.navigation .menu a:not(.et_pb_button),
.burgermenu a:not(.et_pb_button) {
	color: var(--color-brand-2);
	font-family: 'Mona Sans';
	font-size: var(--text-font-size);
	font-weight: 500;
	line-height: 100%;
}

.navigation .menu a.current:not(.et_pb_button),
.burgermenu a.current:not(.et_pb_button) {
	color: var(--color-brand-1);
}

.navigation .menu a.services:after,
.burgermenu a.services:after {
	content: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.75%204.5L6%208.25L2.25%204.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E");
	display: inline-block;
	margin-left: 7px;
	transition: transform 0.3s ease;
	transform-origin: 6px 10px;
}

.navigation .menu a.current.services:after,
.burgermenu a.current.services:after {
	content: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.75%204.5L6%208.25L2.25%204.5%22%20stroke%3D%22%23FE562C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E");
}

.navigation .menu a.services:hover:after {
	transform: rotate(-180deg);
}

.submenu .entry {
	opacity: 0;
	visibility: hidden;
	display: none;
	transition: opacity 0.5s ease, visibility 0s linear 0.5s;
	background-color: var(--color-white);
}

.submenu .entry.active {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease;
}

.submenu .entry.services.active {
	display: flex;
}

.submenu .entry.services > div {
	flex: 1;
}

.submenu .entry.services .img {
	height: 190px;
}

.submenu .entry.services img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.submenu .entry.services .button {
	text-align: right;
	padding: 20px;
}

.submenu .entry.services > div:not(:last-child) {
	border-right: 1px solid var(--color-grey-light);
}

.submenu .entry.services .et_pb_button {
	border: none;
}

.burgermenu {
	display: none;
	background-color: var(--color-white);
	padding: 20px 5%;
}

.burgermenu.active {
	display: block;
}

.burgermenu a {
	display: block;
	margin-bottom: 32px;
}

.burgermenu .children {
	display: none;
	margin-left: 25px;
}

.burgermenu .children.active {
	display: block;
}

.burgermenu a.services.active:after {
	transform: rotate(-180deg);
}

.navigation .burger {
	font-size: 0;
	line-height: 0;
	display: none;
}

.navigation .burger > div {
	display: none;
}

.navigation .burger:not(.active) .open {
	display: block;
}

.navigation .burger.active .close {
	display: block;
}

@media  (max-width: 1100px) {
	.navigation .menu {
		gap: 22px;
	}
}

@media  (max-width: 980px) {
	.navigation .menu {
		display: none;
	}

	.navigation .burger {
		display: inline-block;
	}
}

/*
services_animation
*/

.services_animation {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.services_animation > div {
	flex: 1 1 0;
	display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}

.services_animation .img {
}

.services_animation img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.services_animation .button {
	text-align: right;
	padding: 20px;
}

.services_animation > div:not(:last-child) {
	/*border-right: 1px solid var(--color-grey-light);*/
}

.services_animation .et_pb_button,
.services_animation .et_pb_button:hover {
	border: none;
	padding: 0;
}

.services_animation .overlay {
	position: absolute;
	height: 100%;
	width: calc(100% +  -1px);
	background-color: var(--color-white);
	z-index: 1;
}

.services_animation .overlay.animate-out {
  animation: overlayHide .65s cubic-bezier(0.05, 0, 0.02, 1) forwards;
}

@keyframes overlayHide {
  from {
    height: 100%;
    top: 0;
  }
  to {
    height: 0%;
    top: 100%;
  }
}

.services_animation > div:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: var(--border-height);
  background-color: var(--color-white);
  pointer-events: none;
  transition: background-color .65s ease;
}

.services_animation > div.show-border::after {
  background-color: var(--color-grey-light);
}

.services_animation_mobile {
	display: none;
	padding: 80px 5% 67px;
}

@media (max-width: 1200px) {
	.services_animation .et_pb_button.large {
		font-size: var(--button-font-size);
	}

	.services_animation .et_pb_button.large::after {
		width: 26px;
		height: 26px;
		min-width: 26px;
		background-color: var(--color-brand-1);
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.388184%204.13602H11.1642L8.40418%200.296021H10.2762L13.6122%205.00002L10.2762%209.70402H8.40418L11.1642%205.86402H0.388184V4.13602Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
		background-size: 14px 10px;
	}
}

@media (max-width: 980px) {
	.services_animation {
		display: none;
	}
	.services_animation_mobile {
		display: block;
	}
}

/* 
services_list 
*/

.services_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
}

.services_list > div {
	display: grid;
	grid-template-columns: 50% auto;
	gap: 20px;
	align-items: center;
	border-radius: 4px;
	border: 1px solid var(--color-grey-light);
}

.services_list .img {
	line-height: 1em;
}

.services_list img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	line-height: 1em;
	display: block;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	aspect-ratio: 2/1;
}

.services_list .et_pb_button,
.services_list .et_pb_button:hover {
	border: none;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	text-align: right;
	padding-left: 0;
	padding-right: 20px;
}

@media (max-width: 1200px) {
	.services_list {
		gap: 20px;
	}

	.services_list > div {
		grid-template-columns: 40% auto;
	}
}

@media (max-width: 980px) {
	.services_list {
		grid-template-columns: 100%;
		gap: 10px;
	}

	.services_list > div {
		grid-template-columns: 40% auto;
		gap: 10px;
	}
}

/*
start_header
*/

.start_header_wrapper {
	height: 100dvh;
}

.start_header_wrapper .et_pb_row {
	max-width: var(--global-page-width) !important;
	width: 100% !important;
}

.start_header {
	position: relative;
}

.start_header .text {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	padding: 90px 0 67px;
}

.start_header h1 {
	color: var(--color-brand-2);
	font-family: 'Mona Sans Expanded';
	font-size: 148.279px;
	font-weight: 900;
	letter-spacing: 14.828px;
}

.start_header h2 {
	color: var(--color-brand-1);
	font-size: 64.725px;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}

.start_header .bg {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(calc(-50% + 200px));
	z-index: -1;
}

@media (max-width: 1350px) {
	.start_header h1 {
		font-size: var(--headline-h1-font-size);
		font-weight: 900;
		letter-spacing: 5px;
	}

	.start_header h2 {;
		font-size: var(--headline-h2-font-size);
	}
}

@media (max-width: 980px) {
	.start_header_wrapper {
		height: auto;
	}
	.start_header {
		padding: 0 5%;
	}

	.start_header .text {
		display: block;
		padding-bottom: 0;
	}

	.start_header .bg {
		bottom: 0;
	}
}

@media (max-width: 640px) {
	.start_header .bg {
		bottom: auto;
    left: auto;
    right: -30px;
    top: -67px;
	}
	.start_header .bg svg {
		width: 360px
	}
}

/* 
services detail page
*/

body.single-leistung h6 {
	color: var(--color-brand-2);
}

/*
partner_slider
*/

.partner_slider {
  overflow: hidden;
  width: 100%;
}

.track {
  display: flex;
  align-items: center;
  gap: 100px;
  animation: scroll-left 40s linear infinite;
}

.slide {
  flex: 0 0 auto;
}

.slide img {
  display: block;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*
references_list
*/

.references_list .nav {
	display: flex;
	gap: 20px;
	margin-bottom: 50px;
}

.references_list .nav a {
	color: var(--color-brand-2);
	font-size: var(--text-font-size);
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.54px;
	padding: 18px 20px;
	border-radius: 4px;
	border: 1.5px solid var(--color-grey-light);
	transition: background-color 0.2s;
}

.references_list .nav a.active,
.references_list .nav a:hover {
	background-color: var(--color-grey-light);
}

.references_list .entries {
	position: relative;
	width: 100%;
}
.references_list .entries > a {
	position: absolute;
	box-sizing: border-box;
	visibility: hidden;
}

.references_list .entries img {
	width: 100%;
	display: block;
}

.references_list .entries p {
	color: var(--color-brand-2);
	font-family: 'Geist Mono';
	font-size: var(--text-font-size-smallest);
	letter-spacing: 0.42px;
	font-weight: 500;
	padding-top: 10px;
	opacity: 0;
	transition: opacity .5s;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--color-white);
	padding: 10px 30px;
}

.references_list .entries a:hover p {
	opacity: 1;
}

@media (max-width: 1200px) {
	.references_list .nav {
		display: block;
	}

	.references_list .nav a {
		display: inline-block;
		margin: 0 20px 20px 0;
	}
}

@media (max-width: 980px) {
	.references_list .entries {
		height: auto !important;
	}

	.references_list .entries > a {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		top: auto !important;
		display: block;
		margin-bottom: 20px;
	}

	.references_list .entries p {
		opacity: 1;
		position: relative;
		padding: 10px 0;
	}
}

/*
jobs_list
*/

.jobs_list > div {
	display: grid;
	grid-template-columns: 40% 30% auto;
	background-color: var(--color-brand-1-light);
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 50px;
	gap: 50px;
	align-items: center;
}

.jobs_list > div > div:last-child {
	text-align: right;
}

.jobs_list h2 {
	color: var(--color-grey-dark);
	padding-bottom: 0;
}

@media (max-width: 980px) {
	.jobs_list > div {
		grid-template-columns: 100%;
		gap: 32px;
	}
	.jobs_list > div > div:last-child {
		text-align: left;
	}
}


/*
forms
*/

.gform_wrapper .gform_fields {
	row-gap: var(--form-field-gap) !important;
}

.gform_wrapper label.gfield_label,
.gform_wrapper legend {
	font-size: var(--text-font-size-small) !important;
	font-weight: normal !important;
	color: var(--text-color-dark);
}

.gform_wrapper .gfield_required .gfield_required_text {
	font-size: var(--text-font-size-small);
	font-style: normal;
	color: var(--color-error);
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea  {
	width: 100% !important;
	font-size: var(--form-font-size) !important;
	padding: var(--form-field-padding) !important;
	color: var(--form-field-color) !important;
	background-color: var(--form-field-background) !important;
	border: var(--form-field-border) !important;
	border-radius: var(--form-field-border-radius) !important;
	line-height: 1em !important;
	height: var(--form-field-height) !important;
	font-weight: 500 !important;
}

.gform_wrapper textarea  {
	resize: none;
}

.gform_wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	background-image:
	linear-gradient(135deg, var(--color-brand-2)  50%, transparent 50%),
    linear-gradient(45deg, transparent 50%, var(--color-brand-2) 50%);
  background-position:
    calc(100% - var(--form-field-padding)) 50%,
    calc(100% - var(--form-field-padding) - var(--form-dropdown-arrow-size)) 50%;
  background-size:
    var(--form-dropdown-arrow-size) var(--form-dropdown-arrow-size),
    var(--form-dropdown-arrow-size) var(--form-dropdown-arrow-size);
  background-repeat: no-repeat;
}

.gform_wrapper .gfield_checkbox .gchoice,
.gform_wrapper .gfield_radio .gchoice {
	line-height: 2em;
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield--type-choice label {
	font-size: var(--form-font-size-small) !important;
	color: var(--color-brand-2) !important;
	font-weight: 500 !important;
}

.gform_wrapper input[type="submit"] {
	cursor: pointer !important;
	border: var(--button-border) !important;
	border-radius: var(--button-border-radius) !important;
	background-color: var(--button-background) !important;
	color: var(--button-color) !important;
	font-size: var(--button-font-size) !important;
	padding: 9px 50px 9px 20px !important;
	line-height: 1em !important;
	transition: all var(--button-transistion) !important;
    background-image: 
        url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.388184%204.13602H11.1642L8.40418%200.296021H10.2762L13.6122%205.00002L10.2762%209.70402H8.40418L11.1642%205.86402H0.388184V4.13602Z%22%20fill%3D%22%23fe653e%22/%3E%3C/svg%3E"),
        linear-gradient(var(--color-white), var(--color-white));
    background-repeat: no-repeat, no-repeat !important;
    background-position: right 17px center, right 10px center !important; 
    background-size: 14px 10px, 26px 26px !important;
    height: 46px !important;
    font-weight: 700 !important;
}

.gform_wrapper input[type="submit"]:hover {
	padding: 9px 50px 9px 20px !important;
	border: var(--button-border) !important;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-hover) !important;
}

.gform_wrapper input[type="submit"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

.gform_wrapper ::placeholder {
	color: var(--form-field-placeholder-color) !important;
	opacity: 1 !important;
}

.gform_wrapper :-ms-input-placeholder {
	color: var(--form-field-placeholder-color) !important;
}

.gform_wrapper ::-ms-input-placeholder {
	color: var(--form-field-placeholder-color) !important;
}

.gform_wrapper .gform_ajax_spinner {
	margin-top: 7px;
	margin-left: 20px !important;
	width: 32px !important;
	height: 32px !important;
}

.gform_wrapper .gform_validation_errors {
	background-color: rgba(255, 255, 255, 0.7) !important;
	border: none !important;
	box-shadow: none !important;
	padding: 10px !important;
	border-radius: 0 !important;
}

.gform_wrapper .gform_validation_errors:focus {
    outline: none !important;
    box-shadow: none !important;
}

.gform_wrapper .gform_validation_errors > h2 {
	font-family: var(--global-font-family) !important;
	font-size: var(--text-font-size-samll) !important;
	line-height: 150% !important;
	color: var(--color-error) !important;
	text-transform: none !important;
}

.gform_wrapper .gform_validation_errors h2 span {
	display: none !important;
}

.gform_wrapper .gfield_error [aria-invalid=true] {
	border-width: var(--form-field-border-width) !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
	border: none !important;
	padding: 0 !important;
	color: var(--color-error) !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	padding: 5px !important;
	width: fit-content;
}

.gform_wrapper .gfield_error [aria-invalid=true] {
	border-color: var(--color-error);
}

.gform_wrapper .gform_confirmation_message {
	font-size: var(--text-font-size);
	font-weight: 700;
}

/*
footer
*/

footer .et_pb_module.et_pb_text.et_pb_bg_layout_dark a {
	text-decoration-color: var(--color-white);
	text-decoration-thickness: 10%;
}

footer .et_pb_module.et_pb_text.et_pb_bg_layout_dark.simple_link a {
	text-decoration: none;
}

/*
global tablet
*/

@media (max-width: 980px) {

	/* open menu elements on mobile instead of burger */
	.ec_mobile_menu_open .et_pb_menu__wrap {
		justify-content: normal;
	}
	.ec_mobile_menu_open .et_pb_menu__menu {
		display: flex!important;
	}
	.ec_mobile_menu_open .et_mobile_nav_menu {
		display: none!important;
	}
}