/*
 * Variablen – OVERHEAD Design
 *
 * Breakpoints (in Media Queries keine Variablen möglich, daher als Werte):
 *   Desktop          (min-width: 1141px)
 *   Tablet quer      (min-width: 1019px) and (max-width: 1140px)
 *   Tablet hoch      (min-width: 768px) and (max-width: 1018px)
 *   Phone            (max-width: 767px)
 */
:root {
	/* Schriften (werden vom Newspaper-Theme geladen) */
	--font-body: "Titillium Web";
	--font-head: Volkhov;

	/* Farben */
	--color-black: #000;
	--color-white: #fff;
	--color-grey-banner: #e5e4e4;
	--color-grey-light: #dcdcdc;
	--color-grey-line: #888;
	--color-ad-label: #bbbbbb;
	--color-red: #d63a21;
	--color-red-vw: #ce161b;
	--color-gold: #f2c84e;
	--color-yellow: #e9c634;
	--color-cream: #fdf9ed;
	--color-link-blue: #0073aa;

	/* Inserat-Bereiche (Farbliste der Designerin): dunkel = Akzent, mittel = Hover, hell = Archiv-Kopf */
	--job-accent: #90a230;
	--job-mid: #bacf4a;
	--job-tint: #d9e0b9;
	--seminar-accent: #7abac9;
	--seminar-mid: #a7d8e1;
	--seminar-tint: #e3f5f9;
	--immo-accent: #717982;
	--immo-mid: #888d94;
	--immo-tint: #d5dade;

	/* Schatten */
	--shadow-hard: 8px 8px 0 0 #000;
	--shadow-lift: rgba(108, 108, 108, 0.2) 0 2px 2px, rgba(108, 108, 108, 0.2) 0 4px 4px, rgba(108, 108, 108, 0.2) 0 8px 8px, rgba(108, 108, 108, 0.2) 0 16px 16px;

	/* Container-Breiten des Themes */
	--container-desktop: 993px;
	--container-wide: 1104px;
	--container-header: 1200px; /* Inhaltsbreite Desktop (= Header), base.css + Inserat-Seiten */

	/* Kacheln/Zeilen der Inserat-Archive */
	--card-radius: 15px;
	--card-border: 1px solid rgba(0, 0, 0, 0.25);
	--card-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
	--label-color: #555;
}