/* Gelb:#c0b806
Blau:#132541 */

.mfLogo.defaultlogo {background-image:url('ritter-fenster-logo.svg'); width: 30em; height:6em; background-repeat:no-repeat; background-size: contain;}

@font-face {
    font-family: "DINNextW01-CondensedBol";
    src: url("DINNextW01-CondensedBol.woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN Next W01 Light";
    src: url("DIN_Next_W01_Light.woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DIN Next W01 Regular";
    src: url("bree-serif-v17-latin-regular.woff2");
    font-weight: normal;
    font-style: normal;
}
span, input,
textarea, table,
a, select, ul, svg text {font-family: "DIN Next W01 Light",Verdana,Helvetica,sans-serif;}

.tabBaseClass { border-bottom: 0.2em solid #E3E3E0; }

span.enumerate					{ display: none; }

.lineal_V.durchgangsmass span,
.lineal_H.durchgangsmass span	{ color: #000; }
.lineal_V.durchgangsmass,
.lineal_H.durchgangsmass		{ background-color: #000000; }

#hideSection			{ bottom:0em; }
.hideSection_span		{ bottom: 0.5em; }
#mfLanguage				{ background-color:#f3f3f3; padding-left:3em; }

#ButtonCreator,
#ButtonCatalog			{ top: 12.7em; }
#ButtonCreator			{ right:13em; }
#ButtonCatalog			{ right:17em; }

#mfMenu	.menuitem		{ background-color: #f2f1ed;  transition: all 300ms; }
#mfMenu .menuitemact,
#mfMenu .menuitem:hover,
.SearchBtn,
.seriesTitleDiv,
#mfStepper,
.switch label:before,
.program .title,
.handle .title, .handle2 .title,
.handle3 .title, .innerhandle .title,
.DynLayerHeader, #mfTop, #mfMenu,
#mfMenu .menuitem,
#mfLanguage, div#rc2ExcludesTitel,
#showExcludeDetials:hover,
#mfPreis .PriceDiv 				{ background-color: #132541!important;}

.handle .title, .handle2 .title, .handle3 .title, .innerhandle .title {
    height: 3.8em;
}
.handle .title span, .handle2 .title span, .handle3 .title span, .innerhandle .title span {
    color: var(--colorpicker4);
}

#tool svg #HG rect,
.AnfrageDiv svg #HG rect		{ fill: #132541; }

#language_svg path				{ fill: #c0b806 }
.languageBox span				{ color: #c0b806 }

#showMass.act svg path			{ stroke: #132541; }

#mfMenu .menuright				{ width: 0px; }

.ModelleSearch,
.symbutton.profil:hover, .symbutton.variant:hover,
.symbutton.profil.act, .symbutton.variant.act,
.symbutton.shape.act img, .symbutton.shape img:hover,
.symbutton.din.act, .symbutton.din:hover,
.symbutton.RALcolor.act, .symbutton.RALcolor:hover,
.symbutton.dekor.act, .symbutton.dekor:hover,
.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,
.switch label			{ border-color: #132541; }

[type="radio"]:checked + .treeClicker:after,
[type="radio"]:not(:checked) + .treeClicker:after			{ background: #132541;}

.GlasSideSelect svg .select:hover path,
.GlasSideSelect svg .select.act path,
.GlasSideSelect svg .select.act path			{ fill:#132541!important; cursor:pointer; }


.tabClass:hover span a,
.tabClass.tabClassActive span a { border-color: transparent; }


.Modellbezeichnung,
.ModellbezeichnungUpload		{ border: 2px solid #132541 !important; border-radius: 5px !important; background:transparent; }

.Modellbezeichnung span,
.ModellbezeichnungUpload span	{ color: #000000; }

.MainTitles						{ font-family: "DIN Next W01 Regular"; }

#mfMenu .menuitem span			{ font-family: "DINNextW01-CondensedBol"; font-size: 1.5em!important; color: #FFFFFF; }

#mfMenu .menuitem:hover span,
.menuitemact span,
.menuitemact a					{ color: #c0b806!important; }

input#broadeningCount			{ margin-left: 2em; }

#prLogo							{ height: 6em !important; top: 2.5em; position: relative; }


#ImpProc a:hover				{ color: #D13840 }



.Slider, 
.refCopyButton						{background-color: #132541;}


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

.ToolbarBox				{ right: 0em; }
.btnSupport svg			{ background: #132541; }

.treeparts.treepartsTitles {
	width: calc(100% - 3.7em);
}

#LupeZoom {
	top: 7.5em;
}
#a11ykit-root {
    top: 24.6em !important;
}
#a11ykit-root .btn,
#a11ykit-root .a11ybtnLayer .a11ybtnSpan {
	background: #132541 !important;
}



/* Handy größe*/
@media screen and (max-width: 1024px) and (orientation: portrait)  
{
	#mfPreis .PriceDiv		{ padding-right: 8em; padding-right: 2em; margin-right: 8em; }
	#showMass				{ display:none; }
	.tollbarPos				{ top:1em; }
	div#mfRC2				{ position: absolute; width: 11em; left: 1em; top: 4em; }

	div#rc2ExcludesInfo span,
	.fonsize12,
	table#rc2ExclduesDetailsTables span				{ font-size: 1.5em; }
	#mfPreis										{ background-color: #132541; }
	#hamburger_menu:checked ~ span,
	.hamburger_menu_span							{ background: #FFFFFF; }
	#mfStepper a									{ color: #FFFFFF; }
	#mfTop					{ height: 8em; }
	#mfMenu					{ border: none; top: 2em !important; right: 3em !important; width: 4em !important; height: 4em !important; }
	#mfLogo img				{ max-height: 6.5em; }
	#ViewDiv				{ top: 0em; right: auto; left: 1em; font-size: 1em; }
	.handle .title, .handle2 .title, .handle3 .title, .innerhandle .title { width: 15.8em; }
    #mfMainContent			{ margin-top: 8em; height: calc(100% - 8em); }
	#mfSection, #mfOptions { z-index: 8; }
}