:root {
	--colorpicker1:		rgba(1, 65, 129, 1);
}

@font-face {
  font-family: 'Open Sans';
  src: url('open-sans-v17-latin-regular.woff2') format('woff2');
}

span, input,
textarea, table, 
a, select, ul, svg text			{ font-family: 'Open 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); }

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

.showDetail,
.hideDetail				{ color:#FFFFFF!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:1.6em 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; left: 5em; background-color: transparent; z-index: 11; }
.mfLogo.defaultlogo		{ background-image:url('cropped-bewa-plast-logo-neu-03-21.webp'); width: 23em; height:7.5em; background-repeat:no-repeat; background-size: contain;}
#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; }

.CategoryTitle	{ border-bottom: 2px solid var(--colorpicker1); }
.opener			{ background-image: url('icons/ModellArrow.png'); }


#mfMenuContent			{ left: 35em; position: relative; }
.menuitemact			{ background-color:transparent; }

.menuitem:hover span,
.menuitemact span,
.menuitemact a			{ color: #FFF; transition: .3s linear; }
.menuitemact a			{ background: var(--colorpicker1); }
#navi					{ height: 7em; }
#navi ul li div a		{ padding: 0.8em 1em; text-transform: uppercase; font-weight: 600; font-size:1.8em; }
#navi ul li div a:hover	{ background: var(--colorpicker1); color:#FFF; transition: .3s linear; }

#mfSection				{ top: 10.6em; }
#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); }

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

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


.Modellbezeichnung,
.ModellbezeichnungUpload					{ background: var(--colorpicker1); }
#mfSection, #mfOptions						{ height: calc(100% - 13em); }
.tabBaseClass								{ height: 7em; border-bottom: none; }
#mfSectionContent							{ height: calc(100% - 3em); }

#seperator									{ width: 1px; height: 100%; background: #ccc; }
.tabClass									{ display: flex; align-items: center; margin-left: 3em; margin-right: 3em; }
.tabBaseClass #seperator:last-child			{ display: none; }


.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; }



.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: #000 !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)  
{
	#mfDisplay				{ height: 30em; top:0; }
	#mfSection				{ top: 30em; }
	#mfMenu					{ border:none; background-color:transparent; top: -5em!important; right: 3em!important;
							  width: 4em!important; height: 4em!important; }
	#mfMenuContent			{ left: 1em; }
	#navi					{ height: 4em; }
	#ViewDiv				{ top: 1.2em; right: auto; left: 1em; font-size: 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: 2em; }
	#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: #FFF !important; }
	mfBannerContent			{ margin-top:2em; }
	.DynLayerContent		{ max-width:100%; }
	.seriesImageDiv			{ height: 21em; }
	#mfPreis a				{ height: 4em; }
	#mfPreis				{ height: 8em; width: 35em; top: -8em; display: none!important; }
	#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: 8em; padding-right: 2em; margin-right: 8em; }
	#navi ul li div a		{ padding: 0em 1em; width:100%; }
}