:root {
	--colorpicker1:		rgba(255, 207, 0, 1);
}


.mfLogo.defaultlogo {background-image:url('Logo_TT_Triebenbacher_4c.svg'); width: 26em; height:5em; background-repeat:no-repeat; background-size: contain;}

@font-face {
    font-family: "TheSans_B2_400";
    src: url("../../Fonts/TheSans_B2_400_.eot");
    src: url("../../Fonts/TheSans_B2_400_.eot?#iefix") format("embedded-opentype"),
    url("../../Fonts/TheSans_B2_400_.woff") format("woff"),
    url("../../Fonts/TheSans_B2_400_.svg#TheSans_B2_400_") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TheSans_B2_800";
    src: url("../../Fonts/TheSans_B2_800_.eot");
    src: url("../../Fonts/TheSans_B2_800_.eot?#iefix") format("embedded-opentype"),
    url("../../Fonts/TheSans_B2_800_.woff") format("woff"),
    url("../../Fonts/TheSans_B2_800_.svg#TheSans_B2_800_") format("svg");
    font-weight: normal;
    font-style: normal;
}
span, input,
textarea, table,
a, select, ul, svg text {font-family: "TheSans_B2_400",Verdana,Helvetica,sans-serif;}

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

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

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

#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			{ border-color: var(--colorpicker1); }

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


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


.Modellbezeichnung,
.ModellbezeichnungUpload		{ border: 2px solid var(--colorpicker1) !important; border-radius: 5px !important; background:transparent; }

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

#mfMenu .menuitem:hover span	{ color: #FFFFFF;}

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

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


#ImpProc a:hover				{ color: #D13840 }



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


.CategoryTitle,
.Slider,
.treepartsTitles		{ border-left: 0.7em solid var(--colorpicker1); background: #f3f3f3; }
.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: #f3f3f3; border: 1px solid var(--colorpicker1);}



/* Handy größe*/
@media screen and (max-width: 1024px) and (orientation: portrait)  
{
	#mfPreis .PriceDiv		{ padding-right: 8em; padding-right: 2em; margin-right: 8em; }
}