:root {
	--colorpicker1:		rgba(211,7,42, 1);
}
@font-face { font-family: Fira Sans; src: url('FiraSans-Regular.ttf'); }


span, input,
textarea, table, 
a, select, ul, svg text			{ font-family: 'Fira Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; }

#mfSection span,
#mfSection a,
#mfSection table,
#mfOptions span,
#mfOptions a,
#mfOptions table		{ color: #333; }

#mfStepper span,
#mfStepper a			{ color:var(--colorpicker1); }

.showDetail,
.hideDetail				{ color:#FFFFFF!important; }

.SearchBtn span,
.seriesTitleDiv span,
.symbutton .title span	{ color: #FFF!important; }

.MainTitles				{ color: var(--colorpicker1)!important; }

#mfStepper				{ background-color: transparent; bottom: 0em; }
.hideSection_span		{ z-index: 998; border-color: transparent transparent var(--colorpicker1) transparent; bottom: 1.7em; }
#mfStepper a			{ line-height: inherit; font-size: 2em; display: flex; justify-content: center; align-items: center; }

#mfMenu					{ border-bottom:5px solid var(--colorpicker1); }

#summaryTable			{ font-size:1.6em !important; }

.changePriceArt				{ background-image: url('icons/changePreis1.png'); z-index: 11; }
.textRed + .changePriceArt  { background-image: url('icons/changePreis2.png');  }
#mfPreis .PriceDiv.textRed	{ background-color: var(--colorpicker1); }

#mfTop					{ height: 9em; width: auto; right: 28.5em; background-color: transparent; z-index: 11; }
.mfLogo.defaultlogo		{ background-image:url('myDoor_Logo.jpg.png'); width: 13em; height:7.5em; background-repeat:no-repeat; background-size: contain;}
#mfLogo img				{ max-width: 40em; max-height: 7em; }
#mfBanner				{ margin-left: 0em; }
#mfMenu					{ top: 0em; height: 9.2em; background-color: #FFF; width: 100%; }
.enumerate,
.menuright,
.menuleft				{ display:none!important; }

#ButtonCreator,
#ButtonCatalog			{ top: 11.2em; }

#mfPreis a				{ height: 6.3em; }
#mfPreis				{ width: 26em; }
#mfPreis,
#mfPreis .PriceDiv		{ height:9.2em; z-index:11; }

#mfPreis .PriceDiv		{ background-color: #9c9d9d; }

.opener			{ background-image: url('icons/ModellArrow.png'); }


#mfMenuContent			{ left: 2em; position: relative; margin-top: 6em; }
.menuitemact			{ background-color:transparent; }

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

#navi ul li div a		{ padding: 0 1em;}

#mfSection				{ top: 10em; }
#mfOptions				{ top: 15em; }

#mfDisplay				{ top: 15em; }
#ImpProc a				{ color:#FFF; font-weight:normal; }
#ImpProc				{ background-color: #636262; width: 100%; bottom: 0; height: 2em; display: flex; justify-content: center; align-items: center; }

#mfNext a,
#mfPrev a				{ font-weight: normal; }

.graytext				{ color: #7c7c7b;}
.switch label			{ border: 1px solid #7c7c7b; }

.tabClass.tabClass span a	{ border:none; }

.symbutton.handle.act,
.symbutton.handle2.act,
.symbutton.handle3.act,
.symbutton.innerhandle.act,
.doorKnocker.act,
.symbutton.handle:hover,
.symbutton.handle2:hover,
.symbutton.handle3:hover,
.symbutton.innerhandle:hover,
.doorKnocker:hover,
.symbutton.program.act,
.symbutton.program:hover,
.symbutton.profil:hover,
.symbutton.variant:hover,
.symbutton.profil.act,
.symbutton.variant.act,
.symbutton.shape.act img,
.symbutton.shape.act img,
.symbutton.shape img:hover,
.symbutton.din:hover,
.symbutton.din.act,
.symbutton.RALcolor.act,
.symbutton.RALcolor:hover,
.symbutton.dekor.act,
.symbutton.dekor:hover,
.symbutton.colorside img,
.symbutton.glasside img						{ border: 1px solid var(--colorpicker1); }

.GlasSideSelect svg .select:hover path,
.GlasSideSelect svg .select.act path,
.GlasSideSelect svg .select.act path			{ fill:var(--colorpicker1)!important; cursor:pointer; }


.handle .title,
.handle2 .title,
.handle3 .title,
.innerhandle .title							{ background-color:var(--colorpicker1); }


.Modellbezeichnung,
.ModellbezeichnungUpload					{ background: var(--colorpicker1); }
#mfSection, #mfOptions						{ height: calc(100% - 12em); }
#mfSectionContent							{ height: calc(100% - 3em); }

.seriesTitleDiv,
.switch label::before,
.program .title,
.SearchBtn,
[type="radio"]:checked + a::after,
[type="radio"]:not(:checked) + a::after,
.DynLayerHeader 							{ background-color: var(--colorpicker1); }

#mfPopup, #DynLayer87div					{ border: 1px solid #7c7c7b; }
.ModelleSearch								{ border: 2px solid var(--colorpicker1); }


.noUpload.button							{ background-color: #E3E3E0; border: none; position: relative; height: 4em; width: 15em; display: flex; justify-content: center; align-items: center; cursor: pointer; }


#tool img			{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; width: 7em !important; height: 4em !important; padding-left: 7em !important; background-size: contain; }
.ToolbarLogout img	{ background: url("icons/logout.png") no-repeat; }
.ToolbarLogin img	{ background: url("icons/login.png") no-repeat; }
.ToolbarSave img	{ background: url("icons/upload.png") no-repeat; }
.ToolbarLaden img	{ background: url("icons/download.png") no-repeat; }
.ToolbarAnfrage img	{ background: url("icons/mail.png") no-repeat; }
.ToolbarDownload img{ background: url("icons/pdf.png") no-repeat; }
.ToolbarWord img	{ background: url("icons/word.png") no-repeat; }
.ToolbarNeu img		{ background: url("icons/reset.png") no-repeat; }
.AnfrageBtn			{ background-image: url("icons/mail.png");}


.switch label::before { top: calc(var(--thumb_pad) - 1px); }

.rabattDiv						{ left: -69em; bottom: 0.5em; }
.rabattDiv span				{ color: var(--colorpicker1); }

#mfLanguage					{ top: 10em; right: 0em; background-color:transparent; }
#language_svg path			{ fill: var(--colorpicker1); }
#mfLanguage .langli:hover a	{ color:var(--colorpicker1); }
.rabattDiv					{ left: -55em; bottom: -4.5em; }

#tool svg #HG rect,
#mfPreis svg #HG rect,		
.AnfrageDiv svg #HG rect	{ fill:var(--colorpicker1); }
#showMass.act svg path		{ stroke: var(--colorpicker1); }

#tool svg #Symbol path		{ fill:#FFF; }

.Slider, 
.refCopyButton						{background-color: var(--colorpicker1);}

.CategoryTitle,
.Slider,
.treepartsTitles		{ border-left: 0.7em solid var(--colorpicker1); background: #eeeeee; }
.accTitel,
.MainTitles,
.SubTitles,
.treeClickerPopup span	{ color: #333 !important; }
#plusminus_svg #Minus,
#plusminus_svg #Plus	{ stroke: var(--colorpicker1); }
.treeparts				{ width: calc(100% - 3em); }
.treeClickerDescription .svg path { fill: var(--colorpicker1); }
.treeClickerDescription:hover .treeClickerPopup { background: #eeeeee; border: 1px solid var(--colorpicker1);}



/* Handy größe*/
@media screen and (max-width: 1024px) and (orientation: portrait)  
{
	#showMass				{ display:none; }
	#mfDisplay				{ height: 30em; top:0; }
	#mfSection				{ top: 30em; }
	#mfMenu					{ top: -11.5em; right: 0em; border:none; background-color:transparent; }
	#ViewDiv				{ top: 1.2em; right: auto; left: 1em; }
	.hamburger_menu_span	{ background: var(--colorpicker1);}
	#navi ul li				{ height:4em; }
	#mfToolbar				{ right: -16em; left: auto; }
	#mfStepper a			{ color: var(--colorpicker1); }
	#mfSection				{ height: calc(100% - 33em); }
	#mfTop					{ top: 0em; height: 8em; right: auto; left: 9em; }
	#mfMainContent			{ margin-top: 8em; height: calc(100% - 8em); }
	#ImpProc				{ height:3.5em; }
	#navi ul li:hover span,
	#navi ul li:hover a,
	.menuitemact a,
	.menuitemact span		{ color: #7c7c7b !important; }
	mfBannerContent			{ margin-top:2em; }
	.DynLayerContent		{ max-width:100%; }
	.seriesImageDiv			{ height: 21em; }
	#mfPreis a				{ height: 4em; }
	#mfPreis				{ height: 8em; width: 25em; top: -8em; }
	#mfPreis a				{ padding-right: 3.6em; }
	#loginDataDiv			{ display:none; }

	#hideSection,
	.hideSection_span		{ display:none; }
	#mfPreis,
	#mfPreis .PriceDiv		{ height: 8em; }
	#mfPreis .PriceDiv		{ height: 8em; padding-right: 0em; padding-right: 2em; margin-right: 0em; }
	.tollbarPos				{ top:0 }
	#navi ul				{ left: -2em; top: 5.5em; right:auto; }
	#mfRC2, #mfLanguage		{ display:none; }
	#mfRequest				{ top: -8em;}
}