.bg-gray {
	background-color: #F5F5F5;
}

.bg-white {
	background-color: #FFFFFF;
}

/* #region popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.25);

	display: none;
	align-items: center;
	justify-content: center;
}

.popup.active {
	display: flex;
}

.popup-container {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	padding: 20px;
}

.popup-container span {
	color: white;
}
.popup-container span:hover {
	cursor: pointer;
}
/* #endregion popup */

/* Header Black for first section */
.home.header-black .site-fullwidth.wheader {
	background-color: black;
	color: white;
}

.home.header-black .contact-menu-container .material-symbols-outlined {
	color: black;
}

.home.header-black .custom-user-button.active,
.home.header-black .custom-login.active {
	background: none !important;
	color: white !important;
}

.home.header-black .custom-user-button.active .material-symbols-outlined,
.home.header-black .custom-login.active .material-symbols-outlined,
.home.header-black .site-fullwidth.wheader a:hover  {
	color: white;
	cursor: pointer;
}

.home.header-black .mobile-menu-wrapper .menu-item > a:hover,
.home.header-black .mobile-menu-wrapper .menu-item .material-symbols-outlined:hover,
.home.header-black .mobile-menu-wrapper .menu-item .dropdown-menu > button {
	color: black;
}

.home.header-black .sub-menu .menu-item > a:hover {
	color: black;
	text-decoration: underline;
	text-decoration-style: solid;
}


.home.header-black .site-header > .site-branding .black-logo {
	display: none;
}

.home.header-black .site-header > .site-branding .white-logo {
	display: inline;
}

.home.header-black .sub-menu-container .headline-2 {
	color: black;
}
.home.header-black .custom-sidebar-logo {
	color: black;
}
/* End header Black for first section */