/* Sektion 02: Wortmarke und Schutzraum. */
.mw-wordmark {
  display: grid;
  align-content: center;
  gap: var(--mw-space-1600);
  min-height: 1080px;
  padding-block: 48px 24px;
  color: var(--mw-text-neutral-highlight);
  font-family: var(--mw-family-body);
  font-size: 1rem;
  font-weight: var(--mw-weight-medium);
  line-height: 1.5;
  scroll-margin-top: 24px;
}
.mw-wordmark :is(h2, p, figcaption) { margin: 0; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.mw-wordmark h2 {
  font-family: var(--mw-family-headline);
  font-size: 2rem;
  font-weight: var(--mw-weight-semibold);
  line-height: 1;
  letter-spacing: var(--mw-letter-spacing-small);
}
.mw-wordmark__text { display: grid; gap: 48px; min-width: 0; }
.mw-wordmark__intro { display: grid; gap: 32px; }
.mw-wordmark__intro p { color: var(--mw-text-neutral-primary); overflow-wrap: break-word; }
.mw-wordmark__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-height: 48px;
  max-width: 100%;
  padding: 14px 24px;
  border-radius: 48px;
  background: var(--mw-background-button-default);
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: .875rem;
  font-weight: var(--mw-weight-bold);
  line-height: 1.25;
}
.mw-wordmark__download:hover { background: #241bbc; }
.mw-wordmark__download:focus-visible { outline: 3px solid var(--mw-background-button-default); outline-offset: 5px; }
.mw-wordmark__examples { display: grid; gap: var(--mw-space-1600); min-width: 0; }
.mw-wordmark figure { margin: 0; display: grid; gap: 16px; }
.mw-wordmark__clearspace figcaption { font-weight: var(--mw-weight-bold); color: #000; }
.mw-wordmark__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px, 38.87vw, 398px);
  border-radius: var(--mw-radius-700);
  background: var(--mw-background-neutral-default);
}
.mw-wordmark__visual img { display: block; width: min(75%, 574px); height: auto; aspect-ratio: 574 / 203; }
.mw-wordmark__minimum { color: #000; }
.mw-wordmark__minimum img { display: block; width: 100px; height: 18.547px; }
.mw-wordmark__minimum figcaption { font-size: 1.25rem; overflow-wrap: break-word; }
@media (min-width: 992px) {
  .mw-wordmark {
    grid-template-columns: minmax(0, 441fr) minmax(0, 868fr);
    align-items: center;
    gap: clamp(32px, 3.333333vw, 64px);
    min-height: clamp(800px, 56.25vw, 1080px);
    padding-block: clamp(96px, calc(-10.666667px + 8.888889vw), 160px) 96px;
    font-size: clamp(1rem, calc(.583333rem + .555556vw), 1.25rem);
  }
  .mw-wordmark h2 { font-size: clamp(2rem, calc(.333333rem + 2.222222vw), 3rem); }
  .mw-wordmark__download {
    min-height: clamp(48px, 3.333333vw, 64px);
    padding: 14px clamp(20px, 1.666667vw, 32px);
    font-size: clamp(.875rem, calc(.25rem + .833333vw), 1.25rem);
  }
  .mw-wordmark__visual img { width: min(90%, 574px); }
}