.subpage .platformHero h1,.subpage .platformModule h2{text-wrap:balance}.subpage .platformHero .phoneWrap:before{max-width:100%}.subpage .platformAnchors{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-block:12px;scroll-margin-top:108px;display:flex}.subpage .platformAnchors a{color:#c0cee1;text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.45;transition:background .18s,color .18s;display:flex}.subpage .platformAnchors a:hover{color:#fff;background:#142b48}.subpage .platformAnchors a:focus-visible{outline-offset:3px;outline:2px solid #81b9fb}.subpage .platformIntro{scroll-margin-top:108px}.subpage .platformIntro .title>p:last-child{line-height:1.65}.subpage .platformModule .moduleBenefits{gap:12px}.subpage .platformModule .moduleBenefits li{align-items:flex-start;line-height:1.55}.subpage .platformModule .moduleBenefits svg{margin-top:3px}.subpage .platformModule .moduleVisual{flex-direction:column;gap:20px;margin:0}.subpage .platformModule .phoneWrap{width:100%;max-width:250px}.subpage .platformModule .phoneWrap:before{max-width:100%;max-height:100%}.subpage .platformModule .phone{aspect-ratio:auto;width:100%}.subpage .platformModule .phone img{object-fit:contain;height:auto;display:block}.subpage .platformModule figcaption{color:var(--muted);text-align:center;max-width:44ch;font-size:13px;line-height:1.5}.subpage .platformModule .moduleVisual.cropVisual{min-height:0}.subpage .platformCrop{background:#111823;border:1px solid #294565;border-radius:20px;width:100%;position:relative;overflow:hidden}.subpage .platformCrop img{width:100%;max-width:none;height:auto;display:block;position:absolute;top:0;left:0}.subpage .platformCrop.statistics{aspect-ratio:944/480}.subpage .platformCrop.statistics img{object-fit:contain;height:100%;transform:none}.subpage .platformCrop.resources{aspect-ratio:944/650}.subpage .platformCrop.resources img{object-fit:contain;height:100%;transform:none}.subpage .platformDetailLine{color:var(--muted);margin:14px 0;font-size:14px;line-height:1.65}.subpage .platformModule .alphaMention{color:var(--muted);align-items:center;gap:10px;min-height:32px;margin:0;font-size:14px;display:inline-flex}.subpage .platformAlpha{letter-spacing:.08em;color:#87b3e7;vertical-align:middle;border:1px solid #3a618f;border-radius:5px;flex:none;padding:4px 6px;font-size:11px;font-weight:700;line-height:1.25;display:inline-block}.subpage .platformExtras{scroll-margin-top:108px}.subpage .platformExtras>h2{margin:0 0 28px;font-size:clamp(30px,3.2vw,42px)}.subpage .platformExtrasGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.subpage .platformExtrasGrid article{background:linear-gradient(145deg,#0c1a30,#08111f);border:1px solid #233b59;border-radius:22px;min-width:0;padding:22px}.subpage .platformExtrasGrid article>svg{color:#69aaff;stroke-width:1.75px;width:22px;height:22px}.subpage .platformExtrasGrid h3{letter-spacing:-.015em;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 10px;font-size:18px;line-height:1.4;display:flex}.subpage .platformExtrasGrid p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}@media (width<=1100px){.subpage .platformAnchors{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.subpage .platformExtrasGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.subpage .platformModule .moduleVisual{min-height:0}.subpage .platformModule .phoneWrap{max-width:260px}.subpage .platformModule .platformCrop{max-width:480px}}@media (width<=620px){.subpage .platformAnchors{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-block:10px}.subpage .platformAnchors a{padding:9px 8px;font-size:14px}.subpage .platformModule .phoneWrap{max-width:250px}.subpage .platformModule .phone{width:100%}.subpage .platformModule .moduleVisual.cropVisual{padding:20px 14px}.subpage .platformExtrasGrid{grid-template-columns:minmax(0,1fr);gap:12px}.subpage .platformExtrasGrid article{padding:22px}.subpage .platformExtrasGrid h3{margin-top:12px}}@media (prefers-reduced-motion:reduce){.subpage .platformAnchors a{transition:none}}

/* Center the last three cards only while the original four-card row is active.
   Two half-tracks plus one gap equal exactly one original card width. */
@media (width > 1100px) {
  .subpage .platformExtrasGrid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .subpage .platformExtrasGrid > article {
    grid-column: span 2;
  }
  .subpage .platformExtrasGrid > article:nth-child(5) {
    grid-column: 2 / span 2;
  }
  .subpage .platformExtrasGrid > article:nth-child(6) {
    grid-column: 4 / span 2;
  }
  .subpage .platformExtrasGrid > article:nth-child(7) {
    grid-column: 6 / span 2;
  }
}

/* Local horizontal scrolling replaces the wrapped category grid. */
@media (width <= 1100px) {
  .subpage nav.platformAnchors {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-padding-inline: 8px;
  }
  .subpage .platformAnchors > a {
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
    white-space: nowrap;
  }
}
.subpage .platformAnchors,
.subpage .platformModule,
.subpage .platformExtras {
  scroll-margin-top: calc(108px + env(safe-area-inset-top, 0px));
}

/* Keep existing floating controls in place; enlarge only the cookie hit area. */
body:has(.platformAnchors) .cookieReopen::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
}
body:has(.platformAnchors) .footer a {
  scroll-margin-block: 108px calc(88px + env(safe-area-inset-bottom, 0px));
}
@media (any-pointer: coarse) {
  body:has(.platformAnchors) .footerGrid a,
  body:has(.platformAnchors) .footerGrid button {
    min-height: 44px;
    min-width: 44px;
  }
}

/* Functions hero and the join left by the removed interlude. */
.subpage .platformHero .actions { flex-wrap: nowrap; }
.subpage #statistik.platformModule + #kommunikation.platformModule { padding-top: 24px; }
@media (max-width: 767px) {
  .subpage .platformHero .actions { flex-direction: column; align-items: stretch; gap: 12px; }
  .subpage .platformHero .actions > .btn { width: 100%; min-height: 48px; justify-content: center; }
  .subpage #statistik.platformModule + #kommunikation.platformModule { padding-top: 0; }
}

/* Match the two former landscape frames to the established product phones. */
.subpage :is(#statistik,#ressourcen) .moduleVisual {
  width:100%;max-width:420px;min-height:720px;justify-self:center;
  padding:32px 24px;gap:20px;
}
.subpage :is(#statistik,#ressourcen) .phoneWrap,
.subpage #statistik .esShotCarousel {
  width:250px;max-width:100%;margin-inline:auto;
}
.subpage #statistik .esShotCarousel { max-width:calc(100% - 88px); }
.subpage :is(#statistik,#ressourcen) .phone {
  width:100%;aspect-ratio:710/1536;height:auto;transform:none;
}
.subpage :is(#statistik,#ressourcen) .phone img {
  width:100%;height:100%;object-fit:contain;display:block;
}
@media(max-width:1100px) {
  .subpage :is(#statistik,#ressourcen) .moduleVisual {max-width:400px;min-height:692px;}
  .subpage :is(#statistik,#ressourcen) .phoneWrap,
  .subpage #statistik .esShotCarousel {width:240px;}
}
@media(max-width:1024px) {
  .subpage #statistik .esShotCarousel {max-width:100%;}
}
@media(max-width:767px) {
  .subpage :is(#statistik,#ressourcen) .moduleVisual {
    max-width:100%;min-height:660px;padding:26px 20px;
  }
  .subpage :is(#statistik,#ressourcen) .phoneWrap,
  .subpage #statistik .esShotCarousel {width:230px;}
  .subpage :is(#statistik,#ressourcen) .moduleCopy {order:0;}
  .subpage :is(#statistik,#ressourcen) .moduleVisual {order:1;}
}