/**
 * Oskar Theme – Variablen
 */

:root {
	/* BASIC SETTINGS */
	--grid-gap: 30px;
	--container-size: 1280px;
	--container-padding: 25px;
	--transition-duration: .3s;
	--header-nav-height: 80px;
	--anchor-nav-height: 56px;

	/* COLOR */
	--main-color: #126498;
	--second-color: #f5f5f5;
	--lightgray-color: #f2f2f2;
	--gray-color: #676f7a; 
	--darkergray-color: #353d47;
	--darkerblue-color: #114d72;
	--font-color: #242424;

	/* BORDER RADIUS */
	--border-radius-xs: 4px;
	--border-radius-s: 8px;
	--border-radius-m: 16px;
	--border-radius-l: 24px;
	--border-radius-xl: 100%;

	/* FONT */
	--body-font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--body-font-size: 16px;
	--body-hyphens: auto;
	--hl-hyphens: none;

	--h1-color: var(--font-color);
	--h1-size: var(--h2-size); 
	--h2-color: var(--font-color);
	--h2-size: 1.9rem;
	--h3-color: var(--font-color);
	--h3-size: 1.5rem;
	--h4-color: var(--font-color);
	--h4-size: 1.25rem;
	--h5-color: var(--font-color);
	--h5-size: 1.1rem;
	--h6-color: var(--font-color);
	--h6-size: 1rem;
}