.site-footer {
  position: relative;
  overflow: hidden;
  border-block-end: 1px solid var(--color-oxidized-copper);
  background: var(--color-graphite);
  color: var(--color-chalk-white);
}
.site-footer__backdrop,
.site-footer__grid { position: absolute; inset: 0; pointer-events: none; }
.site-footer__backdrop { background: linear-gradient(rgb(32 35 34 / 62%), rgb(32 35 34 / 76%)), url('/src/media/veranstaltungen-abendlicht-haende.webp') center / cover; }
.site-footer__grid { background-image: linear-gradient(rgb(241 239 232 / 18%) 1px, transparent 1px), linear-gradient(90deg, rgb(241 239 232 / 18%) 1px, transparent 1px); background-size: clamp(48px, 8vw, 104px) clamp(48px, 8vw, 104px); }
.site-footer__inner { position: relative; z-index: 1; width: min(100% - (var(--gutter) * 2), var(--container-max)); margin-inline: auto; padding-block: var(--space-10) var(--space-5); }
.site-footer__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 7fr); gap: var(--space-6); padding-block-end: var(--space-9); border-block-end: 1px solid rgb(241 239 232 / 45%); }
.site-footer__brand { display: inline-flex; align-self: start; align-items: center; gap: 10px; color: inherit; font-family: var(--font-heading); font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; }
.site-footer__brand img { width: 32px; height: 32px; object-fit: contain; }
.site-footer__statement { max-width: 10ch; margin: 0; font-family: var(--font-heading); font-size: clamp(3rem, 7vw, 7.5rem); font-weight: 700; letter-spacing: -.07em; line-height: .9; }
.site-footer__content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .3fr); gap: var(--space-8); padding-block: var(--space-8); }
.site-footer__navigation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.site-footer__group h2 { margin: 0 0 var(--space-4); color: var(--color-paper-muted); font-size: var(--text-technical); font-weight: 600; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.site-footer__group ul { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.site-footer__group li,
.site-footer__group .site-footer__group a { display: inline-block; color: inherit; font-size: var(--text-small); line-height: 1.4; text-decoration-color: var(--color-oxidized-copper); }
.site-footer__contact { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); margin: 0; font-size: var(--text-small); line-height: 1.5; }
.site-footer__contact-label { margin-block-end: var(--space-2); color: var(--color-paper-muted); font-size: var(--text-technical); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: var(--space-4); padding-block-start: var(--space-5); border-block-start: 1px solid var(--color-oxidized-copper); color: var(--color-paper-muted); font-size: var(--text-technical); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }

.site-consent[hidden],
[data-age-modal][hidden] { display: none !important; }
.site-consent { position: fixed; z-index: 95; right: var(--gutter); bottom: var(--gutter); left: var(--gutter); border: 1px solid var(--color-graphite); background: var(--color-chalk-white); box-shadow: var(--shadow-floating); color: var(--color-graphite); }
.site-consent__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); width: min(100%, 72rem); margin-inline: auto; padding: var(--space-4) var(--space-5); }
.site-consent p { margin: 0; font-size: var(--text-small); line-height: 1.45; }
.site-consent__actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: var(--space-2); }
.site-consent button { min-height: 44px; padding: 10px 14px; border: 1px solid var(--color-graphite); border-radius: 0; font-size: var(--text-small); font-weight: 600; line-height: 1; }
.site-consent__reject { background: transparent; color: var(--color-graphite); }
.site-consent__accept { border-color: var(--color-oxidized-copper) !important; background: var(--color-oxidized-copper); color: var(--color-chalk-white); }
.site-consent button:hover { background: var(--color-graphite); color: var(--color-chalk-white); }

.site-age-modal { display: flex; position: fixed; z-index: 200; inset: 0; align-items: center; justify-content: center; overflow-y: auto; padding: var(--gutter); background: rgb(32 35 34 / 82%); }
.site-age-modal__panel { width: min(100%, 36rem); border: 1px solid var(--color-chalk-white); background: var(--color-chalk-white); color: var(--color-graphite); padding: clamp(var(--space-5), 6vw, var(--space-8)); }
.site-age-modal__eyebrow { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-3); font-size: var(--text-technical); font-weight: 600; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.site-age-modal__eyebrow::before { width: 16px; height: 1px; background: var(--color-oxidized-copper); content: ""; }
.site-age-modal__panel h2 { margin: 0 0 var(--space-4); font-size: clamp(2rem, 5vw, 3.5rem); line-height: .94; }
.site-age-modal__panel p:not(.site-age-modal__eyebrow) { margin: 0; font-size: var(--text-intro); line-height: 1.5; }
.site-age-modal__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-6); }
.site-age-modal__actions button { min-height: 44px; padding: 12px 16px; border: 1px solid var(--color-graphite); border-radius: 0; font-weight: 600; line-height: 1.1; }
.site-age-modal__confirm { border-color: var(--color-oxidized-copper) !important; background: var(--color-oxidized-copper); color: var(--color-chalk-white); }
.site-age-modal__decline { background: transparent; color: var(--color-graphite); }
.site-age-modal__actions button:hover { background: var(--color-graphite); color: var(--color-chalk-white); }

@media (max-width: 719px) {
  .site-footer__inner { padding-block-start: var(--space-9); }
  .site-footer__intro { grid-template-columns: 1fr; gap: var(--space-5); padding-block-end: var(--space-8); }
  .site-footer__statement { max-width: 9ch; font-size: clamp(3.25rem, 15vw, 5.5rem); }
  .site-footer__content { grid-template-columns: 1fr; gap: var(--space-7); padding-block: var(--space-7); }
  .site-footer__navigation { grid-template-columns: 1fr; gap: var(--space-6); }
  .site-footer__bottom { flex-direction: column; }
  .site-consent { right: var(--gutter-mobile); bottom: var(--gutter-mobile); left: var(--gutter-mobile); }
  .site-consent__inner { align-items: stretch; flex-direction: column; padding: var(--space-4); }
  .site-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .site-age-modal { padding: var(--gutter-mobile); align-items: end; }
  .site-age-modal__actions { flex-direction: column; }
  .site-age-modal__actions button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) { .site-consent, .site-age-modal, .site-consent *, .site-age-modal * { transition: none; } }