/* Gemeinsames Ernährungsmotiv: Beispielwerte als zugängliche HTML-Tabelle. */
.nutrition-sec{background:#fff;padding:68px 0 60px;scroll-margin-top:86px;border-bottom:1px solid #e0e7ef}
.nutrition-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:60px;row-gap:0;align-items:center}
.nutrition-figure{grid-column:1;grid-row:1 / 3;margin:0;min-width:0}
.nutrition-visual{position:relative;padding:0 46px 118px 0}
.nutrition-visual>picture{display:block}
.nutrition-visual>picture>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.macro-card{position:absolute;right:0;bottom:0;width:280px;background:#fff;color:#1b3a5c;padding:22px 24px 18px;border-radius:12px;border:1px solid #dae3ed;box-shadow:0 12px 35px rgba(16,39,66,.14)}
.macro-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;line-height:1.5;color:#566a7e}
.macro-example{padding:3px 8px;border-radius:5px;background:#fdf1e5;color:#93440e;font-weight:600}
.macro-card h3{font-size:1.08rem;line-height:1.35;letter-spacing:-.015em;margin:12px 0 16px}
.macro-card table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.5}
.macro-card th,.macro-card td{padding:9px 0;border-bottom:1px solid #e4eaf0}
.macro-card thead th{font-weight:400;font-size:.75rem;color:#566a7e;padding-top:0;padding-bottom:7px}
.macro-card th{text-align:left;font-weight:400}
.macro-card td,.macro-card thead th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.macro-card td{font-weight:700}
.macro-card td span{font-weight:400;color:#566a7e}
.macro-card .macro-energy th,.macro-card .macro-energy td{font-weight:700;color:#1b3a5c}
.macro-card tbody tr:last-child th,.macro-card tbody tr:last-child td{border-bottom:0}
.nutrition-figure figcaption{font-size:.75rem;line-height:1.6;color:#5b6675;margin-top:17px;max-width:60ch}
.nutrition-copy{grid-column:2;grid-row:1;align-self:end;min-width:0}
.nutrition-copy .eyebrow{line-height:1.6}
.nutrition-copy h2{font-size:clamp(2rem,3.5vw,2.85rem);line-height:1.1;letter-spacing:-.035em;margin:15px 0 23px;color:#1b3a5c}
.nutrition-copy h2 span{color:#a95112}
.nutrition-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#536174;margin:0 0 15px}
.nutrition-contact{grid-column:2;grid-row:2;align-self:start;display:inline-block;font-size:.9rem;line-height:1.6;font-weight:700;color:#94460f;padding:12px 0;margin-top:5px;text-underline-offset:4px}
.nutrition-contact:hover{text-decoration:underline}
.nutrition-contact span{margin-left:8px}
.nutrition-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px) and (min-width:761px){.nutrition-grid{column-gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.nutrition-visual{padding-right:20px;padding-bottom:145px}}
@media(max-width:760px){
  .nutrition-sec{padding:42px 0}
  .nutrition-grid{grid-template-columns:1fr;gap:20px}
  .nutrition-copy{grid-column:1;grid-row:1}
  .nutrition-copy>p:not(.eyebrow){margin-bottom:0}
  .nutrition-figure{grid-column:1;grid-row:2}
  .nutrition-contact{grid-column:1;grid-row:3;margin-top:0}
  .nutrition-copy h2{font-size:2rem}
  .nutrition-visual{padding:0;display:grid;gap:16px}
  .macro-card{position:static;width:100%;padding:22px 24px 18px;box-shadow:0 5px 18px rgba(16,39,66,.06)}
  .macro-card table{font-size:1rem}
  .macro-card-heading,.macro-card thead th{font-size:.8125rem}
  .macro-card h3{font-size:1.125rem}
}