﻿:root {
	--colorpicker1: rgba(210,7,42,1);
	--colorpicker2: rgba(0,0,0,1);
	--colorpicker3: rgba(0,0,0,1);
	--colorpicker4: rgba(255,255,255,1);
}

.ModellbezeichnungUpload, .Modellbezeichnung {
	padding: 0em 2em;
	height: 3.9em;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

#mfPrice {
	right: auto;
	left: 63em;
	top: 23em;
	padding-left: 10em;
	height: 3.9em;
	width: 23em;
}

#mfPrice .summe {
	font-size: 1.6em !important
}

#mfPrice .PriceDiv {
	height: 3.9em;
	padding-left: 2em;
}

.warenkorbBtn {
	display: flex;
	background: #000;
	margin-top: .5em;
	height: 3.9em;
	position: relative;
	cursor: pointer;
}

.warenkorbBtn span {
	color: #FFF !important;
	display: flex;
	align-items: center;
	order: 1;
	margin-left: 1em;
}

#warenkorb_svg {
	order: 2;
	border-left: .5em solid #FFF;
	position: absolute;
	top: 0;
	right: 0;
	width: 3.9em;
	height: 3.9em;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

#warenkorb_svg svg {
	height: 75%;
}

span.summeText {
	margin-right: 1em;
}

.warenkorbTexte {
	position: absolute;
	top: 9em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	margin-left: -2em;
}

.warenkorbTexte span {
	color: #000 !important;
}


.warenkorbBtn svg path {
	fill: #FFF !important;
}

#mfToolbar .btnWarenkorb {
	display: none;
}


@media screen and (max-width: 1024px) and (orientation: portrait) {
	#mfToolbar .btnWarenkorb {
		display: flex;
	}

	#mfToolbar {
		top: 8em;
		height: calc(100% / 3);
		display: flex;
		align-content: center;
		flex-wrap: wrap;
	}


	#mfLogo {
		display: flex;
		justify-content: end;
	}

	#ViewDiv {
		right: 1em;
	}

	#tool .btnWarenkorb .iconDiv {
		background-color: #27ae60;
	}

	#mfPrice {
		left: 0;
		top: 8.5em;
		padding-left: 0em;
		width: auto;
	}

	.warenkorbBtn,
	.warenkorbTexte {
		display: none;
	}

	#mfPrice .summe {
		font-weight: normal;
		font-size: 1.3em !important;
	}

	#mfPrice .PriceDiv {
		padding-left: 1em;
		height: 3em;
	}
}
