@font-face {
	font-family: FuturaPT;
	font-display: swap;
	font-weight: 400;
	font-style: normal;
	src: url(Fonts/FuturaPTBook.0b95c844.woff2) format("woff2")
}

@font-face {
	font-family: FuturaPT;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	src: url(Fonts/FuturaPTMedium.38c97e47.woff2) format("woff2")
}

@font-face {
	font-family: FuturaPTCond;
	font-display: swap;
	font-weight: 400;
	font-style: normal;
	src: url(Fonts/FuturaPTCondBook.3cb90860.woff2) format("woff2")
}

@font-face {
	font-family: FuturaPTCond;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	src: url(Fonts/FuturaPTCondMedium.a0608dd7.woff2) format("woff2")
}

@font-face {
	font-family: ProximaNova;
	font-display: swap;
	font-weight: 300;
	font-style: normal;
	src: url(Fonts/ProximaNovaLight.ad1273de.woff2) format("woff2")
}

@font-face {
	font-family: ProximaNova;
	font-display: swap;
	font-weight: 600;
	font-style: normal;
	src: url(Fonts/ProximaNovaSemibold.d28caa8c.woff2) format("woff2")
}

#mfLogo {
	height: 5.5em;
	background-image: url(logo.svg);
}

body {
	font-family: FuturaPT, sans-serif;
	color: #1a1a1a;
}

input, textarea {
	font-family: 'FuturaPT';
}

#showMass {
	display: none;
}

.naviText {
	text-transform: capitalize !important;
	font-size: 1.2em !important;
}

.maxSizeDisplayImg {
	height: calc(100% - 16em - 2px);
}

.seriesSubDiv {
	margin-right: 1em;
	width: 31em;
}

.seriesSubDiv.act .seriesTitleDiv span,
.seriesSubDiv:hover .seriesTitleDiv span {
	color: var(--colorpicker1);
}

.seriesImageDiv {
	height: 21em;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.seriesImageZoom {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: scale(1) translateZ(0);
	transform-origin: center center;
	transition: transform 0.45s ease;
	will-change: transform;
	backface-visibility: hidden;
}

.seriesSubDiv:hover .seriesImageZoom {
	transform: scale(1.06) translateZ(0);
}

.titleDiv {
	margin-top: 1em;
}

#mfRequest, #mfSupport, #DynLayer90div {
	height: auto;
	width: auto;
}

#ViewDiv {
	position: absolute;
	top: auto;
	overflow: hidden;
	right: calc((100% - 80em) / 2 - 10em);
	bottom: 2em;
	z-index: 10;
}

.seriesTitleDiv {
	background: rgba(255,255,255,0.7);
	height: 4em;
	display: flex;
	position: absolute;
	width: 100%;
	bottom: 0em;
	z-index: 1;
}

.mailSpan.mailMessage {
	border-radius: 0em;
	border: 1px solid #1a1a1a;
}

.control_indicator {
	border: 1px solid #1a1a1a;
}

input,
#DynLayer92div input {
	border: 1px solid #1a1a1a;
	font-size: 1.6em;
	height: 1.7em;
	border-radius: 0;
}

.button span {
	background-color: transparent;
	cursor: pointer;
	color: #1a1a1a;
	border: 1px solid #1a1a1a;
}

.mailSpan.button {
	border: 1px solid #1a1a1a;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.4s ease;
}

.mailSpan.button a {
	color: #1a1a1a;
}

.mailSpan.button:hover a {
	color: var(--colorpicker4);
}

.mailSpan.button:hover {
	background-color: var(--colorpicker1);
	border-color: var(--colorpicker1);
	color: var(--colorpicker4);
}


.button span:hover {
	background-color: var(--colorpicker1);
	border-color: var(--colorpicker1);
	color: var(--colorpicker4);
}

.customCheckbox {
	margin-bottom: -1em;
}

input#RefID {
	border-radius: 0;
	border: 1px solid #1a1a1a;
}

.seriesTitleDiv span {
	color: var(--colorpicker3);
	display: flex;
	align-items: center;
	padding-left: 0.3em;
	font-size: 3em !important;
	font-family: FuturaPTCond, sans-serif;
}

.hoverContainer {
	border: 1px solid #1a1a1a;
}

#mfLanguage span {
	cursor: default;
	font-size: 1.6em;
	color: var(--colorpicker3);
}

#language_svg path {
	fill: var(--colorpicker3);
}

#mfLanguage {
	right: 2em;
	top: 0em;
	height: 8.5em;
}

#mfLanguage.priceON {
	right: 50em;
}

#mfLogo {
	margin-left: 6em;
}

.tabText {
	padding: 0em 2em;
	font-size: 1.3em !important;
}

.tabClass {
	border: 1px solid var(--colorpicker2) !important;
	height: 4.5em;
	margin-right: 2.7em;
}

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

.tabClass.tabClassActive a, .tabClass:hover a {
	color: var(--colorpicker4);
}

.tabClass span {
	padding: 0 !important;
}

.symbutton.act .Description span,
.symbutton .Description span {
	color: #1a1a1a;
}

.symbutton .Description span {
	font-size: 1.8em;
	padding: 0.3em 0;
}

.Modelle {
	margin-top: 3em;
}

#Zusammenfassung {
	margin-top: 2.5em;
}

.symbutton:hover .Description, .symbutton.act .Description,
.symbutton:hover .Description span, .symbutton.act .Description span {
	background-color: transparent;
}

.symbutton:hover .Description span, .symbutton.act .Description span {
	color: var(--colorpicker1);
}

.symbutton .Description {
	margin: 0;
	justify-content: start;
	align-items: start;
}

.ContentHandle .symbutton,
.ContentHandle .symbutton:hover, .ContentHandle .symbutton.act {
	border: none;
}

.ContentHandle .symbutton:hover, .ContentHandle .symbutton.act {
	background-color: transparent;
}

.UploadIcon path {
	fill: #1a1a1a;
}

.file-upload,
#UploaderDiv .button, .upl_btnMain .button {
	border: 1px solid #1a1a1a;
	background-color: transparent;
}

.file-upload:hover {
	background-color: transparent;
}

.file-upload label {
	border: none;
}

.button span {
	padding: 0.7em 1em;
}

.file-upload span, #UploaderDiv .button a,
#FileUploadMain .button span {
	color: #1a1a1a;
}

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

div.file-upload:hover span,
#UploaderDiv .button:hover span, .upl_btnMain .button:hover span {
	color: var(--colorpicker4);
}

.uploaddiv {
	right: 1em;
	top: 1em;
	background: #FFF;
	border: 1px solid #000;
	z-index: 10;
}

.maxSizeDisplayImg {
	width: calc(100% - 80em);
	right: 0;
	left: auto;
}

.shapeMeasuretble input.measure {
	background: #f9f9f9;
	border: 1px solid #cccccc;
	height: 2.1em;
	font-size: 2em;
	text-align: center;
	padding-right: 0;
	margin: 0em 0.5em;
}

.breiteEingabe span {
	font-size: 2em;
}

#mfTop {
	height: 8.5em;
	width: 100%;
	z-index: 0;
	position: absolute;
	border-bottom: 1px solid #cccccc;
}

.seriesMainDiv {
	gap: 2em 6em;
}

.titleDiv .title,
.MainTitles, .SubTitles {
	font-size: 2em;
}

.infoDiv .title {
	font-size: 1.6em;
	margin-top: 0.1em;
}

.titleDiv svg,
.infoDiv .svg {
	height: 2.7em;
}


#tool .btnBemassung svg {
	height: 1.4em;
}

.titleDiv .title:after,
.MainTitles:after, .SubTitles:after {
	content: "";
	display: block;
	height: 5px;
	width: 2em;
	background-color: var(--colorpicker1);
	margin-top: 0.5em;
}

#mfMenu {
	position: absolute;
	top: 0em;
	background: transparent;
	display: flex;
	align-items: center;
	width: calc(100% - 3em);
	height: 8.5em;
	margin-left: 11em;
}

.menuitem span {
	color: var(--colorpicker3);
}

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

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

#navi ul li div a {
	padding-left: calc(1.5em / 1.6);
	padding-right: calc(1.5em / 1.6);
}

.ModellbezeichnungUpload, .Modellbezeichnung {
	position: absolute;
	top: 1em;
	left: 81em;
	background-color: transparent;
	border: none;
	padding: 0;
}

.ModellbezeichnungUpload span, .Modellbezeichnung span {
	color: var(--colorpicker1);
	font-size: 1.8em;
}

#mfPrice {
	height: 8.5em;
	display: flex;
	align-items: center;
	width: auto;
	margin-right: 2em;
}

.tabContent span {
	font-size: 1.8em;
}

.tabContent {
	margin: 1em 1em 0 6em;
	height: calc(100% - 16.5em);
}

.tabBaseClass {
	margin-left: 6em;
	margin-top: 3.5em;
}

#mfStepper ul {
	height: 3.8em;
}

#mfStepper ul {
	border: 1px solid #1a1a1a;
}

#mfStepper a {
	font-size: 1.8em;
	color: #1a1a1a;
}

#mfStepper ul:hover {
	border-color: var(--colorpicker1);
}

.treeproperty.treeClass9, .treeproperty.treeClass10 {
	margin-top: 0em;
}

#mfLinks {
	position: absolute;
	bottom: 0em;
	right: 0em;
	z-index: 1;
	display: flex;
	align-items: center;
	z-index: 1;
	height: 5.5em;
	width: 100%;
	background: #333333;
	justify-content: end;
	padding-right: 2em;
}

.infoDiv {
	display: flex;
	margin-bottom: 5em;
}

.infoDiv .title:after {
	display: none
}

.infoDiv #infoIcon {
	display: flex;
}

.program.symbutton {
	width: 8em;
}

#mfStepper {
	bottom: 0em;
	height: 5.5em;
	width: calc(100% - 11em);
	margin: 0em 6em;
}

.tabClass {
	margin-left: 0em;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

#mfDisplay {
	top: calc(8.5em + 1px);
	height: calc(100% - 14em)
}

#mfLinks span {
	text-transform: capitalize;
	color: var(--colorpicker4);
	font-family: FuturaPTCond, sans-serif;
	font-size: 2em;
	margin: 0 0.3em;
}

#mfLinks .trenner {
	width: 4px;
	background-color: var(--colorpicker4);
	height: 1px;
	margin-top: 5px;
}

#mfLinks span:hover {
	color: var(--colorpicker1);
}

.switchBefore.act, .switchAfter.act {
	font-weight: normal;
}

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

#mfSection, #mfOptions {
	position: absolute;
	top: calc(8.5em + 1px);
	width: 80em;
	height: calc(100% - 14em - 1px);
	left: 0em;
	background-color: #f2f2f2;
	border: none;
	border-bottom: none;
	display: flex;
	transform: none;
	transition: transform 0.5s ease;
	z-index: 10;
	transform: translateX(0);
	transition: transform 1s ease;
	will-change: transform;
}

#mfSection.is-hidden {
	transform: translateX(-95%);
}

.menuitem svg path {
	fill: var(--colorpicker3);
}

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

#tool .iconDiv {
	background-color: transparent;
	border: 1px solid var(--colorpicker3);
	height: 4em;
	width: 4em;
}

#tool .liContentDiv a {
	height: 4em;
}

#tool .FeatureHelp {
	border-bottom: 1px solid var(--colorpicker1);
	margin: 0 0em 0em 4.6em;
}

#mfToolbar {
	max-width: 100%;
}

.iconDiv svg #Symbol .st1 {
	fill: var(--colorpicker3) !important;
}

#mfPrice .PriceDiv {
	height: auto;
	background-color: transparent;
	flex-direction: row;
	order: 1;
}

.changePriceArt {
	display: none;
}

.changePriceArtNew {
	display: flex !important;
	order: 0;
	background: #f2f2f2;
	padding: 0.5em 0.5em;
	border-radius: 0.5em;
	margin-right: 2em;
}

.BtnPriceEK span {
	padding: 0.1em 0.5em;
}

.BtnPriceVK span {
	background: green;
	padding: 0.1em 0.5em;
	border-radius: 0.2em;
	color: #FFF;
}

.textRed .BtnPriceEK span {
	background: red;
	padding: 0.1em 0.5em;
	border-radius: 0.2em;
	color: #FFF;
}

.textRed .BtnPriceVK span,
#mfPrice div.PriceDiv.textRed {
	background: transparent;
	color: var(--colorpicker3);
}

.BtnPriceVK {
	margin-right: 0.5em;
}

.BtnPriceVK,
.BtnPriceEK {
	cursor: pointer;
}

.BtnPriceVK span, .BtnPriceEK span {
	white-space: nowrap;
	font-family: FuturaPTCond, sans-serif;
	font-size: 1.8em;
}

.changePriceArtNew.textRed .BtnPriceVK:hover span {
	color: green;
}

.changePriceArtNew .BtnPriceEK:hover span {
	color: red;
}

span.summeText {
	align-self: end;
	top: -0.3em;
	position: relative;
	margin-left: 0.7em;
}

#mfPrice .summe, #mfPrice .TextSummeWarenkorb, #mfPrice .summeText, #mfPrice .TextVersand {
	color: var(--colorpicker3);
}

#mfPrice .summe {
	font-size: 3em !important;
}

#mfToolbar {
	top: 8.5em;
	height: calc(100% - 14em);
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

#tool .btnSave svg {
	height: 2em;
}

.btnPDF svg, .btnNew svg {
	height: 2.2em !important;
}


#tool .btnSupport svg {
	height: 2.5em !important;
}

#tool .btnPortal svg {
	height: 2em !important;
}

#tool .ToolbarLogin .svg {
	width: 2.5em;
}

#tool .ToolbarLogin svg {
	margin-top: 0.5em;
	height: 2.5em;
}

.showhideSection {
	width: 4em;
	height: 4em;
	border: 1px solid #000;
	position: absolute;
	right: -2em;
	display: flex;
	top: calc(100% / 2 - 2em);
	background: #FFF;
	cursor: pointer;
}

.svg.showhide {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	transition: transform 1s ease-in-out;
}

.showhide path {
	fill: #1a1a1a;
}

#mfSection.is-hidden .svg.showhide {
	transform: rotate(180deg);
}



@media screen and (max-width: 1024px) and (orientation: portrait) {
	.showhideSection {
		display: none;
	}

	#mfLogo {
		margin-left: 0em;
		margin-right: 1em;
		height: 4em;
	}

	.tabBaseClass {
		margin-left: 1em;
		margin-top: 1em;
	}

	#mfMenu {
		margin-left: 1em;
	}

	#navi ul li div a {
		padding-left: 1.8em;
	}

	.button span {
		padding: 0.2em 1em;
	}

	#mfPrice {
		height: 5em;
		right: 4em;
		display: flex;
		flex-direction: column-reverse;
	}

	.tabBaseClass {
		height: calc(2.5em + 2px);
	}

	.tabContent {
		margin: 1em 1em 0 1em;
		height: calc(100% - 11.5em);
	}

	#mfStepper {
		width: calc(100% - 2em);
		margin: 0em 1em;
		height: 3.5em;
	}

	.shapeMeasuretble input.measure {
		height: 1.1em;
	}

	#mfStepper ul {
		height: 2.8em;
	}

	.tabClass {
		height: 2.5em;
	}

	.tabBaseClass {
		overflow: auto;
	}

	.tabText {
		white-space: nowrap;
	}

	#mfPrice .summe {
		font-size: 2em !important;
	}

	.changePriceArtNew {
		font-size: 0.7em;
	}

	#mfDisplay {
		top: calc(5em + 1px);
		height: calc(100% / 3 + 5em);
	}

	#ViewDiv {
		top: 0.2em !important;
		font-size: 1.6em !important;
		left: 1em;
		width: 30em;
		height: 2em;
	}

	.maxSizeDisplayImg {
		width: calc(100% - 22em);
		height: calc(100% - 13em - 2px);
		top: 7em;
		left: 11em;
	}

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

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

	#mfToolbar {
		top: 6em;
		display: flex;
		height: calc(100% / 3 + 5em);
		right: 1em;
	}

	#mfToolbarContent {
		height: 100%;
	}

	#tool {
		height: 100%;
		right: 0;
	}

	#tool ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap-reverse;
		align-content: flex-start;
		gap: 1em;
		height: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#tool ul li {
		flex: 0 0 auto;
	}

	#tool ul li .liContentDiv {
		margin-bottom: 0;
	}

	#tool .liContentDiv a {
		display: flex;
		position: relative;
		height: 4em;
		font-size: 1em;
		transition: all 0.4s ease;
	}

	#tool .iconDiv {
		background-color: transparent;
		border: 1px solid var(--colorpicker3);
		height: 4em;
		width: 4em;
	}

	#tool .menuitem {
		margin-right: 4em;
	}

	k
}

k
}