/* Weiche Seitenwechsel zwischen Landing, Inhaltsstoffen und Ratgeber (View Transitions, Chrome 126+, Safari 18.2+;
   ältere Browser wechseln wie bisher). Bei „Bewegung reduzieren" aus. */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
.antwort{background:#FAF8F2;border:1px solid #E0D9CC;border-left:3px solid #17705A;
  border-radius:16px;padding:20px 22px;font-size:17px;line-height:1.6;color:#1B1C16;margin:0 0 22px}
.bilanz{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 26px;font-size:13.5px;color:#41433C}
.bz{display:inline-flex;align-items:center;gap:7px}
.bz i{width:8px;height:8px;border-radius:50%;display:inline-block}
.tab-huelle{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 26px}
table.rang{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
table.rang th{text-align:left;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:#64655A;font-weight:600;padding:0 12px 9px 0;border-bottom:1px solid #E0D9CC}
table.rang td{padding:12px 12px 12px 0;border-bottom:1px solid #EFEAE0;vertical-align:top}
table.rang td small{display:block;font-size:12.5px;color:#64655A;margin-top:2px}
.z-score{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.z-warum{color:#64655A;font-size:13px}
.stoffgruende{list-style:none;padding:0;margin:0 0 26px}
.stoffgruende li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:11px 0;border-top:1px solid #EFEAE0;font-size:15px}
.stoffgruende li:first-child{border-top:0}
.stoffgruende a{color:#1B1C16;text-decoration:none;border-bottom:1px solid #D0C7B6}
.stoffgruende span{font-size:13px;color:#64655A;text-align:right;flex:0 0 auto}
.fq{padding:14px 0;border-top:1px solid #EFEAE0}
.fq h3{font-size:15.5px;margin:0 0 5px}
.fq p{font-size:14.5px;color:#41433C;margin:0}
.rgliste{list-style:none;padding:0}
.rgliste li{border-top:1px solid #EFEAE0}
.rgliste a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:15px 0;color:#1B1C16;text-decoration:none}
.rgliste a:hover b{border-bottom:1px solid #1B1C16}
.rgliste span{font-size:13px;color:#64655A;text-align:right;flex:0 0 auto}
.stand{font-size:12.5px;color:#64655A;margin:22px 0 0}
@media(max-width:520px){.rgliste a{flex-direction:column;gap:3px}.rgliste span{text-align:left}}