/*
 Theme Name:     Autohaus Staiger
 Theme URI:      https://elementor.com/
 Description:    Ein Theme für Autohaus Staiger
 Author:         Autohaus Staiger
 Template:       hello-elementor
 Version:        1.0.0
 Text Domain:    autohausstaiger
*/

@import url("../hello-elementor/style.css");
.deal a, .deal a:hover {
	color: black;
}




.deal .innerwrap {
    -webkit-box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.1);
    padding: 1.2em;
    border-radius: 1em;
    background: url(https://b2bsales.de/wp-content/uploads/2025/05/Kartenhintergrund.png);
    background-repeat: no-repeat;
    background-size: auto;
	width: 19.5em;
	height: 100%;
	font-family: 'Univers LT Std';
}

.deal .deal-title {
    background: #6E01EF;
	font-family: 'Univers LT Std';
	font-weight: bold;
    padding: 3% 7% 2.5% 7%;
    font-size: 1em;
    width: max-content;
    color: white;
    border-radius: 5em;
}



.deal-navigation-buttons {
	margin-bottom: 60px;
	justify-content: space-between;
}

.minicontainer {
	width: 45%;
    align-items: baseline;
    display: flex;
    flex-direction: row;
    gap: 10px;
}


.button-back {
	font-family: 'Univers LT Std';
	font-weight: bold;
   padding: 2% 5% 1.5% 5%;;
    font-size: 1em;
    width: max-content;
    border-radius: 5em;
	color: #000 !important; 
	background: #FECA02;
	text-transform: uppercase;
	transition: all .4s ease;
}

.button-back:hover{
	color: white !important; 
	background: black;
	transition: all .4s ease;
}


#next-deal {
	font-family: 'Univers LT Std';
	font-weight: bold;
   padding: 2% 5% 1.5% 5%;;
    font-size: 1em;
    width: max-content;
    border-radius: 5em;
	color: white !important; 
	background: black;
	text-transform: uppercase;
	transition: all .4s ease;
}

#next-deal:hover{
	color: black !important; 
	background: #FECA02;
	transition: all .4s ease;
}


.deal .preis {
    font-size: 5em;
    font-family: 'Darkness Rising';
	
}

.deal .preis::after {
    content: '€'
}

.deal .deal-fahrzeug img {
	padding: 8% 0;
	max-width: 100%;
    transform: rotateY(180deg);
}


.deal .fahrzeugtitel {
	padding: 5% 0 2% 0;
	 font-size: 1em;
    font-weight: bold;
}

.deal .deal-eigenschaften {
	display: flex;
    gap: 10px;
	flex-wrap: wrap;
	padding: 0 0 5% 0;
}


.deal .eigenschaft {
	 padding: 2% 3%;
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
    border-radius: 100em;
    display: flex;
    width: calc(50% - 5px);
	font-size: .8em;
	white-space: nowrap;
}

.deal .eigenschaft:last-child {
	min-width: calc(50% - 5px);
	width: max-content;
}

.deal .iconbild {
	width: 1.45em;
    padding-right: 5px;
}

.deal .fahrzeugtyp {
	display: flex;
    gap: 10px;
	background-color: #fecb00;
    width: max-content;
	margin-top: 2%;
    padding: 2% 5%;
    border-radius: 10em;
	font-weight: bold;
	
}

.deal .energieverbrauch {
	font-size: 0.6em;
	line-height: 1.4
}

.home .neuwagen-slider-wrapper {
    position: relative;
    /*overflow: hidden;*/
}

.home .neuwagen-slider-wrapper .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    min-width: 40px;
	width: 40px;
	max-width: 40px;
	padding: 0 0;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #fecb00;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background 0.2s ease;
}

.neuwagen-slider-wrapper .slider-arrow { display: none; }

.home .neuwagen-slider-wrapper .slider-arrow.disabled {
    cursor: not-allowed;
    opacity: 0.7;
	color: #000;
	background: #fecb00;
}

.home .neuwagen-slider-wrapper .slider-arrow span {
    font-size: 22px;
    line-height: 1;
}

.home .neuwagen-slider-wrapper .slider-arrow:focus {
	color: #000;
	background: #fecb00;
}

.home .neuwagen-slider-wrapper .slider-arrow:not(.disabled):hover {
    color: #fff;
	background: #6E01EF;
    opacity: 1;
}

.home .neuwagen-slider-wrapper.disabled .slider-arrow.disabled {
	display: none;
}

.home .neuwagen-slider-wrapper .slider-prev {
    left: -60px;
}

.home .neuwagen-slider-wrapper .slider-next {
    right: -60px;
}

.home .neuwagen-slider-wrapper .slider-arrow:focus {
    outline: 2px solid #fecb05;
    outline-offset: 3px;
}

body:not(.home) .neuwagen-slider-wrapper .neuwagen-deals-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.home .neuwagen-slider-wrapper .neuwagen-deals-grid {
    display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	gap: 0;
	scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
	padding: 20px 0;
    scroll-padding-left: 0;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.home .neuwagen-slider-wrapper .neuwagen-deals-grid::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.home .neuwagen-slider-wrapper .slide {
    flex: 0 0 25%;
    scroll-snap-align: start;
    box-sizing: border-box;
    padding: 0 10px;
}

.promotions_sec { position: relative; flex-wrap: wrap; }
.promotions_sec > .elementor-element.e-con-full { max-width: calc(20% - 20px); }
.promotions_sec > .elementor-element.e-con-full > .elementor-element.e-con-full { flex: 1; }
.promotions_sec > .elementor-element.e-con-full > .elementor-element.e-con-full + .elementor-element { width: 100%; }
.promotions_sec > .elementor-element.e-con-full > .elementor-element.e-con-full + .elementor-element .elementor-widget-container { margin-top: -89px; }
.promotions_sec > .elementor-element.e-con-full .pdf-btn { display: flex; width: 100%; padding: 3% 0% 3% 0%; font-family: "Univers LT Std", Sans-serif; font-size: 18px; color: #fff; line-height: 1; font-weight: 500; background: var( --e-global-color-text ); justify-content: center; border-radius: 11px; }
.promotions_sec > .elementor-element.e-con-full .pdf-btn:hover { background: var( --e-global-color-secondary ); }


.home .neuwagen-slider-wrapper .innerwrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.home .neuwagen-slider-wrapper .slider-indicators {
    display: none !important;
    justify-content: center;
    margin-top: 10px;
    gap: 8px;
}

.home .neuwagen-slider-wrapper .pagination-dot {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.home .neuwagen-slider-wrapper .pagination-dot.active {
    background: #6E01EF;
}

@media (max-width: 1024px) {
  .home .neuwagen-slider-wrapper .slide {
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .home .neuwagen-slider-wrapper .slide {
    flex: 0 0 100%;
    padding: 5% 5%;
    margin: 0;
  }

  .home .neuwagen-slider-wrapper .slider-arrow {
    min-width: 32px;
	max-width: 32px;
	width: 32px;
    height: 32px;
	padding: 0 0;
  }

  .home .neuwagen-slider-wrapper .slider-prev {
    left: 5px;
  }

  .home .neuwagen-slider-wrapper .slider-next {
    right: 5px;
  }
}

/* MEGA DEAL */

.mega-deal-container {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	padding-left: 10%;

}

.mega-deal-image {
	width: 600px;
	max-width: 600px;
    margin-right: 0em;
    height: auto !important;
}

.mega-deal-left {
	width: 28%;
}

.mega-deal-right {
	color: white;
}

.mega-deal-right .preis-unterschrift {
	width: 75%;
    display: block;
}

.mega-deal-left .deal-eigenschaften {
	display: flex;
    gap: 10px;
	padding: 0 0 5% 0;
}


.mega-deal-left .deal-eigenschaften p {
	 padding: 2% 3%;
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
    border-radius: 100em;
    display: flex;
    width: max-content;
	font-size: 0.8em;
	font-family: 'Univers LT Std';
	background: white;
}

.mega-deal-left .deal-eigenschaften p img {
	padding-right: 8px;
}


.mega-deal-right .badge-label {
    background: #fecb05;
    color: #6e01ef;
    text-align: center;
    width: fit-content;
    padding: 4% 16% 2%;
    border-radius: 5em;
    font-weight: bold;
    font-family: 'Univers LT Std';
}

.badge-price .preis {
	font-size: 6em;
	font-family: 'Darkness Rising';
}

.beforeprice {
	font-family: 'Univers LT Std';
	font-size: 30px;
}



.mega-deal-left .fahrzeugtitel {
	font-size: 2em;
	font-family: 'Univers LT Std';
	font-weight: bold;
}

@media only screen and (min-width: 1030px) and (max-width: 1350px) {
	.mega-deal-container {
		padding-bottom: 30%;
	}
	.mega-deal-image {
		width: 600px;
		margin-left: 12%;
		margin-top: 22%;
		height: auto !important;
		position: absolute;
	}
	.logostaiger {
		width: 70%
	}
	.mega-deal-left {
		width: 33%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1029px) {
	.mega-deal-container {
		padding-bottom: 45%;
	}
	.mega-deal-image {
    width: 600px;
		max-width: 600px;
    margin-left: 5%;
    margin-top: 36%;
    height: auto !important;
	position: absolute;
	}
	.logostaiger {
		width: 70%
	}
	.mega-deal-left {
	width: 45%;
		}
	.mega-deal-right {
		width: 35%;
	}
}

@media only screen and (max-width: 767px) {
	.mega-deal {
		padding-bottom: 20%;
		padding-top: 10%;
	}
	.mega-deal-container {
		display: flex;
		flex-direction: column;
		height: 90vh;
		gap: 5%
	}
	.mega-deal-image {
        width: 380px;
        max-width: 700px !important;
        margin-left: -10%;
        margin-top: 77vh;
        height: auto !important;
        position: absolute;
	}
	.logostaiger {
		width: 80%
	}
	.mega-deal-left {
	width: 100%;
		}
	.mega-deal-right {
	width: 84%;
		margin-bottom: 15vh;
	}
}


@media (max-width: 767px) {
    .elementor-636 .elementor-element.elementor-element-b22e7a7:not(.elementor-motion-effects-element-type-background), .elementor-636 .elementor-element.elementor-element-b22e7a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-image: url(https://b2bsales.de/wp-content/uploads/2025/05/MegaDealBG-1.svg);
        background-position: bottom center;
        background-size: 97vh auto;
    }
}

.deal .deal-hinweis-zulassung, .deal .deal-lieferbar, .deal .deal-informationen, .deal .deal-optionen-paketpreise {
	display: none;
}



/* Styling Fahrzeugseite */

.neuwagen_deals {
	padding-top: 10%;
    padding-left: 30%;
    display: flex;
    padding-right: 30%;
    flex-direction: column;
	column-gap: 1em;
}

.deal-fahrzeug {
	display: flex; 
	flex-direction: column;
	order: 1;
	padding: 2% 0;
}

.deal-preis {
    order: 2;
    padding: 0 0;
    display: flex;
    flex-direction: row;
}

.miniwrap {
	    order: 3;
    background: #feca02;
    padding: 7% 8% 0;
    margin-top: 4%;
    border-radius: 2em;
	display: flex; 
	flex-direction: column;
}

.deal .deal-preis {
    display: block;
}

.formtitel {
	padding-top: 5%;
	font-weight: bold;
	text-transform: uppercase;
	order: 5
}

.formtitel1 {
	padding-top: 5%;
	font-weight: bold;
	text-transform: uppercase;
	order: 9
}
.deal-eigenschaften {
	padding: 2% 0;
	order: 3;
}

.deal-typ-verbrauch {
	padding: 2% 0;
	order: 4;
}

.deal-hinweis-zulassung {
	padding: 2% 0;
}

.deal-lieferbar {
	padding: 2% 0;
}

.deal-informationen {
	padding: 2% 15% 3% 0;
	order: 6;
}

.deal-optionen-paketpreise {
	order: 7;
	padding: 0 0 5% 0;
}

.deal-title {
    background: #6E01EF;
	font-family: 'Univers LT Std';
	font-weight: bold;
    padding: 2% 5% 1.5% 5%;
    font-size: 1em;
    width: max-content;
    color: white;
    border-radius: 5em;
}

.preis {
    font-size: 5em;
    font-family: 'Darkness Rising';
	margin-top: -2%;
	color: #feca02	
}

.deal .preis {
	color: black;
}
.preis::before {
    content: 'ab ';
	font-family: 'Univers LT Std';
font-size: 0.5em;
}

.deal .preis::before {
    content: '';
	font-family: 'Univers LT Std';
font-size: 0.5em;
}

.preis::after {
    content: '€'
}

.deal-fahrzeug img {
	padding: 2% 0;
	max-width: 100%;
}


.fahrzeugtitel {
	padding: 0 0 0 0;
	 font-size: 4em;
    font-weight: bold;
}

.deal-eigenschaften {
    display: flex;
    gap: 10px;
    padding: 5% 0 0 0;
}


.eigenschaft, .deal-hinweis-zulassung, .deal-lieferbar {
	 padding: 2% 3%;
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
    border-radius: 100em;
    display: flex;
    width: max-content;
	font-size: 1em;
	background: white;
}

.deal-lieferbar {
	margin-top: 5%;
	order: 1
}

.iconbild {
	width: 1.45em;
    padding-right: 5px;
}

.fahrzeugtyp {
	display: flex;
    gap: 10px;
	background-color: white;
	
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.1);
    width: max-content;
	margin-top: 2%;
    padding: 2% 5%;
    border-radius: 10em;
	font-weight: bold;
	
}

body .e-con-inner .elementor-element.elementor-absolute.coaches_image { pointer-events: none; }

body .e-con-inner .elementor-element.handler_conain { overflow: hidden; }

.preis-unterschrift {
	    align-self: end;
    padding-bottom: 3%;
    padding-left: 2%;
}

.energieverbrauch {
	font-size: 0.8em;
	line-height: 1.4
}

#wpcf7-f1151-o1, #wpcf7-f1151-o1 input, #wpcf7-f1151-o1 select, #wpcf7-f1151-o1 label, #wpcf7-f1151-o1 .fahrzeugtitel{
	font-weight: 400;
    font-family: 'Univers LT Std';
	border-radius: 2em;
}

#wpcf7-f1151-o1 .wpcf7-form-control-wrap input {
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.2) !important;
	border: none;
}

#wpcf7-f1151-o1 input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border: none !important;
}

 ::placeholder {
	color: black;
}

#wpcf7-f1151-o1 input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select {
	margin-bottom: 2%;
	margin-top: -4%;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.2) !important;
}

#wpcf7-f1151-o1 .formc, #wpcf7-f1151-o1 .formc2 {
	display: flex;
	gap: 2em;
}

#wpcf7-f1151-o1 .formc p {
	display: flex;
	padding-top: 2%;
	gap: 2em;
	flex: 0 0 50%;
}

#wpcf7-f1151-o1 .formc p > label { display: block; width: 100%; }

#wpcf7-f1151-o1 {
	width: 40%;
	margin: 0 auto;
	padding-bottom: 5%;
}

.mitarbeiter-details a {
	color: black;
}

@media only screen and (min-width: 1280px) {
    .innerwrap:hover {
        -webkit-box-shadow: 0px 0px 8px 6px rgba(110, 1, 239, 0.1) !important;
        box-shadow: 0px 0px 8px 6px rgba(110, 1, 239, 0.1) !important;
        transition: ease-in-out .4s;
    }
}

.innerwrap:hover {
        -webkit-box-shadow: 0px 0px 8px 6px rgba(110, 1, 239, 0) !important;
        box-shadow: 0px 0px 8px 6px rgba(110, 1, 239, 0) !important;
        transition: ease-in-out .4s;
    }

#wpcf7-f1151-o1 .wpcf7-submit {
	border: none !important; 
}


.deal .deal-mitarbeiterbild, .deal .deal-mitarbeitername, .deal .deal-mitarbeiternummer, .deal .deal-mitarbeitermail {
	display: none;
}

.deal .deal-lagerbestand {
	display: none;
}

.mitarbeiter-info {
	order: 9
}

.lagerbestand {
	order: 1;
    background: #FECA02;
    width: max-content;
    padding: 1% 2%;
    border-radius: 5em;
    margin-bottom: 25px;
}

/*@media (max-width: 1299px) {

	body .e-con-inner>.elementor-element.elementor-absolute.car_image,
	body .e-con>.elementor-element.elementor-absolute.car_image,
	body .elementor-widget-wrap>.elementor-element.elementor-absolute.car_image { position: relative; right: 0; left: 0; }

}*/


.fliter-block-main{ position: relative; z-index: 10; display: block; width: 100%; padding: 0 0 48px; }
.fliter-row{ display: flex; align-items: flex-start;   }
.fliter-row .fliter-title{ padding: 0 22px 0 0; display: flex;}
.fliter-row .fliter-title span{  min-width: 234px; color: #000;    font-family: 'Univers LT Std'; font-weight: bold; font-size: 18px; text-transform: uppercase; border-radius: 50px; min-height: 45px; padding: 5px 10px;background-color: #feca02; align-items: center; justify-content: center;   display: flex;}
.b2b-box-main{ gap: 32px; display: flex; align-items: center; flex-wrap: wrap;}
.b2b-box-main .b2b-box{ position: relative; background-color: #feca02; padding: 1px; transition: all 0.3s ease-in-out; border-radius: 23px; display: block; width: 193px;    }
.b2b-box-main .b2b-box>a {padding: 5px 10px; display: flex; align-items: center; text-align: center; width: 100%; justify-content: center; background: #fff;  border-radius: 23px;  font-family: 'Univers LT Std'; min-height: 43px;  font-weight: bold; font-size: 18px; text-transform: uppercase;  }

.fliter-close-btn{ margin-left: auto; display: flex; }
.fliter-close-btn a{  color: #000;    font-family: 'Univers LT Std'; font-weight: bold; font-size: 18px; text-transform: uppercase; border-radius: 50px; min-height: 45px; transition: all 0.3s ease-in-out; padding: 5px 20px;background:none; align-items: center; justify-content: center; min-width: auto; display: flex;}
.fliter-close-btn a:hover{ background-color: #feca02; }

.b2b-box-main .b2b-box ul { width: 100%; position: absolute; left: 0; top: 100%;background-color: #feca02;  padding: 36px 10px 40px 30px; display: none;   margin: 0; z-index: 10; list-style: none; border-radius: 0 0 23px 23px;   box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.16); }
.b2b-box-main .b2b-box ul li{ list-style: none; display: block;}
.b2b-box-main .b2b-box ul li .checkbox{ display: flex; position: relative;  width: 100%; }
.b2b-box-main .b2b-box ul li + li{ margin-top: 16px; }
.b2b-box-main .b2b-box ul li .checkbox input{ display: none;}
.b2b-box-main .b2b-box ul li .checkbox label{color: #000; font-size: 18px; font-weight: bold; font-family: 'Univers LT Std'; text-transform: uppercase; position: relative; padding: 0 0 0 36px; cursor: pointer; }
.b2b-box-main .b2b-box ul li .checkbox label::after{ width: 18px; height: 18px; border: #000 solid 1px; border-radius: 100px; content: ''; position: absolute; left: 0; top: 0; }
.b2b-box-main .b2b-box ul li .checkbox    label::before{ transition: all 0.3s ease-in-out; width: 10px; height: 10px; background: #000; border-radius: 100px; content: ''; position: absolute; left: 4px; top: 4px; opacity: 0;  }
.b2b-box-main .b2b-box ul li .checkbox input:checked +   label::before{ opacity: 1; }
.b2b-box{ z-index: 1; }
.b2b-box.active{ z-index: 10; border-radius: 23px 23px 0 0;  }
.b2b-box-main{ max-width: calc(100% - 456px); }


@media only screen and (min-width: 1280px) and (max-width: 1599px) {
	.elementor-561 .elementor-element.elementor-element-5fef17d .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a { padding-left: 50px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1499px) {
	.neuwagen-slider-wrapper .slider-prev {
		left: -40px;
	}
	
	.neuwagen-slider-wrapper .slider-next {
		right: -40px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	body .e-con-inner .elementor-element.handler_conain h2.elementor-heading-title { font-size: 80px !important; }
	body .e-con-inner .elementor-element.trust_logos { width: 270px; max-width: 270px; right: 30px !important; column-gap: 20px; }
	body .e-con-inner>.elementor-element.elementor-absolute.car_image,
	body .e-con>.elementor-element.elementor-absolute.car_image,
	body .elementor-widget-wrap>.elementor-element.elementor-absolute.car_image { left: auto; right: -50px;max-width: 80%; }
	body .e-con-inner .elementor-element.elementor-absolute.coaches_image img { width: 100% !important; }
	body .e-con-inner>.elementor-element.elementor-absolute.car_image,
	body .e-con>.elementor-element.elementor-absolute.car_image,
	body .elementor-widget-wrap>.elementor-element.elementor-absolute.car_image img { width: 70%; }

	.promotions_sec > .elementor-element.e-con-full { max-width: calc(33.333333% - 20px); }

	.neuwagen-slider-wrapper .slider-prev {
		left: -40px;
	}
	
	.neuwagen-slider-wrapper .slider-next {
		right: -40px;
	}
}

@media only screen and (max-width: 767px) {
	.neuwagen_deals {
    padding-top: 23%;
    padding-left: 6%;
    display: flex;
    padding-right: 6%;
    flex-direction: column;
    column-gap: 1em;
}
	
	.deal-preis {
		flex-wrap: wrap;
	}
	.fahrzeugtitel {
		    font-size: 3em;
    margin-bottom: -1%;
	}
	
	.miniwrap{
		padding: 8% 3% 0;
	}
	.deal-hinweis-zulassung {
		width: 100%;
		padding: 4% 6%
	}
	
	.wpcf7-form-control-wrap .fahrzeugtitel {
		width: 100% !important;
	}
	
	#wpcf7-f1151-o1 {
		width: 90%;}
	
	#wpcf7-f1151-o1 .wpcf7-submit {
		padding: 5% 7%
	}

	.promotions_sec > .elementor-element.e-con-full { max-width: 100%; }

	.footer-width-fixer > .elementor .elementor-element:last-child > .e-con-inner .elementor-element:first-child > .elementor-element .elementor-widget { max-width: 30%; }
	
}


@media (min-width: 767px) and (max-width: 1230px) {
.fliter-row .fliter-title span{ font-size: 16px; min-width: 130px; }	
  
.b2b-box-main{ gap: 16px; max-width: calc(100% - 324px); }
.b2b-box-main .b2b-box{ width: 173px;}
.fliter-close-btn a,
.b2b-box-main .b2b-box>a{ font-size: 16px;}
}

@media (max-width: 1024px) {
#menu-navigation li ul.sub-menu{  margin: 20px 0 0 0;  min-width: 100%;    background: #ececec; }	 
#menu-navigation li ul.sub-menu li{ display: block;}
#menu-navigation li ul.sub-menu li a{ padding: 20px 0; margin: 0; display: flex ; align-items: center; justify-content: center;}
#menu-navigation li ul.sub-menu li a>div{ display: flex ;align-items: center; justify-content: center; flex-direction: column; }

#wpcf7-f1151-o1 div[attr="data-cya11y"] { width: 100%; }
#wpcf7-f1151-o1 .formc p { flex: 0 0 100%; }


}

@media (max-width: 767px) {
.mobile-design{        background-size: auto 420px !important;}
.mobile-design .mega-deal-badge .badge-price .preis{ font-size: 50px !important;}
.mega-deal-left .deal-eigenschaften p{white-space: nowrap; }
.mega-deal-image{ width:340px; }

body .e-con-inner .elementor-element.handler_conain { padding-bottom: 80% !important; }
body .e-con-inner .elementor-element.elementor-absolute.coaches_image { position: relative !important; left: 0; width: 100%; }
body .e-con-inner .elementor-element.trust_logos { position: relative !important; width: 270px; max-width: 270px;margin: 0 auto; right: 0 !important; column-gap: 20px; justify-content: center; }
body .e-con-inner .elementor-element.trust_logos > .elementor-element { max-width: 25%; }


.fliter-row .fliter-title {width: 100%; padding: 0;}
.fliter-row .fliter-title span{ width: 100%; font-size: 16px; min-width: 130px; }	
.fliter-row{ flex-direction: column; justify-content: center; gap: 20px;}
.b2b-box-main{ gap: 12px; max-width: 100%; width: 100%; flex-direction: column;  }
.b2b-box-main .b2b-box{ width: 100%;}
.fliter-close-btn{ width: 100%; justify-content: center;}
.fliter-close-btn a,
.b2b-box-main .b2b-box>a{ font-size: 16px;}
.b2b-box-main .b2b-box ul li .checkbox label {font-size: 16px; min-height: 18px;;}

}