/* ============================================================
   FiveStarCamper Studio – theme-generated.css (AUTOMATISCH ERZEUGT)
   Quelle: studio/style-overrides.json
   NICHT VON HAND BEARBEITEN – Änderungen im Studio vornehmen.
   Wird NACH design-tokens.css geladen (höchste Priorität).
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  @keyframes fscFadeIn   { from { opacity: 0; } to { opacity: 1; } }
  @keyframes fscFadeUp   { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes fscFadeLeft { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
  @keyframes fscFadeRight{ from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
  @keyframes fscZoomIn   { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
}
@media (prefers-reduced-motion: reduce) {
  [style*="animation"] { animation: none !important; }
}

/* ---- Basis (Desktop) ---- */
body[data-fsc-page="index"] #preise > div:nth-of-type(1) > span:nth-of-type(1) {
  color: #7C4A52 !important;
}

body[data-fsc-page="index"] #showcase3d {
  color: #8C9C7A !important;
  border-color: #2E4034 !important;
}

body[data-fsc-page="index"] #preise > div:nth-of-type(1) > p:nth-of-type(1) {
  color: #2E4034 !important;
}

body[data-fsc-page="index"] div:nth-of-type(4) > div:nth-of-type(2) > button:nth-of-type(1) {
  background-color: #9AA0A1 !important;
  border-color: #17191A !important;
}

body[data-fsc-page="index"] div:nth-of-type(3) > div:nth-of-type(1) > a:nth-of-type(1) {
  background-color: #2E4034 !important;
  color: #FFFFFF !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  opacity: 0.8 !important;
  animation: fscFadeLeft 0.75s var(--ease-token-out, cubic-bezier(0.16,1,0.3,1)) 0s both !important;
}

body[data-fsc-page="index"] #about-heading > em:nth-of-type(1) {
  color: #2E4034 !important;
}

body[data-fsc-page="buchung"] #navbar {
  background-color: #17191A !important;
}

body[data-fsc-page="buchung"] #navbar > div:nth-of-type(1) > a:nth-of-type(1) {
  width: 125px !important;
  height: 69px !important;
}

body[data-fsc-page="buchung"] #navbar > div:nth-of-type(1) {
  background-color: #9AA0A1 !important;
}

body[data-fsc-page="buchung"] nav:nth-of-type(1) > span:nth-of-type(2) {
  color: #2E4034 !important;
}