﻿#body {
	z-index: 1;
}

#cookie-policy {
	position: fixed;
	right: var(--gap-m);
	bottom: var(--gap-m);
	width: 540px;
	z-index: 999;
}

#cookie-policy #cookie-policy-buttons {
	grid-template-columns: 70% 1fr;
}

#header {
	position: sticky;
	top: var(--gap-s);
	margin: var(--gap-s) calc(var(--gap-page) - var(--gap-l)) 0 calc(var(--gap-page) - var(--gap-l));
	padding: var(--gap-s) var(--gap-l);
	background-color: var(--bg-color-1);
	border-radius: var(--br-m);
	box-shadow: var(--bs-m);
	z-index: 99;
}

#header #header-logo {
	 height: var(--size-m);
}

#header #header-logo #header-logo-icon path {
	 transition: fill var(--td-m);
}

#header #header-logo:hover #header-logo-icon path {
	 fill: var(--brand-color) !important;
}

#header #header-short-logo {
	 display: none;
	 height: var(--size-m);
}

#header #header-short-logo path {
	 transition: fill var(--td-m);
}

#header #header-short-logo:hover path {
	 fill: var(--brand-color) !important;
}

@media (max-width: 890px) {
	#header-main-nav {
		 display: none !important;
	}
}

@media (max-width: 620px) {
	#header-logo {
		 display: none !important;
	}

	#header-short-logo {
		 display: block !important;
	}

	#cookie-policy {
		width: initial !important;
		left: var(--gap-m);
	}

	#cookie-policy #cookie-policy-buttons {
		grid-template-columns: initial !important;
		grid-auto-flow: row !important;
	}
}

@media (max-width: 450px) {
	#header {
		margin: 0 !important;
		border-radius: 0 !important;
		padding: var(--gap-m) !important;
		top: 0 !important;
	}
}

#footer {
	 background-color: var(--bg-color-3);
}

#footer #footer-gap {
	 width: 100%;
	 height: var(--gap-xl);
	 background-color: var(--bg-color-1);
	 border-radius: 0 0 var(--br-l) var(--br-l);
}

#footer #footer-content {
	 padding: 0 var(--gap-page) 0 var(--gap-page);
}

@media (max-width: 890px) {
	#footer-content {
		 grid-gap: var(--gap-l) !important;
	}

	#footer-top-section, #footer-center-section, #footer-bottom-section {
		 grid-auto-flow: row !important;
		 grid-template-columns: none !important;
	}

	#footer-top-section a, #footer-center-section a, #footer-bottom-section a {
		 margin-left: unset !important;
	}
}
 
 