:root {
		--background-color: #E4E4E4;
		--maincolor: #001E41;
		--button: #00498D;
		--mittelblau: #003366;
		--Kobaltblau: #001E41;
		--Kobaltblau-20: #CCCAE1;
		--Kobaltblau-80: #334969;
		--Signalblau-100: #003F8F;
		--Hellgrau: #E4E4E4;
		--Kieselgrau: #EFEDE6;
		--Kieselgrau-20: #EFEDE6;
		--Kieselgrau-100:#AFA582;
		--Kieselgrau-140: #878478;
		--Rot: #E60028;
		--Rubinrot: #A00721;
		--Orange: #E6641E;
		--Grau-gradient: linear-gradient(0deg, #EFEDE6 0%, #fff 100%);
		--Rotverlauf: linear-gradient(180deg, #C40022 0%, #7F051A 100%);

		--colorH1: #001E41;
		--colorH2: #001E41;
		--colorH3: #001E41;
		--colorH4: #001E41;
		--colorH5: #001E41;

		--color-link: #A00721;

		--tourismus-hero-headline :  normal normal normal 48px/54px "TheSansExtraBold";
		--event-hero-headline :  normal normal normal 30px/34px "TheSansExtraBold";
		--h1 : normal normal normal 24px/26px "TheSansExtraBold";
		--h2 : normal normal normal 22px/24px "TheSansExtraBold";
		--h3 : normal normal normal 20px/22px "TheSansExtraBold";
		--h4 : normal normal normal 18px/22px "TheSansExtraBold";
		--h5 : normal normal normal 18px/22px "TheMixBold";

		--Subline : normal normal normal 18px/24px "TheMixSemiLight";
		
		--fliesstext : normal normal normal 14px/22px "TheMixSemiLight";
		--fliesstext-klein : normal normal normal 14px/20px "TheMixSemiLight";
		--introtext : normal normal normal 18px/28px "TheMixSemiLight";
		--introtext-klein : normal normal normal 16px/24px "TheMixSemiLight";
		--extra :  normal normal normal 14px/22px "TheSansExtraBold";
		--label :  normal normal normal 12px/18px "TheSansExtraBold";
		--caption : normal normal normal 12px/16px "TheMixSemiLight";

		--fett: "TheMixBold";
		
		--button : normal normal normal 12px/20px "TheMixBold";

		--font: "TheMixSemiLight";

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

		@media (min-width: 980px){	
			--tourismus-hero-headline :  normal normal normal 100px/92px "TheSansExtraBold";
			--event-hero-headline :  normal normal normal 50px/60px "TheSansExtraBold";
			--h1 : normal normal normal 36px/38px "TheSansExtraBold";
			--h2 : normal normal normal 30px/32px "TheSansExtraBold";
			--h3 : normal normal normal 26px/30px "TheSansExtraBold";
			--h4 : normal normal normal 20px/24px "TheSansExtraBold";
			--h5 : normal normal normal 22px/28px "TheMixBold";
			--Subline : normal normal normal 24px/34px "TheMixSemiLight";
			--fliesstext : normal normal normal 16px/24px "TheMixSemiLight";
			--fliesstext-klein : normal normal normal 14px/20px "TheMixSemiLight";
			--introtext : normal normal normal 22px/34px "TheMixSemiLight";
			--introtext-klein : normal normal normal 18px/26px "TheMixSemiLight";
			
			--extra :  normal normal normal 16px/18px "TheSansExtraBold";
			--label :  normal normal normal 14px/20px "TheSansExtraBold";
			--caption : normal normal normal 14px/20px "TheMixSemiLight";
			
			--button : normal normal normal 14px/22px "TheMixBold";
		}

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

		@media (min-width: 1360px){
			--tourismus-hero-headline :  normal normal normal 140px/132px "TheSansExtraBold";
			--event-hero-headline :  normal normal normal 64px/74px "TheSansExtraBold";
			--h1 : normal normal normal 46px/48px "TheSansExtraBold";
			--h2 : normal normal normal 40px/42px "TheSansExtraBold";
			--h3 : normal normal normal 32px/40px "TheSansExtraBold";
			--h4 : normal normal normal 28px/32px "TheSansExtraBold";
			--h5 : normal normal normal 24px/30px "TheMixBold";
			--Subline : normal normal normal 28px/38px "TheMixSemiLight";
			--fliesstext : normal normal normal 18px/28px "TheMixSemiLight";
			--fliesstext-klein : normal normal normal 16px/23px "TheMixSemiLight";
			--introtext : normal normal normal 24px/38px "TheMixSemiLight";
			--introtext-klein : normal normal normal 20px/32px "TheMixSemiLight";
			
			--button : normal normal normal 18px/28px "TheMixBold";
		}
	}

.subtemplate.tpl-color-blau{ background:var(--mittelblau) !important;}.oe-container.tpl-color-blau { background:var(--mittelblau);width: 100%;left: 0;overflow:hidden;}.oe-container.tpl-color-blau .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-blau-gradient{ background:radial-gradient(49.97% 289.01% at 50% 50%, var(--Signalblau-100) 0%, var(--Kobaltblau) 100%); !important;}.oe-container.tpl-color-blau-gradient { background:radial-gradient(49.97% 289.01% at 50% 50%, var(--Signalblau-100) 0%, var(--Kobaltblau) 100%);;width: 100%;left: 0;overflow:hidden;}.oe-container.tpl-color-blau-gradient .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-grau{ background:var(--Kieselgrau-20) !important;}.oe-container.tpl-color-grau { background:var(--Kieselgrau-20);width: 100%;left: 0;overflow:hidden;}.oe-container.tpl-color-grau .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;}.oe-container.tpl-color-weiss .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-grau-gradient{ background:linear-gradient(0deg, var(--Kieselgrau-20) 0%, #fff 100%); !important;}.oe-container.tpl-color-grau-gradient { background:linear-gradient(0deg, var(--Kieselgrau-20) 0%, #fff 100%);;width: 100%;left: 0;overflow:hidden;}.oe-container.tpl-color-grau-gradient .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}.subtemplate.tpl-color-rot-gradient{ background:var(--Rotverlauf); !important;}.oe-container.tpl-color-rot-gradient { background:var(--Rotverlauf);;width: 100%;left: 0;overflow:hidden;}.oe-container.tpl-color-rot-gradient .component:not(.template-ansprechpartner) .template-img { width: 100% !important;left: 0 !important;}