/* Laufzeit-CSS, das Framer erst im Browser einfügt (Lenis + Seitenhintergrund) */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
:root body { background: var(--token-36d57aee-fb58-4006-a98a-9ebcfc34570d, rgb(255, 255, 255)); }
html body { background: var(--token-36d57aee-fb58-4006-a98a-9ebcfc34570d, rgb(255, 255, 255)); }

/* Seitenwechsel wie bei Framer: kurzes Einblenden (0,2 s, ease [.65,0,.42,1]) */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: none; }
::view-transition-new(root) { animation: 0.2s cubic-bezier(.65, 0, .42, 1) both vt-fade-in; }
@keyframes vt-fade-in { from { opacity: 0; } }

/* Logo als Bild: gleiche Box wie der bisherige Text */
.logo-img { display: block; height: auto; max-width: none; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-new(root) { animation: none; }
}

/* Cookie-Banner – Farben und Schriften der Seite */
#cookie-banner {
  position: fixed; z-index: 2147483000; left: 20px; bottom: 20px; width: min(420px, calc(100vw - 40px));
  box-sizing: border-box; padding: 24px; border-radius: 12px;
  background: var(--token-82299fab-18de-4064-a874-c681c75093a3, rgb(249, 240, 236));
  border: 1px solid var(--token-279c0d5f-0acc-45c4-9681-db3b77af7e02, rgb(232, 218, 213));
  box-shadow: 0 10px 30px rgba(82, 39, 20, 0.12);
  color: var(--token-36d3bafe-bf2d-4a51-a2b4-d61993a82bef, rgb(136, 72, 43));
  font-family: "Instrument Sans", "Instrument Sans Placeholder", sans-serif; font-size: 15px; line-height: 1.45;
  opacity: 0; transform: translateY(12px); transition: opacity .3s cubic-bezier(.44,0,.56,1), transform .3s cubic-bezier(.44,0,.56,1);
}
#cookie-banner.cb-show { opacity: 1; transform: none; }
#cookie-banner.cb-hide { opacity: 0; transform: translateY(12px); }
#cookie-banner .cb-title { margin: 0 0 8px; font-family: "Instrument Serif", "Instrument Serif Placeholder", serif; font-size: 24px; line-height: 1.1;
  color: var(--token-94ed9eaf-64d6-4b42-9a10-0ca76f79fbaf, rgb(82, 39, 20)); }
#cookie-banner .cb-text { margin: 0 0 18px; }
#cookie-banner a { color: inherit; text-decoration: underline; }
#cookie-banner .cb-actions { display: flex; gap: 10px; justify-content: flex-end; }
#cookie-banner .cb-btn { font: 500 15px/1 "Instrument Sans", sans-serif; padding: 13px 20px; border: 0; border-radius: 100px; cursor: pointer;
  transition: background-color .2s ease; }
#cookie-banner .cb-dark { background: rgb(136, 72, 43); color: #fff; }
#cookie-banner .cb-dark:hover { background: rgb(120, 64, 38); }
#cookie-banner .cb-light { background: rgb(245, 224, 214); color: rgb(136, 72, 43); }
#cookie-banner .cb-light:hover { background: rgb(240, 208, 193); }
#cookie-banner .cb-btn:focus-visible { outline: 2px solid rgb(82, 39, 20); outline-offset: 2px; }
@media (max-width: 809.98px) { #cookie-banner { left: 16px; right: 16px; bottom: 16px; width: auto; } }