/* RAMMTUER: paired logos in the existing header and footer only. */
.wordmark {
  --rammtuer-pair-size: 70px;
  grid-template-columns: 58px var(--rammtuer-pair-size);
  column-gap: 18px;
}
.wordmark > img { grid-column: 1; grid-row: 1; width: 58px; height: 66px; }
.wordmark > span { display: none; }
.wordmark::after,
.sp-footer-logo::after {
  content: "";
  display: block;
  flex: none;
  aspect-ratio: 1;
  background-color: #ffffff;
  -webkit-mask: url("./RAMMTUER_logo_ohne_hg.png") center / contain no-repeat;
  mask: url("./RAMMTUER_logo_ohne_hg.png") center / contain no-repeat;
}
.wordmark::after {
  grid-column: 2;
  grid-row: 1;
  width: var(--rammtuer-pair-size);
}
.sp-footer-logo {
  display: flex;
  align-items: center;
  gap: 22px;
  width: auto;
}
.sp-footer-logo > img { width: 78px; flex: none; }
.sp-footer-logo::after { width: 100px; }
@media (max-width: 820px) {
  .wordmark {
    --rammtuer-pair-size: 54px;
    grid-template-columns: 44px var(--rammtuer-pair-size);
    column-gap: 14px;
  }
  .wordmark > img { width: 44px; height: 54px; }
}