.healthy-foods-list h2 {
		font-size: 1.4em;
		color: #555;
	}

.healthy-foods-list h3 {
		font-size: 1.1em;
		color: orange;
		margin-left: -40px;
	}

.healthy-foods-list {
    margin: auto;
    width: 40%;
    padding: 10px;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.healthy-foods-list ol {
    list-style: decimal; /* Enable numbers */
    list-style-position: outside; /* Ensure numbers appear outside the list box */
    padding-left: 40px; /* Space for numbers */
    margin-left: 0;
}

.healthy-foods-list ol li::marker {
    font-size: 1.5em; /* Larger font size for numbers */
    font-weight: bold; /* Bold numbers */
    color: Orange; /* Change color to orange */
	margin-top: 10px;
}

.healthy-foods-list li {
    margin-bottom: 35px; /* Space between items */
    position: relative; /* Retain relative positioning for marker alignment */
}

.healthy-foods-list li::after {
    content: "";
    display: block;
    clear: both; /* Clears floated elements like images */
}

.healthy-foods-list img {
    float: left; /* Floats image to the left */
    margin-right: 10px; /* Space between image and text */
    margin-top: 5px;
    width: 25%; /* Ensures image does not overflow */
    height: auto; /* Maintain aspect ratio */
}



.healthy-foods-list li strong {
    color: #2c3e50; /* Dark text for emphasis */
}

.healthy-foods-list li em {
    color: #e74c3c;
    font-style: italic;
    margin-top: 5px;
}

/* ============================== Handy Auflösung =============================*/
@media screen and (max-width: 800px) {
	.healthy-foods-list {
		margin: auto;
		width: 100%;
		padding: 10px;
		font-family: Arial, sans-serif;
		line-height: 1.3;
		color: #555;
		background-color: #fff;
		hyphens: auto;
		hyphenate-limit-chars: auto 3;
	}
	.healthy-foods-list h2 {
		font-size: 1.5em;
	}
	.healthy-foods-list img {
		width: 40%;
		float: left;
		margin-right: 5px;
		margin-top: 5px;
	}
}
/* ============================== Tablet Auflösung =============================*/
@media screen and (min-width: 801px) and (max-width: 1300px){
	.healthy-foods-list {
		margin: auto;
		width: 60%;
		padding: 10px;
		font-family: Arial, sans-serif;
		line-height: 1.4;
		color: #555;
		background-color: #fff;
		hyphens: auto;
		hyphenate-limit-chars: auto 3;
	}
	.healthy-foods-list h2 {
		font-size: 1.4em;
	}
	.healthy-foods-list img {
		width: 35%;
		float: left;
		margin-right: 5px;
		margin-top: 5px;
	}
}