:root {
  --primary-color: #C7D300;
  --secondary-color-light: #C0C6CE;
  --secondary-color: #0E3770;
  --secondary-color-dark: #051C3C;
  --grey: #757E8A;
  --grey-light: #FAFAFA;
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('../webfonts/inter-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/inter-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../webfonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('../webfonts/inter-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-mono-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/roboto-mono-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/roboto-mono-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* play-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/play-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*:focus {
	outline: none;
}

* {
	scroll-behavior: smooth;
}

html {
	scroll-padding-top: 288px; 
}

body {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  color: #1F2227;
}

main {
	width: 100%;
	overflow-x: clip;
	overflow-y: visible;
}

.wp-block-columns {
	width: 1440px;
	max-width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 15px;
}

.wp-block-column > section {
	margin: 0 -15px;
}

.wp-block-group.has-background {
	padding: 75px 0;
	position: relative;
}

main > .wp-block-group.has-background::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-top: 75px solid var(--tri-color);
	z-index: 997;
	bottom: -60px;
	right: -65px;
	transform: rotate(-135deg);	
}

/* Header */

header {
	-webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.15); 
	box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.15);
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

header .header_top {
	background-color: var(--secondary-color-dark);
	color: var(--secondary-color-light);
	text-transform: uppercase;
	font-family: 'Roboto Mono';
	font-weight: 500;
	font-size: 14px;
	padding: 15px 0;
}

header .header_top ul {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0px;
}

header .header_top ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	z-index: 999;
	background-color: var(--secondary-color-dark);
}

header .header_top ul li:hover ul {
	display: block;
}

header .header_top ul ul li {
	display: block;
	margin: 0;
}

header .header_top ul ul li:first-child a {
	padding-top: 20px;
}

header .header_top ul ul li a {
	padding: 10px;
}

header .header_top ul ul li::after {
	display: none;
}

header .header_top .delivery ul {
	text-align: left;
}

header .header_top ul li {
	display: inline-block;
	list-style: none;
	margin-left: 30px;
	position: relative;
	font-size: 14px;
}

header .header_top .delivery ul li {
	margin-left: 0;
	margin-right: 30px;
}

header .header_top ul li::after {
	width: 1px;
	height: 100%;
	position: absolute;
	left: -15px;
	top: 0;
	content: '';
	background-color: var(--secondary-color-light);
	opacity: 0.7;
}

header .header_top ul li:first-child::after {
	display: none;
}

header .header_top ul li a {
	color: var(--secondary-color-light);
	text-decoration: none;
	transition: all 0.3s;
}

header .header_top ul li a:hover {
	color: var(--primary-color);
}

header .header_bottom {
	padding: 30px 0;
	background-color: #ffffff;
}

header .header_bottom .logo img {
	width: 300px;
	max-width: 100%;
}

header .header_bottom .navigation ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

header .header_bottom .navigation ul li {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
	position: relative;
}

header .header_bottom .navigation ul li a {
	color: var(--secondary-color-dark);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	display: block;
	padding: 10px 5px;
	position: relative;
	line-height: 1;
}

header .header_bottom .navigation ul li.menu-item-has-children > a::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f078";
	font-size: 14px;
	margin-left: 10px;
	color: var(--grey);
}

header .header_bottom .navigation ul li:not(.button) a::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	background-color: var(--primary-color);
	width: 0px;
	height: 3px;
	transition: all 0.3s;
}

header .header_bottom .navigation ul li:not(.button) a:hover::before,
header .header_bottom .navigation ul li.current_page_item:not(.button) > a::before,
header .header_bottom .navigation ul li.current_page_ancestor:not(.button) > a::before {
	width: 100%;
}

header .header_bottom .navigation ul li.current_page_item:not(.button) > a,
header .header_bottom .navigation ul li.current_page_ancestor:not(.button) > a {
	font-weight: 900;
}

header .header_bottom .navigation ul li.button {
	margin-right: 0;
}

header .header_bottom .navigation ul li.button a {
	color: #ffffff;
	background-color: var(--secondary-color-dark);
	padding: 15px 20px;
	letter-spacing: 0.5px;
	transition: all 0.3s;
	border: 3px solid var(--secondary-color-dark);
}

header .header_bottom .navigation ul li.button a i {
	color: #ffffff;	
	transition: all 0.3s;
}

header .header_bottom .navigation ul li.button a:hover {
	background-color: var(--primary-color);
	color: var(--secondary-color-dark);
	border: 3px solid var(--primary-color);
}

header .header_bottom .navigation ul li.button a:hover i {
	color: var(--secondary-color-dark);
}

header .header_bottom .navigation ul li ul {
	position: absolute;
	top: 100%;
	left: -10px;
	flex-direction: column;
	background-color: #ffffff;
	align-items: flex-start;
	display: none;
}

header .header_bottom .navigation ul li:hover ul {
	display: flex;
}

header .header_bottom .navigation ul li ul li {
	display: block;
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	margin-right: 0;
	display: block;
	width: 100%;
}

header .header_bottom .navigation ul li ul li:last-child {
	border: none;
}

header .header_bottom .navigation ul li ul li a {
	white-space: nowrap;
	font-size: 14px;
	transition: all 0.3s;
}

header .header_bottom .navigation ul li ul li a::before {
	display: none;
}

header .header_bottom .navigation ul li ul li a:hover {
	opacity: 0.6;
}

header .mobile_nav_open {
	position: absolute;
	right: 15px;
	font-size: 30px;
	color: var(--secondary-color);
	cursor: pointer;
	display: none;
}

.mobile_nav_headline {
	display: none;
	text-transform: uppercase;
	cursor: pointer;
	padding: 15px 10px;
	background-color: var(--secondary-color-dark);
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 1px;
	font-size: 22px;
}

.contact_cta {
	position: fixed;
	top: calc(50% - 30px);
	right: 0;
	z-index: 998;
	background-color: #fff;
	padding: 15px;
	border: 1px solid var(--secondary-color-dark);
	border-right: none;
	cursor: pointer;	
	transition: all 0.3s;
}

.contact_cta:hover {
	transform: scale(1.1);
}

.contact_cta img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	object-position: center;
}

/* Button */

a.button {
	color: #ffffff;
	background-color: var(--secondary-color-dark);
	padding: 15px 20px;
	letter-spacing: 0.5px;
	transition: all 0.3s;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: inline-block;
	font-size: 18px;
	border: 3px solid var(--secondary-color-dark);
	line-height: 1;
}

a.button i {
	color: #ffffff;	
	transition: all 0.3s;
}

a.button:hover {
	background-color: var(--primary-color);
	color: var(--secondary-color);
	border: 3px solid var(--primary-color);
}

a.button:hover i {
	color: var(--secondary-color);
}

a.button.secondary {
	background-color: transparent;
	color: var(--secondary-color-dark);
}

a.button.secondary:hover {
	background-color: var(--secondary-color-dark);
	color: var(--primary-color);
	border: 3px solid var(--secondary-color-dark);
}

a.button.light {
	border-color: #ffffff;
	background-color: #ffffff;
	color: var(--secondary-color-dark);
}

a.button.light i {
	color: var(--secondary-color-dark);
}

a.button.light:hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: var(--secondary-color-dark);
	opacity: 0.6;
}

section.button a.button {
	color: #ffffff;
	background-color: var(--secondary-color);
	padding: 15px 20px;
	letter-spacing: 0.5px;
	transition: all 0.3s;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: inline-block;
	font-size: 18px;
	border: 3px solid var(--secondary-color);
	line-height: 1;
}

section.button a.button i {
	color: var(--primary-color);	
	transition: all 0.3s;
}

section.button a.button:hover {
	background-color: var(--primary-color);
	color: var(--secondary-color);
	border: 3px solid var(--primary-color);
}

section.button a.button:hover i {
	color: var(--secondary-color);
}

section.button a.button.secondary {
	background-color: transparent;
	color: var(--secondary-color);
}

section.button a.button.secondary:hover {
	background-color: var(--secondary-color);
	color: var(--primary-color);
	border: 3px solid var(--secondary-color);
}

section.button a.button.light {
	border-color: #ffffff;
	background-color: #ffffff;
	color: var(--secondary-color-dark);
}

section.button a.button.light i {
	color: var(--secondary-color-dark);
}

section.button a.button.light:hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: var(--secondary-color-dark);
	opacity: 0.6;
}

/* Hero */

section.hero {
	position: relative;
}

section.hero .imageslider {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0
}

section.hero .imageslider * {
	height: 100%;
}

section.hero .imageslider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.hero .imageslider ul {
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 15px;
	text-align: center;
}

section.hero .imageslider ul li {
	display: inline-block;
	list-style: none;
	margin: 0 10px;
	font-size: 0px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: transparent;
	border: 2px solid #ffffff;
	transition: all 0.3s;
	cursor: pointer;
}

section.hero .imageslider ul li.slick-active {
	background-color: var(--primary-color);
	border: 2px solid var(--primary-color);
}

section.hero .imageslider ul li button {
	display: none;
}

section.hero .hero_content .hero_text {
	padding: 125px 50px 125px 15px;
}

section.hero .hero_content .hero_text h1 {
	color: var(--secondary-color);
	font-weight: 900;
	font-size: 80px;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 50px;
	hyphens: none;
}

section.hero .hero_content .hero_text h1 em {
	display: block;
	color: var(--primary-color);
	font-style: normal;
}

section.hero .hero_content .hero_text a.button {
	margin-right: 15px;
	margin-bottom: 15px;
}

section.hero .hero_content .hero_text ul {
	margin: 35px 0 0 0;
	padding: 0;
	font-size: 14px;
}

section.hero .hero_content .hero_text ul li {
	display: inline-block;
	list-style: none;
	margin-right: 20px;
	margin-bottom: 15px;
	position: relative;
}

section.hero .hero_content .hero_text ul li::after {
	content: '';
	height: 100%;
	width: 1px;
	position: absolute;
	right: -10px;
	top: 0;
	background-color: var(--grey);
	opacity: 0.3;
}

section.hero .hero_content .hero_text ul li:last-child::after {
	display: none;
}

section.hero .hero_content .hero_text ul li a {
	text-decoration: none;
	transition: all 0.3s;
	display: block;
	padding-right: 30px;
	position: relative;	
}

section.hero .hero_content .hero_text ul li a::after {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_green.svg');
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 5px;
	right: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(225deg);	
}

section.hero .hero_content .hero_text ul li a span {
	display: block;
	color: var(--grey);
	font-family: 'Roboto Mono';
	text-transform: uppercase;
}

section.hero .hero_content .hero_text ul li a strong {
	font-weight: 900;
	font-size: 17px;
	color: var(--secondary-color-dark);
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
}

section.hero .hero_content .hero_text ul li a strong::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	background-color: var(--primary-color);
	width: 0px;
	height: 3px;
	transition: all 0.3s;	
}

section.hero .hero_content .hero_text ul li a:hover strong::after {
	width: 100%;
}

/* Image */

.wp-block-column .imagewrap {
	margin: 0 -15px;
}

.imagewrap {
	position: relative;
}

.imagewrap,
.imagewrap img {
	width: 100%;
}

.imagewrap .textbox {
	position: absolute;
	max-width: calc(100% - 30px);
	bottom: 15px;
	left: 15px;
	display: inline-block;
	background-color: rgba(255,255,255,0.9);
	padding: 15px;
	border-left: 4px solid var(--primary-color);
}

.imagewrap .textbox p:last-child {
	margin-bottom: 0;
}

/* Quote */

section.quote .quote_inner {
	background-color: #F3F4F7;
	padding: 30px;
	border-left: 3px solid var(--primary-color);
}

section.quote .quote_inner p:last-child {
	padding: 0;
	margin-bottom: 0;
}

section.quote .quote_inner a {
	color: var(--secondary-color-dark);
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s;
}

section.quote .quote_inner a::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f061";
	margin-left: 10px;	
	transition: all 0.3s;
}

section.quote .quote_inner a:hover {
	opacity: 0.8;
}

section.quote .quote_inner a:hover::after {
	margin-left: 15px;
}

/* Text */

main:has(section.cards) section.text p {
	text-align: justify;
}

section.text {
	font-size: 18px;
}

section.text a {
	text-decoration: underline;
	color: var(--secondary-color);
}

section.text h1,
section.text h2,
section.text h3 {
	font-weight: 700;
	margin-bottom: .8em;
}

section.text ul {
	margin: 0;
	padding: 0;
}

section.text ul li {
	list-style: none;
	padding-left: 30px;
	position: relative;
	margin-bottom: 15px;
}

section.text ul li:has(> strong) {
	margin-bottom: 30px;
}

section.text ul li::before {
	width: 15px;
	height: 15px;
	background-color: currentColor;
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
}

section.text.arrow_list ul li::before {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	transform: rotate(-90deg);
}

section.text.arrow_list.green ul li::before {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_green.svg');
}

section.text.arrow_list.blue ul li::before {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_blue.svg');
}

section.text.arrow_list.white ul li::before {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_white.svg');
}

section.text ul li strong {
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

/* Banner */

section.banner {
	position: relative;
	color: #ffffff;
}

section.banner img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

section.banner .banner_overlay {
	position: relative;
	background-color: rgba(5, 28, 60, 0.8);
	padding: 75px 0;
}

section.banner .banner_overlay h1 {
	text-transform: uppercase;
	font-size: 50px;
	line-height: 1.1;
}

section.banner .banner_overlay h1 em {
	display: block;
	color: var(--primary-color);
	font-family: 'Roboto Mono';
	font-size: 18px;
	font-style: normal;
	margin-bottom: 10px;
}

section.banner .banner_overlay h1 strong {
	font-weight: 900;
}

section.banner .banner_overlay p {
	opacity: 0.8;
	font-size: 18px;
	width: 500px;
	max-width: 100%;
}

/* Stages */

section.stages .stages_wrapper {
	display: flex;
	gap: 30px;
	padding-top: 30px;
	justify-content: space-between;
	position: relative;
}

section.stages .stages_wrapper::before {
	height: 1px;
	width: 100%;
	content: '';
	top: 45px;
	left: 0;
	position: absolute;
	background-color: color-mix(in srgb, currentColor 50%, transparent);
}

section.stages .stages_wrapper .stages_single {
	text-align: center;
	padding: 15px;
	opacity: 1;
	cursor: pointer;
	flex: 1;
	position: relative;
}

section.stages .stages_wrapper .stages_single strong,
section.stages .stages_wrapper .stages_single span {
	display: block;
	transition: all 0.3s;
	color: color-mix(in srgb, currentColor 50%, transparent);
}

section.stages .stages_wrapper .stages_single:hover strong,
section.stages .stages_wrapper .stages_single:hover span {
	color: color-mix(in srgb, currentColor 100%, transparent);
}

section.stages .stages_wrapper .stages_single:hover a strong {
	color: var(--primary-color);
}

section.stages .stages_wrapper .stages_single span {
	font-size: 18px;
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	border: 1px solid currentColor;
	margin: -30px auto 15px auto;
	background-color: var(--secondary-color-dark);	
}

section.stages .stages_wrapper .stages_single strong {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}

section.stages .stages_wrapper .stages_single a {
	text-decoration: none;
}

section.stages .stages_wrapper .stages_single:hover {
	opacity: 1;
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

section.stages .stages_wrapper .stages_single.active a {
	display: block;
}

section.stages .stages_wrapper .stages_single:hover span {
	background-color: var(--primary-color);
	color: var(--secondary-color);
}

/* Counter */

section.counter {
	padding: 50px 0 20px 0;
	background-color: var(--secondary-color-dark);
	color: #ffffff;
}

.wp-block-columns section.counter {
	color: inherit;
	background-color: transparent;
}

section.banner + section.counter {
	background-color: var(--primary-color);
	color: var(--secondary-color-dark);
}

section.counter .counter_single {
	position: relative;
	margin-bottom: 30px;
}

section.counter .counter_single::after {
	content: '';
	height: 100%;
	width: 1px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(255,255,255,0.5);
}

section.banner + section.counter .counter_single::after {
	background-color: rgba(255,255,255,0.5);
}

section.counter .counter_single:last-child::after {
	display: none;
}

section.counter .counter_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

section.counter .counter_inner img {
	height: 50px;
}

section.counter .counter_inner span:has(> span.counter_number) {
	display: block;
	font-size: 40px;
	font-weight: 900;
	line-height: 1;	
}

section.counter .counter_inner strong.counter_label {
	display: block;
	font-family: 'Play';
	color: rgba(255,255,255,0.5);
}

section.counter .counter_inner strong.counter_label {
	display: block;
	font-family: 'Play';
	color: color-mix(in srgb, currentColor 30%, transparent);
}

section.banner + section.counter .counter_inner strong.counter_label {
	color: rgba(5, 28, 60, 0.5);
}

/* Product */

section.product .product_title {
	padding-bottom: 10px;
	margin-bottom: 15px;
}

section.product .product_title h1 {
	color: var(--secondary-color);
	font-size: 35px;
	font-weight: 700;
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
	padding-bottom: 10px;
}

section.product .product_title h1 span {
	display: block;
	font-size: 20px;
	color: var(--grey);
	font-weight: 400;
	margin-top: 10px;
}

section.product .product_gallery .product_main_single {
	height: 500px;
}

section.product .product_gallery .product_nav_single {
	padding: 15px;
	height: 125px;
}

section.product .product_gallery .product_nav {
	margin: 0 -15px;
}

section.product .product_gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.product .product_tabs_nav {
	display:flex; 
	flex-wrap:wrap;
	color: var(--secondary-color);
	margin-bottom:16px;
	position: relative;
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}

section.product .product_tab_btn {
	background:transparent; 
	padding:8px 12px; 
	cursor:pointer;
	text-transform: uppercase;
	border: none;
	color: var(--secondary-color);
	outline: none;
	border-bottom: 5px solid transparent;
}

section.product .product_tab_btn.is-active {
	border-color: var(--primary-color);
	font-weight: 700;
}

section.product .product_tab_panel {
	display:none;
}

section.product .product_tab_panel.is-active {
	display:block;
}

section.product .product_tab_list {
	margin:0; 
	padding-left:0;
}

section.product .product_tab_list li {
	list-style: none;
	padding: 15px;
	position: relative;
	padding-left: 50px;
	display: block;
	border-bottom: 1px solid var(--grey);
}

section.product .product_tab_list li:nth-child(odd) {
	background-color: #F5F5F5;
}

section.product .product_tab_list li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f058";
	color: var(--primary-color);
	position: absolute;
	left: 15px;
	top: 12px;
	font-size: 20px;
}

section.product .product_tab_text {
	padding: 15px;
	background-color: #F5F5F5;
	border-bottom: 1px solid var(--grey);
}

section.product .product_tab_text p:last-child {
	margin-bottom: 0;
}

section.product .order {
	display: flex;
	gap: 30px;
	justify-content: flex-end;
	padding-top: 30px;
}

section.product .order input {
	width: 75px;
	text-align: center;
}

/* Related */

section.related .slick-arrow {
	position: absolute;
	top: calc(50% - 20px);
	height: 40px;
	width: 40px;
	cursor: pointer;
	color: var(--primary-color);
	z-index: 8;
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/circle-chevron-right-solid-full.svg'); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

section.related .slick-arrow.prev_arrow {
	left: 30px;
	transform: rotate(180deg);
}

section.related .slick-arrow.next_arrow {
	right: 30px;
}

section.related h2 {
	color: var(--secondary-color);
	font-size: 25px;
	font-weight: 700;
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
	padding-bottom: 10px;
	margin-bottom: 15px;
}

section.related .slick-track {
    display: flex !important;
}

section.related .slick-slide {
    height: inherit !important;
    display: flex !important;
}

section.related .related_wrapper {
	margin: 0 -15px;
}

section.related .related_item {
	padding: 0 15px;
	display: block;
	color: var(--secondary-color);
	text-decoration: none;
	height: 100%;
	transition: all 0.3s;
}

section.related .related_item:hover {
	opacity: 0.8;
}

section.related .related_item .related_item_inner {
	border: 1px solid rgba(0,0,0,0.15);
	height: 100%;
	width: 100%;
}

section.related .related_thumb {
	height: 175px;
}

section.related .related_thumb img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

section.related .related_title {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px;
	height: calc(100% - 175px);
}

section.related .related_title span {
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0.6;
	transition: all 0.3s;
	font-weight: 700;
	font-size: 14px;	
	color: var(--secondary-color-dark);
	display: block;
	margin-top: 5px;
}

section.related .related_item_inner:hover .related_title span {
	opacity: 1;
}

/* Linklist */

section.linklist.has_triangle {
	position: relative;
}

section.linklist.has_triangle::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-top: 75px solid var(--primary-color);
	z-index: 997;
	bottom: -60px;
	right: -65px;
	transform: rotate(-135deg);
}

section.linklist .linklist_single:last-child:nth-child(odd) {
	flex: 0 0 100%;
	max-width: 100%;
}

section.linklist .linklist_single:nth-child(3n + 1) {
	background-color: var(--secondary-color);
	color: #ffffff;
	position: relative;
}

section.linklist .linklist_single:nth-child(odd) .linklist_inner {
	position: relative;
	padding: 100px 100px 100px 0;
}

section.linklist .linklist_single:nth-child(3n + 1)::before {
	width: 99999px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 100%;
	content: '';
	background-color: var(--secondary-color);
}

section.linklist .linklist_single:nth-child(3n + 2) {
	background-color: #ffffff;
	color: var(--secondary-color);
}

section.linklist .linklist_single:nth-child(even) .linklist_inner {
	position: relative;
	padding: 100px 0 100px 100px;
}

section.linklist .linklist_single:nth-child(3n) {
	background-color: var(--primary-color);
	color: var(--secondary-color-dark);
}

section.linklist .linklist_single:nth-child(3n):last-child:nth-child(odd)::before,
section.linklist .linklist_single:nth-child(3n):last-child:nth-child(odd)::after {
	width: 99999px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 100%;
	content: '';
	background-color: var(--primary-color);
}

section.linklist .linklist_single:nth-child(3n):last-child:nth-child(odd)::after {
	right: initial;
	left: 100%;
}

section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner {
	position: relative;
	padding: 100px 0 100px 0;
}

section.linklist .linklist_single .linklist_inner img {
	position: absolute;
	top: 100px;
	right: 100px;
	width: 125px;
	height: 125px;
	object-fit: contain;
}

section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner img,
section.linklist .linklist_single:nth-child(even) .linklist_inner img {
	right: 0
}

section.linklist .linklist_single .linklist_inner h2 {
	text-transform: uppercase;
	line-height: 1.1;
	font-size: 50px;
}

section.linklist .linklist_single .linklist_inner h2 em {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	font-style: normal;
	font-family: 'Roboto Mono';
	opacity: 0.5;
}

section.linklist .linklist_single .linklist_inner h2 strong {
	display: block;
	font-weight: 900;
}

section.linklist .linklist_single .linklist_inner ul.linklist_list {
	margin: 50px 0;
	padding: 0;
}

section.linklist .linklist_single .linklist_inner ul.linklist_list li {
	display: block;
	list-style: none;
	padding: 15px;
	border-top: 1px solid color-mix(in srgb, currentColor 100%, transparent);
}

section.linklist .linklist_single .linklist_inner ul.linklist_list li:last-child {
	border-bottom: 1px solid color-mix(in srgb, currentColor 100%, transparent);	
}

section.linklist .linklist_single .linklist_inner ul.linklist_list li a {
	color: inherit;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	display: block;
	position: relative;
	line-height: 1;
	opacity: 1;
}

section.linklist .linklist_single .linklist_inner ul.linklist_list li a::after {
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_blue.svg'); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	transform: rotate(-90deg);
	right: 0;
	top: calc(50% - 15px);
}

section.linklist .linklist_single:nth-child(odd):not(:last-child) .linklist_inner ul.linklist_list li a:hover::after {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_green.svg'); 
}

section.linklist .linklist_single:nth-child(3n + 1) .linklist_inner ul.linklist_list li a::after {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_white.svg'); 
}

section.linklist .linklist_single .linklist_inner ul.linklist_list li a:hover {
	color: var(--primary-color);
}

section.linklist .linklist_single .linklist_inner ul.linklist_list li a:hover::after {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_green.svg'); 
}

section.linklist .linklist_single:nth-child(odd):last-child .linklist_inner a:hover {
	color: #ffffff;
}

section.linklist .linklist_single:nth-child(odd):last-child .linklist_inner a.button:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: var(--secondary-color-dark);
}

section.linklist .linklist_single:nth-child(odd):last-child .linklist_inner ul.linklist_list li a:hover::after {
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_white.svg'); 
}

section.linklist .linklist_single:nth-child(3n + 1) .linklist_inner a.button {
	border-color: #ffffff;
	color: #ffffff;
}

section.linklist .linklist_single:nth-child(3n + 1) .linklist_inner a.button:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--secondary-color);
}

section.linklist .linklist_single .linklist_inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

section.linklist .linklist_single .linklist_inner .button_wrap {
	text-align: right;
}

section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap {
	display: flex;
	gap: 90px;
}

section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap .linklist_title {
	width: 50%;
}

section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap ul {
	margin-top: 75px;
	width: 50%;
}

section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap .linklist_icon img {
	top: 50px;
}

/* Tags */

section.tags strong {
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

section.tags ul {
	padding: 0 0 0 0;
}

section.tags ul li {
	list-style: none;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid;
	font-family: 'Roboto Mono';
	display: inline-block;
	padding: 5px;
	opacity: 0.5;
}

/* Service */

section.service {
	background-color: var(--secondary-color-dark);
	color: #ffffff;
	position: relative;
}

section.service::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-top: 75px solid var(--secondary-color-dark);
	z-index: 997;
	bottom: -60px;
	right: -65px;
	transform: rotate(-135deg);	
}

section.service h1,
section.service h2,
section.service h3 {
	text-transform: uppercase;
	line-height: 1.1;
	font-size: 50px;
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 15px;
}

section.service h1 em,
section.service h2 em,
section.service h3 em {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	font-style: normal;
	font-family: 'Roboto Mono';
	opacity: 0.5;
}

section.service h1 strong,
section.service h2 strong,
section.service h3 strong {
	font-weight: 900;
}

section.service h1 strong,
section.service h2 strong,
section.service h3 strong {
	display: block;
	color: var(--primary-color);
}

section.service h1::after,
section.service h2::after,
section.service h3::after {
	position: absolute;
	width: 75px;
	height: 5px;
	background-color: currentColor;
	content: '';
	bottom: 0;
	left: 0;
	opacity: 0.3;
}

section.service .service_text {
	padding: 75px;
}

section.service .service_text strong {
	text-transform: uppercase;
}

section.service .service_text ul {
	margin: 0;
	padding: 15px 0 0 0;
}

section.service .service_text ul li {
	list-style: none;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid;
	font-family: 'Roboto Mono';
	display: inline-block;
	padding: 5px;
	opacity: 0.5;
}

section.service .service_links {
	padding: 75px;
	display: flex;
	align-items: center;
}

section.service .service_links > div {
	width: 100%;
}

section.service .service_links a:has(img) {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	text-decoration: none;
	margin-bottom: 15px;
	border: 1px solid rgba(255,255,255,0.6);
}

section.service .service_links a:has(img)::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f061";
	margin-left: auto;
	color: rgba(255,255,255,0.6);
}

section.service .service_links a:has(img) strong,
section.service .service_links a:has(img) span {
	display: block;
	text-transform: uppercase;
	line-height: 1;
}

section.service .service_links a:has(img) strong {
	font-weight: 900;
	margin-bottom: 5px;
}

section.service .service_links a {
	transition: all 0.3s;
	color: #ffffff;
}

section.service .service_links a:hover {
	opacity: 0.6;
}

section.service .service_links a:has(img):hover {
	opacity: 1;
	color: var(--primary-color);
	background-color: #23324e;
	border-color: var(--primary-color);
}

section.service .service_links a:has(img):hover::after {
	color: var(--primary-color);
}

section.service .service_links a img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	object-position: center;
}

section.service .service_links > div > span {
	font-family: 'Roboto Mono';
	text-transform: uppercase;
	margin-bottom: 15px;
	display: block;
	text-align: right;
	position: relative;
}

section.service .service_links > div > span a {
	text-decoration: none;
}

.pulsing_dot {
    height: 10px;
    width: 10px;
    background-color: #CDDC39;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.pulsing_dot::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #2ecc71;
    animation: pulse-green 2s infinite;
    z-index: 0
}

@keyframes pulse-green {
    0% { transform: scale(1); opacity: 0.8; }
    70% { transform: scale(3); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
}

/* Headline */

section.headline h1,
section.headline h2,
section.headline h3 {
	text-transform: uppercase;
	line-height: 1.1;
	font-size: 50px;
	position: relative;
	margin: 0;
}

section.headline:not(.align-center, .has-link) h1,
section.headline:not(.align-center, .has-link) h2,
section.headline:not(.align-center, .has-link) h3 {
	padding-bottom: 15px;
}

section.headline .headline_wrapper {
	margin-bottom: 30px;
}

section.headline.has-link .headline_wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}

section.headline.has-link .headline_wrapper a {
	text-decoration: none;
	text-transform: uppercase;
	opacity: 0.6;
	font-weight: 600;
	transition: all 0.3s;
}

section.headline.has-link .headline_wrapper a i {
	margin-left: 5px;
}

section.headline.has-link .headline_wrapper a:hover {
	opacity: 1;
}

section.headline h1 em,
section.headline h2 em,
section.headline h3 em {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	font-style: normal;
	font-family: 'Roboto Mono';
	opacity: 0.5;
}

section.headline h1 strong,
section.headline h2 strong,
section.headline h3 strong {
	font-weight: 900;
}

section.headline:not(.align-center) h1 strong,
section.headline:not(.align-center) h2 strong,
section.headline:not(.align-center) h3 strong {
	display: block;
}

section.headline.align-center {
	text-align: center;
}

section.headline.align-right {
	text-align: right;
}

section.headline:not(.align-center, .has-link) h1::after,
section.headline:not(.align-center, .has-link) h2::after,
section.headline:not(.align-center, .has-link) h3::after {
	position: absolute;
	width: 75px;
	height: 5px;
	background-color: currentColor;
	content: '';
	bottom: 0;
	left: 0;
	opacity: 0.3;
}

/* Timeline */

section.timeline .timeline_wrapper {
	position: relative;
}

section.timeline .timeline_wrapper::before {
	height: 100%;
	width: 2px;
	content: '';
	position: absolute;
	top: 0;
	left: 160px;
	background-color: color-mix(in srgb, currentColor 30%, transparent);
}

section.timeline .timeline_single {
	margin-bottom: 50px;
	display: flex;
	gap: 50px;
}

section.timeline .timeline_single .timeline_year {
	font-weight: 900;
	font-size: 50px;
	line-height: 1;
	width: 140px;
}

section.timeline .timeline_single .timeline_content {
	width: calc(100% - 190px);
}

section.timeline .timeline_single .timeline_content strong {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--primary-color);
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
}

section.timeline .timeline_single .timeline_content strong::before {
	width: 16px;
	height: 16px;
	content: '';
	background-color: transparent;
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/arrow_green.svg');	
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(-90deg);
}

section.timeline .timeline_single .timeline_content span {
	opacity: 0.8;
	display: block;
}

/* Accordion */

section.accordion .accordion_single {
	margin-bottom: 30px;
	border: 2px solid rgba(0,0,0,0.15);
	padding: 20px;
}

section.accordion .accordion_content {
	display: none;
	padding-top: 40px;
	position: relative;
}

section.accordion .accordion_content::before {
	width: 100%;
	height: 1px;
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	background-color: rgba(0,0,0,0.15);
}

section.accordion .accordion_title {
	cursor: pointer;
}

section.accordion .accordion_title h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.1;
	position: relative;
	margin: 0;
	padding-right: 30px;
}

section.accordion .accordion_title h3::after {
	content: '+';
	position: absolute;
	right: 0;
	top: calc(50% - 15px);
	font-size: 30px;
}

section.accordion .accordion_single.open .accordion_title h3::after {
	content: '-';
}

/* CTA */

section.cta {
	padding: 50px 0;
	background-color: var(--secondary-color-dark);
	color: #ffffff;
}

section.cta .pre_headline {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
	color: rgba(199, 211, 0, 0.5);
}

section.cta .pre_headline i {
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: rgba(199, 211, 0, 0.5);
	background-color: #22324e;
	margin-right: 10px;
}

section.cta p:last-child {
	margin-bottom: 0;
}

section.cta .pre_headline + p > strong {
	font-size: 40px;
	text-transform: uppercase;
	line-height: 1.1;
}

section.cta .pre_headline + p > strong em {
	font-style: normal;
	color: var(--primary-color);
	font-weight: 900;
}

section.cta .cta_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}

section.cta .close_cta {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 25px;
}

section.cta .close_cta:hover {
	opacity: 1;
}

/* Industries */

section.industries {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

section.industries .industry_single {
	position: relative;
	text-align: center;
	padding: 40px 20px;
}

section.industries .industry_single a {
	display: block;
	transition: all 0.3s;
}

section.industries .industry_single a:hover {
	text-decoration: none;
	opacity: 0.8;
}

section.industries .industry_single::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background: color-mix(in srgb, currentColor 30%, transparent);
}

section.industries .industry_single::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 1px;
    background: color-mix(in srgb, currentColor 30%, transparent);
}

section.industries .industry_single:nth-child(4n)::after {
    display: none;
}

section.industries .industry_single:nth-last-child(-n+4)::before {
    display: none;
}

section.industries .industry_single img {
	margin-bottom: 15px;
	height: 75px;
	width: auto;
}

section.industries .industry_single strong {
	display: block;
	font-size: 20px;
	line-height: 1;
	font-weight: 900;
	margin-bottom: 5px;
}

section.industries .industry_single span {
	font-size: 16px;
	display: block;
	line-height: 1;
	color: var(--primary-color);
}

/* People */

section.people .row {
	gap: 75px;
	row-gap: 50px;
}

section.people .people_single {
	margin-bottom: 30px;
	width: calc(33.33% - 50px);
	flex: 0 0 calc(33.33% - 50px);
	max-width: calc(33.33% - 50px);
}

section.people .people_single .people_inner {
	border: 1px solid rgba(0,0,0,0.1);
	height: 100%;
}

section.people .people_single .people_inner img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}

section.people .people_single .people_inner .people_info {
	padding: 30px 30px 15px 30px;
	height: calc(100% - 250px);
	background-color: #ffffff;	
}

section.people .people_single .people_inner .people_info strong.name {
	text-transform: uppercase;
	line-height: 1.1;
	margin-bottom: 5px;
	display: block;
	font-weight: 900;
	font-size: 22px	
}

section.people .people_single .people_inner .people_info span.position {
	opacity: 0.6;
	font-size: 18px;
	font-family: 'Roboto Mono';
	text-transform: uppercase;
	display: block;
	line-height: 1.1;
	padding: 0px 0px 15px 0px;
}

section.people .people_single .people_inner .people_info p.description {
	margin-bottom: 0;
	padding: 15px 0px 0px 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);	
	position: relative;
}

section.people .people_single .people_inner .people_info p.description::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f054";
	color: var(--primary-color);
	position: absolute;
	left: 0;
	top: 15px;
}

section.people .people_single .people_inner .people_info .readmore {
	font-style: italic;
	text-decoration: underline;
	display: block;
	cursor: pointer;
	padding-left: 15px;
	margin-top: 10px;
}

section.people .people_single .people_inner .people_info .experience {
	display: none;
	padding-left: 15px;
	padding-top: 15px;
}

section.people .people_single .people_inner .people_info .experience ul {
	padding-left: 15px;
}

/* Iconbox */

section.iconbox .iconbox_single {
	margin-bottom: 30px;
}

section.iconbox .iconbox_single .iconbox_inner {
	padding-left: 50px;
	position: relative;
}

section.iconbox .iconbox_single .iconbox_inner .iconbox_image {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -10px;
	left: 0;
}

section.iconbox .iconbox_single .iconbox_inner .iconbox_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.iconbox .iconbox_single .iconbox_inner strong.title {
	display: block;
	line-height: 1.1;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--secondary-color-dark)
}

section.iconbox .iconbox_single .iconbox_inner span {
	opacity: 0.6;
}

/* Manufacturers */

section.manufacturers .manufacturers_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

section.manufacturers .manufacturers_wrapper .manufacturer_single {
	width: calc(20% - 24px);
	text-transform: uppercase;
	text-align: center;
}

section.manufacturers .manufacturers_wrapper .manufacturer_single .manufacturer_inner {
	padding: 30px;
	background-color: #ffffff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	height: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	opacity: 0.6;
	transition: all 0.3s;
}

section.manufacturers .manufacturers_wrapper .manufacturer_single:hover .manufacturer_inner {
	opacity: 1;
}

/* Teaser */

section.teaser .row {
	gap: 75px;
	row-gap: 50px;
}

section.teaser .teaser_single {
	margin-bottom: 30px;
	width: calc(50% - 37.5px);
	flex: 0 0 calc(50% - 37.5px);
	max-width: calc(50% - 37.5px);
}

section.teaser .teaser_single .teaser_inner {
	border: 1px solid rgba(0,0,0,0.1);
	height: 100%;
}

section.teaser .teaser_single img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}

section.teaser .teaser_single .teaser_inner .teaser_info {
	padding: 30px 30px 30px 30px;
	height: calc(100% - 300px);
	background-color: #ffffff;	
	color: #0e3770;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: center;
}

section.teaser .teaser_single .teaser_inner .teaser_info a:has(strong.title) {
	color: var(--secondary-color-dark);
	text-decoration: none;
}

section.teaser .teaser_single .teaser_inner .teaser_info strong.title {
	text-transform: uppercase;
	line-height: 1.1;
	margin-bottom: 5px;
	display: block;
	font-weight: 900;
	font-size: 22px	
}

section.teaser .teaser_single .teaser_inner .teaser_info span.subtitle {
	opacity: 0.6;
	font-size: 18px;
	font-family: 'Roboto Mono';
	text-transform: uppercase;
	display: block;
	line-height: 1.1;
	padding: 0px;
}

/* Tiles */

section.tiles .row {
	gap: 75px;
	row-gap: 50px;
}

section.tiles .tiles_single {
	margin-bottom: 30px;
	width: calc(33.33% - 50px);
	flex: 0 0 calc(33.33% - 50px);
	max-width: calc(33.33% - 50px);
}

section.tiles .tiles_single .tiles_inner {
	border: 1px solid rgba(0,0,0,0.1);
	height: 100%;
	text-align: center;
	padding: 30px;
	background-color: var(--grey-light);
	transition: all 0.3s;
}

section.tiles .tiles_single.type_2 .tiles_inner {
	text-align: left;
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0);
}

section.tiles .tiles_single .tiles_inner img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	object-position: center;
	margin-bottom: 10px;
	height: 100%;
}

section.tiles .tiles_single.type_2 .tiles_inner img {
	background-color: var(--secondary-color-dark);
	padding: 15px;
	width: 60px;
	height: 60px;
	margin-bottom: 30px;
	transition: all 0.3s;
}

section.tiles .tiles_single.type_2:hover .tiles_inner {
	border-color: var(--secondary-color-dark);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
}

section.tiles .tiles_single .tiles_inner strong {
	display: block;
	margin-bottom: 10px;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--secondary-color-dark);
	transition: all 0.3s;
}

section.tiles .tiles_single.type_2 .tiles_inner .tiles_info {
	height: calc(100% - 90px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

section.tiles .tiles_single.type_2 .tiles_inner strong {
	margin-bottom: 30px;
}

section.tiles .tiles_single.type_2:hover .tiles_inner strong {
	color: var(--primary-color);
}

section.tiles .tiles_single .tiles_inner span {
	display: block;
	line-height: 1.2;
	font-size: 14px;
}

section.tiles .tiles_single .tiles_inner span:has(+ .linktext) {
	margin-bottom: 10px;
}

section.tiles .tiles_single.type_2 .tiles_inner span:has(+ .linktext) {
	margin-bottom: 30px;
}

section.tiles .tiles_single .tiles_inner span.linktext {
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0.6;
	transition: all 0.3s;
	font-weight: 700;
	font-size: 14px;
	color: var(--secondary-color-dark);
}

section.tiles .tiles_single .tiles_inner a:hover {
	opacity: 1;
}

section.tiles .tiles_single.type_2 .tiles_inner .linktext {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'Roboto Mono';
}

section.tiles .tiles_single.type_2 > a {
	text-decoration: none;
	color: inherit;
}

section.tiles .tiles_single.type_2 .tiles_inner .linktext i {
	color: var(--secondary-color-dark);
	background-color: #E8E8E8;
	padding: 10px;
}

section.tiles .tiles_single.type_2:hover .tiles_inner .linktext {
	opacity: 1;
}

section.tiles .tiles_single.type_2:hover .tiles_inner .linktext i {
	background-color: var(--primary-color);
}

/* Posts */

section.posts .post_image {
	height: 250px;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative;
}

section.posts .type_2 .post_image {
	border-bottom: none;
}

/* section.posts .type_2 .post_image::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	border-top: 45px solid #fff;
	z-index: 999;
	bottom: -10px;
	right: -29px;
	transform: rotate(-45deg);
} */

section.posts .post_category {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 5px;
	background-color: rgba(5, 28, 60, 0.8);
	color: #ffffff;
	font-family: 'Roboto Mono';
	text-transform: uppercase;
}

section.posts .post_image img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

section.posts .row {
	gap: 75px;
	row-gap: 50px;
}

section.posts .post_single {
	margin-bottom: 30px;
	width: calc(33.33% - 50px);
	flex: 0 0 calc(33.33% - 50px);
	max-width: calc(33.33% - 50px);
	color: var(--secondary-color-dark);
}

section.posts .post_single .post_inner {
	border: 1px solid rgba(0,0,0,0.1);
	height: 100%;
	background-color: #ffffff;
}

section.posts .post_single.type_2 .post_inner {
	border: none;
}

section.posts .post_single .post_inner .post_content {
	padding: 15px 30px 20px 30px;
	height: calc(100% - 250px);
}

section.posts .post_single.type_2 .post_inner .post_content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

section.posts .post_single.type_1 .post_inner .post_content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

section.posts .post_single .post_inner .post_meta {
	font-family: 'Roboto Mono';
	text-transform: uppercase;
	opacity: 0.5;
}

section.posts .post_single .post_inner h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	display: block;
	margin: 15px 0;
	line-height: 1.1;
}

section.posts .post_single.type_1 .post_inner h3 {
	font-weight: 700;
}

section.posts .post_single.type_2 .post_inner h3 {
	position: relative;
}

section.posts .post_single.type_2 .post_inner h3 img {
	display: block;
	height: 25px;
	margin-bottom: 5px;
}

/* section.posts .post_single.type_2 .post_inner h3::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f0e7";
	color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
} */

section.posts .post_single .post_inner h3 a {
	text-decoration: none;
	color: var(--secondary-color);
}

section.posts .post_single.type_2 .post_inner h3 a {
	color: var(--secondary-color);
}

section.posts .post_single .post_excerpt {
	display: block;
	color: rgba(0,0,0,0.65);
	margin-bottom: 15px;
}

section.posts .post_single.type_2 .post_inner a:has(i) {
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0.6;
	transition: all 0.3s;
	font-weight: 700;
	font-size: 14px;
}

section.posts .post_single.type_2 .post_inner a:has(i):hover {
	opacity: 1;
}

section.posts .post_single .post_inner a.button {
	font-size: 16px;
	padding: 10px 15px;
	color: var(--secondary-color-dark);
	border-color: var(--secondary-color-dark);
}

section.posts .post_single .post_inner a.button:hover {
	color: #ffffff;
}

section.posts .posts_filter {
	display: flex;
	gap: 15px;
	margin-bottom: 50px;
}

section.posts .page-numbers:not(.next, .dots, .prev) {
	display: inline-block;
	width: 40px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	background-color: var(--secondary-color-dark);
	color: #ffffff;
	font-weight: 900;
	opacity: 0.6;
	transition: all 0.3s;
}

section.posts .page-numbers:hover,
section.posts .page-numbers.current {
	opacity: 1;
	text-decoration: none;
}

section.posts .page-numbers.next, 
section.posts .page-numbers.dots, 
section.posts .page-numbers.prev {
	color: var(--secondary-color-dark);
	font-size: 20px;
}

section.posts .posts_pagination {
	text-align: right;
}

main.post_details section.banner .banner_overlay {
	padding: 125px 0;
}

main.post_details section.banner a.overview {
	color: #ffffff;
	font-family: 'Roboto Mono';
	opacity: 0.6;
	display: inline-block;
	margin-bottom: 10px;
	text-transform: uppercase;
	transition: all 0.3s;
}

main.post_details section.banner a.overview:hover {
	text-decoration: none;
	opacity: 1;
}

main.post_details section.banner em {
	display: block;
	color: var(--primary-color);
	font-family: 'Roboto Mono';
	font-size: 18px;
	font-style: normal;
	margin-bottom: 10px;	
	text-transform: uppercase;
}

main.post_details section.banner h1 {
	font-weight: 900;
}

main.post_details .headline.further_articles {
	color: var(--secondary-color);
}

main.post_details .headline.further_articles h2 {
	padding-top: 75px;
	border-top: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}

/* Cards */

section.cards .row {
	gap: 75px;
	row-gap: 50px;
}

section.cards .card_single {
	margin-bottom: 30px;
	width: calc(33.33% - 50px);
	flex: 0 0 calc(33.33% - 50px);
	max-width: calc(33.33% - 50px);
}

section.cards .card_single .card_inner {
	border: 1px solid rgba(0,0,0,0.1);
	height: 100%;
}

section.cards .card_single a {
	text-decoration: none;
	transition: all 0.3s;
}

section.cards .card_single a:not(:has(img)):hover {
	opacity: 0.6;
}

section.cards .card_single a:has(img) {
	display: block;
}

section.cards .card_single img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}

section.cards .card_single .card_inner .card_information {
	padding: 30px 30px 15px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 250px);
	background-color: #ffffff;
}

section.cards .card_single .card_inner .card_information .cards_linkwrap {
	padding: 15px 0 0 0;
	border-top: 1px solid rgba(0,0,0,0.1);
}

section.cards .card_single .card_inner .card_information .cards_linkwrap a {
	color: var(--secondary-color-dark);
	opacity: 0.6;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
}

section.cards .card_single .card_inner .card_information .cards_linkwrap a:hover {
	opacity: 1;
}

section.cards .card_single .card_inner .card_information ul {
	margin: 0;
	padding: 0 0 15px 0;
}

section.cards .card_single .card_inner .card_information ul li {
	list-style: none;
	margin-bottom: 5px;
	padding-left: 15px;
	position: relative;
}

section.cards .card_single .card_inner .card_information ul li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f054";
	font-size: 14px;
	margin-right: 5px;
	color: var(--primary-color);
	position: absolute;
	left: 0;
	top: 2px;
}

section.cards .card_single .card_inner .card_information h3 {
	text-transform: uppercase;
	margin-bottom: 15px;
}

section.cards .card_single .card_inner .card_information h3 b {
	display: block;
	font-weight: 900;
	hyphens: auto;
}

/* Breadcrumbs */

.wp-block-spacer:has(+ .yoast-breadcrumbs) {
	max-height: 50px;
}

.yoast-breadcrumbs {
	width: 1440px;
	padding: 0 15px;
	margin: auto;
	max-width: 100%;
	font-size: 20px;
	color: var(--grey);
	text-transform: uppercase;
	font-weight: 300;
}

.yoast-breadcrumbs a {
	color: var(--grey);
	transition: all 0.3s;
}

.yoast-breadcrumbs a:hover {
	text-decoration: none;
	color: var(--primary-color);
}

.yoast-breadcrumbs + .wp-block-group.has-background {
	padding-top: 50px;
}

/* Process */

section.process .process_steps_inner {
	display: flex;
	justify-content: space-around;
	gap: 30px;
	position: relative;
}

section.process .process_steps_inner::before {
	width: 100%;
	height: 2px;
	background-color: color-mix(in srgb, currentColor 30%, transparent);
	content: '';
	position: absolute;
	top: 40px;
	left: 0;
}

section.process .process_steps_inner .step_single {
	text-align: center;
}

section.process .process_steps_inner .step_single .step_icon img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	object-position: center;
	padding: 15px;
	background-color: #22324e;
	border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
	position: relative;
	margin-bottom: 15px;
	z-index: 8;
}

section.process .process_steps_inner .step_single strong {
	display: block;
	text-transform: uppercase;
}

section.process .process_steps_inner .step_single span {
	display: block;
	opacity: 0.5;
}

/* Contact */

section.contact .contact_single:not(:has(> a)) {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
	align-items: center;
	font-size: 18px;
}

section.contact .contact_single span.icon {
	font-size: 35px;
	border-radius: 5px;
	background-color: #23324e;
	color: var(--primary-color);
	width: 75px;
	height: 75px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

section.contact .contact_single a {
	display: block;
	opacity: 1;
	text-decoration: none;
	transition: all 0.3s;
}

section.contact .contact_single a:hover {
	opacity: 1;
	color: var(--primary-color);
}

section.contact .contact_single a:hover span.icon {
	color: #23324e;
	background-color: var(--primary-color);
}

section.contact .contact_single p {
	margin: 0;
}

section.contact .contact_single a i {
	margin-left: 5px;
}

section.contact .contact_single > a {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
	align-items: center;
	font-size: 18px;
}

section.contact .languages {
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
	font-family: 'Roboto Mono';
	padding-top: 30px;
	position: relative; 
	font-size: 14px;
}

section.contact .languages::before {
	width: 100%;
	height: 1px;
	content: '';
	background-color: rgba(255,255,255,0.15);
	position: absolute;
	top: 15px;
	left: 0;
}

section.contact .languages i {
	color: var(--primary-color);
}

/* Form */

.page_404 + .contact_group {
	display: none;
}

.contact_group {
	background-color: var(--secondary-color-dark);
	color: #ffffff;
	padding: 75px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.blogpage + .contact_group::after,
.post_details + .contact_group::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-top: 75px solid #ffffff;
	z-index: 998;
	top: -15px;
	right: -65px;
	transform: rotate(-135deg);
}

.error404 .contact_group::after {
	display: none;
}

.contact_group section.headline {
	color: #ffffff;
}

.contact_group section.headline h2 {
	padding-top: 0;
	border-top: none;
}

.contact_group section.contact .contact_single a {
	color: #ffffff;
}

.contact_group section.contact .contact_single a:hover {
	opacity: 1;
	color: var(--primary-color);
}

.wp-block-group.has-background div.wpcf7:has(form.wpcf7-form),
.contact_group div.wpcf7:has(form.wpcf7-form) {
	padding: 50px 30px;
	background-color: #ffffff;
	border-radius: 10px;
}

.wp-block-group.has-background form.wpcf7-form,
.contact_group form.wpcf7-form {
	color: var(--secondary-color);
}

form.wpcf7-form h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 30px;
}

form.wpcf7-form label {
	font-family: 'Roboto Mono';
	text-transform: uppercase;
}

form.wpcf7-form label.altcha-label {
	margin-bottom: 0;
}

form.wpcf7-form span.required {
	color: var(--primary-color);
}

form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
	width: 100%;
	border: none;
	border-bottom: 1px solid var(--grey);
	background-color: rgba(0,0,0,0.05);
	padding: 10px;
}

form.wpcf7-form input[type="file"] {
	height: 45px;
	padding: 7.5px 10px;
}

form.wpcf7-form textarea {
	height: 175px;
}

form.wpcf7-form select {
	appearance: none;
	cursor: pointer;
	background-image: url('https://acoteq.com/wp-content/themes/acoteq/assets/img/chevron-down-solid.svg');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;	
	color: inherit;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7-list-item-label {
	font-size: 12px;
}

.wpcf7-list-item-label a {
	color: var(--secondary-color-dark) !important;
	padding-bottom: 5px;
	display: inline-block;
	position: relative;
	transition: all 0.3s;
}

.wpcf7-list-item-label a::after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--primary-color);
	opacity: 0;
	transition: all 0.3s;
}

.wpcf7-list-item-label a:hover {
	text-decoration: none;
}

.wpcf7-list-item-label a:hover::after {
	opacity: 1;
}

form.wpcf7-form input[type="checkbox"] {
	display: inline-block;
	width: auto;
	margin-right: 5px;
}

form.wpcf7-form input[type="submit"] {
	color: #ffffff;
	background-color: var(--secondary-color-dark);
	padding: 15px 20px;
	letter-spacing: 0.5px;
	transition: all 0.3s;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: inline-block;
	font-size: 18px;
	border: 3px solid var(--secondary-color-dark);
	line-height: 1;
	width: auto;
}

form.wpcf7-form input[type="submit"]:hover {
	background-color: var(--primary-color);
	color: var(--secondary-color);
	border-color: var(--secondary-color);
	border: 3px solid var(--primary-color);	
}

/* Footer */

footer {
	padding: 100px 0 30px 0;
	-webkit-box-shadow: 0px -5px 15px 5px rgba(0,0,0,0.15); 
	box-shadow: 0px -5px 15px 5px rgba(0,0,0,0.15);	
	color: #75849C;
	line-height: 1.2;
}

footer .footer_start {
	padding-bottom: 50px;
}

footer .footer_column {
	margin-bottom: 50px;
}

footer .logo_link img {
	width: 300px;
	max-width: 100%;
	margin-bottom: 30px;
}

footer .logo_link + p {
	padding-bottom: 30px;
	text-align: justify;
	padding-right: 30px;
}

footer ul.memberships {
	display: flex;
	gap: 30px;
}

footer ul.memberships li {
	display: inline-block;
}

footer ul.memberships li img {
	max-width: 100%;
	object-fit: contain;
	max-height: 40px;
	filter: grayscale(1);
	transition: all 0.3s;
	opacity: 0.5;
}

footer ul.memberships li img:hover {
	filter: grayscale(0);
	opacity: 1;
}

footer p.disclaimer {
	text-align: justify;
}

footer strong.headline {
	text-transform: uppercase;
	color: var(--secondary-color);
	display: block;
	margin-bottom: 30px;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer ul li {
	list-style: none;
	margin-bottom: 15px;
}

footer ul li a {
	color: #75849C;
	text-decoration: none;
	transition: all 0.3s;
	text-transform: uppercase;
}

footer ul li a:hover {
	color: var(--secondary-color-dark);
	text-decoration: none;
}

footer p.disclaimer {
	text-align: justify;
}

footer .footer_end::before {
	content: '';
	background-color: var(--grey);
	opacity: 0.5;
	height: 1px;
	position: absolute;
	width: 100%;
	top: 0;
}

footer .footer_end {
	font-size: 14px;
	font-weight: 900;
	font-family: 'Roboto Mono';
	padding-top: 30px;
	position: relative; 
}

footer .footer_end .backlink {
	text-align: right;
}

footer .footer_end .backlink a {
	color: #75849C;
	text-decoration: none;
	transition: all 0.3s;	
}

footer .footer_end .backlink a:hover {
	color: var(--secondary-color-dark);
	text-decoration: none;
}

/* Responsive */

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

	header .mobile_nav_open {
		display: block;
	}

	header .mobile_nav_headline {
		display: flex;
	}

	header .header_bottom .navigation {
		position: fixed;
		width: 500px;
		max-width: 80vw;
		right: -100%;
		text-align: left;
		top: 0;
		background: #fff;
		z-index: 999;
		height: 100%;
		padding: 0 0 30px 0;
		overflow-y: scroll;
		transition: all 0.3s;
		-webkit-box-shadow: -5px 0px 15px 5px rgba(0,0,0,0.15);
		box-shadow: -5px 0px 15px 5px rgba(0,0,0,0.15);	
	}

	header .header_bottom .navigation.open {
		right: 0;
	}

	header .header_bottom .navigation ul {
		display: block;
	}

	header .header_bottom .navigation ul li ul {
		position: initial;
		display: block;
		background-color: var(--grey-light);
	}

	header .header_bottom .navigation ul li {
		display: block;
		margin: 0;
		padding: 0;
	}

	header .header_bottom .navigation ul li.button {
		padding-left: 10px;
		padding-top: 10px;
	}

	header .header_bottom .navigation ul li a {
		display: inline-block;
		padding: 15px;
	}

	section.hero .hero_content .hero_text h1 {
		font-size: 65px;
	}

	section.counter .counter_single {
		width: 33.33%;
		flex: 33.33%;
		max-width: 33.33%;
	}

	section.counter .counter_single::after {
		display: none;
	}

	section.stages .stages_wrapper::before {
		display: none;
	}

	section.stages .stages_wrapper {
		flex-wrap: wrap;
		justify-content: initial;
	}

	section.stages .stages_wrapper .stages_single {
		width: calc(20% - 24px);
		flex: unset;
	}
}

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

	.yoast-breadcrumbs,
	.wp-block-columns {
		width: 960px;
	}

	section.teaser .teaser_single .teaser_inner .teaser_info {
		display: block;
	}

	section.teaser .teaser_single .teaser_inner .teaser_info span.subtitle {
		margin-bottom: 30px;
	}

	section.manufacturers .manufacturers_wrapper .manufacturer_single {
		width: calc(25% - 23px)
	}

	section.service .service_links,
	section.service .service_text {
		padding: 75px;
	}

	section.stages .stages_wrapper .stages_single {
		width: calc(25% - 23px);
	}	

}

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

	section.stages .stages_wrapper .stages_single {
		width: calc(33.33% - 20px);
	}		

	section.manufacturers .manufacturers_wrapper .manufacturer_single {
		width: calc(33.33% - 20px)
	}	

	.yoast-breadcrumbs {
		width: 720px;
		font-size: 22px;
	}	

	.wp-block-columns {
		width: 720px;
	}

	header .header_top ul {
		text-align: left;
	}

	header .header_top ul li {
		margin-left: 0;
		margin-right: 30px;
	}

	section.hero .hero_content .hero_text {
		padding: 75px 15px;
	}

	section.hero .imageslider {
		position: relative;
		width: 100%;
		height: 400px
	}

	section.counter .counter_single {
		width: 50%;
		flex: 50%;
		max-width: 50%;
	}

	section.linklist .linklist_single:nth-child(3n+1)::after {
		width: 99999px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
		content: '';
		background-color: var(--secondary-color);
	}	

	section.linklist .linklist_single .linklist_inner {
		padding: 50px 0 !important;
	}

	section.linklist .linklist_single .linklist_inner img {
		top: 50px;
		right: 0;
	}

	section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap {
		display: block;
	}

	section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap .linklist_title {
		width: 100%;
	}

	section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap ul {
		margin-top: 50px;
		width: 100%;
	}

	section.linklist .linklist_single:last-child:nth-child(odd) .linklist_inner .links_wrap .linklist_icon img {
		top: 50px;
	}

    section.industries .industry_single:nth-child(2n)::after {
        display: none;
    }

	section.industries .industry_single:nth-last-child(-n+4)::before {
	    display: block;
	} 

	section.industries .industry_single:nth-last-child(-n+2)::before {
	    display: none;
	}

	section.posts .row,
	section.people .row,
	section.cards .row,
	section.tiles .row,
	section.teaser .row {
		gap: 50px;
	}

	section.posts .post_single,
	section.people .people_single,
	section.cards .card_single,
	section.tiles .tiles_single,
	section.teaser .teaser_single {
		width: calc(50% - 25px);
		flex: 0 0 calc(50% - 25px);
		max-width: calc(50% - 25px);		
	}

	footer .footer_end .backlink {
		text-align: left;
		padding-top: 5px;
	}

	section.cta .cta_inner {
		display: block;
		padding-right: 30px;
	}

	section.cta p:last-child {
		margin-bottom: 1rem;
	}

	section.service .service_text {
		padding: 75px 15px 15px 15px;
	}	

	section.service .service_links {
		padding: 15px 15px 75px 15px;
	}		

}

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

	section.contact .languages {
		margin-bottom: 30px;
	}

	html {
		scroll-padding-top: 215px; 
	}	

	section.stages .stages_wrapper .stages_single {
		width: calc(50% - 15px);
	}

	section.manufacturers .manufacturers_wrapper .manufacturer_single {
		width: calc(50% - 15px);
	}	

	.yoast-breadcrumbs {
		width: 540px;
		font-size: 20px;
	}

	.wp-block-columns {
		width: 540px;
	}

	section.hero .hero_content .hero_text h1 {
		font-size: 55px;
	}

	section.cta .pre_headline + p > strong {
		font-size: 35px;
	}

	section.counter .counter_single {
		width: 50%;
		flex: 50%;
		max-width: 50%;
	}	

	section.industries .industry_single::after {
		display: none !important;
	}	

	section.industries .industry_single:nth-last-child(-n+2)::before {
	    display: block;
	}	

	section.industries .industry_single:nth-last-child(-n+1)::before {
	    display: none;
	}		

	section.linklist.has_triangle::after {
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 50px solid var(--primary-color);
		bottom: -40px;
		right: -40px;
	}

	main > .wp-block-group.has-background::after,
	section.service::after {
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 50px solid var(--tri-color);
		bottom: -40px;
		right: -40px;		
	}

	section.posts .row,
	section.people .row,
	section.cards .row,
	section.tiles .row,
	section.teaser .row {
		gap: 0;
	}

	section.posts .post_single,
	section.people .people_single,
	section.cards .card_single,
	section.tiles .tiles_single,
	section.teaser .teaser_single {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;		
	}	

	.wp-block-group.has-background div.wpcf7:has(form.wpcf7-form), 
	.contact_group div.wpcf7:has(form.wpcf7-form) {
		padding: 30px 15px;
	}	

	section.headline h1, 
	section.headline h2, 
	section.headline h3,
	section.linklist .linklist_single .linklist_inner h2,
	section.banner .banner_overlay h1,
	section.service h1, 
	section.service h2, 
	section.service h3 {
		font-size: 40px;
	}	

	section.headline.has-link .headline_wrapper {
		display: block;
	}

	section.headline.has-link .headline_wrapper h1,
	section.headline.has-link .headline_wrapper h2,
	section.headline.has-link .headline_wrapper h3 {
		margin-bottom: 15px;
	}

	footer .footer_column {
		margin-bottom: 30px;
	}

	footer strong.headline {
		margin-bottom: 15px;
	}

	section.timeline .timeline_wrapper::before {
		display: none;
	}

	section.timeline .timeline_single {
		display: block;
	}

	section.timeline .timeline_single .timeline_content {
		width: 100%;
		margin-top: 15px;
	}

	main.post_details section.banner .banner_overlay {
		padding: 100px 0;
	}	

	section.teaser .teaser_single .teaser_inner .teaser_info {
		padding: 15px;
	}

	section.teaser .teaser_single .teaser_inner .teaser_info span.subtitle {
		margin-bottom: 15px;
	}

}

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

	header .header_top .row {
		justify-content: space-between;
	}

	header .header_top .delivery {
		white-space: nowrap;
		width: auto;
		flex: auto;
		max-width: auto;
	}

	header .header_top .meta_navigation {
		width: auto;
		flex: auto;
		max-width: auto;		
	}

	header .header_top .meta_navigation ul li:not(.wpml-ls-item) {
		display: none;
	}

	header .header_top ul li.wpml-ls-item {
		display: block;
		margin-right: 0;
		text-align: right;
	}

	header .header_top ul li.wpml-ls-item a {
		justify-content: flex-end;
	}

	header .header_top ul li.wpml-ls-item::after {
		display: none;
	}

	header .header_top ul ul {
		right: -10px;
		left: initial;
	}

	section.hero .imageslider {
		display: none;
	}

	section.hero .hero_content .hero_text ul {
		display: flex;
		flex-direction: column;
		align-items: center;		
	}

	section.hero .hero_content .hero_text a.button:has(+ ul) {
		margin-right: 0;
	}

	html {
		scroll-padding-top: 200px; 
	}	

	h1,
	h2,
	h3 {
		hyphens: auto;
	}

	section.cards .card_single .card_inner .card_information,
	section.people .people_single .people_inner .people_info {
		padding: 15px;
	}

	.yoast-breadcrumbs {
		font-size: 18px;
	}

	.wp-block-group.has-background {
		padding: 50px 0;
	}

	.wp-block-spacer {
		max-height: 50px;
	}

	section.hero .hero_content .hero_text {
		text-align: center;
	}

	section.hero .hero_content .hero_text h1 {
		font-size: 40px;
	}

	section.hero .hero_content .hero_text ul li::after {
		display: none;
	}

	section.counter .counter_single {
		width: 100%;
		flex: 100%;
		max-width: 100%;
	}

	section.linklist.has_triangle::after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 40px solid var(--primary-color);
		bottom: -30px;
		right: -30px;
	}

	main > .wp-block-group.has-background::after,
	section.service::after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 40px solid var(--tri-color);
		bottom: -30px;
		right: -30px;
	}

	.contact_group::after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 40px solid #ffffff;
		bottom: -30px;
		right: -30px;		
	}

	section.posts .post_single,
	section.people .people_single,
	section.cards .card_single,
	section.tiles .tiles_single,
	section.teaser .teaser_single {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;		
	}

	section.headline h1, 
	section.headline h2, 
	section.headline h3,
	section.linklist .linklist_single .linklist_inner h2,
	section.banner .banner_overlay h1,
	section.service h1, 
	section.service h2, 
	section.service h3 {
		font-size: 30px;
	}

	section.headline h1 em, 
	section.headline h2 em, 
	section.headline h3 em,
	section.linklist .linklist_single .linklist_inner h2 em,
	section.banner .banner_overlay h1 em,
	section.service h1 em, 
	section.service h2 em, 
	section.service h3 em {
		font-size: 16px;
	}

	section.headline:not(.align-center) h1 strong, 
	section.headline:not(.align-center) h2 strong, 
	section.headline:not(.align-center) h3 strong {
		display: inline;
	}

	.wp-block-group.has-background div.wpcf7:has(form.wpcf7-form), 
	.contact_group div.wpcf7:has(form.wpcf7-form) {
		padding: 15px 0;
	}

	a.button,
	form.wpcf7-form input[type="submit"] {
		font-size: 16px;
	}

	section.banner .banner_overlay p,
	section.text {
		font-size: 16px;
	}

	section.headline .headline_wrapper {
		margin-bottom: 15px;
	}

	section.people .people_single .people_inner .people_info p.description br {
		display: none;
	}

	section.accordion .accordion_title h3 {
		font-size: 18px;
	}

	section.process .process_steps_inner {
		flex-direction: column;
	}

	section.process .process_steps_inner::before {
		display: none;
	}

	main:has(section.cards) section.text p {
		text-align: left;
	}

	section.cta .pre_headline + p > strong {
		font-size: 28px;
	}	

	main.post_details section.banner .banner_overlay {
		padding: 75px 0;
	}

	section.quote .quote_inner {
		padding: 15px;
	}

	section.manufacturers .manufacturers_wrapper .manufacturer_single {
		width: 100%;
	}

	section.service .service_text {
		padding: 50px 15px 15px 15px;
	}	

	section.service .service_links {
		padding: 15px 15px 50px 15px;
	}	

	section.stages .stages_wrapper .stages_single {
		width: 100%;
	}	

	header .header_bottom .logo img {
		width: 225px;
	}

	footer .footer_end {
		font-size: 12px;
	}

	footer .logo_link + p {
		padding-right: 0px;
	}	

}