<style>
.nutrition-table-container {
background-color: #FAF6EF; /* Phytokraft background */
font-family: 'Raleway', sans-serif;
color: #34472A; /* Phytokraft text */
padding: 1.5rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: 1rem auto;
max-width: 600px; /* Balanced for all screens */
}
.nutrition-table {
width: 100%;
border-collapse: collapse;
font-size: 1rem;
line-height: 1.5;
}
.nutrition-table th,
.nutrition-table td {
padding: 0.75rem;
text-align: left;
border-bottom: 1px solid #EBE4D8; /* Light border for separation */
}
.nutrition-table th {
font-weight: 600;
color: #8BA673; /* Phytokraft accent */
}
.nutrition-table td {
font-weight: 400;
}
.nutrition-table .ingredient-note {
font-size: 0.9rem;
color: #666;
font-style: italic;
}
/* Responsive adjustments */
@media (max-width: 480px) {
.nutrition-table-container {
padding: 1rem;
}
.nutrition-table {
font-size: 0.9rem;
}
.nutrition-table th,
.nutrition-table td {
padding: 0.5rem;
}
}
/* Protect dropdown menus */
.header,
.header__inline-menu,
.header__submenu,
details[open] > .header__submenu {
display: block !important;
visibility: visible !important;
}
</style>
<div class="nutrition-table-container">
<table class="nutrition-table">
<thead>
<tr>
<th colspan="2"> Daily dose (60 drops)</th>
</tr>
</thead>
<tbody>
<tr>
<td> Grapefruit extract</td>
<td> 2,600 mg</td>
</tr>
<tr>
<td> of which bioflavonoids</td>
<td> 30 mg</td>
</tr>
<tr>
<td colspan="2" class="ingredient-note">
(NRV = Nutrient Reference Values according to Regulation (EU) No. 1169/2011: none known)
</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="2"> Ingredients</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">
Grapefruit seed and peel extract* (84%, in vegetable glycerin), water, L-ascorbic acid (vitamin C as antioxidant)<br>
*from controlled organic farming according to EC organic regulation (Regulation (EC) No. 2018/848)
</td>
</tr>
</tbody>
</table>
</div>