:root {

	--font-default-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	--font-default-weight: 400; /* also italic */
	--font-default-weight-bold: 600; /* also italic */

	--font-default-size: 18px;
	--font-default-line-height: 1.3;
	--font-default-italic: italic;

	--color-white: #fff;
	--color-black: #000;
	--color-grey: #999;
	--color-grey-light-mid: #ccc;
	--color-grey-light: #eee;

	--color-red: #e30613;
	--color-aquamarine: #79c6bf;
	--color-orange: #ef7d25;

	--color-ticket-status-red: #e4032e;
	--color-ticket-status-yellow: #ffcc00;
	--color-ticket-status-green: #76b82a;

	--color-text: var(--color-black);
	--color-highlight: var(--color-aquamarine);


	--body-min-width: 360px;

	--topbar-height: 32px;
	--header-height: 120px;
	--footer-height: 104px;

	--content-max-width: 1140px;
	--content-max-width-wide: 1600px;

	--spacing: 40px;
	--spacing-half: calc(var(--spacing) / 2);
	--spacing-double: calc(var(--spacing) * 2);

}

	@media ( max-width: 680px ) {

		:root {
			--font-default-size: 16px;
		}

	}

.headline-xl {
	font-size: 2em;
	text-transform: uppercase;
}

.headline-l {
	font-size: 1.8em;
	text-transform: uppercase;
}

.headline-m {
	font-size: 1.5em;
	text-transform: uppercase;
}

.headline-s {
	font-size: 1.2em;
	text-transform: uppercase;
}