.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-aec0f75:#F2B900;--e-global-color-0e14565:#2E2E2E;--e-global-color-3c8fe0f:#FEF8E5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#9D9D9C;font-family:"Citrocasa";font-size:0.875rem;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#F2B90000;font-size:16px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-aec0f75 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-aec0f75 );border-radius:38px 38px 38px 38px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-aec0f75 );color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-aec0f75 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#9D9D9C;}.elementor-kit-5 h1{color:var( --e-global-color-0e14565 );font-family:"Citrocasa";font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:3px;}.elementor-kit-5 h2{color:var( --e-global-color-0e14565 );font-size:36px;font-weight:700;text-transform:uppercase;letter-spacing:3px;}.elementor-kit-5 h3{color:var( --e-global-color-0e14565 );font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.elementor-kit-5 h4{color:var( --e-global-color-0e14565 );font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.elementor-kit-5 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF00;border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .header-inner{width:1440px;max-width:100%;}.site-header .site-branding .site-logo img{width:160px;max-width:160px;}@media(max-width:1024px){.elementor-kit-5 h3{font-size:24px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:28px;}.elementor-kit-5 h2{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Styling Sticky Header */
header.sticky-header {
	--header-height: 80px;
	--shrink-header-to: 0.3;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

.headerMenuLink {
    text-align: center;
    font-family: 'Citrocasa';
    color: #2e2e2e;
    font-size: 20px;
}

/* Sticky header activated */
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/* Shorter header on mobile (70px instead of 100px) */
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 50px;
	}
}

/* Cookiebot */

#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}

/* Scrollbar */

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
  background-color: #FFF;
}

::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  background-color: #f3b900;
  border: 0px solid #555555;
  border-radius: 10px;
}

/* Logo */
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(0.65);
}

.elementor-kit-5 h1 {
    padding-bottom: 50px;
}

.pre-title {
    font-family: "Citrocasa";
    font-weight: 700;
    font-size: 18px;
    color: #f2b900;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: -15px;
}

@media (max-width: 767px){
    .pre-title {
        text-align: center;
    }
}

.pre-heading {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #2e2e2e;
}

.jobsHeading {
    font-size: 18px;
    font-weight: 500;
    color: #2e2e2e;
}

.centeringText {
   text-align: center;
   font-weight: 400;
}

.footerContainer {
    color: #fff;
    text-decoration: none;
}

/* Link Animationen Footer */
.footerContainer a {
  position: relative;
  color: #fff;
}

.footerContainer a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .4s ease-in-out;
  }

.footerContainer a:hover:before {
  transform-origin: left;
  transform: scaleX(1);
}

/* -- */

/* Link Animationen Linklist */
.linkList a {
  position: relative;
}

.linkList a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    background-color: #9d9d9c;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .4s ease-in-out;
  }

.linkList a:hover:before {
  transform-origin: left;
  transform: scaleX(1);
}

/* -- */

/* Link Animationen Header */
.headerMenu a {
  position: relative;
}

.headerMenu a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    background-color: #2e2e2e;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .4s ease-in-out;
  }

.headerMenu a:hover:before {
  transform-origin: left;
  transform: scaleX(1);
}

.headerMenu>.elementor-sub-item:hover {
    
}

/* -- */

.linkList {
    font-size: 16px;
    text-transform: uppercase;
}

.linkList li {
    margin-top: 15px;
}

.productFiles a {
    color: #F2B900;
    text-decoration: underline;
}

.responsiveTitle {
    color: #F2B900;
    text-transform: uppercase;
    text-align: center;
}

video {
    border: 1px solid #fff0;
    border-radius: 10px;
}

/* Mobile Menu */

.lytbox-button {
	--hamburger-color: #000;
	--close-x-color: #000;
	display: block;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 101;
}


/* must add in elementor template ID number to make the menu full width */
.elementor-274 {
	width: 100%;
}

/* end editing */

.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

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

/* toggle hamburger*/

.lytbox-button .hamburguer {
	position: relative;
}

.lytbox-button .hamburguer span{
	display: block;
	height: 2px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}

/* closed X */

.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}

.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}

/* Anpassungen Karriere */

.applyNow {
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase;
color: #2E2E2E;
border-bottom: 2px solid #F2B900;
}

.careerHeader {
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 30px;
color: #272727;
}

.careerInfo  {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
color: #F2B900;
}

.cultureHeader {
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 33px;
letter-spacing: 1px;
}

.elementor-message.elementor-message-success {
    color: green;
}

.elementor-element.elementor-element-11a4c18.elementor-widget.elementor-widget-html {
    position: relative;
	height: 60vh;
	overflow: hidden;
}

/* WPForm Config */

.contactFormCareerSubmit {
    color: #fff !important;
    background-color: #2E2E2E !important;
    text-transform: uppercase !important;
    width: 100% !important;
}

.formSingleItems, .wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
    border-color: #f2b900 !important;
    border-width: 0 0 2px !important;
}

.contactFormCareer input, .contactFormCareer textarea {
    border: solid !important;
    border-width: 0 0 2px !important;
    border-color: #f2b900 !important;
    background-color: #fff !important; 
}

.wpforms-container .wpforms-field {
    padding: 5px 0 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Citrocasa';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.citrocasa.com/wp-content/uploads/2023/02/Avenir-LT-Std-35-Light-1.woff2') format('woff2'),
		url('https://www..citrocasa.com/wp-content/uploads/2023/02/Avenir-LT-Std-35-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Citrocasa';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.citrocasa.com/wp-content/uploads/2023/02/Avenir-LT-Std-65-Medium.woff2') format('woff2'),
		url('https://www.citrocasa.com/wp-content/uploads/2023/02/Avenir-LT-Std-65-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Citrocasa';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.citrocasa.com/wp-content/uploads/2023/02/Avenir-LT-Std-85-Heavy.woff2') format('woff2'),
		url('https://www.citrocasa.com/wp-content/uploads/2023/02/Avenir-LT-Std-85-Heavy.ttf') format('truetype');
}
/* End Custom Fonts CSS */