@charset "UTF-8";
:root {
	/* Calculate 100vw without scrollbar */
        --sus-width-100:        calc(100vw - (100vw - 100%));
	
	/* Scrollpos-Variable initialization */
	--scrollpos: 		0;
	
	/* Colors: */
	--sus-black: 		#000000;
        --sus-lightgrey:        #E0E0E0;
        --sus-lightgrey30:      #E0E0E04D; /* Grey with 70% Transparency - Light Grey */
        --sus-grey:             #F4F4F4;
	--sus-white: 		#FFFFFF;
	--sus-red: 		#D40000; 
	--sus-red90: 		#D40000E6; /* sus-red with 10% Transparency */
        --sus-black65:          #000000A6; /* Black with 35% Transparency - Dark Grey */ 
        --sus-black60:          #00000099; /* Black with 40% Transparency - Middle to Dark Grey */
        --sus-black50:          #00000080; /* Black with 50% Transparency - Middle Grey */
        --sus-black43:          #0000006E; /* Black with 57% Transparency - Middle to Light Grey */
        --sus-black30:          #0000004D; /* Black with 70% Transparency - Middle to Light Grey */
	--sus-shadow: 		#00000029; /* Black with 84% Transparency - Light Grey */
        --sus-black10:          #0000001A; /* Black with 90% Transparency - Very Light Grey */ 
        --sus-black00:          #00000000; /* Black with 100% Transparency - transparent */ 

	/* Fonts */
	--sus-ff-fut: 		"Futura", "Arial", sans-serif;
	--sus-ff-fnh: 		"Futura Now Headline", "Arial", sans-serif;
	--sus-ff-fpt: 		"Futura PT", "Arial", sans-serif;
	--sus-ff-fcl: 		"Futura Classic", "Arial", sans-serif;
	--sus-ff-itc: 		"ITC Caslon_224", "Arial", sans-serif;
        
        /* Sizing */
        --sus-factor:            1;
                                /* Calc-Base: Range from 750px (46.875rem) to 2600px (162.5rem) width */
                                /* 1px at 1729px -> 0.5px@750px & 1.5px@2600px */
	--sus-size-16: 		/* 15.5px bis 16.5px - 16px bei width: 1729px */
                                calc(clamp(0.96875rem, calc(0.96875rem + ((1vw - 0.46875rem) * 0.054)), 1.03125rem) * var(--sus-factor));
        --sus-size-18: 		/* 16.5px bis 19.5px - 18px bei width: 1729px */
                                calc(clamp(1.03125rem, calc(1.03125rem + ((1vw - 0.46875rem) * 0.15)), 1.21875rem) * var(--sus-factor));
	--sus-size-20: 		/* 17.5px bis 22.5px - 20px bei width: 1729px */
                                calc(clamp(1.09375rem, calc(1.09375rem + ((1vw - 0.46875rem) * 0.25)), 1.40625rem) * var(--sus-factor));
	--sus-size-21: 		/* 18px bis 24px - 21px bei width: 1729px */
                                calc(clamp(1.125rem, calc(1.125rem + ((1vw - 0.46875rem) * 0.3)), 1.5rem) * var(--sus-factor));
	--sus-size-23: 		/* 19px bis 27px - 23px bei width: 1729px */
                                calc(clamp(1.1875rem, calc(1.1875rem + ((1vw - 0.46875rem) * 0.4)), 1.6875rem) * var(--sus-factor));
	--sus-size-24: 		/* 19.5px bis 28.5px - 24px bei width: 1729px */
                                calc(clamp(1.21875rem, calc(1.21875rem + ((1vw - 0.46875rem) * 0.4865)), 1.78125rem) * var(--sus-factor));
        --sus-size-25: 		/* 20px bis 30px - 25px bei width: 1729px */
                                calc(clamp(1.25rem, calc(1.25rem + ((1vw - 0.46875rem) * 0.5)), 1.875rem) * var(--sus-factor));
        --sus-size-26: 		/* 20.5px bis 31.5px - 26px bei width: 1729px */
                                calc(clamp(1.28125rem, calc(1.28125rem + ((1vw - 0.46875rem) * 0.55)), 1.96875rem) * var(--sus-factor));
	--sus-size-29: 		/* 22px bis 34px - 29px bei width: 1729px */
                                calc(clamp(1.375rem, calc(1.375rem + ((1vw - 0.46875rem) * 0.6)), 2.125rem) * var(--sus-factor));
        --sus-size-34: 		/* 24.5px bis 43.5px - 34px bei width: 1729px */
                                calc(clamp(1.53125rem, calc(1.53125rem + ((1vw - 0.46875rem) * 0.95)), 2.71875rem) * var(--sus-factor));
	--sus-size-40: 		/* 27.5px bis 52.5px - 40px bei width: 1729px */
                                calc(clamp(1.71875rem, calc(1.71875rem + ((1vw - 0.46875rem) * 1.25)), 3.28125rem) * var(--sus-factor));
	--sus-size-42: 		/* 28.5px bis 55.5px - 42px bei width: 1729px */
                                calc(clamp(1.78125rem, calc(1.78125rem + ((1vw - 0.46875rem) * 1.35)), 3.46875rem) * var(--sus-factor));
	--sus-size-45: 		/* 30px bis 60px - 45px bei width: 1729px */
                                calc(clamp(1.875rem, calc(1.875rem + ((1vw - 0.46875rem) * 1.6216)), 3.75rem) * var(--sus-factor));
        --sus-size-50:          /* 32.5px bis 67.5px - 50px bei width: 1729px */
                                calc(clamp(2.03125rem, calc(2.03125rem + ((1vw - 0.46875rem) * 1.75)), 4.21875rem) * var(--sus-factor));
	--sus-size-55: 		/* 35px bis 75px - 55px bei width: 1729px */
                                calc(clamp(2.1875rem, calc(2.1875rem + ((1vw - 0.46875rem) * 2)), 4.6875rem) * var(--sus-factor));
        --sus-size-60:          /* 37.5px bis 82.5px - 60px bei width: 1729px */
                                calc(clamp(2.34375rem, calc(2.34375rem + ((1vw - 0.46875rem) * 2.25)), 5.15625rem) * var(--sus-factor));
	--sus-size-68: 		/* 41.5px bis 94.5px - 68px bei width: 1729px */
                                calc(clamp(2.59375rem, calc(2.59375rem + ((1vw - 0.46875rem) * 2.65)), 5.90625rem) * var(--sus-factor));
        --sus-size-75: 		/* 45px bis 105px - 75px bei width: 1729px */
                                calc(clamp(2.8125rem, calc(2.8125rem + ((1vw - 0.46875rem) * 3)), 6.5625rem) * var(--sus-factor));
	--sus-size-77: 		/* 46px bis 108px - 77px bei width: 1729px */
                                calc(clamp(2.875rem, calc(2.875rem + ((1vw - 0.46875rem) * 3.1)), 6.75rem) * var(--sus-factor));
        --sus-size-100:         /* 57.5px bis 142.5px - 100px bei width: 1729px */
                                calc(clamp(3.59375rem, calc(3.59375rem + ((1vw - 0.46875rem) * 4.25)), 8.90625rem) * var(--sus-factor));
        --sus-size-104:		/* 59.5px bis 148.5px - 104px bei width: 1729px */
                                calc(clamp(3.71875rem, calc(3.71875rem + ((1vw - 0.46875rem) * 4.45)), 9.28125rem) * var(--sus-factor));
        --sus-size-120: 	/* 67.5px bis 175.5px - 120px bei width: 1729px */
                                calc(clamp(4.21875rem, calc(4.21875rem + ((1vw - 0.46875rem) * 5.4)), 10.96875rem) * var(--sus-factor));
        --sus-size-130:         /* 70px bis 180px - 125px bei width: 1729px */
                                calc(clamp(4.375rem, calc(4.375rem + ((1vw - 0.46875rem) * 5.5)), 11.25rem) * var(--sus-factor));
        --sus-size-200:         /* 105px bis 285px - 200px bei width: 1729px */
                                calc(clamp(6.5625rem, calc(6.5625rem + ((1vw - 0.46875rem) * 9.7297)), 17.8125rem) * var(--sus-factor));
        --sus-size-300:         /* 155px bis 485px - 300px bei width: 1729px */
                                calc(clamp(9.6875rem, calc(9.6875rem + ((1vw - 0.46875rem) * 17.8378)), 30.3125rem) * var(--sus-factor));
	--sus-fst-normal: 	normal;
	--sus-fw-300: 		300;
	--sus-fw-400: 		400;
	--sus-fw-500: 		500;        
	--sus-fw-700: 		700;
	--sus-lsp-0: 		0;
	--sus-lsp-nl: 		0.04em;
	--sus-lsp-nl2: 		0.06em;
	--sus-lsp-nl3: 		0.12em;
        --sus-lsp-nl4: 		0.1em;
	--sus-txt-lw: 		lowercase;
	--sus-txt-up: 		uppercase;
        --sus-circle-1:         calc((var(--sus-size-29) + var(--sus-size-34)) * 3.5);
        --sus-circle-2:         calc(var(--sus-size-75) * 6.7);
        
        /* Safari resize fix */
        min-height: 0vw;
}
