/** @format */

@font-face {
	font-family: 'URW DIN';
	src: url('../../fonts/NeueDIN-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'URW DIN';
	src: url('../../fonts/NeueDIN-Medium.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-display: block;
	font-family: 'Icons';
	font-style: normal;
	font-weight: normal;
	src: local(''), url('../../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../../fonts/MaterialIcons-Regular.woff') format('woff');
}

@font-face {
	font-display: block;
	font-family: 'Icons';
	font-style: outline;
	font-weight: normal;
	src: local(''), url('../../fonts/MaterialIcons-Outline.woff2') format('woff2');
}

:root {
	/*
	---COLORS---
	*/
	--color-black: #000;
	--color-white: #fff;
	--color-grey: #808080;
	--color-blue: #009fe3;
	--color-light-blue: #d0efff;
	--color-white-blue: #f0f9fd;
	--color-black-blue: #001721;
	--color-news: #f8c462;
	--color-location: #cfa5b4;
	--color-reference: #f76c5e;
	--color-jobs: #93b499;
	--color-attachment: #7ac74f;

	/*
	---FONT FAMILIES---
	*/
	--ff-primary-font: 'URW DIN', sans-serif; /*Fließtext*/
	--ff-icon-font: 'Icons', sans-serif;

	/*
	---FONT SIZES---
	*/
	--fs-headline-1: 5rem;
	--fs-headline-1: clamp(2.4rem, 6.5vw, 5rem);
	--fs-headline-2: 3.75rem;
	--fs-headline-2: clamp(2.25rem, 5.85vw, 3.75rem);
	--fs-headline-3: 2.25rem;
	--fs-headline-3: clamp(1.5rem, 3.9vw, 2.25rem);
	--fs-headline-4: 1.5rem;
	--fs-headline-4: clamp(1.12rem, 3vw, 1.5rem);

	--fs-1: 1.5rem;
	--fs-1: clamp(1.12rem, 3vw, 1.5rem);
	--fs-2: 1rem;
	--fs-3: 0.9rem;

	--fs-diagram-legend: 1rem;
	--fs-diagram-legend: clamp(0.4rem, 1.5vw, 1rem);

	--fs-menu-item: 1.25rem;
	--fs-menu-item: clamp(1rem, 2.6vw, 1.25rem);

	/*
	---FONT WEIGHT---
	*/
	--fw-bold: 600;
	/*
	---SPACING / GAPS---
	*/
	--universal-gap: 2rem;
	--universal-gap: clamp(1rem, 2.6vw, 2rem);
	--wrapper-padding: 1rem;
	--wrapper-padding: clamp(1rem, 6vw, 10rem);
	--rounded-corners: 1.5rem;
	--rounded-corners-small: 0.6rem;

	/*
	---Buttons---
	*/
	--button-bubble-width: 4rem;
	--button-animation-timing: 600ms;
	/*
	---Icons---
	*/
	--arrow-right: '\e5c8';
	--arrow-left: '\e5c4';
	--arrow-outward: '\f8ce';
	--expand: '\e5cf';
	--language: '\e894';
	--language-close: '\e5c9';
	--phone: '\e0b0';
	--email: '\e158';
	--burger: '\e5d2';
	--close: '\e5cd';
	--left: '\e408';
	--right: '\e409';
	/*
	---FX---
	*/
	--image-darker-filter: brightness(0.5);
	/*
	---Height Calculation---
	*/
	--desktop-header-height: 0px;
	--mobile-header-height: 0px;
	--header-dynamic-height: 0px;
	--header-dynamic-height: var(--desktop-header-height);
	@media screen and (max-width: 1150px) {
		--header-dynamic-height: var(--mobile-header-height);
	}
}