#actionwindowdiv{
	margin: 0px auto 40px;
	width:100.5%;
	height:391px;
    position: relative;
	display:flex;
	overflow: hidden;
	margin-left:-0.5%;
}

#actionimg{
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: 0px 90%;
	position:absolute;
}

#leftpicturearrow, #rightpicturearrow, .topofferleftarrow, .topofferrightarrow{	
	display:none;
}

#actionimgpointswrapper{
	width:100%;
	height:10px;
	margin:8px auto;
	display:flex;
	position:absolute;
	justify-content:center;
	 bottom:10px;
}

.actiondiv{
	display:none;
	min-width:100%;
	height:100%;
	position:relative;
	float:left;
}

.actiontextlink{
	width:100%;
	height:100%;
	z-index:1;
}

#action1{
	display:flex;
}

.actiontextwrapper{
	position:absolute;
	left:4%;
	bottom:10%;
}

.actiontexttitle span{
	color:black;
	background-color:#e6e6e6;
	opacity:0.7;
	font-size:2.8em;
	padding:0px 2px;
	font-weight:600;
}

.actiontextsubtitle span{
	color:black;
	background-color:#e6e6e6;
	opacity:0.7;
	font-size:1.6em;
	padding:0px 2px;
}

.actiontextarrowdiv{
	color:#e6e6e6;	
	margin-top:20px;		
	background-color:#870000;
	display: inline-block;
	padding:6px;
	font-size:1.4em;
}

.actiontextarrow{
	width: 1.15em;
    height: 1.15em;
    border-radius: 0.6em;
    opacity: 1;
	margin-left: 12px;
	margin-top:0px;
    background: #e6e6e6 url('../svg/dropdownsymbol.svg');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50% 55%;
    transform: rotate(-90deg);	
	float:right;	
}

.actionimgpoint{
	width:8px;
	height:8px;
	border-radius:10px;
	background-color:#c4c2c2;
	border: solid 1px #615f5f;
	float:left;
	margin:0px 15px;
	cursor:pointer;
	 z-index:2;
}

.loadbox{
	position:absolute;
	left: calc(50% - 126px);
	top: calc(50% - 84px);
}

.actionimgpointactiv{
	background-color:#870000;
}

.topoffertitle{
	margin:10px 0px 30px 2.5%;
	color:#870000;
	height:50px;
	font-size:2.7em;
	font-weight:800;
}

.topofferdiv{
	width: auto;
	margin: 30px 0px 50px;
	padding-top:50px;	
    height: auto;    
    position: relative;
}

.topoffertabnavdiv{
	width:100%;
	height:50px;
	font-size:1.4em;	
    background-color: #f5f5f5;
    position: absolute;
    top: 0px;
}

.topoffertabnav{
	height: 49px;
    width: 15%;
    float: left;
    background-color: #e6e6e6;
    border-radius: 15px 15px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #615f5f;
    font-size: 1.1em;
    border: solid 1px #e6e6e6;
    border-bottom: none;
    box-shadow: 0px 0px 5px 0px grey inset;
    cursor: pointer;
}

.topoffertabnavaktiv{
	border: solid 1px #870000;
    border-bottom: none;
    height: 50px;
    color: #870000;
    box-shadow: 0px -2px 5px 0px #c4c2c2;
}

.topoffertabs{
	border-radius: 0px;
	border: solid 1px #870000;
	border-left:none;
	border-right:none;	
	background-color: #e6e6e6;
    width: 100%;   
	display:none;
}

#tabtaglh0, #tabbsh0, #tabtaroh0{
	display:block;
}

.topofferoverwrapper{
	height:450px;	
	width: 99%;
    position: relative;
    padding-bottom: 0px;	
	margin: 20px 0.5% 20px;
}

.topofferarrowwrapper{
	width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    align-items: center;		
}

.topofferproductswrapper{    
    align-items: center;
    height: 95%;
	display:flex;	
	overflow:hidden;
	overflow-x: scroll;
	scrollbar-width: none;
}

.topofferproductdiv{
	min-width:250px;
	max-width:250px;
	float:left;
	margin:0px 20px;	
	background-color:white;
	border-radius:15px;
	height:90%;	
	padding:16px;
	padding-top:10px;		
	color:#615f5f;
	position:relative;
	display:none;
	
}

.topofferproductdivclick{
	width:100%;
	height:100%;
	position:absolute;
	border-radius:15px;
	cursor:pointer;
	z-index:1;
	top:0;
	left:0;
}

.topofferproducttitle{
	font-size:1.6em;
	text-overflow: ellipsis;	
	overflow: hidden;	
    max-height: 60px;
	min-height: 60px;
}

.topofferproductimg{
	width:100%;
	padding:5px 0;
	max-height:160px;
	object-fit: contain;
	min-height: 160px;
}

.topofferproductherstellerlogo{
	position:relative;
	margin:auto;
	display:flex;
	justify-content:center;
}

.topofferproducthersstellerlogoimg{
	height:25px;	
}

.topofferproductsellwrapper{
	width:85%;
	display:flex;
	justify-content:center;
}

.topofferproductpriceinfowrapper{
	width:100%;
	height:auto;
	position:absolute;
	bottom:10px;
	font-size:1.6em;
}

.topofferproductinfosuvppercents{
	width: 60px;
	height: 29px;
	background-color:#870000;
	color:white;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:600;
	font-size:0.75em;
	border-radius: 20px 9px;
	float:left;
}

.topofferproductinfosuvpcrosed{
	position:relative;
	color:gray;
	font-size:0.75em;
	margin-left:4px;
	bottom:-4px;
}

.topofferproductinfosuvpcrosed::after {
    content:"";
    position:absolute;
    top:35%; left:0; width:100%; height:1px; 
	background-color:#870000;
    transform:rotate(-5deg);
}

.topofferproductinfospricediv{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-end;			
		width:85%;		
}

.abspan{	
	font-size:0.5em;
	margin-right:2px;
}

.topofferproductinfosprice{
	color:#f0ba20;
	font-size:1.5em;
	text-shadow: 1px 1px 1px gray;
	margin:auto;
	margin-top:0px;
	width:auto;
}

.topofferproductinfospricemoreinfo{
	font-size:0.6em;
}

.bssectiontitle{
	text-align:center;
	color:#870000;
	font-weight:700;
	font-size:1.7em;
}

.bsinfowrapper{	
	display:flex;
	justify-content:center;
	text-align:center;
	align-items:center;
	height:36%;
	font-size:1.5em;
}

.bssectionimg{
	width:100%;
	height:40%;
	object-fit: cover;
	object-position: 0px 90%;
}

#directsearchlinkwrapper{
	width:100%;
    display: flex;
    justify-content: center;
    column-gap: 50px;
	margin-bottom:40px;
}

.directsearchlink{	
	all:unset;
	background-color:#f0ba20;
	color:#870000;	
	border-radius:10px;
	padding:10px 40px;
	font-size:2.3em;
}

#IndroductionMC{
	background-color: #e6e6e6;
    width: 90%;
    border: solid 1px #870000;
    border-radius:15px;
	margin:auto;
	padding:18px;
}

#iframewrapper{
	margin:25px 0px 20px 0px;
	aspect-ratio: 16 / 9;
	width:100%;
}

#ifframezustimmungswrapper{
	width:100%;
	height:100%;
	background-color:#615f5f;
	font-size:1.6em;
}

#iframeyt{
	background-color:#615f5f;
}

#ifframezustimmungtext{
	color:white;
	text-align:center;
	padding: 18% 10% 7%;
}

#ifframezustimmunglink{
	color:#870000;
	text-decoration:none;
}

#mctext{
	font-size:2.2em;
}

#ifframezustimmungbutton{
	color:white;
	border:1px solid white;
	text-align:center;
	width:80%;
	aspect-ratio:18 / 1;
	margin: auto;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-bottom:0px;
}

#MCTextwrapper{
	margin:15px;
	text-align:justify;
	font-size: 0.8em;
	color:#615f5f;
}

.MCh4{
	text-align: left;
	font-size:2.4em;
	margin: 0px 0px 10px 0px;
}

.MCtextlink{
	color:#615f5f;
}

#linkh4{
	margin-top:35px;
	font-size:2.5em;
}

#linkswrapper{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 30px 30px;
	margin-top:25px;
	margin-bottom:15px;
}

.linklink{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	border-radius:15px;
}

.linkmaindiv{
	width:100%;
	
	background-color: #f5f5f5;
	border-radius:15px;
	position:relative;
	border: 1px solid #f5f5f5;
	position:relative;
	font-size:1.6em;
}

.linkimg{
	width: 80%;
	aspect-ratio: 16/9;
    object-fit: cover;
	object-position: 0px 90%;
	margin:10% 10% 0px;
}

.linksp{
	color:#870000;
	text-align:center;
	font-weight:600;
	margin:5px 0px 10px;
	font-size:0.9em;
}

#actionimgarrowwrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	display: grid;
	grid-template-columns: 60px auto 60px;
	align-items: center;
}

@media all and (min-width: 451px) {
	#actionwindowdiv {
		margin: 0px auto 120px;
		padding-top:60px;
		width: 90%;
		height: 34vw;
		display:block;
		overflow:visible;
	}
	
	.actiondiv{
		height:100%;
		position:absolute;
		float:none;
		min-width: 100%;
	}
	
	.actiontexttitle span{
		font-size:2.2em;
	}

	.actiontextsubtitle span{
		font-size:1.6em;
	}

	.actiontextarrowdiv{
		font-size:1em;
	}

	.actiontextarrow{
		width: 1em;
		height: 1em;
		border-radius: 0.5em;
		margin-top:2px;
	}
	
	#actionimgpointswrapper{
		width:85%;
	}

	
	.actiontextwrapper{
		left:8%;
		bottom:12%;
	}
	
	.topofferdiv {
		width: 90%;
		margin: 0px auto 50px auto;
		padding-top: 40px;
	}
	
	.topoffertabs {
		border: solid 1px #870000;
		border-radius: 0px 15px 15px 15px;
	}
		
	.topofferoverwrapper{
		height:300px;
	}
	
	.topofferproductdiv{
		max-width:160px;
		min-width:160px;
		float:none;
		margin:auto;
		height:85%;
	}
	
	.topofferproductimg{
		max-height:200px;
		min-height: 200px;
	}
	
	.topofferproductdivclick:hover{
		border: 1px solid #870000;
		box-shadow: 0px 0px 10px 0px gray;	
		left:-1px;
		top:-1px;
	}
	
	.topoffertabnavdiv{		
		width: 100%;
		height: 40px;
		font-size: 1em;
	}
	
	.topoffertabnav {
		height:39px;
		width:130px;
	}
	
	.topoffertitle{
		height:auto;
		font-size:2.4em;
	}
	
	.topoffertabnavaktiv{
		height:40px;
	}
	
	.topofferproducttitle {
		font-size: 1.2em;		
		min-height: 46px;
		max-height: 46px;
	}
	
	.topofferproductimg {
		max-height:110px;
		min-height: 110px;
	}
	
	.topofferproducthersstellerlogoimg {
		height: 17px;
	}
	
	.topofferproductpriceinfowrapper {		
		font-size:1em;
	}
	
	.topofferproductinfosuvppercents {		
		width:40px;
		height:19px;
	}
	
	.topofferarrowwrapper{
		grid-template-columns: 50px auto 50px;
	}
	
	.topofferproductswrapper{		
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		height:100%;		
		overflow-x: hidden;
	}
		
	#leftpicturearrow, #rightpicturearrow, .topofferleftarrow, .topofferrightarrow {
		display:block;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		cursor: pointer;
		opacity: 0.9;
		z-index:2;
		margin:auto;
	}	

	#leftpicturearrow, .topofferleftarrow{
		
		background: #e6e6e6 url('../svg/dropdownsymbol.svg');
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: 50% 55%;
		transform: rotate(90deg);
	}

	#leftpicturearrow{
		margin-left: 10px;
	}

	#rightpicturearrow, .topofferrightarrow{
		margin-right: 10px;
		background: #e6e6e6 url('../svg/dropdownsymbol.svg');
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: 50% 55%;
		transform: rotate(-90deg);	
	}

	#rightpicturearrow:hover ,.topofferleftarrow:hover, #leftpicturearrow:hover, .topofferrightarrow:hover{
		background:#870000 url('../svg/dropdownsymbolhovergray.svg');
		background-size:60%;	
		background-repeat:no-repeat;
		background-position:50% 55%;	
	}
	
	.bssectiontitle{
		font-size:1.1em;
	}
	
	.bsinfowrapper{
		font-size:1em;
	}
	
	.linklink:hover{
		border: 1px solid #870000;
		box-shadow: 0px 0px 10px 0px grey;
		cursor:pointer;
	}
		
	.MCtextlink:hover{
		color:#870000;
	}
	
	#iframewrapper {
		float: right;
		margin: 15px 15px 10px 30px;
		width: 50%;
	}
	
	.MCh4{
		font-size:1.6em;
	}

	#ifframezustimmungswrapper{
		font-size:0.9em;
	}
	
	#ifframezustimmungbutton{
		padding-bottom:1px;
	}
	
	#MCTextwrapper{
		font-size: 1.2em;
	}
	
	#ifframezustimmunglink:hover{
		text-decoration:underline;
	}

	#ifframezustimmungbutton:hover{
		cursor:pointer;
		color:#f0ba20;
		border:1px solid #f0ba20;
	}
	
	#linkswrapper{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		margin-bottom:20px;
	}
	
	.linkmaindiv{
		font-size:1em;
	}

	#mctext{
		font-size:1em;
	}
	
	#linkh4{
		font-size:1.5em;
	}
	
	#directsearchlinkwrapper{
		column-gap: 100px;
		margin-bottom:40px;
		justify-content:flex-start;
		column-gap:85px;
		margin-left:85px;
		width: auto;
	}

	.directsearchlink{	
		border-radius:10px;
		padding:10px 40px;
		font-size:1.5em;
	}

	.directsearchlink:hover{
		color:#f0ba20;
		background-color:#870000;	
		cursor:pointer;		
	}

}

@media all and (min-width: 1401px) {
	#actionwindowdiv {
		height: 25vw;
	}
}