.rezept_main {
	display:flex;
	flex-direction:column;
	height:100%;
	gap: 10px;
}

.rezept_head {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px;
	padding:10px;
	border-radius: 10px;
	background-color: var(--cerulean);
	box-shadow: inset 1px 2px 3px black;
}
.rezept_body {
	display:flex;
	flex-direction:row;
	height:100%;
	gap:10px;
}
.rezept_wahl {
	display:flex;
	flex-direction:column;
	padding:10px;
	gap: 5px;
	height:calc(100% - 20px);
	overflow:auto;
	width: 150px;
	border-radius: 10px;
	background-color: var(--cerulean);
	box-shadow: inset 1px 2px 3px black;

}

.rezept {
	padding:5px;
	border-radius:5px;
	font-size:14px;
	background-color: white;
	box-shadow:  1px 2px 3px black;
}

.rezept:hover {
	background-color: var(--red);
	color:white;
	cursor:pointer;
	box-shadow: 1px 2px 3px black;
}

.rezept_anleitung {
	padding:10px;
	display:flex;
	flex-direction:column;
	overflow:auto;
	width:100%;
	gap: 10px;
	height: calc(100% - 20) ;
	border-radius: 10px;

}

.rezept_kategorie {
	padding:5px;
	border-radius:5px;
	background-color: white;
	box-shadow: 1px 2px 3px black;
}

.rezept_kategorie:hover {
	cursor:pointer;
	background-color: var(--red);
	color:white;
	box-shadow: 1px 1px 1px black;
}

.hauptschritt {
	font-weight: bold;
	display: inline-block;
}

ol {
	list-style: none;
	counter-reset: none;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 0px;
}

ol li {
	counter-increment: num;
}

ol li::before {
	content: "0" counter(num); 
    font-weight: bold; 
    font-size: 20px;
    margin-right: 4px;
    color: var(--red);
}

.anleitung_kopfteil {
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: space-between;
}

.anleitung_kopf_links {

}

.anleitung_kopfteil img {
	height: 250px;
	border-radius: 20px;
	border: 20px outset var(--cerulean);
	margin-right: 50px;
}

.kommentarfeld {

}

.kommentarueberschrift {
	color: var(--red);
	font-size: 20px;
}

.mengenangabe {
	color: grey;
}

.zutatenkategorie {
	color: var(--red);
	padding-top: 5px;
	padding-bottom: 5px;
}

ul {list-style: none;padding: 0px 0px 0px 5px;}
ul li {}
ul li::before {}