/* Goldbach Header und Footer (Vorlage: replay-regio-ids.goldbach.com)
   Setzt den Token-Block aus SKILL.md voraus (--gb-red, --gb-white, --gb-pink, --gb-gray-text,
   --gb-site-width, --gb-footer-bg) und die Schrift LT Tetria in Light, Bold und Black. */

/* Header: Passion-Red-Band mit weissem Logo, nicht sticky */
.gb-header {
  background: var(--gb-red);
  color: var(--gb-white);
  font-size: 16px;
  letter-spacing: normal;
}
.gb-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  max-width: var(--gb-site-width);
  margin: 0 auto;
  padding: 24px 20px;
}
.gb-header__brand { flex: 0 0 auto; min-width: 112px; }
.gb-header__logo { display: block; width: 142px; height: auto; }

/* Sprachumschalter: nur bei mehrsprachigen Projekten einbinden */
.gb-lang {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.gb-lang a {
  min-width: 34px;
  padding: 7px 8px 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--gb-white);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.gb-lang a:hover,
.gb-lang a[aria-current="page"] {
  border-color: currentColor;
  background: rgb(255 255 255 / 0.14);
}

/* Footer: dunkle Fläche, drei Spalten, Copyright-Zeile */
.gb-footer {
  padding-top: 70px;
  background: var(--gb-footer-bg);
  color: var(--gb-white);
  font-size: 16px;
  letter-spacing: normal;
}
.gb-footer__shell {
  width: min(calc(100% - 48px), var(--gb-site-width));
  margin-inline: auto;
}
.gb-footer__grid {
  display: grid;
  grid-template-columns: 1.3fr 0.8fr 0.7fr;
  gap: 60px;
}
.gb-footer__logo { display: block; width: 190px; height: auto; margin-bottom: 30px; }
.gb-footer p { max-width: none; margin: 0 0 1rem; line-height: 1.55; }
.gb-footer__title {
  margin: 0 0 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}
.gb-footer a { color: inherit; text-decoration: none; }
.gb-footer a:hover { color: var(--gb-pink); }
.gb-footer :focus-visible { outline-color: var(--gb-white); }
.gb-footer__bottom {
  margin-top: 55px;
  padding: 20px 0;
  border-top: 1px solid var(--gb-gray-text);
  font-size: 0.8rem;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .gb-header__inner { gap: 18px; padding: 20px; }
  .gb-header__brand { min-width: 0; }
  .gb-header__logo { width: 118px; }
  .gb-lang { gap: 5px; }
  .gb-lang a { min-width: 31px; padding: 7px 6px 6px; font-size: 0.76rem; }
  .gb-footer__shell { width: min(calc(100% - 32px), var(--gb-site-width)); }
  .gb-footer__grid { grid-template-columns: 1fr; }
}