/*Vorlage CSS | Showprofil | schwarze Icons & Schrift | Version 2.14*/

:root {
	--header_text_color: #000;
	--header_background_color: #FFF;

	--button_border_radius: 0px;

	--button_text_color: #FFF;
	--button_background_color: #00457F;
	--button_border_color: #00457F;

	--button_text_color_hover: #FFF;
	--button_background_color_hover: #2773b2;
	--button_border_color_hover: #00457F;

	--white_button_text_color: #FFF;
	--white_button_background_color: #F9BA4D;
	--white_button_border_color: #F9BA4D;

	--white_button_text_color_hover: #FFF;
	--white_button_background_color_hover: #FFDEA7;
	--white_button_border_color_hover: #F9BA4D;

	--document_font_family: Calibri;
	
	--captcha_inner_background_color: #FFF;
	--captcha_outer_background_color: #FFF;
	--captcha_inner_border: solid 1px rgb(255,255,255);
	--captcha_outer_border: solid 2px rgb(255,255,255);
}

.lay-header {
	background: var(--header_background_color) !important;
}

.mod-headline .m-logo {
	background: url("../custom/logo.svg") no-repeat !important;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	height: 32px !important;
	width: 150px !important;
	margin: 18px 0 27px 23px !important;
}

.mod-welcome .m-logo {
	background: url("../custom/logo.svg") no-repeat !important;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	height: 32px !important;
	width: 150px !important;
	margin: 0 0 24px 0 !important;
}

.mod-login .m-logo {
	background: url("../custom/logo.svg") no-repeat !important;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	height: 32px !important;
	width: 150px !important;
	margin: 0 0 24px 0 !important;
}

.closeCookieModal {
	color: var(--button_text_color) !important;
	background: var(--button_background_color) !important;
	border-radius: var(	--button_border_radius) !important;
}

.closeCookieModal:hov {
	color: var(--button_text_color_hover) !important;
	background: var(--button_background_color_hover) !important;
}

.mod-login form input[type=submit] {
    color: var(--button_text_color) !important;
    background: var(--button_background_color) !important;
	border-color: var(--button_border_color) !important;
	border-radius: var(	--button_border_radius) !important;
}

.mod-login form input[type=submit]:hover {
    color: var(--button_text_color_hover) !important;
    background: var(--button_background_color_hover) !important;
	border-color: var(--button_border_color_hover) !important;
}

/*Anpassungen für schwarze Icons & Schrift*/

.fa-question-circle-o:before {
    color: black !important;
}

.icon-questionmark-o::before{
    color: black !important;
}

.language-select-icon-invert {
    -webkit-filter: brightness(0) invert(0) !important;
    filter: brightness(0) invert(0) !important;
}

.language-select-topbar i {
    color: #000 !important;
}

.lay-content.lay-content--document-view.lay-content--document-view--consultant {
	background: #FFF !important;
}

.mod-tabs .m-inner.m-inner--active p {
	background: #EAEAEA !important;
}

.lay-content.lay-content--document-view.lay-content--document-view--consultant .m-gradient {
    background: linear-gradient(180deg,#EAEAEA 0,#EAEAEA 40%,hsla(0,0%,100%,0)) !important;
}

.mod-button-icon .m-button.m-button--audio-record p {
	filter: brightness(0) invert(0) !important;
}

.join-head {
	height: 46px !important;
}