/* Kundenordner deobald — Cookie-Hinweis in den Farben der Häuser (bis 1.4.36 Teil von
   einwilligung.css). Wird nach einwilligung.css geladen. */
.ce-banner, .ce-dialog, .ce-platz, .ce-seite, .ce-bereich {
  --ce-bg: var(--kz-white, var(--t-surface, #ffffff));
  --ce-ink: var(--kz-ink, var(--t-ink, #14181f));
  --ce-muted: var(--kz-muted, var(--t-muted, #56606c));
  --ce-line: var(--kz-line, var(--t-line, #cdd2d8));
  --ce-akzent: var(--kz-em, var(--t-accent, #14181f));
  --ce-knopf: var(--kz-ink, var(--t-ink, #14181f));
  --ce-sans: var(--kz-sans, var(--t-font-body, system-ui, -apple-system, "Segoe UI", Arial, sans-serif));
}
.hh-site .ce-banner, .hh-site .ce-dialog, .hh-site .ce-platz, .hh-site .ce-seite, .hh-site .ce-bereich { --ce-knopf: #1f4939; --ce-akzent: #b5502e; --ce-radius: 2px; }
.m5-site .ce-banner, .m5-site .ce-dialog, .m5-site .ce-platz, .m5-site .ce-seite, .m5-site .ce-bereich { --ce-knopf: #174d8d; --ce-akzent: #d6aa36; --ce-radius: 0; }
.ek-site .ce-banner, .ek-site .ce-dialog, .ek-site .ce-platz, .ek-site .ce-seite, .ek-site .ce-bereich { --ce-knopf: #003366; --ce-akzent: #003366; --ce-radius: 0; }

/* Startseite der Pension Mariposa: Der Einstieg füllt den Bildschirm, unten liegt die Leiste mit
   An- und Abreise. Der Hinweis rückt darüber, damit die Leiste bedienbar bleibt. */
.m5-site.m5-home .ce-banner { bottom: 116px; }
@media (max-width: 560px), (max-height: 500px) {
  .m5-site.m5-home .ce-banner { left: 0; right: 0; top: auto; bottom: 0; width: auto; max-height: 55vh; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); border-width: 3px 0 0; border-radius: 0; box-shadow: 0 -8px 28px rgba(0, 0, 0, .2); }
  body.has-wartungsbalken .ce-banner { bottom: 58px; }
  /* Mariposa-Startseite: Der Einstieg wird um den Balken kürzer – die Leiste mit An- und Abreise bleibt frei. */
  .m5-site.m5-home:has(> .ce-banner) .m5-hero { height: calc(100svh - var(--ce-h, 160px)); min-height: calc(760px - var(--ce-h, 160px)); }
}