.pageHeader.pageHeader--green {
	background:#ebf2da;
	height:max-content;
}

img {
	object-fit:contain;
}

.ebikeInfoTextRow{
	display:flex;
	flex-direction:column;
}

.ebikeInfoTextCol{
	display:flex;
	flex-direction:column;
}

.desktopMargin {
	margin:0;
}

.mobileMargin, .bothMargin {
	margin:30px 0 10px;
}

.imginfobubble {
	width:60px;
	height:60px;
	background-image:url('/files?f=ic_info.png');
	background-size:contain;
	z-index:2;
	position:absolute;
	cursor:help;
}

.imginfobubble:hover {
	background-image:url('/files?f=ic_info_gruen.png');
}

.imginfobubble .imginfopopup {
	display:none;
	width:300px;
	background:white;
	margin:30px 0 0 -270px;
	border-radius:20px;
	box-shadow:1px 1px 10px -3px black;
	cursor:auto;
}

.imginfobubble .imginfopopup p {
	margin:12px;
}

.imginfobubble:hover .imginfopopup {
	display:flex;
}

.ebikeImageMobile {
	width:90%;
	margin:10px 0;
}

.arrowPreviousModel, .arrowNextModel {
	width:20%;
	cursor:pointer;
}
	
.arrowPreviousModel {
	margin:auto -8% auto -7%;
	transform:rotate(180deg);
}

.arrowNextModel {
	margin:auto -7% auto -8%;
}

.madeinaustria {
	position:absolute;
	width:80px;
	margin:-5px 0 0 220px;
}

.deviceNameAndOrderContainer {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.deviceNameAndOrderContainer > div {
	display:flex;
	flex-direction:column;
	width:100%;
}

.deviceNameAndOrderContainer button {
	white-space:nowrap;
}

.technicalDetailsContainer {
	display:flex;
	flex-wrap:wrap;
	background:whitesmoke;
	border-radius:20px;
	padding:15px 15px 10px 15px;
	margin-bottom:30px;
}

.technicalDetailsOverlay {
	background:linear-gradient(180deg, rgba(245,245,245,0) 20%, rgb(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
	width: 100%;
	height: 70px;
	margin: -85px 0 0 0;
	z-index: 2;
	position: absolute;
	max-width: 300px;
}

.technicalDetailsMore, .technicalDetailsLess {
	display:flex;
	width:100%;
	justify-content:center;
	margin:0;
}

.technicalDetailsMore > p, .technicalDetailsLess > p{
	cursor:pointer;
	font-size:18px;
	margin:auto 0;
}

.technicalDetailsMore > img, .technicalDetailsLess > img {
	cursor:pointer;
	height:30px;
	margin:auto 0;
}

.technicalDetailsMore > img {
	transform:rotate(90deg);
}

.technicalDetailsLess > img {
	transform:rotate(-90deg);
}

.technicalDetailsColumn {
	width:100%;
}

.technicalDetailsColumn p{
	margin:3px 0;
}

.technicalDetailsColumn span{
	font-weight:bold;
}

.accessoryItemContainer {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	width:100%;
}

.accessoryItem {
	display:flex;
	flex-direction:column;
	width:220px;
	box-shadow:1px 1px 10px -4px black;
	border-radius:20px;
	padding:20px;
	margin-bottom:30px;
	background:white;
}

.accessoryItem > h2 {
	margin:0
}

.accessoryItem > p {
	margin:0;
	font-weight:normal;
}

.accessoryItem > img {
	margin:20px 0
}

.accessoryContainer {
	display:flex;
	flex-direction:column;
	border-bottom:1px solid lightgrey;
	margin-top:20px;
}

.accessoryImage {
	object-fit:contain;
	width:220px;
			margin:auto;
}

.accessoryPrice {
	width:100%;
	text-align:right;
	font-size:32px;
	white-space:nowrap;
	margin:0 0 20px 0;
}

.insuranceContainer {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	width:100%;
	background:#00605B;
	border-radius:20px;
	padding:10px 0;
}

.insuranceContainer > *{
	margin:auto 0;
}

.insuranceContainer .insuranceText {
	margin:0 20px 10px;
	text-align:center;
	color:white;
}

.contactContainerWithBorder, .contactContainerWithoutBorder {
	display:flex;
	flex-direction:column;
	margin-top:30px;
}

.contactform_flexrow {
	display:flex;
	flex-direction:column;
}

.contactform_flexcolumn {
	display:flex;
	flex-direction:column;
	width:100%;
	margin:0;
}

@media(min-width: 1200px){
	.ebikeInfoTextRow{
		flex-direction:row;
		justify-content:space-between;
	}
	
	.ebikeInfoTextRow.desktopReverseRow{
		flex-direction:row-reverse;
	}
	
	.ebikeInfoTextRow > img, .ebikeInfoTextRow > .ebikeInfoTextCol  {
		max-width:48%
	}

	.desktopMargin {
		margin:30px 0 0;
	}
	
	.mobileMargin {
		margin:0;
	}

	.arrowPreviousModel, .arrowNextModel {
		display:block;
		height:150px;
		width:150px;
		position:absolute;
		top: 500px;
	}
	
	.arrowPreviousModel {
		margin:-100px 0 0 -50px;
	}
	
	.arrowNextModel {
		margin:-100px 0 0 800px;
	}

	.madeinaustria {
		width:220px;
		margin:-20px 0 0 670px;
	}

	.deviceNameAndOrderContainer > div{
		width:max-content;
	}

	.deviceNameAndOrderContainer .h2.ebikeTitle {
		font-size:32px;
	}

	.deviceNameAndOrderContainer button {
		width:max-content;
	}

	.technicalDetailsOverlay {
		max-width: 870px;
		height:100px;
		margin: -100px 0 0 0;
	}

	.technicalDetailsLess {
		margin-top:0;
	}

	.technicalDetailsColumn {
		width:50%;
	}

	.accessoryItemContainer, .accessoryItem {
		justify-content:space-between;
	}

	.accessoryContainer  {
		flex-direction:row;
	
	
		padding:5px 20px;
	
	}

	.accessoryImage {
		margin-right:20px;
	}

	.insuranceContainer .insuranceText {
		margin:auto 0;
		text-align:left;
	}
	
	.contactContainerWithBorder{
		padding:0 30px;
		border:1px solid #00605B;
		border-radius:10px;
	}
	
	.contactContainerWithoutBorder{
		padding:0 30px;
	}

	.contactform_flexrow {
		flex-direction:row-reverse;
	}
	
	.contactform_flexcolumn {
		width:50%;
	}
	
	.contactform_flexcolumn .input-text {
		margin:10px 0;
	}
}