/* Einwilligungsleiste fuer den Google-Tag.
   Sie wird NUR gebaut, wenn in bauen.py ein GOOGLE_TAG gesetzt ist -- ohne Tag
   setzt die Seite keine Cookies und braucht deshalb auch keine Leiste.

   Gestalt: dieselbe Papierflaeche und dieselben rechtwinkligen Knoepfe wie der
   Buchungsbalken (Michael 05.09.2026: Radius 0 ueberall). */

.gew {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9000;
  background: #FBFAF8;
  border-top: 1px solid #E6DFD4;
  box-shadow: 0 -8px 32px rgba(61,55,51,.10);
  padding: 20px 16px calc(20px + env(safe-area-inset-bottom));
  font-family: Inter, system-ui, sans-serif;
  color: #3D3733;
  transform: translateY(100%);
  transition: transform .28s ease;
}
.gew[data-da] { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .gew { transition: none; } }

.gew-innen {
  max-width: 1200px; margin: 0 auto;
  display: grid; gap: 16px;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.gew-text { font-size: 15px; line-height: 1.55; margin: 0; }
.gew-text a { color: #3D3733; text-decoration: underline; text-underline-offset: 2px; }

.gew-knoepfe { display: flex; gap: 10px; flex-wrap: wrap; }

/* Beide Knoepfe gleich gross und gleich auffaellig: Ablehnen darf nicht
   schwerer zu treffen sein als Zustimmen, sonst ist die Einwilligung nicht
   freiwillig. 44 px Hoehe wegen WCAG 2.5.5. */
.gew-knopf {
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
  min-height: 44px; padding: 0 22px;
  border-radius: 0;
  border: 1px solid #3D3733;
  background: #FBFAF8; color: #3D3733;
  cursor: pointer;
}
.gew-knopf.gew-ja { background: #3D3733; color: #FBFAF8; }
.gew-knopf:hover { opacity: .85; }
.gew-knopf:focus-visible { outline: 2px solid #3D3733; outline-offset: 2px; }

/* Widerruf: kleiner Griff unten links, damit die Wahl umkehrbar bleibt. */
.gew-widerruf {
  position: fixed; left: 16px; bottom: 16px; z-index: 8000;
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  min-height: 44px; padding: 0 14px;
  border: 1px solid #E6DFD4; border-radius: 0;
  background: rgba(251,250,248,.92); color: #8a857d;
  cursor: pointer;
}
.gew-widerruf:hover { color: #3D3733; }

@media (max-width: 809px) {
  .gew-innen { grid-template-columns: 1fr; }
  .gew-knoepfe .gew-knopf { flex: 1 1 140px; }
}

/* ---------- Etikett (Michael 07.11.2026, gleiche Form wie cookiebanner.js der Hauptseite) ----------
   Platte mittig ueber dem Buchungsbalken, Titel "Cookies" in Cormorant, Text Abhaya 14/20, Knoepfe DM Mono 10,
   gleich gross. Haltepunkt 810 wie die Seite. Text der Einwilligung unveraendert. Liegt ueber dem Chatfenster,
   sonst deckt das Chatfenster (z 10000) die Entscheidung zu.
   .gew vierfach: die dunkle Glasvariante in stil.css (body[data-ptf][data-cookie] .gew, 0-3-1) muss verlieren. Vorige Fassung: einwilligung.css.vor-etikett-07112026 */
html body .gew.gew.gew.gew{left:0;right:0;top:auto;bottom:12px;margin:0 auto;width:min(864px,calc(100vw - 48px));z-index:10001;
  background:#F3EEE7;border:1px solid #DDD5C9;border-radius:0;box-shadow:0 24px 64px rgba(43,40,38,.22);
  padding:64px clamp(80px,calc((min(864px,100vw - 48px) - 610px) / 2),128px) 48px;max-height:calc(100dvh - 24px);overflow-y:auto;color:#3D3733;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;transition:none}
/* Die alte Fassung zentrierte per left:50% und translateX(-50%); das wuerde die Platte hier halb aus dem Bild schieben */
html body .gew.gew.gew.gew .gew-innen{max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 176px;column-gap:48px;row-gap:0;align-items:start}
html body .gew.gew.gew.gew .gew-innen::before{content:"Cookies";grid-column:1;grid-row:1;margin:0 0 8px;font:300 27px/28px "Cormorant Garamond",Georgia,serif;letter-spacing:-.005em;color:#3D3733}
html body .gew.gew.gew.gew .gew-text{grid-column:1;grid-row:2;margin:0;font-family:"Abhaya Libre",Georgia,serif;font-size:14px;line-height:20px;color:#5C554F;text-wrap:pretty}
html body .gew.gew.gew.gew .gew-text a{color:#3D3733;text-decoration:none}
html body .gew.gew.gew.gew .gew-knoepfe{grid-column:2;grid-row:2;margin-top:6px;display:grid;grid-template-columns:1fr;gap:8px}
html body .gew.gew.gew.gew .gew-knopf,html body .gew.gew.gew.gew .gew-ja{width:100%;height:44px;min-height:44px;padding:0 16px;border:1px solid #3D3733;border-radius:0;background:transparent;color:#3D3733;
  font:400 10px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
html body .gew.gew.gew.gew .gew-knopf:hover{background:#3D3733;color:#F3EEE7}
@media (max-width:809px){
  html body .gew.gew.gew.gew{left:8px;right:8px;bottom:8px;width:auto;margin:0;padding:32px 24px calc(24px + env(safe-area-inset-bottom));max-height:calc(100dvh - 16px)}
  html body .gew.gew.gew.gew .gew-innen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px}
  html body .gew.gew.gew.gew .gew-innen::before{grid-column:1/3;font-size:23px}
  html body .gew.gew.gew.gew .gew-text{grid-column:1/3}
  html body .gew.gew.gew.gew .gew-knoepfe{grid-column:1/3;grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:24px}
  html body .gew.gew.gew.gew .gew-knopf{padding:0 8px;letter-spacing:.1em}
}