html {
	--background-color: #271c13;
}



body { 
	background-color: var(--background-color,#271c13);
}
body, a, table {
	color: var(--font-color,#f6f3ec);
} 
body {
	--color_form_button_text: var(--heading-color,#D0C2B6);
}
* { 
	--bgcolor_darker: color-mix(in srgb, var(--background-color, #271c13) 100%, #000 50%)!important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, nav ul li a, .header2026-inner, body[scrollfocus-is-white="1"] .header2026-inner *  {
	color:var(--heading-color,#D0C2B6);
	user-select: none;
}
.menu-bg, .menu-collection, .overlay {

	background-color: color-mix(
	in srgb,
	color-mix(in srgb, var(--background-color, #271c13) 85%, #AAA 20%) 50%,transparent)!important;
}



.overlay-ajax-box, .overlay-content, .overlay-inner, .overlay) {
	display: flex;
	flex-direction: column;
}
*:is(.overlay-ajax-box, .overlay-content, .overlay-inner, .overlay) > div {
	margin: auto;
	width: 100%;
}
.overlay-ajax-box {
	position: relative;
}
.overlay-ajax-box,
.overlay-ajax-box .max-width-lock {
	max-width: 720px!important;
	margin: auto;
}

.overlay-ajax-box > div  {
	background-color: color-mix(in srgb, var(--background-color,#271c13) 90%, white 9%);
	padding: 30px;
	width: auto;
}
@media (max-width:1000px) { 
	.overlay-ajax-box > div  {
			padding: 10px!important;
	}
}

.overlay {
	
	background-color: color-mix(
	in srgb, var(--background-color, #271c13)  90%,transparent)!important;
	
	backdrop-filter:blur(10px);
	display: flex;

	flex-direction: column;
	padding: 10px;
}

@media (min-width:1000px) { 
.overlay {
		padding: 100px;
}
}

div[class*="overlay"] {
	display: flex;
	flex-direction: column;
}
body:has(.overlay-ajax-box) {
	overflow: hidden;
}

.overlay-ajax-box {
	margin: auto;
	height: auto;
}
.overlay-close-button {
	
		background: none!important;
	padding: 0px!important;
	position:absolute!important;
	top:0px!important;
	left: auto!important;
	bottom: auto!important;
	right:0px!important;
	min-width: 44px;
	min-height: 44px;
	width:44px!important;
	height:44px!important;
	cursor:pointer;
	color:#fff;
	transition: 0.2s ease all; 
}

/* basis voor beide lijnen */
.overlay-close-button::before,
.overlay-close-button::after{

	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:2px;
	background-color:var(--heading-color,currentColor);
	transform-origin:center;
}
.overlay-close-button:hover {
	transform: rotate(90deg);
	--heading-color:color: color-mix(in srgb, white 50%, var(--heading-color,currentColor) 50%);
}

/* \ */
.overlay-close-button::before{
	transform:translate(-50%,-50%) rotate(45deg);
}

/* / */
.overlay-close-button::after{
	transform:translate(-50%,-50%) rotate(-45deg);
}

.overlay {
	transition: 0.3s ease all!important;
	filter: opacity(100%);
}
body:not([overlay-state="open"]) .overlay {
	filter: opacity(0%);
}