/* bvs-beratung.de – Ergänzungen zum Design System v3 */
.brand img { height: 42px; max-width: 240px; }
.footer-brand img { height: 38px; max-width: min(230px, calc(100% - 28px)); }

/* Leistungsbereiche */
.areas { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: clamp(1.1rem, 2vw, 1.6rem); }
.area { display: flex; flex-direction: column; min-width: 0; height: 100%; padding: clamp(24px, 2.6vw, 34px); }
.area .eyebrow { margin-bottom: .7rem; }
.area h3 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.35rem, 1.1rem + .8vw, 1.7rem); letter-spacing: -.01em; margin-bottom: .55rem; }
.area > p { color: #4a556b; }
.area__list { list-style: none; margin: 1.3rem 0 1.5rem; padding: 0; border-top: 1px solid var(--line-c); }
.area__list li { position: relative; margin: 0; padding: .62rem 0 .62rem 1.3rem; border-bottom: 1px solid var(--line-c); font-size: .94rem; color: var(--ink); }
.area__list li::before { content: ""; position: absolute; left: 0; top: 1.12em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-500); }
.area .more { margin-top: auto; }
.area--dark { background: var(--navy-900); border-color: var(--navy-900); color: #c9d3e6; }
.area--dark h3 { color: #fff; }
.area--dark > p { color: #b3c0d6; }
.area--dark .eyebrow, .area--dark .more { color: var(--accent-300); }
.area--dark .area__list { border-color: rgba(255,255,255,.14); }
.area--dark .area__list li { color: #e3e9f3; border-color: rgba(255,255,255,.14); }
.area--dark .area__list li::before { background: var(--accent-300); }
a.area--dark:hover { border-color: var(--navy-700); }

@media (max-width: 760px) {
  .areas { grid-template-columns: minmax(0,1fr); }
  .brand img { height: 36px; max-width: 200px; }
}
.page-hero__media--portrait { max-width: 400px; justify-self: center; width: 100%; }
.page-hero__media--portrait .pic { aspect-ratio: 4 / 5; }
.page-hero__media--portrait .pic img { object-position: center 20%; }