/* German About hero only. Other pages retain the shared editorial layout. */
.about-hero--de {
 padding-block:64px 60px;
}
.about-hero--de .editorial-hero__inner {
 width:min(1120px,calc(100% - 112px));
 grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
 gap:64px;
}
.about-hero--de .hero__eyebrow {
 display:flex;
 align-items:center;
 gap:12px;
 margin-bottom:22px;
}
.about-hero--de .hero__eyebrow::before {
 content:"";
 width:28px;
 height:3px;
 background:var(--brand-crimson-bright);
 flex:none;
}
.about-hero--de .hero__heading {
 font-size:clamp(2.35rem,4.1vw,3.4rem);
 line-height:1.1;
 letter-spacing:-.04em;
 font-weight:500;
 margin-bottom:24px;
 hyphens:none;
}
.about-hero--de .hero__heading span {
 display:block;
}
.about-hero--de .hero__sub {
 max-width:48ch;
 margin-bottom:28px;
 line-height:1.75;
}
.about-hero--de .hero__ctas {
 flex-direction:row;
 flex-wrap:wrap;
 align-items:center;
 gap:12px 28px;
}
.about-hero--de .hero__ctas .btn {
 width:auto;
 min-height:48px;
}
.about-hero--de .about-hero__link {
 display:inline-flex;
 align-items:center;
 min-height:48px;
 color:#fff;
 font-size:.9375rem;
 font-weight:500;
 text-decoration:underline;
 text-decoration-color:#8c9faf;
 text-decoration-thickness:1px;
 text-underline-offset:6px;
}
.about-hero--de .about-hero__link:hover {
 text-decoration-color:#fff;
}
.about-hero--de .editorial-hero__figure img {
 aspect-ratio:4/3;
 object-position:center;
}
@media(max-width:1100px) {
 .about-hero--de .editorial-hero__inner {
  width:calc(100% - 64px);
  gap:40px;
 }
}
@media(max-width:800px) {
 .about-hero--de { padding-block:44px 40px; }
 .about-hero--de .editorial-hero__inner {
  width:calc(100% - 48px);
  grid-template-columns:minmax(0,1fr);
  gap:36px;
 }
 .about-hero--de .hero__heading {
  font-size:clamp(2.25rem,6.5vw,3.4rem);
 }
 .about-hero--de .editorial-hero__figure img {
  aspect-ratio:3/2;
  max-height:none;
 }
}
@media(max-width:500px) {
 .about-hero--de .editorial-hero__inner { width:calc(100% - 40px); }
 .about-hero--de .hero__ctas { flex-direction:column;align-items:flex-start;gap:8px; }
 .about-hero--de .hero__ctas .btn { width:100%; }
}