.single-vehicule.vehicule-template-default h3{
	font-family: var(--wp--preset--font-family--gt-haptik);
	font-style: normal;
	font-size: 30px;
	line-height: 140%;
	text-align: center;
	letter-spacing: -0.04em;
	position: relative;
}
.single-vehicule.vehicule-template-default h3::before{
    content: '';
    background-image: url(../../assets/images/before.png);
    background-size: 61px 10px;
    display: block;
    width: 61px;
    height: 10px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 30px;
}

.single-vehicule.vehicule-template-default .product-title h3{
	font-size: 25px;
}

.single-vehicule.vehicule-template-default .product-title h3::before{
	display: none!important;
}

.single-vehicule.vehicule-template-default .content-cover-text h2{
	text-align: left;
	letter-spacing: inherit;
}
.single-vehicule.vehicule-template-default .content-cover-text h2::before{
	display: none!important;
}

.single-vehicule.vehicule-template-default h2{
	font-family: var(--wp--preset--font-family--gt-haptik);
	font-style: normal;
	font-size: 40px;
	line-height: 140%;
	text-align: center;
	letter-spacing: -0.04em;
	position: relative;
}
.single-vehicule.vehicule-template-default h2::before{
    content: '';
    background-image: url(../../assets/images/before.png);
    background-size: 61px 10px;
    display: block;
    width: 61px;
    height: 10px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 30px;
}

/* STICKYBAR */
.open-sticky-bar{
	display: none;
}
.hide-comparator .stickybar-bottom{
	bottom: 10px;
	transition: all 0.2s;
}
.stickybar-bottom{
	background: #F5F5F5;
	border-radius: 0px;
	padding: 15px 25px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    position: fixed;
    bottom: 40px;
	z-index: 2;
    left: 50%;
    display: flex;
    align-items: center;
    transform: translate(-50%, 0px);
    width: max-content;
	transition: all 0.2s;
}

.stickybar-bottom .price{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	margin-bottom: 0px;
	margin-right: 24px;
}

.stickybar-bottom span:nth-child(2){
	margin-left: 15px;
}

.stickybar-bottom span{
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	display: flex;
	align-items: center;
	text-align: center;
	margin-left: 0px;
}

.stickybar-bottom .options{
	display: flex;
	align-items: center;
	gap: 26px;
	margin-right: 24px;
}

.stickybar-bottom .options p{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0px;
}

.stickybar-bottom .options p span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
	margin-left: 5px;
}

.stickybar-bottom .options p svg{
	flex: none;
	order: 0;
	flex-grow: 0;
}

.stickybar-bottom .cotent-btn-stickybar{
	display: flex;
    align-items: center;
	gap: 15px;
}

.stickybar-bottom .cotent-btn-stickybar a{
	border-radius: 0px;
	padding: 9px 12px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	color: var(--wp--preset--color--black);
	flex: none;
	order: 0;
	flex-grow: 0;
	background-color: var(--wp--preset--color--white);
	text-decoration: none;
}

.stickybar-bottom .cotent-btn-stickybar button{
	border-radius: 0px;
	padding: 9px 12px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	color: var(--wp--preset--color--black);
	flex: none;
	order: 0;
	flex-grow: 0;
	background-color: var(--wp--preset--color--white);
	text-decoration: none;
	border: none;
}

.stickybar-bottom .cotent-btn-stickybar button input{
	display: none;
}

.stickybar-bottom .cotent-btn-stickybar a:last-child{
	background-color:var(--wp--preset--color--red);
	color: var(--wp--preset--color--white);
}

/* HERO */
.hero{
	display: flex;
    align-items: center;
	height: 100vh;
	margin-bottom: 70px;
}

.hero .hero_image{
    flex-basis: 55%;
	height: 100%;
}

.hero .hero_image img{
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 0px;
}

.hero .content_hero{
    flex-basis: 45%;
	padding-left: 57px;
	padding-right: 10vw;
}

.hero.empty_image{
	justify-content: center;
    text-align: center;
	margin-top: 270px;
	height: auto;
}
.hero.empty_image .content_hero{
	flex-basis: auto;
	padding: 0px;
}

.hero .content_hero .category_translation{
	font-size: 19px;
	line-height: 24px;
	letter-spacing: 0.085em;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--gt-haptik);
}

.hero .content_hero h1{
	font-style: normal;
	font-weight: 750;
	font-size: 70px;
	line-height: 117.2%;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 44px;
	font-family: var(--wp--preset--font-family--gt-haptik);
}

.hero .content_hero .category_translation{
	font-style: normal;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: -0.04em;
}

/* VIDEO */
.video {
	margin-bottom: 70px;
}

.video h3{
	margin-bottom: 60px;
}

.video .video-content{
    display: flex;
    position: relative;
}

.video .auto-flex{
	margin: auto;
    width: 80px;
    height: 80px;
}

.video video{
	border-radius: 0px;
	width: 100%;
}

/* TOP VIEW */
.topview h2{
	margin-bottom: 45px;
}

.topview img{
	width: 571px;
	margin-right: -167px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.topview .topviewtext{
	background-color: var(--wp--preset--color--black);
	width: 731px;
	padding: 113px 106px 129px 256px;
	border-radius: 0px;
	display: inline-block;
	vertical-align: middle;
}

.topview .topviewtext p{
	color: var(--wp--preset--color--white);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
}

/* 3D */
.model3d iframe{
	height: 474px;
	border-radius: 0px;
	margin-top: 60px;
}

/* TECHNICAL */
.technical{
	margin-top: 100px;
}

.technical h2{
	margin-bottom: 40px;
}

.technical .planpicture{
	max-width: 670px;
	margin: auto;
	display: block;
	margin-top: 40px;
}

.technical .content_tile_option{
	margin-top: 50px;
	display: flex;
	row-gap: 20px;
    column-gap: 27px;
	flex-wrap: wrap;
}

.technical .content_tile_option .content_option{
	column-gap: 27px;
}

.technical .content_tile_option .content_option:first-child .tile_option_group .tile_option{
	border-color: var(--wp--preset--color--white)!important;
}

.technical .tile_technique{
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.technical .tile_technique p:first-child{
	font-family: var(--wp--preset--font-family--dm-sans)!important;
	color: var(--wp--preset--color--black)!important;
	font-style: normal;
	font-weight: 400;
	line-height: 20px!important;
	white-space: inherit;
	margin-bottom: 0px!important;
	letter-spacing: normal!important;
	padding-right: 20px;
}

.technical .tile_technique a{
	background-color: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white);
    border-radius: 0px;
    padding: 9px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    flex: none;
    order: 0;
    flex-grow: 0;
    text-decoration: none;
}

.technical .tile_option{
	background: #F5F5F5;
	border-radius: 0px;
	background-color: var(--wp--preset--color--grey);
	padding: 18px 34px 18px 34px;
}

.technical .tile_option p:first-child{
	font-family: var(--wp--preset--font-family--gt-haptik);
	color: var(--wp--preset--color--red);
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0.085em;
	margin-bottom: 6px;
}

.technical .tile_option p{
	color: var(--wp--preset--color--black);
	font-size: 16px;
	line-height: 21px;
	margin: 0px;
	white-space: nowrap;
}

.technical .tile_option_group:nth-child(2){
	flex-basis: 100%;
}

.technical .tile_option_group{
    display: flex;
	border-radius: 0px;
    background-color: var(--wp--preset--color--grey);
	padding: 10px 0px;
}

.technical .tile_option_group .tile_option{
	border-radius: 0px;
	background: none;
	border-right: 1px solid var(--wp--preset--color--white);
	padding: 8px 20px;
}

.technical .tile_option_group .tile_option:last-child{
	border: none!important;
}

.technical .content_head_option{
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
}

.technical .content_head_option h3{
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	justify-content: space-between;
}

.technical .content_head_option h3::before{
	margin: 0px;
	margin-right: 40px;
}

.technical .content_head_option .stickybar{
	gap: 28px;
    display: flex;
}

.technical .content_head_option .stickybar a{
    padding: 19px 20px;
    background: var(--wp--preset--color--red);
    border-radius: 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
}

.technical .content_head_option .stickybar button{
    padding: 19px 20px;
    background: var(--wp--preset--color--black);
    border-radius: 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
	border: none;
}
.technical .content_head_option .stickybar button input{
	display: none;
}

/* POPUP */
.tile_technique .btn-popup{
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--white);
    border-radius: 0px;
    padding: 9px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    flex: none;
    order: 0;
    flex-grow: 0;
	border: none;
}
.content-popup-techdata {
    background-color: var(--wp--preset--color--white);
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: calc(100% - 300px);
    height: auto;
	padding: 55px 189px;
	border-radius: 0px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	opacity: 0;
    transition: all 0.2s;
    pointer-events: none;
}

.content-popup-techdata.open{
	opacity: 1;
    transition: all 0.2s;
    pointer-events: all;
}

.content-popup-techdata .close-techdata{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0px;
    cursor: pointer;
}

.content-popup-techdata h3{
	margin-bottom: 34px;
}

.content-popup-techdata h3::before{
	display: none!important;
}

.content-popup-techdata table{
	width: 100%;
	margin-bottom: 34px;
}

.content-popup-techdata table:last-child{
	margin-bottom: 0px;
}

.content-popup-techdata table thead tr{
    border-bottom: 2px solid #000000;
}

.technical .tile_technique .content-popup-techdata table thead tr p.option_code{
    font-family: var(--wp--preset--font-family--gt-haptik)!important;
    color: var(--wp--preset--color--black)!important;
    cursor: pointer!important;
    font-style: normal!important;
    font-weight: 800!important;
    font-size: 18px!important;
    line-height: 25px!important;
    padding: 10px 0px;
    letter-spacing: -0.04em!important;
    margin-bottom: 0px!important;
}

.content-popup-techdata table tbody td:last-child{
	text-align: right;
}

.content-popup-techdata table tbody td{
	padding: 12px 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--wp--preset--color--black);
    border-bottom: 1px solid #EBEBEB;
}

/* MODEL OPTIONS */
.model_options{
	margin-top: 6px;
}

.model_options .legend{
    display: flex;
    align-items: center;
	margin-bottom: 24px;
}

.model_options .color-legend{
	background-color: #F5F5F5;
	width: 27px;
	height: 9px;
}

.model_options .legend p{
	margin-left: 10px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--black);
	opacity: 0.6;
}

.model_options .group_option{
	padding-bottom: 10px;
}

.model_options .group_option p.option_group{
	font-family: var(--wp--preset--font-family--gt-haptik);
	color: var(--wp--preset--color--black);
	cursor: pointer;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 26px;
    letter-spacing: -0.04em;
    border-bottom: 2px solid #000000;
    margin-bottom: 0px;
}

.model_options .group_option p.option_group::after{
    content: '+';
    float: right;
	font-weight: 200;
}

.model_options .group_option.open p.option_group::after{
    content: '-';
    float: right;
}

.model_options .group_option p.option_code{
	font-family: var(--wp--preset--font-family--gt-haptik);
	color: var(--wp--preset--color--black);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -0.04em;
	margin-bottom: 0px;
}

.model_options table{
	width: calc(100% - 0px);
	margin-left: 0px;
	margin-bottom: 34px;
}

.model_options table thead th:first-child{
	text-align: left;
	border-left: none;
	padding-left: 26px;
}

.model_options table thead th{
	text-align: center;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 17px;
	padding: 12px 10px;
	border: 1px solid #EBEBEB;
	border-top: none;
}

.model_options table tbody tr td:first-child{
	text-align: left;
	border-left: none;
	padding-left: 26px;
}

.model_options table tbody tr td{
	padding: 12px 10px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--black);
	text-align: center;
	border: 1px solid #EBEBEB;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
	.topview img{
		width: 470px;
	}
	.topview .topviewtext{
		width: 692px;
	}
}

@media screen and (min-width: 0px) and (max-width: 1020px) {
	.hero {
		flex-direction: column;
		height: auto;
	}
	.hero .hero_image{
		width: 100%;
		height: 400px;
		margin-top: 130px;
		flex-basis: auto;
	}
	.hero .content_hero {
		flex-basis: 100%;
		padding-left: 5%;
		padding-right: 5%;
		margin-top: 40px;
	}
	.topview img {
		width: 470px;
		margin: auto;
		display: block;
	}
	.topview .topviewtext {
		width: 100%;
		text-align: center;
		padding: 50px;
		margin-top: 50px;
	}
	.airtable-1-media, .airtable-3-media, .airtable-4-media{
		flex-wrap: wrap;
	}
	.airtable-1-media .content-media{
		display: block;
		margin: auto;
	}
	.airtable-3-media .content-media, .airtable-4-media .content-media{
		justify-content: center;
		width: 100%;
	}
	.airtable-1-media .content-media img{
		width: 100%;
		height: auto;
	}
	.airtable-2-media .content-media .col-media, .airtable-3-media .content-media .col-media, .airtable-4-media .content-media .col-media{
		height: 340px;
	}
	.model3d iframe {
		width: 100%!important;
	}

	.stickybar-bottom{
		display: block;
		width: 90%;
		bottom: 75px;
		transform: translate( -50%, calc( 100% + 75px ) );
		transition: all 0.2s;
	}
	.stickybar-bottom.open{
		transform: translate( -50%, 0px );
		transition: all 0.2s;
	}
	.stickybar-bottom .options{
		margin-bottom: 15px;
		flex-direction: column;
		gap: 15px;
		margin-right: 0px;
	}
	.stickybar-bottom .cotent-btn-stickybar {
		align-items: stretch;
		flex-direction: column;
	}
	.stickybar-bottom .cotent-btn-stickybar a, .stickybar-bottom .cotent-btn-stickybar button{
		justify-content: center;
	}
	.stickybar-bottom .price{
		margin-right: 0px;
		justify-content: center;
		margin-bottom: 15px;
	}
	.open-sticky-bar{
		display: block;
		width: 40px;
		height: 40px;
		position: fixed;
		bottom: 15px;
		right: 5%;
		z-index: 2;
	}
	.technical .content_tile_option .content_option {
		gap: 27px;
	}
	.technical .content_tile_option .d-flex{
		flex-direction: column;
	}
	.technical .tile_option_group{
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 0px) and (max-width: 800px) {
	.topview img {
		width: 430px;
	}
	.hero .hero_image{
		margin-top: 65px;
	}
	.technical .tile_option{
		text-align: center;
	}
	.technical .planpicture{
		width: 100%;
	}
	.technical .content_tile_option .content_option{
		flex-direction: column;
	}
	.technical .tile_option_group{
		flex-direction: column;
		background: none;
		gap: 18px;
		padding: 0px 0px;
	}
	.technical .tile_option_group .tile_option{
		background-color: var(--wp--preset--color--grey);
		border-radius: 0px;
		padding: 18px 34px 18px 34px;
		text-align: center;
		border: none;
	}
	.technical .content_tile_option .content_option{
		gap: 18px;
	}
	.technical .content_head_option{
		flex-wrap: wrap;
	}
	.technical .content_head_option h3{
		display: block;
		width: 100%;
		text-align: center;
	}
	.technical .content_head_option h3::before {
		display: block;
		margin: auto;
		margin-bottom: 30px;
	}
	.technical .content_head_option .stickybar {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 30px 0px;
	}
	.model_options table thead th:first-child, .model_options table tbody tr td:first-child{
		padding-left: 10px;
	}
	.model_options .group_option p.option_code{
		font-size: 14px;
		line-height: 18px;
	}
	.model_options .group_option p.option_group{
		padding: 10px;
	}
}

@media screen and (min-width: 0px) and (max-width: 500px) {
	.hero.empty_image{
		margin-top: 170px;
	}
	.hero .content_hero h1{
		font-size: 35px;
	}
	.single-vehicule.vehicule-template-default h2{
		font-size: 30px;
	}
	.topview img {
		width: 100%;
	}
	.technical .tile_option_group .tile_technique{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}