.lang-switch { display:flex;gap:12px; } .lang-switch a { color:inherit;text-decoration:none; } .lang-switch a[aria-current="page"] { color:var(--brand-green,#66bd62);font-weight:700; }
.hero-heading-accent { color: var(--vm-verify-green); }
.cms-media { margin-block:64px; } .cms-media figure { margin:24px 0; } .cms-media img,.cms-media video,.cms-media audio { display:block;max-width:100%;height:auto; } .cms-media figcaption { margin-top:12px;color:#bcc4d0; } .external-player iframe { width:100%;aspect-ratio:16/9;border:0; }

/* Keep text aligned to the original layout while media spans the viewport. */
.site-main {
  --content-gutter: clamp(1rem, 4vw, 2.5rem);
  max-width: none;
  padding-inline: 0;
  display: grid;
  grid-template-columns: minmax(var(--content-gutter), 1fr) minmax(0, calc(1120px - 2 * var(--content-gutter))) minmax(var(--content-gutter), 1fr);
}
.site-main > section { grid-column: 2; min-width: 0; }
.site-main > .cms-media { grid-column: 1 / -1; }
.cms-media figure { margin: 0; }
.cms-media video { width: 100%; height: auto; border: 0; border-radius: 0; }
.cms-media figcaption { padding-inline: var(--content-gutter); }

/* German dashboard hero: approved desktop and mobile preview. */

.site-main > .hero--dashboard { grid-column:1 / -1; position:relative; display:flex; align-items:center; width:100%; min-width:0; min-height:680px; height:56.25vw; padding:64px 5.5vw; background:#111827 url('../images/hero-desktop-c9f58444bcf8.jpg') center center / 100% auto no-repeat; }
.hero--dashboard .hero-copy { width:39%; max-width:660px; position:relative; }
.hero--dashboard h1 { max-width:none; font-size:clamp(40px,3.6vw,66px); line-height:1.12; }
.hero--dashboard .lead { max-width:40ch; font-size:clamp(18px,1.5vw,24px); }
.hero--dashboard .summary { max-width:55ch; font-size:clamp(15px,1.1vw,18px); }
.hero--dashboard .eyebrow { font-size:12px; }
@media(max-width:900px) { .site-main > .hero--dashboard { padding:48px 5vw; } .hero--dashboard .hero-copy { width:48%; } .hero--dashboard h1 {font-size:36px;} }


.hero--dashboard .hero-mobile-dashboard { display:none; }
@media (max-width: 767px) {
 .site-main > .hero--dashboard { display:block; width:100%; height:auto; min-height:0; padding:40px 20px 24px; background-image:none; }
 .hero--dashboard .hero-copy { width:100%; max-width:none; }
 .hero--dashboard h1 { font-size:clamp(30px,8.2vw,48px); line-height:1.12; overflow-wrap:normal; }
 .hero--dashboard .eyebrow { font-size:10px; letter-spacing:.12em; margin-bottom:16px; }
 .hero--dashboard .lead { font-size:19px; line-height:1.45; margin-top:20px; }
 .hero--dashboard .summary { font-size:16px; line-height:1.6; margin-top:16px; }
 .hero--dashboard .hero-actions { display:grid; grid-template-columns:1fr; gap:10px; margin-top:24px; }
 .hero--dashboard .hero-actions .btn { text-align:center; min-height:48px; }
 .hero--dashboard .hero-mobile-dashboard { display:block; margin:28px -12px 0; aspect-ratio:1.30; background:url('../images/hero-desktop-c9f58444bcf8.jpg') 100% 50% / 175% auto no-repeat; }
}


.hero--dashboard .hero-desktop-caption { position:absolute; right:5.2%; top:calc(50% + 16.1vw); margin:0; font-size:13px; line-height:1.5; color:#cbd3e0; }
@media(max-width:767px) {
 .hero--dashboard .hero-desktop-caption { display:none; }
 .hero--dashboard .hero-mobile-dashboard { margin:28px -8px 0; aspect-ratio:auto; background:none; }
 .hero--dashboard .hero-mobile-dashboard img { display:block; width:100%; height:auto; }
 .hero--dashboard .hero-mobile-dashboard figcaption { margin-top:12px; text-align:center; font-size:13px; line-height:1.5; color:#cbd3e0; }
}

@media (min-width: 768px) {
  html[lang="en"] .site-main > .hero--dashboard { background-image: url('../images/hero-desktop-en-a82fa0c953f8.jpg'); }
}