/*Classes for Phone*/
@media screen and (max-width:767px){


	
	
	
	/****fonts ***/
	/*doubled because of startpage/mobile*/
	.h1{
	font-size: 32px!important;
	line-height: 1.2;
		
}
	
    h1{
        font-size: 24px;
        line-height: 1.2;
    }

    h2{
        font-size: 20px;
        line-height: 1.2;
        color: red;
    }

    .h2{
        font-size: 20px;
        line-height: 1.2;
    }

    h3{
        font-size: 14px;
        line-height: 1.2;
    }

    .h3{
        font-size: 14px;
        line-height: 1.2;
    }

    h4{
        font-size: 12px;
        line-height: 1.2;
    }

    .h4{
        font-size: 12px;
        line-height: 1.2;
    }
	
	.wo-hero{
		font-size: 48px!important;
	}
	
	.wo-job-sticky-headline{
		font-size: 18px!important;
	}

		
/* content width 70 % and left-aligned */
    .wo-content-left-70{
        margin-right: 0%;
			width: 100%!important;
    }

        /* content width 50 % and left-aligned */
    .wo-content-left-50{
        margin-right: 0%
    }
	
	
/*** Don't display figcaptions on mobile ***/
	figcaption.widget-image-caption.wp-caption-text {
		display: none!important;
	}
	

	
	/************** Elements **************/
	.wo-container-mobile{
		margin-left: -32px!important;
		margin-right: -32px!important;
		padding-left: 32px!important;
		padding-right: 32px!important;
	}
	
	.wo-container-mobile-2{
		margin-left: -64px!important;
		margin-right: -64px!important;
		padding-left: 32px!important;
		padding-right: 32px!important;
	}
	
	
	.wo-gap-16-mobile{
		column-gap: 16px!important;
	}
	
	
	/************* gradients and colors *************/
.wo-bg-primary-solid-mobile{
	background-color: var(--wo-primary-solid);
}

.wo-bg-primary-brighter-20-mobile{
	background-color: var(--wo-primary-brighter-20);
}

/****** background half or third ******/
.wo-bg-primary-half-solid-80{
	background-image: linear-gradient(180deg, 
var(--wo-primary-solid) 50%, 
var(--wo-primary-brighter-80) 50%)!important;
}

.wo-bg-primary-half-20-solid{
	background-image: linear-gradient(180deg, 
var(--wo-primary-brighter-20) 50%, 
var(--wo-primary-solid) 50%)!important;
}

.wo-bg-primary-half-40-solid{
	background-image: linear-gradient(180deg, 
var(--wo-primary-brighter-40) 50%, 
var(--wo-primary-solid) 50%)!important;
}


.wo-bg-primary-half-solid-white{
	background-image: linear-gradient(180deg, 
var(--wo-primary-solid) 50%, 
#fff 50%)!important;
}

/**Secondary color **/

.wo-bg-secondary-half-solid-80{
	background-image: linear-gradient(180deg, 
var(--wo-secondary-solid) 50%, 
var(--wo-secondary-brighter-80) 50%)!important;
}



.wo-bg-grey-half-20-80{
	background-image: linear-gradient(180deg, 
var(--wo-secondary-brighter-20) 50%, 
var(--wo-secondary-brighter-80) 50%)!important;
}

.wo-bg-grey-half-60-solid{
	background-image: linear-gradient(180deg, 
var(--wo-secondary-brighter-60) 50%, 
var(--wo-secondary-solid) 50%)!important;
}


.wo-bg-grey-half-80-solid{
	background-image: linear-gradient(180deg, 
var(--wo-secondary-brighter-80) 50%, 
var(--wo-secondary-solid) 50%)!important;
}


/* background images 
.wo-bg-product-bullet-1{
	background:linear-gradient(90deg, var(--wo-secondary-brighter-40) 50%, transparent 50%), url("/wp-content/uploads/2021/05/about.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.wo-bg-product-bullet-2{
		background:linear-gradient(90deg, transparent 50%, var(--wo-secondary-brighter-20) 50%), url("/wp-content/uploads/2021/05/about.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*.wo-bg-product-blue{
	background:linear-gradient(90deg, transparent 50%, var(--wo-secondary-solid 50%), url("/wp-content/uploads/2022/02/pic1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

*/
.wo-bg-jobs-intro{
	background:linear-gradient(180deg, var(--wo-secondary-solid) 50%, transparent 50%), url("/wp-content/uploads/2022/08/enomic_jobs-1.jpg");
	background-size: default;
	background-repeat: no-repeat;
	background-position: center center!important;
}
	
	
	/************* spacing-classes  *************/
/* default-margins*/
.wo-margin-16-mobile{
	margin: 16px!important;
}

.wo-margin-24-mobile{
	margin: 24px!important;
}

.wo-margin-32-mobile{
	margin: 32px!important;
}
.wo-margin-40-mobile{
	margin: 40px!important;
}

/* margin-bottom */
.wo-margin-bottom-16-mobile{
	margin-bottom: 16px!important;
}

.wo-margin-bottom-24-mobile{
	margin-bottom: 24px!important;
}

.wo-margin-bottom-32-mobile{
	margin-bottom: 32px!important;
}

.wo-margin-bottom-40-mobile{
	margin-bottom: 40px!important;
}

.wo-margin-bottom-80-mobile{
	margin-bottom: 80px!important;
}


/* margin-top */
.wo-margin-top-16-mobile{
	margin-top: 16px!important;
}

.wo-margin-top-24-mobile{
	margin-top: 24px!important;
}

.wo-margin-top-32-mobile{
	margin-top: 32px!important;
}

.wo-margin-top-40-mobile{
	margin-top: 40px!important;
}

.wo-margin-top-80-mobile{
	margin-top: 80px!important;
}

/* margin-left */
	.wo-margin-left-0-mobile{
	margin-left: 0px!important;
}
	
.wo-margin-left-16-mobile{
	margin-left: 16px!important;
}

.wo-margin-left-24-mobile{
	margin-left: 24px!important;
}

.wo-margin-left-32-mobile{
	margin-left: 32px!important;
}

.wo-margin-left-40-mobile{
	margin-left: 40px!important;
}

.wo-margin-left-80-mobile{
	margin-left: 80px!important;
}

/* margin-right */
.wo-margin-right-16-mobile{
	margin-right: 16px!important;
}

.wo-margin-right-24-mobile{
	margin-right: 24px!important;
}

.wo-margin-right-32-mobile{
	margin-right: 32px!important;
}

.wo-margin-right-40-mobile{
	margin-right: 40px!important;
}

.wo-margin-right-80-mobile{
	margin-right: 80px!important;
}


/* default-padding*/
.wo-padding-negate-mobile {
	padding: 0px!important;
}

.wo-padding-8-mobile{
	padding: 8px!important;
}

.wo-padding-16-mobile{
	padding: 16px!important;
}

.wo-padding-24-mobile{
	padding: 24px!important;
}

.wo-padding-32-mobile{
	padding: 32px!important;
}
.wo-padding-40-mobile{
	padding: 40px!important;
}

/* padding-bottom*/
.wo-padding-bottom-16-mobile{
	padding-bottom: 16px!important;
}

.wo-padding-bottom-24-mobile{
	padding-bottom: 24px!important;
}

.wo-padding-bottom-32-mobile{
	padding-bottom: 32px!important;
}

.wo-padding-bottom-40-mobile{
	padding-bottom: 40px!important;
}

.wo-padding-bottom-80-mobile{
	padding-bottom: 80px!important;
}

/* padding-top*/
.wo-padding-top-16-mobile{
	padding-top: 16px!important;
}

.wo-padding-top-24-mobile{
	padding-top: 24px!important;
}

.wo-padding-top-32-mobile{
	padding-top: 32px!important;
}

.wo-padding-top-40-mobile{
	padding-top: 40px!important;
}

.wo-padding-top-80-mobile{
	padding-top: 80px!important;
}

.wo-mobile-padding-left-40{
    padding-left: 40px!important;
}

.wo-mobile-padding-right-40{
    padding-right: 40px!important;
}

.wo-mobile-padding-left-40{
    padding-left: 40px!important;
}

.wo-mobile-padding-right-16{
    padding-right: 16px!important;
}

.wo-mobile-padding-left-16{
	padding-left: 16px!important;
}



/*** Subtitle stylings ***/

.ca-subtitle-1 {
    font-size: 22px!important;
}

/*** End Subtitle stylings ***/ 


/*** Kontaktformular ***/

.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    flex-basis: 100%!important;
}

/*** End Kontakkformular ***/




.elementor-11 .elementor-element.elementor-element-dbc875e {
    padding: 0px!important;
}


.wo-mobile-padding-general{
	padding-right: 32px!important;
    padding-left: 32px!important;
}


.elementor-element.elementor-element-e42aca0.wo-padding-top-40.wo-padding-bottom-24.wo-padding-left-40.wo-margin-top-16-mobile.e-con-full.e-con {
    width: 100%!important;
} 

	
	/* elementor overwirte */
	.elementor-page-3372 .elementor-element-0ae93a2 {
		display: none!important;
	}

i.elementor-menu-toggle__icon--open.eicon-menu-bar {
	margin-right: -125px;
}

i.elementor-menu-toggle__icon--close.eicon-close {
	margin-right: -125px;
}


/*** menü ***/

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-left: -42%!important;
    width: 101vw;
    height: 100vh!important;
}


.elementor-13 .elementor-element.elementor-element-3810f11 {
	left: 30px!important;
	top: -3px!important;
}

.elementor-nav-menu--dropdown {
	height: auto!important;
}

.elementor-13 .elementor-element.elementor-element-3810f11 .elementor-menu-toggle{
       margin-right: -45%!important;;
}

ul#menu-2-3810f11 {
    margin-right: 0px!important;
}

.elementor-item {
	color: var(--ca-blue-solid)!important;
}

.elementor-13 .elementor-element.elementor-element-3810f11 .elementor-nav-menu--dropdown a {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}


.elementor-350 .elementor-element.elementor-element-fdfcb6f {
    width: 100%!important;
}


body:not(.rtl) .elementor-13 .elementor-element.elementor-element-3810f11 {
	left: 35px!important;
}

.elementor-item-active {
	border-bottom: none;
}

i.elementor-menu-toggle__icon--open.eicon-menu-bar {
    margin-top: 0;
}


i.elementor-menu-toggle__icon--close.eicon-close {
    margin-top: 0px;
}


.elementor-13 .elementor-element.elementor-element-3810f11 .elementor-nav-menu--dropdown a {
	padding-bottom: 8px;
}

.elementor-11 .elementor-element.elementor-element-2b2af41 {
    padding: 0px!important;
}
	
	
	.wo-content-70-mobile-negate {
		margin-right: 0%!important;
		margin-left: 0%!important;
	}

	
/*** Größe Auto in Dragon+ Animation ***/	
	
.elementor-element.elementor-element-561c4b4.car.elementor-widget.elementor-widget-image {
    max-width: 20%!important;
}
	

/*** Center Range buttons on mobile ***/	
.container-center-80 {
    width: 80%!important;
    margin: 0 auto!important;
}


.neu-plakette::after {
    content: 'NEU';
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    font-size: 14px;
    border: 1px solid #CCC330;
    background-color: #CCC330;
    color: #000;
    border-radius: 3px;
    padding: 8px 24px;
}


/* English override */
html[lang^="en"] .neu-plakette::after {
    content: 'NEW';
}

	
	
/*** DragonCam Car Slide Animation ***/

html, body { overflow-x: clip; }   /* modern browsers */
@supports not (overflow: clip) {
  html, body { overflow-x: hidden; }  /* older fallback */
}

.car {
  position: absolute;  /* or whatever you had */
  left: 0;
  bottom: 0;
  animation: drive 0.5s linear infinite;
  animation-delay: 2.5s;
  will-change: transform;
}

@keyframes drive {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(calc(100vw + 100%)); }
}

.kmh {
	margin-top: 16px!important;
}

.kmh::before {
	content: "max.";
    font-size: 16px;
    font-weight: 400;
	font-family: "ProximaNova"!important;
    color: #575757;
    top: -20px;
    position: absolute;
}
	
	

.elementor-604 .elementor-element.elementor-element-917ace5 .elementor-button {
	background-color: #CCC333!important;
}
.elementor-604 .elementor-element.elementor-element-917ace5 .elementor-button:hover {
	background-color: #8E8823!important;
	border-color: #8E8823!important;
}


.elementor-604 .elementor-element.elementor-element-917ace5 .elementor-button span {
	 color: var(--ca-black-solid)!important;
}	




/*** Video 1 ***/

.elementor-element.elementor-element-daa338a.elementor-widget.elementor-widget-video {
    width: 75%!important;
    margin-left: 13%!important;
    margin-top: -35%!important;
}



/*** Video 2 ***/



.elementor-element.elementor-element-6e0c9f9.elementor-widget.elementor-widget-video  {
    width: 75%!important;
    margin-left: 13%!important;
    margin-top: 13%!important;
}


.elementor-element.elementor-element-6e0c9f9.elementor-widget.elementor-widget-video video  {
    width: 100%!important;
    height: 130%!important;
    border-radius: 27px!important;
}



.cityimg figcaption.widget-image-caption.wp-caption-text {
	margin-top: -16%!important;
    font-family: 'ProximaNova';
	text-align: left;
	margin-left: 16px!important;
    font-style: normal;
    color: #fff!important;
    font-size: 21px;
    font-weight: 700;
    display: block!important;
}




/*** Video 3 ***/

.elementor-element.elementor-element-6cc6ec1.elementor-widget.elementor-widget-video {
    width: 75%!important;
    margin-left: 13%!important;
    margin-top: 13%!important;
}

/*** Anwendungsbereiche ***/

.anwendungs-kmh::before {
	left: 0px;
}


.elementor-13 .elementor-element.elementor-element-3810f11 .elementor-menu-toggle{
    margin-right: -25%!important;
        margin-top: -1%!important;
}




.menu-button-mobile {
 	display: flex!important;
    justify-content: center;
    align-items: center;
    background-color: #CDC333 !important;
    color: #000 !important;
    width: 215px !important;
    text-align: center !important;
    margin-top: 16px !important;
    padding-top: 0px!important;
}

.menu-button-mobile-secondary {
 	display: flex!important;
    justify-content: center;
    border: 1px solid #CDC333!important;
    align-items: center;
    background-color: #fff !important;
    color: #000 !important;
    width: 215px !important;
    text-align: center !important;
    margin-top: 16px !important;
    padding-top: 0px!important;
}


.menu-button-mobile-secondary a {
    color: #CDC333 !important;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.menu-button-mobile a {
    color: #000 !important;
    text-align: center;
    display: block;
    margin: 0 auto;
}


.elementor-1454 .elementor-element.elementor-element-d006164 {
	width: 100%!important;
}


time {
	font-size: 16px!important;
	color: #333366!important;
}


.landscape-software {
	margin-left: 0%;
}


.ipad-mockup-landscape {
    width: 90%;
    max-width: 1140px;
    height: 90%;
    aspect-ratio: 3 / 2;
    background: #fff;
    border-radius: 40px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); */
    padding: 15px;
    position: relative;
    margin: 40px auto;
    display: flex;
    border: 1px solid #c4c4c4;
}

.ipad-bezel {
	padding: 10px!important;
}

.ipad-camera {
    width: 6px;
    height: 6px;
    right: 2px;
}

.carousel-card {
  width: 280px !important;
  border-radius: 16px !important;
  border: 1px solid #000;
}


    .swiper-wrapper {
        margin-left: 12% !important;
    }

    .swiper-slide {
    	margin-left: 0px!important;
    }

  .full-length-carousel .swiper-container {
    padding-left: 0 !important;
  }

  .full-length-carousel .swiper-slide {
    width: 100% !important; /* or 100%, depending on how tight you want the layout */

  }



.slider-border {
  position: relative;
}

.slider-border::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.adminActions.hide-on-mobile-bottom {
    display: none !important;
}


.elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-field_8ed537d.elementor-col-50 {
	margin-top: 0px;
}

.elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-field_60d0d51.elementor-col-50 {
	margin-top: 0px;
}


.b3dviewer-wrapper {
    min-width: 215px!important;
}


.b3dviewer-wrapper model-viewer {
    height: 80% !important;
    width: 80% !important;
    margin-left: 0% !important;
}

	
}/*end of viewport */



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

    .ipad-mockup-landscape {
        margin-top: 80px;
    }

}