/*
* =================================================================================================
* Farben
* =================================================================================================
*/

:root {
	--color-primary: #9a0000;
	--color-secondary: #2d2020;
	--color-background: #090909;
	--color-background-lucent: rgba( 38, 38, 38, 0.98 );
	--color-panel: #2b2b2b;
	--color-body: #121212;
	--color-link: #bd2203;
	--color-top-corners: #3e0501;
	--color-bottom-corners: #2a0a05;
	--text-primary: rgba( 255, 255, 255, 0.87 );
	--text-secondary: rgba( 255, 255, 255, 0.54 );
	--text-disabled: rgba( 255, 255, 255, 0.38 );
	--text-light-primary: rgba( 255, 255, 255, 0.87 );
	--text-light-secondary: rgba( 255, 255, 255, 0.54 );
	--text-light-disabled: rgba( 255, 255, 255, 0.38 );
	--menu-color: rgba( 255, 255, 255, 1 );
	--menu-background: #e5cbaa;
	--menu-active: #bd2203;
	--menu-hover: #f4e6d3;
	--heading1-color: #bd2203;
	--heading2-color: #403123;
	--heading3-color: #2c2f30;
	--heading2-background: #a49583;
	--item-color: rgba( 255, 255, 255, 1 );
	--item-description: rgba( 255, 255, 255, 0.7 );
	--item-background: #1c1c1c;
	--item-border: #0c0c0c;
	--item-highlight: #bd2203;
	--item-hint-background: #1c1c1c;
	--state-background: #090909;
	--headroom-background: #a1a2a4;
	--sidebar-highlight: #bd2203;
	--sidebar-background: #998975;
	--copyright-highlight: #ad1903;
	--hours-highlight: #e64a19;
	--hours-border: rgba( 0, 0, 0, 0.12 );
	--contact-label: #d7bb96;
	--contact-number: rgba( 255, 255, 255, 0.54 );
	--contact-background: #2e7d32;
	--delivery-icon: rgba(255, 255, 255, 0.18);
	--delivery-color: #ffffff;
	--delivery-background: #455a64;
	--announcement-border: #607d8b;
	--announcement-background: #252525;
	--announcement-highlight: #ffa726;
}

#content > iframe {
    filter: invert(92%) contrast(83%);
}

/* -- Medium -- */

@media screen and (min-width: 767.98px) {
	:root {
		--color-secondary: #ffffff;
		--color-body: #181818;
		--menu-active: #181818;
		--menu-hover: #414244;
		--state-background: #333333;
		--menu-background: #333333;
		--item-background: #252525;
		--item-hint-background: #252525;
		--announcement-background:#212121;
	}

	body {
		background-image: url(../grafiken/dark/background.png);
	}

	#header {
		background-image: url(../grafiken/dark/header.png);
	}
}

/* -- Large ------------------------------------------------------------------------------------ */

@media screen and (min-width: 991.98px) {
	:root {
		--color-body: #121212;
		--color-link: #e53935;
		--color-background: #333333;
		--menu-background: #424242;
		--menu-active: #333333;
		--menu-hover: #515254;
		--hours-border: #333333;
		--item-border: #1c1c1c;
		--sidebar-background: #1e1e1e;
		--heading2-color: #f1f2f4;
		--heading2-background: #2b2b2b;
	}
}