/* custom css */
html {
	margin-top: 0 !important;
}

/* body .page-footer {
	background-color: #D8D8D84D;
} */

body.page-content a {
	text-decoration: none;
}
a {
	color: #0097FF;
	text-decoration: none;
}
a:hover, a:active {
	color: #0097FF;
}

/* header */
/* .page-header {
 clip-path: path('M 0 0 L 100% 0 L 100% 85% Q 50% 100%, 0 85% L 0 0');
} */
.elementor-element.elementor-element-f0f1b92.page-header {
	background-size: 100% 100%;
}

nav.hfe-nav-menu__layout-horizontal li#menu-item-2527 {
	display: none;
}
nav.hfe-nav-menu__layout-horizontal li#menu-item-2559 {
	display: none;
}

/* search box */
.elementor-element.header-search .hfe-search-button-wrapper .hfe-search-form__input {
	padding: 6px;
	margin-left: 30px;
}
.elementor-element.header-search .hfe-search-button-wrapper .hfe-search-submit {
	position: absolute;
	left: 2px;
	top: 4px;
}
.elementor-element.header-search .hfe-search-button-wrapper button#clear-with-button {
	right: 0 !important;
	top: 0;
	bottom: auto;
}

/* language switcher */
.cpel-switcher--layout-horizontal .cpel-switcher__nav .cpel-switcher__list {
	align-items: center;
	flex-wrap: nowrap;
	gap: 6px;
}
.cpel-switcher__switch .switch-button {
  width: 39px;
  height: 20px;
  padding: 3px;
  background-color: #fff;
  color: #fff; 
  border: none;
  border-radius: 10px;
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  margin: 0;
  display: flex;
  justify-content: start; 
  transition: justify-content 0.3s ease; 
}
.cpel-switcher__switch .switch-button .switch-indicator {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #000;
  border-radius: 50%;
}

/*	footer */
	.elementor-element.elementor-element-a41df4b.page-footer {
		background-size: 100% 100% !important;
	}

/* homepage */
.header-box {
	clip-path: polygon(50% 0%, 100% 0%, 98% 22%, 90% 100%, 0% 100%, 0 74%, 0 0);
}
.logo-vector-bg::before {
	background-size: auto 300px;
}
.logo-vector-bg.logo-vector-bg-big::before {
	background-size: auto 400px;
}

.webinar-box .webinar-content a {
	color: #fff;
	text-decoration: none;
}
.webinar-box .webinar-content ul.hfe-nav-menu li.menu-item a.hfe-menu-item {
    display: block;
}

/* special radial shadow */
.special-radial-shadow::after {
	content: '';
	width: 100%;
	height: 60px;
	background: radial-gradient(49.85% 50.06% at 49.91% 50.78%, rgba(36, 36, 36, 0.15) 0%, rgba(52, 52, 52, 0.15) 5%, rgba(113, 113, 113, 0.15) 24%, rgba(164, 164, 164, 0.15) 43%, rgba(203, 203, 203, 0.15) 60%, rgba(231, 231, 231, 0.15) 76%, rgba(248, 248, 248, 0.15) 90%, rgba(255, 255, 255, 0.15) 100%);
background-blend-mode: multiply;
	position: absolute;
	bottom: -50px;
}
.flyer-slider .special-radial-shadow::after {
	bottom: 60px;
}
.radial-shadow-button.special-radial-shadow::after {
	height: 30px;
	bottom: -30px;
}

/* slick sliders */
.slick-slider.slick-initialized .slick-slide {
	margin-inline: 40px;
	display: flex;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    content: ''; 
}
.slick-slider .slick-prev {
	width: 34px;
	height: 34px;
    background: url('../images/slick-prev.svg') no-repeat center center;
	background-size: cover;
	left: 0;
	z-index: 2;
}
.slick-slider .slick-next {
	width: 34px;
	height: 34px;
    background: url('../images/slick-next.svg') no-repeat center center;
	background-size: cover;
	right: 0;
	z-index: 2;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus {
	background: url('../images/slick-prev.svg') no-repeat center center;
}
.slick-slider .slick-next:hover, .slick-slider .slick-next:focus {
	background: url('../images/slick-next.svg') no-repeat center center;
}

/* slick slider white buttons */
.slick-slider.white-slider .slick-prev {
    background: url('../images/slick-prev-white.svg') no-repeat center center;
}
.slick-slider.white-slider .slick-next {
    background: url('../images/slick-next-white.svg') no-repeat center center;
}
.slick-slider.white-slider .slick-prev:hover, .slick-slider.white-slider .slick-prev:focus {
	background: url('../images/slick-prev-white.svg') no-repeat center center;
}
.slick-slider.white-slider .slick-next:hover, .slick-slider.white-slider .slick-next:focus {
	background: url('../images/slick-next-white.svg') no-repeat center center;
}

/* Individual Dots */
.slick-slider .slick-dots li {
	width: auto;
	height: auto;
}
.slick-slider .slick-dots li button {
	width: 10px;
	height: 10px;
    background-color: #FFFFFF80; 
	border-radius: 50%;
}
.slick-slider .slick-dots li.slick-active button {
    background-color: #fff; /* Highlight active dot */
}
.slick-slider .slick-dots li button:before {
	width: auto;
	height: auto;
	content: '';
}
.slick-slider.slider-black-dots .slick-dots li button {
    background-color: #98989880; 
}
.slick-slider.slider-black-dots .slick-dots li.slick-active button {
    background-color: #989898; /* Highlight active dot */
}

.application-slider1.slick-slider .slick-slide,
.application-slider2.slick-slider .slick-slide,
.application-slider3.slick-slider .slick-slide {
	padding-top: 40px;
} 
.slider-counter {
	text-align: center;
	color: #fff;
	font-size: 16px;
}

/* service section */
.service-list ul {
	padding-left: 20px;
}

.industries-shape {
	clip-path: polygon(50% 0%, 100% 0%, 98% 22%, 90% 100%, 0% 100%, 0 74%, 0 0);
}

/* application page */
.e-n-tabs-heading {
	padding: 0 15px;
	width: 100%;
    max-width: 1278px;
    margin: 0 auto;
}

/* branchen page */
.long-corner-shape {
	clip-path: polygon(50% 0%, 100% 0%, 98% 15%, 85% 100%, 0% 100%, 0 74%, 0 0);
}

/* Unternehmen page */
.simplan-text-block ul {
	margin-bottom: 18px;
}
.simplan-text-block ul li ul {
	list-style: disc;
}

/* use cases page */
/* use cases buttons */
.elementor-button-content-wrapper {
	align-items: center;
}
@media screen and (max-width: 576px) {
	.elementor-element.use-cases-item {
		min-height: 370px;
	}
}

@media screen and (max-width: 1130px) and (min-width: 1024px) {
	.elementor-element.elementor-element-2497696 .hfe-nav-menu .menu-item a.hfe-menu-item {
		padding-inline: 12px; 
		font-size: 15px;
	}
}

@media screen and (max-width: 1024px) {
	/* 	header */
	.elementor-element.elementor-element-4cb2dc1 {
		z-index: 9;
	}
	.elementor-element.elementor-element-2497696 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal.menu-is-active {
        padding-bottom: 55px;
	}
	.elementor-element.elementor-element-2497696 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal {
		background-color: transparent;
		background-image: url('../images/header-shape.png');
		background-position: center bottom -15px;
        background-size: 105% auto;
        background-repeat: no-repeat;
	}
	
	nav.hfe-nav-menu__layout-horizontal li#menu-item-2527 {
		display: block;
	}
	nav.hfe-nav-menu__layout-horizontal li#menu-item-2559 {
		display: block;
	}
	
/*	mobile menu */
	.elementor-element.elementor-element-c2d42e5 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal.menu-is-active {
        padding-bottom: 55px;
	}
	.elementor-element.elementor-element-c2d42e5 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal {
		background-color: transparent;
		background-image: url('../images/header-shape.png');
		background-position: center bottom -15px;
        background-size: 105% auto;
        background-repeat: no-repeat;
	}
	.hfe-nav-menu a.hfe-menu-item {
		justify-content: center;
	}
	
	/* special radial shadow */
	.special-radial-shadow::after {
		height: 45px;
	}
	.flyer-slider .special-radial-shadow::after {
		bottom: 50px;
	}
	.radial-shadow-button.special-radial-shadow::after {
		height: 15px;
		bottom: -15px;
	}
	
	/*	footer */
	.elementor-element.elementor-element-a41df4b.page-footer {
		background-size: 130% 120% !important;
	}
	.footer-menu ul.hfe-nav-menu {
		display: flex;
        flex-direction: column;
		gap: 10px;
	}
	
	/* sidebar webinar box */
	.webinar-box .webinar-content ul.hfe-nav-menu  {
		display: flex;
		gap: 6px;
	}
	.webinar-box .webinar-content ul.hfe-nav-menu li.menu-item {
		min-width: 69px;
	}
	.webinar-box {
		flex-wrap: nowrap;
        cursor: pointer; 
		transition: 0.3s;
    }
    .webinar-content,
    .webinar-more-btn {
        display: none; 
    }
    .webinar-box.open {
        width: 505px;
    }
    .webinar-box.open .webinar-content,
    .webinar-box.open .webinar-more-btn {
        display: flex; 
    }
}

@media screen and (max-width: 767px) {
	/* header */
	.elementor-element.elementor-element-f0f1b92.page-header {
		background-size: 100% 105%;
	}
	.elementor-element.elementor-element-2497696 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal.menu-is-active {
		padding-bottom: 40px;
	}
	.elementor-element.elementor-element-2497696 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal {
		top: 35px;
		background-position: center bottom -11px;
        background-size: 105% 140%;
	}
	
	/*	mobile menu */
	.elementor-element.elementor-element-c2d42e5 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal.menu-is-active {
		padding-bottom: 40px;
	}
	.elementor-element.elementor-element-c2d42e5 nav.hfe-dropdown.hfe-nav-menu__layout-horizontal {
		top: 35px;
		background-position: center bottom -11px;
        background-size: 105% 140%;
	}
	
	/* special radial shadow */
	.slick-slider.slick-initialized.branchen-slider .slick-slide.special-radial-shadow {
		padding-bottom: 60px;
	}
	.branchen-slider .special-radial-shadow::after {
		bottom: 0;
	}
	
	/*	footer */
	.elementor-element.elementor-element-a41df4b.page-footer {
		background-size: 230% 180% !important;
        background-position: 65% bottom !important;
	}
	.footer-menu ul.hfe-nav-menu {
		align-items: center;
	}
	
	.simplan-text-block ul {
		list-style-position: inside;
		padding-left: 10px;
	}
	.simplan-text-block ul li ul {
		list-style-position: inside;
	}
	
	.webinar-box.open {
        width: 351px;
    }
	.webinar-box .webinar-content ul.hfe-nav-menu li.menu-item:last-child {
		display: none;
	}
	
	/* mobile tabs */
	.elementor-widget-n-tabs .e-n-tabs .e-n-tabs-heading {
		display: flex;
		flex-direction: column;
		gap: 15px;
		margin-bottom: 30px;
	}
	.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] {
		margin-bottom: 0;
	}
	.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child) {
		margin-top: 0;	
	}
	.e-n-tab-title:not([aria-selected="true"]) {
		display: none;
	}
	.e-n-tab-title.open {
		display: flex;
	}
}

/* contact page */
/* Form Title */
.wpcf7 h3 {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700;
	text-align: center;
	color: #2c2c2c;
}

/* Label Styling */
.wpcf7-form label {
    display: block;
    margin-bottom: 6px;
	font-size: 16px;
    font-weight: 700;
	margin-bottom: 15px;
    color: #2c2c2c;
}

.wpcf7-form br {
	display: none;
}

/* Required Field Asterisk */
.wpcf7-form label > span {
    color: #0095ff;
}

/* Input Fields Styling */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
	display: block;
    width: 100%;
    padding: 7px 12px;
    border: 1px solid #E5E5E5;
	border-radius: 0;
    font-size: 14px;
    box-sizing: border-box;
	margin-top: 6px;
	outline: none;
}

/* Textarea Height */
.wpcf7-form textarea {
    height: 150px;
    resize: vertical;
}

/* Checkbox Group Styling */
.checkbox-group {
    margin: 20px 0;
	padding: 0 50px;
}

.checkbox-group p {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.checkbox-group .wpcf7-form-control-wrap {
	display: block;
	width: 27%;
	padding: 10px;
}

/* Individual Checkbox Items */
.wpcf7-list-item {
    display: flex;
    align-items: center;
    margin: 0;
}

.wpcf7-list-item input[type="checkbox"] {
    margin-right: 25px;
}

.wpcf7-list-item-label {
    font-size: 16px;
    color: #2c2c2c;
}

.wpcf7-form hr {
	margin-bottom: 20px;
	border: none;
	height: 1px;
	background-color: #E5E5E5;
}

/* Submit Button Styling */
.wpcf7-submit {
    width: 100%;
	display: block;
	max-width: 300px;
	margin: 0 auto;
    background-color: #0097ff;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 35px;
    font-size: 16px;
	line-height: 1;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wpcf7-submit:hover {
    background-color: #0077cc;
}

.wpcf7-spinner {
	position: absolute;
	bottom: -12px;
}

/* Success Message Styling */
.wpcf7-response-output {
    text-align: center;
    color: #0095ff;
    border: none !important;
    margin: 20px 0 0 0 !important;
    padding: 10px !important;
}

/* Error Message Styling */
.wpcf7-not-valid-tip {
    color: #ff4444;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 15px;
}

/* Placeholder Text Color */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #999;
}

/* Responsive Design */
@media screen and (max-width: 1024px)  {
	.wpcf7 h3 {
		margin-bottom: 15px;
	}
	.checkbox-group {
		padding: 0;
	}
	.checkbox-group .wpcf7-form-control-wrap {
		width: 30%;
	}
	.wpcf7-list-item input[type="checkbox"] {
		margin-right: 15px;
	}
}

@media screen and (max-width: 767px) {
    .checkbox-group p {
        gap: 15px;
    }
	.checkbox-group .wpcf7-form-control-wrap {
		width: 100%;
	}
}