.page-hero{background:linear-gradient(155deg,#0D1A2D 0%,#0F1B2E 100%);padding:64px 56px 32px;border-bottom:1px solid var(--brd)}
.page-hero .stag{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold-l);margin-bottom:16px}
.page-hero .stag::before{content:'';width:18px;height:2px;background:var(--gold);border-radius:1px}
.page-hero h1{font-size:40px;font-weight:700;color:var(--w);line-height:1.15;margin-bottom:12px}
.page-hero h1 em{font-style:normal;color:var(--gold-l)}
.page-hero p{font-size:16px;color:var(--t);line-height:1.7;max-width:600px}
.intro{padding:40px 56px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.intro-text p{font-size:15px;color:var(--t);line-height:1.7;margin-bottom:16px}
.intro-text .highlight{font-size:14px;color:var(--gold-l);font-weight:600;display:flex;align-items:center;gap:8px;margin-top:20px}
.intro-text .highlight::before{content:'';width:16px;height:2px;background:var(--gold);border-radius:1px}
.photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}
.photos img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.photos .photo-main{grid-row:1/3;border-radius:10px}
.dual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);background:var(--card)}
.ds-n{font-size:36px;font-weight:700;color:var(--w)}
.ds-n span{color:var(--gold-l);font-size:20px}
.ds-l{font-size:12px;color:var(--m);margin-top:4px;letter-spacing:1px;text-transform:uppercase;font-weight:500}
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.usp h4{font-size:16px;font-weight:700;color:var(--w);margin-bottom:6px;line-height:1.3}
.usp p{font-size:13px;color:var(--t);line-height:1.6}
.locations{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd)}
.loc-flag{width:48px;height:32px;border-radius:4px;flex-shrink:0;position:relative}
.loc-cn{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 20" preserveAspectRatio="none"><rect width="30" height="20" fill="%23DE2910"/><polygon points="5.00,2.00 5.67,4.07 7.85,4.07 6.09,5.35 6.76,7.43 5.00,6.15 3.24,7.43 3.91,5.35 2.15,4.07 4.33,4.07" fill="%23FFDE00"/><polygon points="9.14,2.51 9.62,1.97 9.25,1.34 9.91,1.63 10.39,1.08 10.33,1.80 11.00,2.09 10.29,2.25 10.22,2.97 9.85,2.35" fill="%23FFDE00"/><polygon points="11.01,4.14 11.66,3.82 11.56,3.10 12.07,3.62 12.72,3.30 12.38,3.95 12.88,4.47 12.17,4.34 11.83,4.99 11.73,4.27" fill="%23FFDE00"/><polygon points="11.04,6.73 11.76,6.70 11.96,6.00 12.21,6.68 12.94,6.66 12.37,7.10 12.62,7.79 12.01,7.38 11.44,7.83 11.64,7.13" fill="%23FFDE00"/><polygon points="9.22,8.38 9.90,8.63 10.35,8.06 10.32,8.79 11.00,9.05 10.30,9.24 10.26,9.96 9.87,9.36 9.16,9.55 9.62,8.98" fill="%23FFDE00"/></svg>') center/cover no-repeat #DE2910}
.loc-de{display:flex;flex-direction:column;overflow:hidden}
.loc-de span{flex:1}
.loc-de span:nth-child(1){background:#1A1A1A}
.loc-de span:nth-child(2){background:#DD0000}
.loc-de span:nth-child(3){background:#FFCC00}
.loc-text p{font-size:14px;color:var(--t);line-height:1.6}
.loc-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-top:10px}

/* Responsive: mehrspaltige Grids auf schmalen Schirmen stapeln */
@media(max-width:900px){
  .page-hero h1{font-size:30px}
  .intro{grid-template-columns:1fr;gap:28px}
  .usp-grid{grid-template-columns:1fr}
  .locations{grid-template-columns:1fr}
}
@media(max-width:560px){
  .dual-stats{grid-template-columns:1fr}
}

/* Stats-Balken & Standort-Block: Inhalt in die zentrierte Layout-Spalte holen.
   Das Band/Border bleibt randlos (full-bleed), aber Zahlen/Text sitzen nicht mehr
   am äußersten Rand → konsistent mit dem restlichen Inhalt, kürzere Zeilen. */
.dual-stats,
.locations{
  padding-left:var(--layout-inset);
  padding-right:var(--layout-inset);
}
/* Lesbarkeit: Standort-Beschreibungen auf angenehme Zeilenlänge begrenzen */
.loc-text p{max-width:46ch}