@font-face {
	font-family: font1;
	src: url(OpenSans-Regular.ttf) format('truetype');
}

@font-face {
	font-family: font2;
	src: url(OpenSans-Bold.ttf) format('truetype');
}

@font-face {
	font-family: font3;
	src: url(OpenSans_Condensed-Light.ttf) format('truetype');
}

@font-face {
	font-family: font4;
	src: url(OpenSans_Condensed-Bold.ttf) format('truetype');
}

@font-face {
	font-family: font5;
	src: url(OpenSans_Condensed-Medium.ttf) format('truetype');
}


:root {
	--colorpicker1: rgba(0, 77, 141, 1) !important;
	--colorpicker2: rgba(0, 0, 0, 1) !important;
	--colorpicker3: rgba(167, 0, 0, 1) !important;
}


.changePriceArt {
	display: none;
}

body {
	font-family: font1;
}

span, a, input, b,
#tool .FeatureHelp span,
#Zusammenfassung .red .row1 span,
#Zusammenfassung .einruecken td.row1 span {
	color: var(--colorpicker2);
}

#navi .menuitem span {
	font-family: font4;
}

.tabText {
	font-family: font4;
}

.ModellbezeichnungUpload span, .Modellbezeichnung span {
	font-family: font4;
}

.file-upload,
#UploaderDiv .button,
.upl_btnMain .button {
	background: var(--colorpicker1);
}

#mfPrice .summe {
	font-weight: normal;
	font-family: font4;
	margin-left: 1.5em;
	align-self: center;
}

#mfBannerContent {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mfLogo {
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	width: 48.4em;
	height: 7.3em;
}

#mfMenu {
	position: absolute;
	top: 12em;
	background: transparent;
	border-bottom: 1px solid var(--colorpicker1);
	height: 4em;
	width: calc(100% - 6em);
}

#navi .menuitem span {
	color: var(--colorpicker1);
	border-bottom: 4px solid transparent;
	padding-bottom: 0.4em;
}

.tabClass.tabClass {
	border-bottom: 4px solid transparent;
}

.tabClass.tabClassActive, .tabClass:hover {
	border-color: var(--colorpicker1);
}

.tabClass span {
	padding-bottom: -0em;
}

#navi .menuitemact span,
#navi .menuitem:hover span {
	border-color: var(--colorpicker1);
}

#navi ul li div a {
	align-items: flex-end;
}

#navi .menuitemact:after {
	display: none;
}

.tabClassActive span a {
	color: var(--colorpicker1);
}

.shapeMeasuretble input.measure {
	border-color: var(--colorpicker2);
}


.ContentHandle .symbutton .Description {
	margin: 0;
}

#mfPrice span,
#mfPrice .PriceDiv span {
	color: #FFF;
}

#mfPrice .TextSummeWarenkorb {
	font-family: font4;
	display: none;
}

.warenkorbTexte {
	display: flex;
	flex-direction: column;
	justify-content: center;
	order: 0;
}

#mfPrice .summe,
#mfPrice .summeText,
#mfPrice .TextVersand {
	font-size: 1.3em;
}

#mfPrice .PriceDiv {
	height: auto;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 5em;
}

#mfPrice {
	bottom: 1em;
	top: auto;
	left: 3em;
	height: 5em !important;
	width: 68em;
	display: flex;
}

#mfSection, #mfOptions {
	top: 20em;
	height: calc(100% - 27.5em);
	border-bottom: 2px solid var(--colorpicker1);
}

.ModellbezeichnungUpload, .Modellbezeichnung {
	top: 2em;
}

#tool .btnWarenkorb .iconDiv {
	background-color: var(--colorpicker3);
}

.btnWarenkorb {
	display: none;
}

.warenkorbBtn {
	position: absolute;
	background: var(--colorpicker3);
	display: flex;
	right: 0;
	padding: 1.3em 1em 1.3em 4em;
	bottom: 0em;
	cursor: pointer;
	border: 1px solid var(--colorpicker3);
	transition: all .2s ease 0s;
}

.warenkorbBtn span {
	font-family: font4;
	color: #FFFFFF;
	text-transform: uppercase;
}

.warenkorbBtn:hover {
	background: transparent;
}

.warenkorbBtn:hover span {
	color: var(--colorpicker3) !important;
}

.warenkorbBtn:hover path {
	fill: var(--colorpicker3);
}

#warenkorb_svg {
	left: 1em;
	position: absolute;
	z-index: 12231;
	width: 2.5em;
	height: 2.5em;
}

#mfLanguage {
	display: none !important;
}

#mfToolbar.shop {
	top: 11.4em;
	max-width: max-content;
}

#mfToolbar.shop #tool .FeatureHelp {
	border-bottom: none;
}

#mfToolbar.shop #tool .liContentDiv a:hover {
	transform: none;
}

#mfToolbar.shop #tool {
	right: 3em;
}



#mfToolbar.shop #tool .FeatureHelp span {
	font-family: font4;
	border-bottom: 4px solid transparent;
}

#mfToolbar.shop #tool .FeatureHelp:hover span {
	border-color: var(--colorpicker1);
}

.warenkorb_svg path {
	fill: #FFF;
}

#warenkorb_svg {
	margin-top: -0.3em;
}

.shop #tool .iconDiv {
	display: none;
}

div.shop_endBTN {display:none !important;}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.hamburger_menu_span {
		background: var(--colorpicker1);
	}

	#warenkorb_svg {
		margin-top: -0em;
	}

	#mfSection, #mfOptions {
		top: calc((100% / 3) + 10em);
		width: 100%;
		height: calc(((100% / 3)* 2) - 10em);
		border-bottom: none;
	}

	.isshop #mfSection, .isshop #mfOptions {
		height: calc(((100% / 3)* 2) - 14em);
	}

	#mfMenu {
		top: 0em;
		background: #FFF;
		margin-left: 0;
		width: 100%;
	}

	#mfMenuContent {
		margin: .5em 0em 0 0em;
	}

	#mfLogo {
		width: 22.4em;
		height: 3.3em;
		background-size: contain;
		margin-left: 0em;
	}

	#mfTop, #mfMenu {
		height: 4em;
	}

	#mfBannerContent {
		position: absolute;
		left: auto;
		right: -2em;
		margin-right: 1em;
		justify-content: flex-start;
	}


	#mfPrice .summe {
		line-height: 0.8em;
	}

	#tool {
		right: calc(-100% + 4.6em);
	}

	#tool .liContentDiv a {
		border: none;
	}

	#mfPrice {
		background-color: #f6f6f6;
		height: 4em !important;
		position: absolute;
		right: 0;
		bottom: 0em;
		width: 100%;
		z-index: 5;
		display: table;
		text-align: right;
		left: auto;
	}

	#mfPrice .summeText,
	#mfPrice .TextVersand {
		font-size: 1em !important;
	}

	.warenkorb {
		color: #FFF;
	}


	#mfPrice .PriceDiv {
		flex-wrap: nowrap;
	}

	span.TextVersand {
		text-wrap-mode: nowrap;
	}

	#mfPrice .PriceDiv {
		padding: 0 1em;
		width: fit-content;
		height: 4em;
		display: flex;
	}

	.warenkorbBtn {
		height: 3.8em;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		padding-left: 3em;
	}

	#warenkorb_svg {
		left: 0.3em;
	}


	span.TextVersand {
		line-height: 6px;
	}

	span.TextSummeWarenkorb {
		line-height: 7px;
	}

	#mfPrice .summe {
		margin-left: 0.5em;
	}

	#tool .iconDiv {
		display: flex
	}

	#ViewDiv {
		right: 1em;
	}

	#mfToolbar {
		top: 8em !important;
		height: calc(100% / 3);
		display: flex;
		align-content: center;
		flex-wrap: wrap;
		right: 0;
	}

	.shop #tool .iconDiv {
		display: flex;
	}

	#mfToolbar.shop #tool {
		right: 4em;
	}
}