:root {
		--background-color: #E4E4E4;
		--maincolor: #0B2C4D;
		--button: #00498D;
		--Blau: #0B2C4D;
		--Hellblau: #60B7DE;
		--Dunkelblau: #051E38;
		--Hellgrau: #EBEEF0;
		--Grau: #717F80;
		--Rot: #FF441A;
		--Orange: #EB5431;
		--Gruen: #008556;

		--violett: #95205F;
		
		--Grau-gradient: linear-gradient(0deg, #EFEDE6 0%, #fff 100%);
		--Blau-Radial: radial-gradient(162.73% 73.6% at 65.8% 103.4%, #1E4B83 0%, #152C4B 100%);
		--Gruen-Radial: radial-gradient(50% 50% at 50% 50%, #009F5F 0%, #006E42 100%);
		--Violett-Radial: radial-gradient(116.45% 52.67% at 49.07% 103.4%, #95205F 0%, #661842 100%);

		--colorH1: #051E38;
		--colorH2: #051E38;
		--colorH3: #051E38;
		--colorH4: #051E38;
		--colorH5: #051E38;

		--color-link: #FF441A;

		--h1 : normal normal normal 32px/120% "FFUnitWebBold";
		--h2 : normal normal normal 30px/120% "FFUnitWebBold";
		--h3 : normal normal normal 24px/120% "FFUnitWebBold";
		--h4 : normal normal normal 20px/120% "FFUnitWebBold";
		--h5 : normal normal 500 20px/120% "FFUnitWebRegular";

		
		--fliesstext : normal normal normal 14px/22px "FFUnitWebRegular";
		--introtext : normal normal 350 18px/120% "FFUnitWebRegular";
		--extra :  normal normal normal 14px/120% "FFUnitWebRegular";
		--extra-klein :  normal normal normal 12px/120% "FFUnitWebRegular";
		--label :  normal normal normal 12px/120% "FFUnitWebRegular";
		--caption : normal normal normal 12px/120% "FFUnitWebRegular";

		--fett: "FFUnitWebBold";
		
		--button : normal normal 500 16px/120% "FFUnitWebRegular";

		--font: "FFUnitWebRegular";

		--block: 1364px;
		--smallblock: 1120px;

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

		@media (min-width: 980px){	
			
			--h1 : normal normal normal 40px/120% "FFUnitWebBold";
			--h2 : normal normal normal 34px/120% "FFUnitWebBold";
			--h3 : normal normal normal 24px/120% "FFUnitWebBold";
			--h4 : normal normal normal 22px/120% "FFUnitWebBold";
			--h5 : normal normal 500 22px/120% "FFUnitWebRegular";

			
			--fliesstext : normal normal normal 16px/26px "FFUnitWebRegular";
			--introtext : normal normal 350 22px/120% "FFUnitWebRegular";
			--extra :  normal normal normal 16px/120% "FFUnitWebRegular";
			--extra-klein :  normal normal normal 14px/120% "FFUnitWebRegular";
			--label :  normal normal normal 14px/120% "FFUnitWebRegular";
			--caption : normal normal normal 12px/120% "FFUnitWebRegular";
			
		}

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

		@media (min-width: 1360px){
			--h1 : normal normal normal 50px/120% "FFUnitWebBold";
			--h2 : normal normal normal 38px/120% "FFUnitWebBold";
			--h3 : normal normal normal 28px/120% "FFUnitWebBold";
			--h4 : normal normal normal 22px/120% "FFUnitWebBold";
			--h5 : normal normal 500 24px/120% "FFUnitWebRegular";

			
			--fliesstext : normal normal normal 18px/28px "FFUnitWebRegular";
			--introtext : normal normal 350 24px/120% "FFUnitWebRegular";
			--extra :  normal normal normal 16px/120% "FFUnitWebRegular";
			--extra-klein :  normal normal normal 14px/120% "FFUnitWebRegular";
			--label :  normal normal normal 16px/120% "FFUnitWebRegular";
			--caption : normal normal normal 12px/120% "FFUnitWebRegular";
			
			--button : normal normal 500 18px/120% "FFUnitWebRegular";
		}
	}

.subtemplate.tpl-color-gruen{ background:var(--Gruen-Radial) !important;}.oe-container.tpl-color-gruen { background:var(--Gruen-Radial);width: 100%;left: 0;overflow:hidden; border-radius: 10px;}.oe-container.tpl-color-gruen:has(.overlapping) { overflow:visible;}.oe-container.tpl-color-gruen .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-grau{ background:var(--Hellgrau) !important;}.oe-container.tpl-color-grau { background:var(--Hellgrau);width: 100%;left: 0;overflow:hidden; border-radius: 10px;}.oe-container.tpl-color-grau:has(.overlapping) { overflow:visible;}.oe-container.tpl-color-grau .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-violett{ background:var(--Violett-Radial) !important;}.oe-container.tpl-color-violett { background:var(--Violett-Radial);width: 100%;left: 0;overflow:hidden; border-radius: 10px;}.oe-container.tpl-color-violett:has(.overlapping) { overflow:visible;}.oe-container.tpl-color-violett .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-weiss{ background:#fff !important;}.oe-container.tpl-color-weiss { background:#fff;width: 100%;left: 0;overflow:hidden; border-radius: 10px;}.oe-container.tpl-color-weiss:has(.overlapping) { overflow:visible;}.oe-container.tpl-color-weiss .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}