/* #################################################
# Projekt 	: CSS
# Stand     : 27.01.26 
# Autor		: 300design.com
#################################################### */

:root {
	--bs-body-bg:#fff5e9;
	--bs-body-bg-rgb:255,245,233;
	--bs-brand:#9f2a31;
	--bs-brand-rgb:159,42,49;
	--bs-primary:#9f2a31;
	--bs-primary-rgb:159,42,49;
	--bs-primary-bg-subtle:#7578b0;
	--bs-primary-subtle-rgb:117,120,176;
	--bs-warning:#ffc766;
	--bs-warning-subtle:#edc277;
	--bs-warning-rgb:255,199,102;
	--bs-warning-bg-subtle:#FFE2A4; /* rgb(255, 226, 164); */
	--bs-dark:#5E161C;
	--bs-dark-rgb:94,22,28;
	--bs-light:#ffeacc;
	--bs-light-rgb:255,234,204;
	
	--bs-link-color:#aa2c33;
	--bs-link-color-rgb:170,44,51;
	--bs-link-hover-color:var(--bs-primary);
	--bs-link-hover-color-rgb:var(--bs-primary-rgb);
	--bs-link-decoration:none;
	
	--bs-highlight-bg:rgba(var(--bs-warning-rgb),.2);
	--bs-blur-bg:blur(8px) brightness(82%);
	
	--well-light-col:inherit;
	--well-light-bg:#ffeacc;
	--well-dark-col:#fff;
	--well-dark-bg:var(--bs-primary);
	--well-dark-lnk:var(--bs-warning);
	--well-dark-lnk-rgb:var(--bs-warning-rgb);
	--well-warning-col:#000;
	
	--grad-dark:#4F1217 0, #711A21 50%, #86232B 100%;
	--grad-light:#ffe5bc 0, #ffeacc 50%, #fdeddd 100%;
	--grad-primary:#6d1626 0, #9f2a31 50%, #af4537 100%;
	--grad-warning:#ffd076 0, #ffc766 50%, #ffd796 100%;
	--grad-warning-subtle:#edc277 0, #fdeddd 100%;
	
	--bs-body-font-family:'Mulish', sans-serif;
	--bs-body-font-size:1.1rem;
	--bs-body-line-height:1.7;
	
	--bs-heading-font-family:'Libertinus Serif', sans-serif;
	--bs-heading-color:#000;
	--bs-heading-main-color:var(--bs-primary);
	--bs-heading-main-hover-color:var(--bs-dark);
	
	--fa-family-base:'Font Awesome 7 Pro';
	--fa-family-brands:'Font Awesome 7 Brands';
	
	--logo-color:var(--bs-warning);
	
	--hdr-height:100px;
	--hdr-height-sticky:70px;
	
	--spacer-h-box:165px;
	--spacer-h-img:350px;
	--spacer-top-color:var(--bs-body-bg);
	--spacer-btm-color:var(--bs-body-bg);
	--spacer-top-pos:calc(50% - 390px) 0%;
	--spacer-btm-pos:50% 0;
	--spacer-top-pos2:calc(50% - 390px) -32%;
	--spacer-btm-pos2:50% -32%;
}
@media (max-width:767.98px){
	:root {
		--bs-body-font-size:1.125rem;
	
		--hdr-height:60px;
		--hdr-height-sticky:60px;
		
		--spacer-h-box:95px;
		--spacer-h-img:200px;
		--spacer-top-pos:calc(50% - 220px) 0%;
		--spacer-top-pos2:calc(50% - 220px) -32%;
	}
}