/*.mfLogo.defaultlogo {background-image:url('logo.png'); width: 25em; height:8.7em; 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;
}

:root {
	--colorpicker1:		rgba(96,167,205, 1);
}

a, span, svg text {font-family: "TheSans_B2_400",Verdana,Helvetica,sans-serif;}

.SearchBtn,
#mfPreis .PriceDiv,
.Modellbezeichnung,
.seriesTitleDiv,
.menuitemact,
#mfStepper,
.switch label::before,
.program .title							{ background-color: var(--colorpicker1); }

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

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

.tabClass:hover span a,
.tabClass.tabClassActive span a,
.ModelleSearch,
.symbutton.program.act,
.symbutton.program: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.colorside img,
.symbutton.glasside img,
.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);
}

.GlasSideSelect svg .select:hover path,
.GlasSideSelect svg .select.act path,
.GlasSideSelect svg .select.act path			{ fill:var(--colorpicker1)!important; 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; }
.changePriceArt				{ background-image: url('icons/changePreis1.png'); }
.textRed + .changePriceArt  { background-image: url('icons/changePreis2.png'); }
.AnfrageBtn					{ background-image: url("icons/mail.png");}


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

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

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

/* Handy größe*/
@media screen and (max-width: 1024px) and (orientation: portrait)  
{
	.hamburger_menu_span			{ background: var(--colorpicker1);}
	#hamburger_menu:checked ~ ul	{ top: 8em; }
}