:root {
	/* --------------------------------- general -------------------------------- */
	--content-width-small: 55.52vw;
	--content-width-medium-small: 70vw;
	--content-width: 77.08vw;
	--content-width-big: 84.38vw;
	--mobile-top-bar-height: 6rem;
	/* ------------------------------ color-switch ------------------------------ */
	--main-primary: #AD8432;
	--main-secondary: #000;
	--vienna-primary: #4B576F;
	--vienna-secondary: #AD8432;
	--vienna-background-color: linear-gradient(0deg, rgba(75, 87, 111, 0.05) 0%, rgba(75, 87, 111, 0.05) 100%), #FFF;
	--kitz-primary: #892C36;
	--kitz-secondary: #ECE1BE;
	--kitz-background-color: linear-gradient(0deg, rgba(236, 225, 190, 0.08) 0%, rgba(236, 225, 190, 0.08) 100%), #FFF;
	/* --------------------------------- colors --------------------------------- */
	--color-1: #ccbda8;
	--color-1-lighter: #F2EDE7;
	--color-1-darker: #998D7F;
	--color-2: #545454;
	--color-3: #c4cfd3;
	--color-4: #966f60;
	--color-5: #a88a7f;
	--color-text: #222;
	--color-black: #222;
	--color-white: #ffffff;
	--color-gray: #f9f9f9;
	--color-warning: rgba(162, 2, 2, 1);
	--color-warning-lighter: rgba(162, 2, 2, 0.2);
	--color-success: rgba(2, 162, 50, 1);
	--color-success-lighter: rgba(2, 162, 50, 0.2);
	--color-info: rgba(2, 26, 162, 1);
	--color-info-lighter: rgb(2, 26, 162, 0.2);
	--overlay-light: rgba(255, 255, 255, 0.3);
	--overlay-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
	--overlay-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
	/* --------------------------------- spacing -------------------------------- */
	--text-img-spacing: 6%;
	--img-border: 0.5rem solid var(--color-white);
	--padding-small: 1.5rem;
	--padding-standard: 3rem;
	--padding-big: 5rem;
	--multicolumn-text-spacing: 2rem;
	/* ---------------------------------- menu ---------------------------------- */
	--top-bar-width: 91.65%;
	--menu-gap: 0.25rem;
	--megamenu-width: 86%;
	--burger-menu-min-height: 42rem;
	--menu-item-padding: .75rem;
	--menu-height: 6.56rem;
	--burger-menu-width: 2.6rem;
	--burger-menu-transition: var(--transition-short);
	/* ------------------------ animations / transitions ------------------------ */
	--transition-long: 1000ms;
	--transition-normal: 500ms;
	--transition-short: 300ms;
	/* ---------------------------------- fonts --------------------------------- */
	--font-1: "orpheuspro", serif;
	--font-2: "orpheus-pro-condensed", sans-serif;
	--font-3-light: "brandon-grotesque-light", sans-serif;
	--font-3-medium: "brandon-grotesque-medium", sans-serif;
	--font-3-bold: "brandon-grotesque-bold", sans-serif;
	--font-4: "cormorant-infant", sans-serif;
	/* ------------------------------- title span ------------------------------- */
	--title-span-fw: 400;
	--title-span-tt: uppercase;
	/* ---------------------------- svg illustration ---------------------------- */
	--svg-illustration-height: 10.1rem;
	--svg-illustration-width: 47rem;
}
@media only screen and (max-width:1239px) {
	:root {
		--burger-menu-width: 3.5rem;
		--burger-menu-height: 2.15rem;
	}
}
@media only screen and (max-width: 1023px) {
	:root {
		--content-width: 90.62%;
		--content-width-small: var(--content-width);
		--content-width-medium-small: var(--content-width);
		--content-width-big: var(--content-width);
		/* ---------------------------- svg illustration ---------------------------- */
		--svg-illustration-height: 8rem;
		--svg-illustration-width: 35rem;
	}
}
@media only screen and (max-width: 767px) {
	:root {
		--mobile-top-bar-height: 6rem;
		/* ---------------------------- svg illustration ---------------------------- */
		--svg-illustration-width: 25.36rem;
		/* --------------------------------- spacing -------------------------------- */
		--padding-small: .75rem;
		--padding-standard: 1.5rem;
		--padding-big: 2rem;
	}
}