/* Añadidos propios (no son de Webflow): pie legal, avisos "clic para cargar" y páginas Impressum / Datenschutz.
   Reutilizan las clases de cada web (.text-info, .button), así cada restaurante conserva su estilo. */
:root { --texto-legal: var(--dark, var(--rojo, #102326)); }

/* Pie: "Impressum · Datenschutz" al final de la columna de contenido */
.pie-legal { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: auto; padding-top: 48px; }
.hero-content .pie-legal { margin-top: 28px; padding-top: 0; }
.pie-legal .text-info { margin-bottom: 0; opacity: .7; text-decoration: none; transition: opacity .2s; }
.pie-legal .text-info:hover, .pie-legal .text-info:focus-visible { opacity: 1; }

/* Aviso "clic para cargar" (Google Maps, OpenTable, YouTube) */
.zustimmung {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  box-sizing: border-box; width: 100%; max-width: 100%; margin: 0 auto; padding: 28px 22px;
  text-align: center; color: var(--texto-legal); font-family: Jost, sans-serif; font-size: 14px; line-height: 1.5;
  background: rgba(255, 255, 255, .45); border: 1px solid rgba(16, 35, 38, .14);
}
.zustimmung p { margin: 0; max-width: 32em; }
.zustimmung .text-info { margin: 0; align-self: center; }
.zustimmung .button { margin: 0; align-self: center; border: 0; cursor: pointer; }
.zustimmung label { font-weight: 400; margin: 0; display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
.zustimmung a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.zustimmung--video { position: absolute; inset: 0; }

/* Páginas Impressum y Datenschutz */
.legal { max-width: 40em; align-self: stretch; text-align: left; color: var(--texto-legal); font-family: Jost, sans-serif; font-size: 15px; line-height: 1.65; }
.legal .text-info { margin: 40px 0 12px; font-size: 12px; }
.legal .text-info:first-child { margin-top: 8px; }
.legal p, .legal ul { margin: 0 0 14px; }
.legal ul { padding-left: 1.2em; }
.legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.legal .button { margin-top: 4px; border: 0; cursor: pointer; }
.legal .nota { font-size: 13px; opacity: .75; }

/* Datos que faltan por rellenar (se quitan solos al completar legal.mjs) */
.pendiente { background: #ffe58a; color: #102326; padding: 0 .2em; }

/* Pie sobre la foto: solo en móviles en vertical, en las portadas que esconden la columna de texto (Cataleya, La Rosa) */
.pie-legal--foto { display: none; }
@media (max-width: 479px) {
  .pie-legal--foto { display: flex; position: fixed; left: 14px; bottom: 22px; z-index: 300; margin: 0; padding: 0; }
  .pie-legal--foto .text-info { color: #fff; opacity: .92; text-shadow: 0 1px 4px rgba(0, 0, 0, .55); }
}