/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1756295778
Updated: 2025-08-27 13:56:18

*/
:root {
	--helltuerkis:var(--e-global-color-74c837f);
	--page-max-width:2200px;
}
#allwrap {
	max-width: var(--page-max-width);
    background: white;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow ease 0.5s;
}
.shaped-button {
	text-align:center;
	font-weight:600;
	/*background-color:var(--helltuerkis);*/
	display:inline-block;
	color:var(--e-global-color-text);
	position:relative;
}

.shaped-button.button-red {
	color:white;
	
}
.shaped-button-inner {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	display:block;
}
.shaped-button-inner span {
	position:relative;
	z-index:1;
}
.shaped-button-text {
	position:relative;
	z-index:3;
	padding:15px 45px;
	display:block;
	text-align:center;
}
.shaped-button-inner:after {
	position:absolute;
	transition:background ease 0.5s;
	content: "";
	left:40px;
	right:40px;
	top:0;
	bottom:0;
	z-index:0;
	background-color:var(--e-global-color-74c837f);
}
.button-red .shaped-button-inner:after {
	background-color:var(--e-global-color-primary);
}
.button-white .shaped-button-inner:after {
	background-color:white;
}
.button-gray:hover, .button-white:hover, .button-red:hover {
	color:white !important;
}
.shape-element {
	transition:all ease 0.5s;
}
.button-gray:hover .shaped-button-inner:after, .button-gray:hover .shape-element,
.button-white:hover .shaped-button-inner:after, .button-white:hover .shape-element {
	background-color:var(--e-global-color-primary);
	fill:var(--e-global-color-primary);
}
.button-red .shape-element {
	fill:var(--e-global-color-primary);
}
.button-white .shape-element {
	fill:white;
}
.corner-left, .corner-right {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	z-index:2;
}
.corner-right {
	left:auto;
	right:0;
}
.button-fullshape .corner-element {
	display:none;
}
.fahrzeug-button, .fahrzeug-title {
	transition:all ease 0.5s;
}
.swiper-slide-prev .fahrzeug-button, .swiper-slide-prev .fahrzeug-title ,
.swiper-slide-next .fahrzeug-button, .swiper-slide-next .fahrzeug-title {
	opacity:0;
}
.elektro-container.hidden {
	display:none !important;
}
.verbrenner-container.hidden {
	display:none !important;
}
.elementor-editor-active .verbrenner-container.hidden {
	display:flex !important;
}

.elementor-editor-active .details-carousel.hidden {
	display:flex !important;
	opacity:1 !important;
	pointer-events:all !important;
}

.details-carousel {
	transition:all ease 0.5s !important;
}

.fahrzeug-typ-button {
	opacity:0.5;
	transition:all ease 0.5s;
}
.fahrzeug-typ-button.active {
	opacity:1;
}

.details-carousel.hidden {
	opacity:0 !important;
	pointer-events:none;
}
.attributes {
	display:flex;
	gap:40px;
}
.attribute-title {
	
}
.attribute-wert {
	font-weight:700;
}

/* Diagramm */
#service-diagramm {
	max-width:100%;
	display:block;
	height:auto;
}
#service-diagramm .shape {
	
}
#service-diagramm .service-item {
	cursor:pointer;
}
#service-diagramm path {
	transition:all ease 0.5s;
}
#service-diagramm .active .shape {
	fill:var(--e-global-color-519bf28);
}
.diagram-text {
	display:none;
}
.diagram-text.active {
	display:block;
}

#service-diagramm .active .paths path{
	fill:white;
}

.bedarfsanalyse-form.hidden, .probefahrt-form.hidden {
	display:none;
}
.form-button {
	opacity:0.5;
}
.form-button.active {
	opacity:1;
}

.cptlfcf7_left_box, .cptlfcf7_description {
	display:none !important;
}
.wpcf7-submit {
	display:none;
}
.submit-container {
	text-align:center;
}
.select2-selection__placeholder {
	font-size:0;
}
.select2-selection__placeholder:before {
	content: "Welches Fahrzeugmodell interessiert Sie?";
	font-size:var(--e-global-typography-text-font-size);
}

.wpcf7 input[type=date], 
.wpcf7 input[type=email], 
.wpcf7 input[type=number], 
.wpcf7 input[type=password], 
.wpcf7 input[type=search], 
.wpcf7 input[type=tel], 
.wpcf7 input[type=text], 
.wpcf7 input[type=url], 
.wpcf7 select, 
.wpcf7 textarea {
	border:none;
	border-radius:0;
	padding:.5rem 30px;
	width:100%;
}
.wpcf7 label {
	width:display:block;
	width:100%;
}
.wpcf7 .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:1.55;
	padding:.5rem 30px;
	border-radius:0;
	border:none;
}
.wpcf7 .select2-container .select2-selection--single {
	height:auto;
}
.wpcf7 .select2-container--default .select2-selection--single {
	border:none;
	border-radius:0;
}
.wpcf7 .select2-container--default .select2-selection--single .select2-selection__arrow {
	height:100%;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color:#e4e4e4;
}

.diagramm-nav {
	display:flex;
}
@media screen and (max-width:767px) {
	.diagram-texts {
		text-align:center;
	}
	.diagramm-nav {
		justify-content:center;
	}
	.attributes {
		flex-direction:column;
		gap:0;
	}
	.attributes-item {
		border-bottom:1px solid #e4e4e4;
		padding:5px 0;
	}
	.details-carousel {
		position:fixed !important;
		top:0 !important;
		bottom:0 !important;
		left:0 !important;
		right:0 !important;
		overflow:auto !important;
		z-index:5000 !important;
	}
	
	.wpcf7 {
	}
	.wpcf7 .select2-container {
		width:100% !important;
		min-width:1px !important;
	}
	.wpcf7 input[type=date], 
.wpcf7 input[type=email], 
.wpcf7 input[type=number], 
.wpcf7 input[type=password], 
.wpcf7 input[type=search], 
.wpcf7 input[type=tel], 
.wpcf7 input[type=text], 
.wpcf7 input[type=url], 
.wpcf7 select, 
.wpcf7 textarea {
	border:none;
	padding:.5rem 15px;
}
	
	.wpcf7 .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding:.5rem 15px;
}
	
}