/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Header Menu */
.login_menu > a {
    border: 1px solid var(--e-global-color-accent) !important;
    padding: 10px 31px !important;
    border-radius: 30px;
	cursor: pointer;
}


.btn_shad a.elementor-button:hover {
	-webkit-box-shadow: 
	0px 137px 38px 0px rgba(0, 0, 0, 0.00),
	0px 88px 35px 0px rgba(0, 0, 0, 0.01),
	0px 49px 30px 0px rgba(0, 0, 0, 0.04),
	0px 22px 22px 0px rgba(0, 0, 0, 0.07),
	0px 5px 12px 0px rgba(0, 0, 0, 0.08);
	        box-shadow: 
	0px 137px 38px 0px rgba(0, 0, 0, 0.00),
	0px 88px 35px 0px rgba(0, 0, 0, 0.01),
	0px 49px 30px 0px rgba(0, 0, 0, 0.04),
	0px 22px 22px 0px rgba(0, 0, 0, 0.07),
	0px 5px 12px 0px rgba(0, 0, 0, 0.08);
}

.sub_header .elementor-widget-container {
    position: relative;
}
.sub_header p.elementor-heading-title {
    padding-left: 23px;
}
.sub_header .elementor-widget-container:before {
    content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url(/cm/wp-content/uploads/2025/07/circle-icon.svg);
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 1px;
}
.sub_header.black .elementor-widget-container:before {
	background: url(/cm/wp-content/uploads/2025/07/black-circle-icon.svg);
}
.warum_sec:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    content: '';
    display: block;
    background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(0, 0, 0, 0.02)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
}

.logo_carousel_sec .swiper-wrapper {
  -o-transition-timing-function: linear !important;
     transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}
.logo_carousel_sec .swiper-slide {
    margin-bottom: 80px;
}
.logo_carousel_sec .swiper-slide .swiper-slide-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 36px;
    border-radius: 14px;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#F0F2F4));
    background: -o-linear-gradient(top, #EDEDED 0%, #F0F2F4 100%);
    background: linear-gradient(180deg, #EDEDED 0%, #F0F2F4 100%);
    -webkit-box-shadow: 0px 130.418px 36.14px 0px rgba(0, 0, 0, 0.00), 0px 83.279px 32.997px 0px rgba(0, 0, 0, 0.01), 0px 47.139px 28.283px 0px rgba(0, 0, 0, 0.02), 0px 20.427px 20.427px 0px rgba(0, 0, 0, 0.04), 0px 4.714px 10.999px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 130.418px 36.14px 0px rgba(0, 0, 0, 0.00), 0px 83.279px 32.997px 0px rgba(0, 0, 0, 0.01), 0px 47.139px 28.283px 0px rgba(0, 0, 0, 0.02), 0px 20.427px 20.427px 0px rgba(0, 0, 0, 0.04), 0px 4.714px 10.999px 0px rgba(0, 0, 0, 0.04);
}


/**/
.bio_box {
	position: relative;
	overflow: hidden;
}
.bio_box .bio_img,
.bio_box .person_info,
.bio_box .person_link {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.bio_box:hover {
    min-height: 710px;
}
.bio_box:hover .bio_img {
	min-height: 355px;
}
.bio_box:hover .person_info,
.bio_box:hover .person_link {
    opacity: 0;
}
.bio_box .bio_info_btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.bio_box:hover .bio_info_btm {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.bio_box .elementor-button .elementor-button-icon path {
    fill: #ffffff;
}

.bio_box .elementor-button:hover .elementor-button-icon path {
    fill: #0B0A09;
}
.bio_box .f_btn a.elementor-button:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    width: 1px;
    height: 24px;
    background: #E2E7E9;
    opacity: 0.2;
}
/*Testimonial Section*/
.testimoinal_slider .elementor-swiper-button {
    width: 35px;
    height: 35px;
    background: -webkit-gradient(linear, left top, left bottom, from(#0B0A09), to(#4E4F51));
    background: -o-linear-gradient(top, #0B0A09 0%, #4E4F51 100%);
    background: linear-gradient(180deg, #0B0A09 0%, #4E4F51 100%);
    border: 1px solid #0b0a09;
}
.testimoinal_slider .elementor-swiper-button svg {
    fill: #ffffff !important;
}
.testimoinal_slider .elementor-swiper-button.elementor-swiper-button-next {
    left: 18px;
}
.testimoinal_slider .swiper-pagination {
	width: 78%;
	background: #D6DDE1;
	border-radius: 200px;
	padding: 2px;
	left: 9%;
}
.testimoinal_slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #D6DDE1 !important;
}
.testimoinal_slider .swiper-pagination-bullet {
	border-radius: 200px;
}
.testimoinal_slider .swiper-wrapper .swiper-slide.swiper-slide-active .elementor-element .swipe_item {
    background: var(--e-global-color-a71f082);
}
.testimoinal_slider .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .elementor-element .swipe_item:before {
    display: none;
}
.testimoinal_slider .swiper-slide:not(.swiper-slide-active) .swipe_item .elementor-widget-icon .elementor-icon {
    background: linear-gradient(180deg, #0B0A09 0%, #4E4F51 100%);
    border: 1px solid #0B0A09;
}
.testimoinal_slider .swiper-slide:not(.swiper-slide-active) .swipe_item .elementor-widget-icon .elementor-icon svg path {
    fill: #ffffff;
}

/*Back To Top*/
.scroll-top .elementor-widget-container {
	height: 40px !important;
}
body:not(.elementor-editor-active) .scroll-top {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/*Header CSS*/
.header .mobile_menu_item {
	display: none !important;
}

/*Login Page*/
.page-title {
	font-size: 20px;
    margin-bottom: 0 !important;
    font-weight: 700;
}
.post-password-form {
    margin: 50px auto;
    max-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.post-password-form p {
	display: block !important;
}

.post-password-form p:not(.first) {
    margin-bottom: 30px;
}
.form_sec {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.form_sec input {
    width: 100%;
    border-radius: 24px;
    min-height: 45px;
}
.form_sec input.pass {
    padding-left: 25px;
    padding-right: 25px;
}
.password_input {
    width: 100%;
    position: relative;
}
.password_input .fas {
    position: absolute;
    width: 30px;
    background: var(--e-global-color-a71f082);
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--e-global-color-accent);
    border-radius: 6px;
    top: calc(50% - 15px);
    right: 25px;
    font-size: 16px;
}
li.mobile_menu_item.color a.elementor-item {
    background: var(--e-global-color-a71f082);
    color: var(--e-global-color-primary) !important;
}

/*RESPONSIVE CSS*/
@media all and (max-width: 1520px) and (min-width: 1438px) {
	#uber-uns .warum_col {
		width: 31.5%;
	}
}
@media all and (max-width: 1148px) and (min-width: 1025px) {
	div#uber-uns,
	div#karriere {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media all and (max-width: 1439px) and (min-width: 1025px) {
	#home .inner_box {
		min-height: 540px;
	}
	.warum_sec .warum_col {
		width: 31.4%;
	}
}
@media all and (max-width: 1441px) and (min-width: 1025px) {
	#referenzen .testimonial_sec {
		width: calc(100% - 140px);
	}
}

@media all and (max-width: 1025px) and (min-width: 441px) {
	.header .mobile_menu .elementor-menu-toggle {
		padding: 10px 10px;
	}
	#referenzen .testimonial_sec {
		padding-left: 20px;
	}
	.testimoinal_slider .swiper-pagination {
		width: 85%;
		left: unset;
		right: 20px;
	}
}

@media all and (max-width: 770px) {
	.bio_box:hover {
		min-height: 790px;
	}
	.testimoinal_slider .swiper-pagination {
		left: unset;
		right: 20px;
		width: 80%;
	}
	.post-password-form {
		max-width: 650px;
	}
	.form_sec {
		width: 70%;
	}
}

@media all and (max-width: 440px) {
	.mobile_menu_item a.highlighted svg path,
	.mobile_menu_item a:hover svg path {
		fill: var(--e-global-color-accent);
	}
	.bio_box:hover {
		min-height: 830px;
	}
	.testimoinal_slider .swiper-pagination {
		width: 65%;
	}
	.header .mobile_menu_item {
		display: block !important;
	}
	.mobile_menu_item svg {
		margin-right: 8px;
	}
	.mobile_menu_item svg path {
		fill: #ffffff;
	}
	.post-password-form {
		padding: 25px;
		margin: 0;
	}
}

@media all and (max-width: 424px) {
	.bio_box:hover {
		min-height: 850px;
	}
	.bio_box.cc-img:hover {
        min-height: 825px;
    }
}

@media all and (max-width: 408px) {
	.bio_box.cc-img:hover {
        min-height: 820px;
    }
}

@media all and (max-width: 393px) {
	.bio_box:hover {
		min-height: 875px;
	}
	.bio_box.cc-img:hover {
        min-height: 850px;
    }
}

@media all and (max-width: 378px) {
	.bio_box.cc-img:hover {
        min-height: 870px;
    }
}

@media all and (max-width: 376px) {
	.bio_box:hover {
		min-height: 870px;
	}
}


@media all and (max-width: 364px) {
	.bio_box:hover {
		min-height: 895px;
	}
}
@media all and (max-width: 329px) {
	.bio_box:hover {
		min-height: 890px;
	}
}

@media all and (max-width: 321px) {
	.bio_box:hover {
		min-height: 920px;
	}
	.bio_box.cc-img:hover {
		min-height: 900px;
	}
}