/* Startseiten-Kolophon nach design/designsprache-10x-2026-09-11/a/index-drei.html.
   Der weiße Elefant übernimmt Zuschnitt und 7 % Deckkraft der Vorlage. */
.studio-footer.studio-footer--kolophon {
  --kolophon-bg: #0b100d;
  --kolophon-text: #ece9e0;
  --kolophon-muted: #b9b5a8;
  --kolophon-line: #2a332e;
  --fg-accent: var(--kolophon-text);
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0 var(--studio-edge, clamp(24px, 6vw, 96px));
  font-family: var(--font-sans, Inter, Arial, sans-serif);
  width: 100%;
  box-sizing: border-box;
  background: var(--kolophon-bg);
  color: var(--kolophon-text);
  border-top: 1px solid #9bc8ad;
  font-size: var(--schrift-hilfe, 16px);
  line-height: 1.65;
}
.studio-footer.studio-footer--kolophon p,
.studio-footer.studio-footer--kolophon a,
.studio-footer.studio-footer--kolophon span {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: normal;
}
.studio-footer.studio-footer--kolophon a { text-decoration: none; }
.studio-footer.studio-footer--kolophon a:hover { color: var(--kolophon-text); text-decoration: underline; }
.studio-footer.studio-footer--kolophon a:focus-visible,
.studio-footer.studio-footer--kolophon button:focus-visible { outline: 2px solid var(--kolophon-text); outline-offset: 4px; }
.footer-kolophon-inner {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 64px;
  padding: 64px 0 48px;
  position: relative;
  z-index: 1;
}
/* Markenblock bleibt in Inhalt und Typografie beim ursprünglichen Footer. */
.footer-kolophon-brand { min-width: 0; }
.studio-footer.studio-footer--kolophon .footer-kolophon-lockup { display: flex; align-items: center; gap: 13px; color: var(--contact-text, #ece9e0); }
.footer-kolophon-lockup .elephant { width: 44px; height: 33px; flex: none; color: #fff; }
.studio-footer.studio-footer--kolophon .footer-kolophon-lockup span { display: inline; color: var(--contact-text, #ece9e0); font-size: var(--schrift-betont, 18px); font-weight: var(--weight-title, 560); letter-spacing: -0.01em; }
.studio-footer.studio-footer--kolophon .footer-kolophon-limits { display: block; margin: 18px 0 0; max-width: 360px; color: var(--contact-subtle, #b9b5a8); font-size: var(--schrift-hinweis, 14px); line-height: 1.65; }
@media (max-width: 860px) {
  .studio-footer.studio-footer--kolophon .footer-kolophon-limits { max-width: none; }
}
.footer-kolophon-columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.footer-kolophon-column { min-width: 0; }
.footer-kolophon-column h2 { color: var(--kolophon-text); font-size: var(--schrift-etikett, 14px); font-weight: var(--weight-label, 500); margin: 0 0 12px; }
.footer-kolophon-column ul { display: grid; gap: 6px; list-style: none; padding: 0; margin: 0; }
.footer-kolophon-column li { margin: 0; }
.studio-footer.studio-footer--kolophon .footer-kolophon-column a { color: var(--kolophon-muted); overflow-wrap: break-word; }
.studio-footer.studio-footer--kolophon .footer-kolophon-column a:hover { color: var(--kolophon-text); }
.footer-kolophon-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 20px 0 28px; border-top: 1px solid var(--kolophon-line); font-size: var(--schrift-etikett, 14px); color: var(--kolophon-muted); position: relative; z-index: 1; }
.footer-kolophon-bottom .gj-lang { margin-left: auto; }
.studio-footer.studio-footer--kolophon .gj-lang-current,
.studio-footer.studio-footer--kolophon .gj-lang-option span { display: inline; }
.studio-footer.studio-footer--kolophon .gj-lang-option { display: flex; }
.studio-footer.studio-footer--kolophon .gj-lang-menu { background: #161c18; }
.footer-kolophon-watermark { position: absolute; right: -120px; bottom: -90px; width: 520px; height: auto; color: #fff; opacity: .07; pointer-events: none; z-index: 0; }
@media (max-width: 1439px) {
  .footer-kolophon-inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 1023px) {
  .footer-kolophon-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .footer-kolophon-inner { padding-top: 48px; }
  .footer-kolophon-columns { gap: 24px; }
  .footer-kolophon-watermark { width: 280px; right: -60px; bottom: -40px; }
  .footer-kolophon-bottom .gj-lang { margin-left: 0; }
}

.footer-kolophon-column h2 { line-height: 1.5; border: 0; padding: 0; letter-spacing: normal; text-transform: none; }
.footer-kolophon-column ul { list-style: none; }
.footer-kolophon-languages { display: flex; gap: 16px; margin-left: auto; }
@media print { .studio-footer.studio-footer--kolophon { display: none; } }