/* =========================
   WEBSEITENPFLEGER
   GLOBALE VARIABLEN
   ========================= */

:root {
	--logo-color-1: #00676E;
	--logo-color-1-rgb: 0, 103, 110;

	--logo-color-1-dark: #004A4F;
	--logo-color-1-light: #13A6B0;

	--logo-color-2: #F58220;
	--logo-color-2-rgb: 245, 130, 32;

	--neutral-color-light: #e9e9e9;
	--neutral-color-dark: #444444;

	--shadow-color-rgb: 39, 44, 49;
	--bg-color-rgb: 255, 255, 255;

	--font-color-light: #ffffff;
	--font-color-dark: #000000;

	--link-color: var(--logo-color-1);

	--h1-color: var(--logo-color-1-light);
	--h2-color: var(--font-color-dark);
	--h3-color: var(--logo-color-1);

	--transition-time: 250ms;

	--padding-topbottom: 1rem;
	--padding-leftright: 4rem;

	--stage-maxwidth: 1400px;
	--stage-width: 96%;

	--border-radius: 12px;
	--border-radius-small: 6px;


	/* =========================
	   KOMPATIBILITÄT
	   MIT BESTEHENDEN MODULEN
	   ========================= */

	--font-color: var(--neutral-color-dark);

	--fct-blue: var(--logo-color-1);
	--fct-dark: var(--neutral-color-dark);
	--fct-lightgray: var(--neutral-color-light);

	--content-block-padding-y: 4rem;
}