body {
	padding-top: 6rem;
	font-family: 'Open Sans', arial;
}

h1, h2, h3, h4, h5, h6 { font-family: serif; }
h1, .h1 { font-size: 2.4rem; }
h2, .h2 { font-size: 1.8rem; }

em { color: lightpink; font-style: italic; font-family: monospace; font-size: 16px; }

.pointer { cursor: pointer; }
.text-grey { color: #c8c8c8; }


/* =========== rezepte =========== */
#rezepte-row .card-body a { color: #efefef; font-family: serif; font-size: 22px; }
#rezepte-row .card-body a:hover { color: white; }

a.kochen {
	z-index: 10;
	position: absolute;
	right: 10px; top: 10px;
	width: 48px; height: 48px;	
}

a.kochen.active {
	background: url("../img/kochen-active.png") top right / 48px 48px no-repeat transparent;
}

a.kochen.inactive {
	background: url("../img/kochen-inactive.png") top right / 48px 48px no-repeat transparent;
}

/* =========== rezept =========== */
#rezept-row .badge { font-size: 80%; }