/* Current Variant 6 homepage: shared spacing, navy navigation and white actions. */
html:has(body.v7),html body.v7 {background:#fbfaf7!important;}
html body.v7.mg-modern.modern-06 {--study-nav:#17243c;--study-nav-text:#fff;}
html body.v7.mg-modern.modern-06 .mg-nav-bar {background:#17243c!important;color:#fff!important;}
html body.v7 .mg-nav-bar :is(.mg-top-link,.mg-nav-location,.mg-nav-phone,.mg-search-open,.mg-mobile-menu,.mg-site-language) {color:#fff!important;}
html body.v7 .mg-nav-bar .mg-site-language [aria-disabled] {color:#c4cad3!important;}
html body.v7:not(.v6-home-approved) main {padding-top:0!important;}
html body.v7[data-v7-edition] [data-v7-hero],html body.v7 [data-v7-hero] {margin-top:16px!important;}
html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero],html body.v7 .mg-unified-hero[data-v7-hero] {
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 width:min(100vw - 72px,1380px)!important;max-width:1380px!important;
 margin-inline:calc((100% - min(100vw - 72px,1380px)) / 2)!important;
 padding:0!important;gap:0!important;border:0!important;outline:none!important;border-radius:14px 14px 24px 24px!important;
}
html body.v7 .mg-unified-hero[data-v7-hero]::after {display:none!important;}
html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero]>.mg-unified-copy {padding:46px 42px 0 75px!important;grid-column:1;grid-row:1;min-width:0;}
html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero]>.mg-unified-media {grid-column:2;grid-row:1;width:calc(100% - 28px)!important;padding:0!important;}
html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero] .mg-unified-text h1 {font-size:clamp(30px,3.48cqw,48px)!important;line-height:1.1!important;}
html body.v7[data-v7-edition] .mg-unified-hero[data-title-length="long"] .mg-unified-text h1 {font-size:clamp(30px,3.04cqw,42px)!important;}
html body.v7[data-v7-edition] .mg-unified-hero .mg-unified-text>.eyebrow {font-size:22px!important;color:#a49250!important;margin-bottom:24px!important;}
html body.v7 .mg-unified-hero > .mg-unified-actions {
 grid-column:1/-1;grid-row:2;background:#fff!important;color:#17243c!important;
 border-radius:0 0 24px 24px;box-shadow:inset 0 0 0 1px #17243c;padding-bottom:44px!important;
}
html body.v7 .mg-unified-hero .mg-unified-action,
html body.v7 .mg-unified-hero .mg-unified-action :is(strong,small) {color:#17243c!important;}
html body.v7 .mg-unified-hero .mg-unified-action {border-top-color:#c9be99!important;}
html body.v7 .mg-unified-hero .mg-unified-action>span[aria-hidden] {color:#a49250!important;}
@media(min-width:1101px) {
 html body.v7:not(.v6-home-approved) .mg-unified-hero[data-v7-hero] {
  --header-media-top:clamp(24px,calc(100svh - 770px),92px);
  --header-photo-inset:calc((min(100vw - 72px,1380px) / 2 - 28px) * (2 / 3 - 1660 / 2846) / 2);
  grid-template-rows:minmax(calc(var(--header-media-top) + (min(100vw - 72px,1380px) / 2 - 28px) * 2 / 3),auto) auto!important;
 }
 html body.v7:not(.v6-home-approved) .mg-unified-hero[data-v7-hero]>.mg-unified-media {
  margin-top:var(--header-media-top)!important;
 }
 html body.v7:not(.v6-home-approved) .mg-unified-hero[data-v7-hero]>.mg-unified-media:has(img[data-unified-header]) {
  margin-top:calc(var(--header-media-top) + var(--header-photo-inset))!important;margin-bottom:var(--header-photo-inset)!important;
 }
 html body.v7:not(.v6-home-approved) .mg-unified-hero[data-v7-hero]>.mg-unified-copy {
  display:flex!important;flex-direction:column;align-self:stretch!important;padding-bottom:var(--header-photo-inset)!important;
 }
 html body.v7 .mg-unified-hero.pillar-hero .mg-unified-brand {margin-bottom:28px!important;}
}
@media(max-width:1100px) {
 html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero],html body.v7 .mg-unified-hero[data-v7-hero] {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;}
 html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero]>.mg-unified-copy {grid-column:1;grid-row:auto;padding:30px!important;}
 html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero]>.mg-unified-media {grid-column:1;grid-row:auto;width:calc(100% - 60px)!important;margin:0 30px 24px!important;}
 html body.v7 .mg-unified-hero>.mg-unified-actions {grid-row:auto!important;}
}
@media(max-width:760px) {
 html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero],html body.v7 .mg-unified-hero[data-v7-hero] {width:calc(100vw - 24px)!important;margin-inline:calc((100% - (100vw - 24px)) / 2)!important;}
 html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero]>.mg-unified-copy {padding:26px 22px!important;}
 html body.v7[data-v7-edition] .mg-unified-hero[data-v7-hero]>.mg-unified-media {width:calc(100% - 44px)!important;margin:0 22px 24px!important;}
 html body.v7 .mg-unified-hero>.mg-unified-actions {padding-bottom:40px!important;}
}

/* Override the older variant-wide 28px margin without moving the homepage. */
html body.v7.mg-modern.modern-06 [data-v7-hero] {margin-top:16px!important;}
html body.v7.mg-modern.modern-06 .mg-unified-hero[data-v7-hero] {border-radius:14px 14px 24px 24px!important;overflow:hidden!important;}
html body.v7 .mg-header-followup {width:min(100vw - 72px,1380px);margin:0 auto;}
@media(max-width:760px) {html body.v7 .mg-header-followup {width:calc(100vw - 24px);}}
/* Profiles also use this navigation palette; some retain the modern-02 class. */
html body.v7.mg-modern[data-v7-edition] {--study-nav:#17243c;--study-nav-text:#fff;}
html body.v7.mg-modern[data-v7-edition] .mg-nav-bar {background:#17243c!important;}
/* The costs page's separate logo is the first part of its header. */
html body.v7.mg-modern.modern-06>.mg-site-header {margin-top:16px!important;}
html body.v7.mg-modern.modern-06:has(>.mg-site-header) [data-v7-hero] {margin-top:0!important;}
html body.v7 .mg-header-followup>.mg-team-in-header {background:#fbfaf7!important;border:0!important;}

/* Keep the action outline on the same curve as the clipping hero. */
html body.v7.mg-modern.modern-06[data-v7-edition] .mg-unified-hero > .mg-unified-actions {border-radius:0 0 24px 24px!important;}
/* Bring the Arbeitsrecht advisers into the first viewport. */
html body.v7.mg-modern.modern-06[data-v7-edition] .mg-unified-hero[data-returned-draft="arbeitsrecht"] {margin-bottom:12px!important;}
html body.v7.mg-modern.modern-06[data-v7-edition] .mg-unified-hero[data-returned-draft="arbeitsrecht"] + .mg-header-followup > .mg-team-in-header {padding-top:16px!important;}