/* akzent FF2C1E 
"#9f9f9f

*/

@font-face {
	font-family: font1;
	src: url('open-sans-latin_300-700.woff2') format('woff2');
}

@font-face {
	font-family: font2;
	src: url('montserrat-latin_300-700.woff2') format('woff2');
}

.menuitem.btnMore {
	display: none !important;
}


span, a, input {
	font-family: font1 !important;
}

.naviText {
	font-family: font2 !important;
	font-weight: bold;
}

#mfLogo {
	cursor: pointer;
	margin-left: 7.6em;
	top: 7em;
}

#logo_svg, #mfLogo img {
	height: 3.1em;
}

.buttonCheck {
	display: none !important;
}

.tabClassActive {
	background: transparent;
}

.Kapsel, .breiteEingabe {
}

.Kapsel .kapselTitel {
	border: none;
}

span.unit {
	margin-right: 1em;
}

.doorareas {
	margin-top: 2em !important;
}

.Rallayer .symbutton, .Contentcolor .symbutton {
	width: calc((100% / 4) - 1.3em);
}

.symbutton .imgBorder {
	border-radius: 0;
}

.SelectButton.act span, .SelectButton:hover span {
	color: var(--colorpicker1);
}

.SelectButton {
	padding: 0.8em 2em 0.8em 2em;
}

#mfToolbar ul {
	flex-direction: column;
}

.tabClass {
	display: flex;
	align-items: center;
	margin-left: 0em;
	margin-right: 0em;
	top: 0px;
	position: relative;
	padding: 0.8em 2em 0.8em 2em;
	border-radius: 0;
	margin-bottom: 0;
}

.tabClass:first-child {
    padding-left: 0;
}

.SectionHeader {
	margin-bottom: 0em;
	margin-top: 7em;
}

.SectionHeader + .tabContent {
	border: none;
}

.titleDiv {
	margin-top: 1em;
}

#HideContent {
	height: calc(100% - 5.5em);
}

#navi ul li {
	margin-right: 3em;
}

#mfMenu {
	height: 16em;
	width: 100%;
	justify-content: flex-end;
	border-bottom: 10px solid var(--colorpicker1);
}

#navi .menuitem .naviText {
	padding-bottom: 0em;
}

#mfSection, #mfOptions {
	top: calc(17em + 10px);
	height: calc(100% - 19em);
	left: 7.6em;
	z-index: 1;
    border-radius: 2em;
}

#navi .menuitem .naviText {
	border-bottom: 2px solid transparent;
}

#navi .menuitem:hover .naviText {
	border-color: var(--colorpicker3) !important;
}

#navi .menuitemact:hover .naviText {
	border-color: transparent !important;
}

#navi .menuitemact .naviText {
	border-color: transparent !important;
}

#navi ul li div span {
	color: var(--colorpicker3);
}

#navi .menuitemact span {
	color: var(--colorpicker1);
}

#navi {
	margin-bottom: 0.5em;
}

#mfMenuContent {
	width: auto;
	bottom: 5em;
	position: absolute;
	left: 0;
	margin: 0 0em 0 7.6em;
	border-color: var(--colorpicker3);
}

#navi ul li:nth-last-child(2) {
	margin-right: 3em;
}

/*#mfSection:before {
	content: "";
	position: absolute;
	top: 0;
	left: -5em;
	background-color: #d3d2ce;
	height: 6em;
	width: 9em;
	border-top-right-radius: 4em;
	box-shadow: inset -4em 10px 0 0;
	color: var(--colorpicker2);
}

#mfSection:after {
	content: "";
	position: absolute;
	top: 10px;
	right: -9em;
	background-color: #d3d2ce;
	height: 6em;
	width: 9em;
	border-top-left-radius: 4em;
	box-shadow: -4em -10px 0 0;
	color: var(--colorpicker2);
}*/

.tabBaseClass {
	margin-left: 0em;
	background: var(--colorpicker2);
}

.tabContent {
	margin: 0em 0em 0 0em;
}

.SectionMainDiv {
	margin: 0px 1em 0em 2em;
	width: calc(100% - 3em);
}

.tabBaseClass {
	height: auto;
	position: absolute;
	width: calc(100% - 2em);
	background: transparent;
	margin-left: 0em;
	padding: 0;
	margin-top: -7em;
}

.tabContent.page2.tab0,
.tabContent.page4 {
	margin: 0 0 0 0em;
}

.tabClassActive span,
.tabClassActive:hover span {
	color: var(--colorpicker1);
	font-weight: bold;
}

.tabClass span {
	border-bottom: 1px solid transparent;
}

.tabClass:hover span {
	border-bottom: 1px solid var(--colorpicker3);
}

.tabClassActive:hover span {
	border-bottom: 1px solid var(--colorpicker1);
}

#mfStepper div, .DesignOptionsDiv .button {
	width: auto;
	height: 3em;
	position: absolute;
	background-color: var(--colorpicker2);
	padding: 0.2em 1em;
}

#mfStepper {
	width: 100%;
	position: absolute;
	bottom: 1em;
	height: 3em;
	z-index: 100;
	border-top: none;
	background: transparent;
}

#mfStepper span, .DesignOptionsDiv .button span {
	font-size: 1.6em;
}

#mfLinks {
	bottom: 0em;
	right: 2em;
	left: auto;
}

#mfLinks .naviText {
	font-size: 1.2em;
	font-weight: normal;
}

#mfToolbar {
	right: auto;
	right: 0;
	bottom: 50%;
}

#mfToolbar .menuitem {
	margin-bottom: 2em;
	background-color: #fff;
	border: 1px solid var(--kontextRechts);
}

#mfToolbar svg path {
	fill: var(--kontextRechts);
}

#mfToolbar .menuitem:hover {
	border-color: var(--kontextRechts_hover);
}

#mfToolbar .menuitem:hover svg path {
	fill: var(--kontextRechts_hover);
}

#mfToolbar .menuitem:hover .FeatureHelp span {
	opacity: 1;
	display: flex;
}

#mfToolbar .iconDiv svg {
	height: 2.2em;
}

.FeatureBtn {
	position: relative;
}

#mfToolbar .FeatureBtn {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mfToolbar .FeatureHelp span {
	display: flex;
	white-space: nowrap;
	font-weight: bold;
	font-family: font1;
	color: var(--kontextRechts);
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

#mfToolbar .FeatureHelp {
	pointer-events: none;
	width: 100%;
	justify-content: flex-end;
	position: absolute;
	left: -7em;
	text-align: right;
	display: flex;
	top: 1.1em;
	transition: opacity .3s ease-in-out;
}

.Kapsel .kapselOK {
	display: none;
}

.symbutton.act .imgBorder, .symbutton:hover .imgBorder, .symbutton:hover .symbuttonRalContent {
	border-color: var(--colorpicker1);/*transparent;*/
}

.symbutton .Description span {
	color: var(--colorpicker1);
}

.symbutton:hover .Description,
.symbutton.act .Description {
	background: var(--colorpicker1);
}

.symbutton:hover .Description span,
.symbutton.act .Description span {
	color: var(--colorpicker4);
}