.h4x3cw-container {
	width: 100%;
	max-width: 860px;
}
.h4x3cw-container * {
	box-sizing: border-box;
}
.h4x3cw-fifty {
	padding-top: 39%;
	position: relative;
}
.h4x3cw-halfp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.h4x3cw-left, .h4x3cw-right {
	width: 50%;
	float: left;
	height: 90%;
	text-align: center;
}
/*FUTURE - padding Bug*/
.h4x3cw-left {
	padding: 0%;
}
/*FUTURE
.h4x3cw-right {
	padding: 6% 3% 0;
}*/
/*.h4x3cw-main-title {
	height: 15%;
}*/
.h4x3cw-main-img {
	position: relative;
	height: 64%;
}
/* Future padding bug */
.h4x3cw-main-cnnp {
	height: 21%;
	padding-top: 53px; 
}
.h4x3cw-submodels-hidden, .h4x3cw-subsubmodels-hidden {
	display: none;
}
.h4x3cw-row {
	font-size: 0.7em;
}
.h4x3cw-row-6 {
    width: calc(50% / 4); /* Divides the row equally into 6 parts */
    float: left;
    padding-top: 15px;
    position: relative;
}
.h4x3cw-row-6-first, .h4x3cw-row-6-last {
	width: 25%;
}
.h4x3cw-line-row-6 {
    width: 75%;
    border-bottom: 1px solid #000;
    margin: 0 auto;
}
.h4x3cw-row-6 span {
    left: calc(50% - 12.5px);
    top: -12.5px;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    display: block;
    cursor: pointer;
}
.h4x3cw-row-5 {
    width: calc(50% / 3);
    float: left;
    padding-top: 15px;
    position: relative;
}
.h4x3cw-row-5-first, .h4x3cw-row-5-last {
	width: 25%;
}
.h4x3cw-line-row-5 {
    width: 75%;
    border-bottom: 1px solid #000;
    margin: 0 auto;
}
.h4x3cw-row-5 span {
    left: calc(50% - 12.5px);
    top: -12.5px;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    display: block;
    cursor: pointer;
}
.h4x3cw-row-4 {
	width: 25%;
	float: left;
	padding-top: 15px;
	position: relative;
}
.h4x3cw-line-row-4 {
	width: 75%;
	border-bottom: 1px solid #000;
	margin: 0 auto;
}
.h4x3cw-row-4 span {
	left: calc(50% - 12.5px);
	top: -12.5px;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	display: block;
	cursor: pointer;
}
/*FUTURE - design bugs */
.h4x3cw-row-3 span.selected:before, .h4x3cw-row-4 span.selected:before, .h4x3cw-row-5 span.selected:before, .h4x3cw-row-6 span.selected:before, .h4x3cw-row-2 span.selected:before, .h4x3cw-row-1-first.h4x3cw-row-1-last span:before {
	content: "✔";
    font-size: 26px;
    position: relative;
    top: -10px;
    left: 0;
	font-weight: bold;
}
.h4x3cw-clearfix {
	clear: both;
}
.h4x3cw-line-row-3 {
	width: 75%;
	border-bottom: 1px solid #000;
	margin: 0 auto;
}
.h4x3cw-row-3 {
	width: 50%;
	float: left;
	padding-top: 15px;
	position: relative;
}
.h4x3cw-row-3-first, .h4x3cw-row-3-last {
	width: 25%;
}
.h4x3cw-row-3 span {
	left: calc(50% - 12.5px);
	top: -12.5px;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	display: block;
	cursor: pointer;
}
.h4x3cw-line-row-2 {
	width: 75%;
	border-bottom: 1px solid #000;
	margin: 0 auto;
}
.h4x3cw-row-2 {
	width: 25%;
	float: left;
	padding-top: 15px;
	position: relative;
}
.h4x3cw-row-2-last {
	float: right;
}
.h4x3cw-row-2 span {
	left: calc(50% - 12.5px);
	top: -12.5px;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	display: block;
	cursor: pointer;
}
.h4x3cw-row-1 {
	width: 25%;
	float: left;
	padding-top: 15px;
	position: relative;
}
.h4x3cw-row-1 span {
	left: calc(50% - 12.5px);
	top: -12.5px;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	display: block;
	cursor: pointer;
}
/*Future - image and text design*/
.h4x3cw-main-img img {
	position: absolute;
    height: 135% !important;
    top: 48%;
    left: 45%;
    transform: translate(-50%, -50%);
	}
.h4x3cw-14 {
	height: 20%;
    margin-top: 16px;
}
.h4x3cw-bold {
	font-weight: 500;
    font-size: 13px;
}
.h4x3cw-small {
	font-size: 0.7em;
}
/* FUTURE - jetzt entdecken button */
.qbutton {
    background-color: #ce161a;
    text-transform: uppercase;
    font-family:brandon-grotesque, Arial, Helvetica, sans-serif; !important;
    padding: 1em 4em;
	font-size:14px;
	font-weight:500;
	font-style:normal;
	line-height:1.2;
    width: 100px;
    width: 100%;
    color: white !important;

}
.qbutton.default:hover  {
    background-color: rgba(0,0,0,0); /* Hintergrundfarbe beim Hover */
    color: #ce161a !important; /* Schriftfarbe beim Hover */
	border:1px solid #ce161a !important;  /* Randfarbe beim Hover */
    transform: scale(1.05); /* Leichtes Vergrößern beim Hover */
}


/* FUTURE - name and price left */
#carnameandpreisleft{
	 text-align: left; /* Text nach links ausrichten */
    margin-left: 15px; /* Optional: Abstand nach links entfernen */
    padding-left: 0; /* Optional: Innenabstand nach links entfernen */
}

/* FUTURE: Linie über dem Text */
.h4x3cw-main-cn::before {
    content: "";
    display: block;
    width: 30px; /* Breite der Linie */
    height: 1px; /* Höhe der Linie */
    background-color: #001a33; /* Farbe der Linie */
    margin-bottom: 5px; /* Abstand zur Überschrift */
}

/*FUTURE - Mobile responsiv */
@media (max-width: 750px) {
    .h4x3cw-right {
        padding-top: 0px;
    }

    .h4x3cw-main-img img {
        position: absolute;
        height: 153% !important;
        top: 34%;
        left: 47%;
        transform: translate(-50%, -50%);
    }

    .h4x3cw-main-cnnp {
        height: 21%;
        padding-top: 25px;
    }

    .h4x3cw-left,
    .h4x3cw-right {
		margin-bottom: 50px;
    }
	
	.fusion-fullwidth.fullwidth-box.fusion-builder-row-3.fusion-flex-container.has-pattern-background.has-mask-background.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {
		 --awb-background-image: linear-gradient(177deg, #dedede 63%,#fff 0%) !important;
    }
	
		
	.fusion-fullwidth.fullwidth-box.fusion-builder-row-3.fusion-flex-container.has-pattern-background.has-mask-background.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling{
	--awb-padding-top: 8% !important;
    --awb-padding-bottom: 8% !important;
	}
	
}


@media all and (min-width: 591px) and (max-width: 1000px) {
	.h4x3cw-left, .h4x3cw-right {
		width: 100%;
		height: 50%;

	}
	.h4x3cw-fifty {
		padding-top: 100%;
	}
}
@media all and (max-width: 750px) {
	.h4x3cw-left, .h4x3cw-right {
		width: 100%;
		height: 50%;
	}
	.h4x3cw-fifty {
		padding-top: 120%;
	}
	
}


/* Future - DESIGN ausserhalb section */
.fusion-layout-column.fusion_builder_column.fusion-builder-column-6.fusion-flex-column.fusion-flex-align-self-stretch{
	    margin-top: 75px !important;
}
.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{
	  --fontSize: 24 !important;
}

.fusion-layout-column.fusion_builder_column.fusion-builder-column-6.fusion-flex-column.fusion-flex-align-self-stretch{
	--awb-margin-bottom-large: 69px !important;
}