/*
 * wpwp_theme.css
 *
 * This file is loaded after the main stylesheet,
 * so everything that is defined here replaces the
 * default style definitions. 
 *
 */

@import url("./fonts_remote.css");


/* ! Colors */

:root {
	--color-bg: #ffffff;
	--color-text: #292929;
	--color-text-contrast: #444444;
	--color-header: #ffffff;
	--color-header-bg: #ee0000;
	--color-footer: #292929;
	--color-footer-bg: #e3e3e3;
	--color-ui-primary: #ee0000;
	--color-ui-primary-hover: #b60000;
	--color-ui-primary-text: #ffffff;
	--color-ui-secondary: #444444;
	--color-ui-secondary-hover: #292929;
	--color-ui-secondary-text: #ffffff;
	--color-error: #8d0000;
	--color-error-bg: #f9dbdb;
}

/* ! Typography */

body, button, input, select {
	font-family: 'SparkasseWeb', sans-serif;
}

body {
	font-weight: 400;
}

button {
	font-weight: 700;
}

h1 {
	font-weight: 700;
	letter-spacing: -0.02em;
}

h2 {
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* Sparkasse Web does not seem to work in select options safari */
/*select { font-family: system-ui, Helvetica, Arial, sans-serif; }*/
/*select option { font-family: Helvetica, Arial, sans-serif !important; font-weight: 600 !important; }*/


/* ! Header styling */


header .title h1 {
	font-weight: 600;
	font-size: 1.2em;
}

header .title img { margin-right: 0.5em; }