/*$box-shadow: 15px 15px 30px rgba(0,0,0,0.29);


$space-smallest: 15px;
$space-smaller: 25px;
$space-small: 35px;
$space-medium: 50px;
$space-large: 75px;
$space-larger: 100px;
$space-largest: 125px;
*/
:root {
	--container-inner-width: 100%;
	--container-full-width: 100vw;
	--container-max-width: 100vw;
	--header-height: 85px;
	--nav-height: 85px;
	--header-sub-height: 350px;
	--mobile-header-sub-height: 150px;
	--newsbanner-height: 0px;
	--scrollbar-width: 0px;
	--space-smallest: 15px;
	--space-smaller: 20px;
	--space-small: 25px;
	--space-medium: 35px;
	--space-large: 50px;
	--space-larger: 50px;
	--space-largest: 75px;
	--box-shadow: 15px 15px 25px rgba(0,0,0,0.25);
}

@media (min-width: 576px) {
	:root {
		--container-inner-width: 510px;
		--nav-height: 125px;
	}
}
@media (min-width: 768px) {
	:root {
		--container-inner-width: 690px;
		--space-smallest: 15px;
		--space-smaller: 20px;
		--space-small: 25px;
		--space-medium: 35px;
		--space-large: 50px;
		--space-larger: 75px;
		--space-largest: 75px;
	}
}
@media (min-width: 992px) {
	:root {
		--container-inner-width: 930px;
		--space-smallest: 15px;
		--space-smaller: 25px;
		--space-small: 25px;
		--space-medium: 35px;
		--space-large: 50px;
		--space-larger: 75px;
		--space-largest: 100px;
		--box-shadow: 15px 15px 30px rgba(0,0,0,0.29);
	}
}
@media (min-width: 1200px) {
	:root {
		--container-inner-width: 1110px;
		--header-height: 125px;
		--header-sub-height: 350px;
		--space-smallest: 15px;
		--space-smaller: 25px;
		--space-small: 35px;
		--space-medium: 50px;
		--space-large: 75px;
		--space-larger: 100px;
		--space-largest: 125px;
	}
}
@media (min-width: 1400px) {
	:root {
		--container-inner-width: 1290px;
	}
}
@media (min-width: 1600px) {
	:root {
		--header-sub-height: 400px;
	}
}
@media (min-width: 1921px) {
	:root {
		--container-full-width: 1920px;
		--container-inner-width: 1390px;
		--header-sub-height: 450px;
	}
	.container {
		max-width: 1420px;
	}
}
@media (min-width: 2561px) {
	:root {
		--container-max-width: 2560px;
	}
}
:root {
	--main-color: #000;
	--text-color: #000;
	--invert-color: #fff;
	--light-grey: #F0F1F3;
	--red: #f3141d;
	--temp-color: pink;
	--extra-space-largest: calc(var(--space-largest) * 2);
	--accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--slider-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--slider-button-icon-hover: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--arrowlink-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-chevron-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
	--arrowlink-icon-white: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
	--btn-close-lb: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>");
	--navi-dropdown-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	--aktionen-gap: 20px;
	--aktionen-flip-duration: 0.6s;
	--logo-gap: 30px;
}
