/* TYPO */
body, div, a, li {
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
	color: #000000;
}

a:hover {
	color: #194D25;
}


.hl1, .hl2, .hl3, .hl4, .hl5, .hl6 { line-height: 100%; }
.hl2 { letter-spacing: 4px; text-transform: uppercase; }
.hl4 { letter-spacing: 2px; text-transform: uppercase; }

/* TEXT-COLORS */
.tc0 { color: #ffffff; }
.tc1 { color: #2f3234; }
.tc2 { color: #194D25; }
.tc3 { color: #194D25; }
.tc4 { color: #442f29; }

/* BACKGROUND-COLORS */
.bg0 { background-color: #ffffff; }
.bg1 { background-color: #2f3234; }
.bg2 { background-color: #194D25; }
.bg3 { background-color: #442f29; }
.bg4 { background-color: rgba(51, 51, 51, 0.08); }
.bg5 { background-size: cover; background-position: center center; }
.bg6 { background-color: rgba(51, 51, 51, 0.4); }


/* BUTTON-COLORS */

.button.key {
	background-color: #194D25;
	border-color: #194D25;
	color: #ffffff;
}
.button.key:hover {
	background-color: transparent;
	border-color: #194D25;
	color: #194D25;
}

.button.ghost {
	background-color: transparent;
	border-color: #2f3234;
	color: #2f3234;
}
.button.ghost:hover {
	background-color: #2f3234;
	border-color: #2f3234;
	color: #ffffff;
}


.button.flat {
	background-color: transparent;
	border-color: transparent;
	color: #194D25;
}
.button.flat:hover {
	background-color: rgba(0,0,0,0.08);
	border-color: transparent;
	color: #2f3234;
}