/* Eigenständige Gestaltung der Vitalogic-Unterseite. */
.vitalauftakt{padding:28px 0 0;background:linear-gradient(120deg,#fff,#eef7f7)}.pfad{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:42px}.pfad a{text-decoration:none}.vitalgitter{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center}.vitalgitter>div{min-width:0}.vitalgitter h1{font-size:clamp(43px,4.4vw,62px);letter-spacing:-1.8px;line-height:1.1}.vitalgitter h1 span{color:var(--tuerkis-dunkel)}.vitalgitter .augenbraue{color:var(--tuerkis-dunkel);font-size:14px}.vitalgitter .knopf{font-size:17px;padding-inline:22px}.heroprodukt{margin:0;background:#fff;padding:20px;border-radius:32px;box-shadow:var(--schatten)}.heroprodukt img{max-height:540px;width:100%;object-fit:contain;border-radius:22px}.vitalauftakt .merkmale strong{font-size:19px}.seitenmenue{padding:22px 0;border-bottom:1px solid var(--linie)}.seitenmenue .breite{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px}.seitenmenue a{font-size:15px;font-weight:700;text-decoration:none}.seitenmenue a:hover{text-decoration:underline}.mischung,.kosten{align-items:center;gap:45px}.vergleichbilder{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vergleichbilder figure{margin:0;padding:15px;background:#f5f8f9;border-radius:22px}.vergleichbilder img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:15px}.vergleichbilder figcaption{font-size:14px;text-align:center;margin-top:12px}.klein,.quellenhinweis{font-size:15px;color:#53646b}.ablaufbild{margin:0 auto 38px;max-width:900px}.ablaufbild img{width:100%;border-radius:22px}.vitalogicseite .abschnittskopf{max-width:1000px}.produktkarten .karte{display:flex;flex-direction:column}.produktkarten img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:20px;margin-bottom:23px}.produktkarten .augenbraue{font-size:12px;color:var(--tuerkis-dunkel)}.produktkarten p{font-size:17px}.produktkarten .knopf{margin-top:auto;font-size:16px}.quellenhinweis{margin:26px 0 0}.kosten figure{margin:0}.kosten img{width:100%;max-height:490px;object-fit:contain;border-radius:28px}.vitalogicseite .direktkontakt span{text-align:center}
@media(max-width:1000px){.vitalgitter{gap:30px}.vitalgitter h1{font-size:48px}.vitalgitter .aktionen{flex-direction:column;align-items:flex-start}.mischung,.kosten{gap:28px}}
@media(max-width:800px){.vitalgitter{grid-template-columns:1fr 1fr}.vitalgitter h1{font-size:43px}.vitalgitter .einleitung{font-size:21px}.heroprodukt{padding:12px}.vitalauftakt .merkmale strong{font-size:17px}.mischung{grid-template-columns:1fr}.vergleichbilder{max-width:550px;margin:auto}}
@media(max-width:600px){.vitalgitter{grid-template-columns:minmax(0,1fr)}.vitalgitter h1{font-size:45px}.vitalgitter .aktionen{align-items:stretch}.vitalgitter .augenbraue{font-size:12px}.heroprodukt{max-width:400px;width:100%;margin:auto}.vitalauftakt .merkmale strong{font-size:16px}.pfad{font-size:13px;gap:9px;margin-bottom:32px}.seitenmenue .breite{justify-content:flex-start;gap:12px 20px}.seitenmenue a{font-size:14px}.kosten{grid-template-columns:minmax(0,1fr)}.produktkarten img{max-height:300px}.ablaufbild{overflow:hidden}.vergleichbilder figure{padding:10px}.vergleichbilder figcaption{font-size:13px}}
@media(max-width:360px){.vitalgitter h1{font-size:39px}.vitalgitter .knopf{font-size:16px}}