/* Shared finishing styles. Motion is enabled by motion.js only when permitted. */
.closing-cta {
  border-radius:28px 28px 0 0;
}

.ff-motion-enabled a,.ff-motion-enabled button,.ff-motion-enabled input,.ff-motion-enabled textarea {
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.ff-motion-enabled .ff-motion-button > svg {
  transition:transform .2s ease;
}

@media (hover:hover) and (pointer:fine) {
  .ff-motion-enabled .ff-motion-button:hover {
    transform:translateY(-2px);
  }
  .ff-motion-enabled .ff-motion-button:hover > svg {
    transform:translateX(3px);
  }
}

.ff-preview-tools {
  position:fixed;
  bottom:12px;
  left:12px;
  z-index:1000;
  padding:9px 12px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fffffff2;
  box-shadow:0 3px 16px #0001;
  color:#333;
  font:12px/1.4 system-ui,sans-serif;
}

.ff-preview-tools label {
  display:flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
}

.ff-preview-tools input {
  accent-color:#0095eb;
}

.ff-preview-tools small {
  display:block;
  margin-top:3px;
  color:#666;
  font-size:10px;
}

@media print {
  .ff-preview-tools {
    display:none;
  }
}

.ff-hero-word {
  display:inline-block;
}

header[data-controller="header"].ff-header-scrolled {
  background:rgba(255,255,255,.76);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

body[data-page="startseite"] #erlebnis .layout-ea46f200 {
  background:#fdca32;
}

body[data-page="startseite"] #erlebnis .layout-d41fe997 {
  background:#1f1f1f;
  color:#fdca32;
}

body[data-page="startseite"] #erlebnis .layout-ea46f200 p {
  color:#262626;
}

/* Set before paint for hero text; below-fold fades are prepared by the observer. */
.ff-hero-boot main > section:first-child h1 {
  visibility:hidden;
}

.ff-motion-enabled .ff-reveal-pending {
  opacity:0;
}

@media print {
  .ff-hero-boot main > section:first-child h1 {
    visibility:visible
  }
  .ff-reveal-pending {
    opacity:1!important
  }
}

/* The yellow stroke draws after its text, with no change to line height or wrapping. */
.ff-motion-enabled .layout-61a17f5d, .ff-hero-boot .layout-61a17f5d {
  box-shadow:none;
  background-image:linear-gradient(#fdca32,#fdca32);
  background-position:left bottom;
  background-repeat:no-repeat;
  background-size:100% 0.2em;
}

.ff-motion-enabled .ff-highlight-waiting, .ff-hero-boot .layout-61a17f5d {
  background-size:0% 0.2em;
}

/* Mobile headings use natural inline flow, without decorative underline blocks.
   Keeping animated words inline also keeps commas and periods with their words. */
@media (max-width:767px) {
  .layout-61a17f5d, .ff-motion-enabled .layout-61a17f5d, .ff-hero-boot .layout-61a17f5d {
    display:inline;
    line-height:inherit;
    box-shadow:none;
    background-image:none;
  }
  .ff-hero-word {
    display:inline;
  }
}