:root {
		--background-color: #E4E4E4;
		
		--maincolor: #EE7601;
		--button: #00498D;
		--Dunkelblau: #022849;
		--Blau: #0053A2;
		--Rot: #EC432E;
		--Hellgrau: #EEEEEE;
		--Dunkelgrau: #828586;

		--Blauverlauf: linear-gradient(0deg, #022849, #022849), radial-gradient(50% 50% at 50% 50%, rgba(0, 131, 187, 0.2) 50%, rgba(2, 40, 73, 0.2) 100%);

		--h1 : normal normal normal 30px/40px "FFUnitWebBold";
		--h2 : normal normal normal 30px/40px "FFUnitWebBold";
		--h3 : normal normal normal 28px/30px "FFUnitWebBold";
		--h4 : normal normal normal 26px/26px "FFUnitWebBold";
		--h5 : normal normal normal 24px/28px "FFUnitWebBold";
		
		--caption : normal normal normal 14px/22px "FFUnitWebRegular";
		--fliesstext : normal normal normal 18px/28px "FFUnitWebRegular";
		--introtext : normal normal normal 18px/26px "FFUnitWebRegular";
		--label :  normal normal normal 12px/18px "FFUnitWebRegular";
		--fett: "FFUnitWebBold";

		--font: "FFUnitWebRegular";

		/*//////////////////TABLET//////////////////////////*/

		@media (min-width: 568px){	
			--h1 : normal normal normal 40px/50px "FFUnitWebBold";
			--h2 : normal normal normal 32px/42px "FFUnitWebBold";
			--caption : normal normal normal 14px/18px "FFUnitWebRegular";
			--fliesstext : normal normal normal 18px/27px "FFUnitWebRegular";
			--caption : normal normal normal 12px/17px "FFUnitWebRegular";
		}

		/*//////////////////DESKTOP//////////////////////////*/

		@media (min-width: 980px){
			--h1 : normal normal normal 50px/62px "FFUnitWebBold";
			--h2 : normal normal normal 40px/52px "FFUnitWebBold";
			--h3 : normal normal normal 32px/34px "FFUnitWebBold";
			--h4 : normal normal normal 28px/28px "FFUnitWebBold";
			--h5 : normal normal normal 26px/30px "FFUnitWebBold";
			--fliesstext : normal normal normal 20px/32px "FFUnitWebRegular";
			--caption : normal normal normal 18px/26px "FFUnitWebRegular";
		}

		@media (min-width: 1200px){
			--h1 : normal normal normal 60px/72px "FFUnitWebBold";
			--h2 : normal normal normal 50px/62px "FFUnitWebBold";
			--h3 : normal normal normal 40px/42px "FFUnitWebBold";
			--h4 : normal normal normal 32px/32px "FFUnitWebBold";
			--h5 : normal normal normal 28px/34px "FFUnitWebBold";
			--fliesstext : normal normal normal 22px/34px "FFUnitWebRegular";
		}

		@media (min-width: 1400px){
			--h1 : normal normal normal 80px/92px "FFUnitWebBold";
			--h2 : normal normal normal 70px/82px "FFUnitWebBold";
			--h3 : normal normal normal 55px/67px "FFUnitWebBold";
			--h4 : normal normal normal 34px/42px "FFUnitWebBold";
			--h5 : normal normal normal 30px/38px "FFUnitWebBold";
			--fliesstext : normal normal normal 24px/36px "FFUnitWebRegular";
		}

	}