/* =========================================================
   RAGBIT THEME
   ========================================================= */

:root {
	/* Grundfarben */

	--bg-color: #ffffff;
	--bg-color-rgb: 255, 255, 255;

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


	/* RAGBIT */

	--logo-color-1: #00676e;
	--logo-color-1-dark: #004f55;
	--logo-color-1-light: #dcecee;

	--logo-color-2: #f58220;


	/* Neutral */

	--neutral-color-light: #f5f5f5;
	--neutral-color-dark: #333333;


	/* Überschriften */

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

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


	/* Linien / Rahmen */

	--border-color: #cccccc;

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

	--image-border-radius: var(--border-radius);
	--card-border-radius: var(--border-radius);
	--button-border-radius: var(--border-radius);


	/* Abstände / Breiten */

	--content-width: 1500px;
	--content-block-padding-y: 4rem;


	/* Schrift */

	--font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	--heading-font-family: 'Oranienbaum', Georgia, serif;
}


/* =========================================================
   TYPOGRAFIE
   ========================================================= */

body {
	font-family: var(--font-family);
}


h1 {
	font-family: var(--heading-font-family);
}