/*
Theme Name: ESQlabs
Description: Avada Child Theme for ESQlabs
Author: Vision Concept
Template: Avada
Version: 1.0.0
Text Domain: esqlabs
*/

/* FONT SIZE */

.display-ultra {
	font-size: 92px !important;
	line-height: 100px !important;
}

.display-xl {
	font-size: 72px !important;
	line-height: 94px !important;
}

.display-lg,
.display-lg h1{
	font-size: 48px !important;
	line-height: 60px !important;
}

.display-md {
	font-size: 36px !important;
	line-height: 44px !important;
}

.display-sm {
	font-size: 30px !important;
	line-height: 40px !important;
}

.display-xs {
	font-size: 22px !important;
	line-height: 28px !important;
}
.copy-lg {
	font-size: 24px !important;
	line-height: 36px !important;
}

.copy-md {
	font-size: 18px !important;
	line-height: 28px !important;
}

.copy-sm {
	font-size: 16px !important;
	line-height: 24px !important;
}

.copy-xs {
	font-size: 12px !important;
	line-height: 16px !important;
}

@media (max-width: 640px) {
	.display-xl {
		font-size: 40px !important;
		line-height: 48px !important;
	}

	.display-lg,
	.display-lg h1{
		font-size: 26px !important;
		line-height: 32px !important;
	}

	.display-md {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.display-sm {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	.display-xs {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	
	.copy-lg {
	font-size: 20px !important;
	line-height: 36px !important;
}

.copy-md {
	font-size: 18px !important;
	line-height: 28px !important;
}

.copy-sm {
	font-size: 18px !important;
	line-height: 24px !important;
}

.copy-xs {
	font-size: 14px !important;
	line-height: 16px !important;
}
}


/* FONT WEIGHT */
/*
.fw-light {
	font-weight: 300 !important;
}

.fw-regular {
	font-weight: 400 !important;
}

.fw-medium {
	font-weight: 500 !important;
}

.fw-semi-bold {
	font-weight: 600 !important;
}

.fw-bold {
	font-weight: 700 !important;
}*/


/* TEXT COLOR */

.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5 {
	color: #ffffff !important;
}

.text-black,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5 {
	color: #000000 !important;
}

.text-primary-base {
	color: #319CA6 !important;
}

.text-secondary-base {
	color: #399482 !important;
}

.text-tertiary-base {
	color: #C9492C !important;
}

.text-quatenary-base {
	color: #292C54 !important;
}

.text-quatenary-700 {
	color: #11153C !important;
}

.text-quatenary-800 {
	color: #0A0E32 !important;
}

.text-quatenary-900 {
	color: #01041A !important;
}


/* BACKGROUND COLOR */

.white {
	background-color: #FFFFFF !important;
}

.black {
	background-color: #000000 !important;
}



.neutral-grey-100 {
	background-color: #FBFBFB !important;
}

.neutral-grey-200 {
	background-color: #F5F5F5 !important;
}

.neutral-grey-300 {
	background-color: #F3F3F3 !important;
}

.neutral-grey-400 {
	background-color: #EFEFEF !important;
}

.neutral-grey-base {
	background-color: #E6E6E6 !important;
}

.neutral-grey-600 {
	background-color: #D8D8D8 !important;
}

.neutral-grey-700 {
	background-color: #C7C7C7 !important;
}

.neutral-grey-800 {
	background-color: #929292 !important;
}

.neutral-grey-900 {
	background-color: #5C5C5C !important;
}



.primary-100 {
	background-color: #B7E9EE !important;
}

.primary-200 {
	background-color: #8BD8DF !important;
}

.primary-300 {
	background-color: #64BFC8 !important;
}

.primary-400 {
	background-color: #4CB2BC !important;
}

.primary-base {
	background-color: #319CA6 !important;
}

.primary-600 {
	background-color: #1F8F99 !important;
}

.primary-700 {
	background-color: #0C7781 !important;
}

.primary-800 {
	background-color: #065B63 !important;
}

.primary-900 {
	background-color: #044950 !important;
}



.secondary-100 {
	background-color: #BDE5DE !important;
}

.secondary-200 {
	background-color: #9ACBC1 !important;
}

.secondary-300 {
	background-color: #76BCAE !important;
}

.secondary-400 {
	background-color: #54A393 !important;
}

.secondary-base {
	background-color: #399482 !important;
}

.secondary-600 {
	background-color: #1D846F !important;
}

.secondary-700 {
	background-color: #0A6D59 !important;
}

.secondary-800 {
	background-color: #0C5748 !important;
}

.secondary-900 {
	background-color: #083F33 !important;
}



.tertiary-100 {
	background-color: #FEC3B6 !important;
}

.tertiary-200 {
	background-color: #F89B87 !important;
}

.tertiary-300 {
	background-color: #E77E67 !important;
}

.tertiary-400 {
	background-color: #E76E53 !important;
}

.tertiary-base {
	background-color: #DC5A3C !important;
}

.tertiary-600 {
	background-color: #C03516 !important;
}

.tertiary-700 {
	background-color: #AA280B !important;
}

.tertiary-800 {
	background-color: #972208 !important;
}

.tertiary-900 {
	background-color: #871A02 !important;
}



.quatenary-100 {
	background-color: #7376A7 !important;
}


.quatenary-100-light {
	background-color: rgba(115,118,167,0.3) !important;
}



.quatenary-200 {
	background-color: #5A5D85 !important;
}

.quatenary-300 {
	background-color: #4C4F77 !important;
}

.quatenary-400 {
	background-color: #3E416B !important;
}

.quatenary-base {
	background-color: #292C54 !important;
}

.quatenary-600 {
	background-color: #1D214A !important;
}

.quatenary-700 {
	background-color: #11153C !important;
}

.quatenary-800 {
	background-color: #0A0E32 !important;
}

.quatenary-900 {
	background-color: #01041A !important;
}

.hero-video-left video{
	top: 0 !important;
	transform:translate(-50%, -15%)!important;
}

/* Mobile: Video links ausrichten und voll füllen */
@media (max-width: 1024px) {
  .hero-video-left video {
    width: 100% !important;
    height: 100%!important;
    object-fit: cover!important;         /* füllt den Container, wie background-size: cover */
    object-position: left center!important; /* Fokus: linke Seite des Videos */
	top: 50% !important;
	transform:translate(-50%, -50%)!important;
  }

  /* Falls der Container eine feste Höhe bekommen soll, z.B. 100vh: */
  .hero-video-left {
    height: auto;
    overflow: hidden;
  }
}


.grad-dark {
	background: linear-gradient(-24deg, #30335B 0%, #010419 50%, #010419 100%) !important;
}

.grad-dark-get-in-touch {
	background: linear-gradient( -79deg, #30335B 0%, #0E112B 75%, #0E112B 100%) !important;
}

.grad-dark-footer {
	background: linear-gradient( -77deg, #141734 0%, #010419 50%, #010419 100%) !important;
}

/* BUTTON */

a.btn {
	box-shadow: none;
	transition: 0.2s ease !important;
}


a.btn:hover {
	box-shadow: 0px 3px 4px #C7C7C7 !important;
}

/* LINKS */

.contact-mail-link {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.contact-mail-link:hover {
	border-bottom: 1px solid #319CA6;
}

.contact-link {
	color: #ffffff;
}

footer .awb-menu__main-a.awb-menu__main-a_regular {
	width: auto;
	margin: 0 auto 0 0;
}


/* Avada Builder Bild mit 100% Breite */
.full-width-image img,
.full-width-image {
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
	display: block;
}

@media (max-width: 768px) {
    .mobile-col-order-1 { order: 1 !important; } 
    .mobile-col-order-2 { order: 2 !important; } 
    .mobile-col-order-3 { order: 3 !important; } 
    .mobile-col-order-4 { order: 4 !important; } 
}

.container-box-1-2{
	/* Basis max-width: 720px (Hälfte des 1440px Containers) */
	max-width: 720px!important;
	box-sizing: border-box;
}

/* Dynamisches Padding: Ausrichtung an der Position des 1440px Containers */
/* Der globale 1440px Container ist zentriert: linke Kante bei (100vw - 1440px) / 2 */
/* Die Spalte soll sich an dieser Position ausrichten */
/* Bei 1440px: padding-left = 30px (boxed) */
/* Bei 1500px: padding-left = 0px (full-width) */

/* Ab 1440px: Padding berechnen */
@media (min-width: 1440px) {
	.container-box-1-2{
		/* Formel: 30px - ((100vw - 1440px) * 30px / 60px) */
		/* Bei 1440px: 30px - ((1440px - 1440px) * 30px / 60px) = 30px - 0 = 30px */
		/* Bei 1500px: 30px - ((1500px - 1440px) * 30px / 60px) = 30px - 30px = 0px */
		/* clamp() verhindert negative oder zu große Werte */
		padding-left: clamp(0px, calc(30px - ((100vw - 1440px) * 30px / 60px)), 30px) !important;
	}
}

/* Unter 1440px: normales Padding */
@media (max-width: 1439px) {
	.container-box-1-2{
		padding-left: 30px !important;
	}
}


/* Listen mit Checkmark als Aufzählungszeichen (für die Discover Liste) */
.discover-list{list-style:none;padding-left:0;}
.discover-list li{position:relative;padding-left:50px;margin-bottom:8px;}
.discover-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"62\" height=\"62\" viewBox=\"0 0 62 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M30.83 60.16C47.0285 60.16 60.16 47.0285 60.16 30.83C60.16 14.6315 47.0285 1.5 30.83 1.5C14.6315 1.5 1.5 14.6315 1.5 30.83C1.5 47.0285 14.6315 60.16 30.83 60.16Z\" stroke=\"%231D214A\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/><path d=\"M18.6992 31.9403L25.8462 39.0872C26.948 40.1891 28.731 40.1891 29.8328 39.0872L45.879 23.041\" stroke=\"%231D214A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center;}

/* Avada Text Editor Listen mit Unterstrich als Aufzählungszeichen */
.underscore-list,
.underscore-list ul{
	list-style: none;
	padding-left: 0;
}

.fusion-text.underscore-list{
	margin-top: 18px;
}
.underscore-list ul{
	margin-top: 0;
}

.underscore-list li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 8px;
}

.underscore-list li::before {
	content: '_';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: normal;
}

/* ======================================================
   AWB Menu – Hover & Active State als Underline
   ====================================================== */


/* 1. Avada Hover-/Active-Backgrounds deaktivieren */
.awb-menu__main-background-default,
.awb-menu__main-background-active {
  display: none !important;
}

/* 2. Basis: Main Menu Link */
.awb-menu__main-a {
  position: relative;
}

/* 3. Underline vorbereiten (unsichtbar) */
.awb-menu__main-a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px; /* Abstand unter Text – ggf. feinjustieren */
  width: 100%;
  height: 2px; /* Dicke der Linie */
  background-color: #ffffff; /* nutzt Textfarbe */
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.awb-menu__main-a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px; /* Abstand unter Text – ggf. feinjustieren */
  width: 100%;
  height: 2px; /* Dicke der Linie */
  background-color: #ffffff; /* nutzt Textfarbe */
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* 4. Hover-State */
.awb-menu__li:hover > .awb-menu__main-a::after {
  opacity: 1;
  transform: scaleX(1);
}


/* 5. Letzter Menüpunkt auf Desktop als Button – nur im Header */
@media (min-width: 1025px) {
  .fusion-tb-header .awb-menu__main-ul > .awb-menu__li:last-child .awb-menu__main-a span,
  .fusion-header .awb-menu__main-ul > .awb-menu__li:last-child .awb-menu__main-a span{
    color: #01041A !important;
    background-color: #FBFBFB !important;
    border-radius: 34px;
    padding: 4px 16px !important;
  }
  .fusion-tb-header .awb-menu__main-ul > .awb-menu__li:last-child .awb-menu__main-a::after,
  .fusion-header .awb-menu__main-ul > .awb-menu__li:last-child .awb-menu__main-a::after {
    display: none;
  }
  .fusion-tb-header .awb-menu__main-ul > .awb-menu__li:last-child:hover .awb-menu__main-a,
  .fusion-header .awb-menu__main-ul > .awb-menu__li:last-child:hover .awb-menu__main-a {
    opacity: 0.92;
  }
}




/* =========================================================
   Avada Header Layout – normale Submenus (kein Mega Menu)
   ========================================================= */
/* AWB Menu: Submenu Background wie Header */
.awb-menu__sub-ul_main{
  background: #0b0b0b !important; /* <-- Header-Farbe hier einsetzen */
  box-shadow: none !important;
  border: 0 !important;
}

/* AWB Menu: Submenu horizontal */
.awb-menu__sub-ul_main{
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 18px;
  padding: 12px 18px !important;
  width: 100%;
  white-space: nowrap;
}

/* einzelne Submenu Items */
.awb-menu__sub-ul_main > .awb-menu__sub-li{
  width: auto !important;
}

/* Submenu Links */
.awb-menu__sub-ul_main > .awb-menu__sub-li > .awb-menu__sub-a{
  display: inline-flex;
  padding: 8px 12px !important;
  background: transparent !important;
  border-radius: 10px;
}


.awb-menu__sub-ul_main > .awb-menu__sub-li > .awb-menu__sub-a:hover,
.awb-menu__sub-ul_main > .awb-menu__sub-li.current-menu-item > .awb-menu__sub-a{
  background: rgba(255,255,255,0.08) !important;
}




/* =========================================================
   CONTACT FORM 7
   ========================================================= */
/* RADIO AGREEMENT */

.wpcf7-form .wpcf7-radio .wpcf7-list-item,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 12px !important;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item label,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	cursor: pointer;
}

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
	pointer-events: auto !important;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"],
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
	margin: 0 !important;
	flex-shrink: 0 !important;
	margin-top: 0 !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	background-color: #01041A !important;
	border: 1px solid #4C4F77 !important;
	border-radius: 8px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	cursor: pointer;
	position: relative;
	vertical-align: top;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked {
	background-color: #01041A !important;
	border-color: #4C4F77 !important;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked::after,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border-radius: 2px;
}


.wpcf7-form .wpcf7-radio .wpcf7-list-item-label,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
	display: block !important;
	padding: 0 !important;
	border-radius: 8px;
	flex: 1 !important;
	width: auto !important;
	cursor: pointer !important;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item-label p,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label p {
	margin: 0;
}


/* INPUT FIELDS */

#wrapper .select-arrow{
background: transparent !important;
color: white;
border: none;
}


/* FORM FLEX LAYOUT */

.wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.wpcf7-form > p:has(input.esq-form-half-width),
.wpcf7-form > p:has(select.esq-form-half-width) {
	flex: 0 0 calc(50% - 8px);
	max-width: calc(50% - 8px);
	margin: 0 !important;
}

.wpcf7-form > p:not(:has(input.esq-form-half-width)):not(:has(select.esq-form-half-width)) {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 !important;
}



.wpcf7-form ::placeholder,
.wpcf7-form textarea::placeholder {
	color: #ffffff !important;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form select {
	padding: 8px 18px !important;
}

.wpcf7-form select {
	border: 1px solid #4C4F77 !important;
	border-radius: 20px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 18px center !important;
	background-size: 12px !important;
	padding-right: 40px !important;
}

.wpcf7-form select option {
	background-color: #01041A !important;
	color: #ffffff !important;
	padding: 8px 18px !important;
}

.wpcf7-form .select-arrow{
	display: none;
}

.esq-input-border {
	border: 1px solid #4C4F77 !important;
	border-radius: 20px !important;
}

.esq-checkbox-border {
	border: 1px solid #4C4F77 !important;
	border-radius: 8px !important;
}

/* Contact Form 7 – Farben zentral steuern */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form select,
.wpcf7-form textarea {
	color: #ffffff !important;
	background-color: #01041A !important;
}

.wpcf7-form label,
.wpcf7-form .wpcf7-list-item-label {
	color: #ffffff !important;
}

.wpcf7-form .esq-sc-button.btn {
	color: #ffffff !important;
	border-color: #ffffff !important;
	background-color: transparent !important;
}

/* SUBMIT BUTTON */

.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: transparent !important;
	border: 1px solid #ffffff !important;
	border-radius: 27px !important;
	padding: 20px 10px;
	position: relative;
	padding-right: 30px;
}

.wpcf7-form input[type="submit"]::after,
.wpcf7-form .wpcf7-submit::after {
	content: "\f061";
	font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome", sans-serif;
	font-weight: 900;
	font-style: normal;
	position: absolute;
	right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	animation: slide_icon .4s cubic-bezier(.21,.6,.35,1);
}

.wpcf7-form input[type="submit"]:hover::after,
.wpcf7-form .wpcf7-submit:hover::after {
	animation: slide_icon_reverse .4s cubic-bezier(.21,.6,.35,1);
}


/* =========================================================
   GET IN TOUCH
   ========================================================= */

  .get-in-touch-collapsable {
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    opacity: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
  }
  .get-in-touch-collapsable.is-open {
    max-height: 600px !important;
    opacity: 1;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
  }

  /* Get-in-touch-page: helles Formular (Hintergrund #F3F3F3, Text schwarz, keine Border) */
  #get-in-touch-page .wpcf7-form input[type="text"],
  #get-in-touch-page .wpcf7-form input[type="email"],
  #get-in-touch-page .wpcf7-form input[type="tel"],
  #get-in-touch-page .wpcf7-form input[type="url"],
  #get-in-touch-page .wpcf7-form input[type="number"],
  #get-in-touch-page .wpcf7-form select,
  #get-in-touch-page .wpcf7-form textarea {
    color: #000000 !important;
    background-color: #F3F3F3 !important;
    border: none !important;
  }

  #get-in-touch-page .wpcf7-form select option {
    background-color: #F3F3F3 !important;
    color: #000000 !important;
  }

  /* Pfeil im Select-Feld in Dunkelblau (#292C54) */
  #get-in-touch-page .wpcf7-form select {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23292C54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }

  #get-in-touch-page .wpcf7-form ::placeholder,
  #get-in-touch-page .wpcf7-form textarea::placeholder {
    color: #000000 !important;
  }

  #get-in-touch-page .wpcf7-form label,
  #get-in-touch-page .wpcf7-form .wpcf7-list-item-label {
    color: #000000 !important;
  }


  #get-in-touch-page .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"], #get-in-touch-page .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    background-color: #F3F3F3 !important;
    border: none !important;
  }

  #get-in-touch-page .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked::after {
    background-color: #292C54 !important;
  }

  #get-in-touch-page .wpcf7-form .esq-input-border,
  #get-in-touch-page .esq-input-border {
    border: none !important;
  }

  #get-in-touch-page .wpcf7-form input[type="submit"],
  #get-in-touch-page .wpcf7-form .wpcf7-submit,
  #get-in-touch-page .wpcf7-form .esq-sc-button.btn {
    color: #292C54 !important;
    background-color: transparent !important;
    border: 1px solid #292C54 !important;
    box-shadow: none !important;
    font-family: "Inter", sans-serif !important;
    transition: box-shadow .25s ease, transform .25s ease;
  }

  #get-in-touch-page .wpcf7-form input[type="submit"]:hover,
  #get-in-touch-page .wpcf7-form .wpcf7-submit:hover,
  #get-in-touch-page .wpcf7-form .esq-sc-button.btn:hover {
    box-shadow: 0 14px 22px rgba(0,0,0,.18) !important;
    transform: translateY(-1px);
  }

/* =========================================================
   CF7 Submit Buttons (auch außerhalb von get-in-touch-page)
   - nur wenn es der "ESQ" Button ist (class:esq-sc-button)
   ========================================================= */
  .wpcf7-form input[type="submit"].esq-sc-button,
  .wpcf7-form .wpcf7-submit.esq-sc-button {
    font-family: "Inter", sans-serif !important;
    box-shadow: none !important;
    transition: box-shadow .25s ease, transform .25s ease;
  }

  .wpcf7-form input[type="submit"].esq-sc-button:hover,
  .wpcf7-form .wpcf7-submit.esq-sc-button:hover {
    box-shadow: 0 14px 22px rgba(0,0,0,.18) !important;
    transform: translateY(-1px);
  }

/* =========================================================
   COUNTER BOX
   ========================================================= */

.counter-box-seperator .counter-box-content {
	border-top: 1px solid #000000;
	padding-top: 10px;
	margin-top: 10px;
	display: inline-block;
}