/* ============================================================
   Skyfit Summer Landing — Keyframes, Hover, Responsive
   (Inline-Styles im Template = Design-Source-of-Truth;
    hier nur was inline nicht geht.)
   ============================================================ */

.sf-lp *{box-sizing:border-box;margin:0;padding:0}
.sf-lp{font-family:'Poppins',system-ui,sans-serif;color:#1F1233;background:#FFFFFF;-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100vw}
.sf-lp img{display:block;max-width:100%}
.sf-lp a{color:inherit;text-decoration:none}

@keyframes sf-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes sf-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes sf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sf-zoom{0%{transform:scale(1.04)}100%{transform:scale(1.14)}}
@keyframes sf-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
@keyframes sf-drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-36px,-26px)}}
@keyframes sf-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sf-flyx{from{transform:translateX(-16vw)}to{transform:translateX(116vw)}}
@keyframes sf-shimmer{0%{background-position:0 0}100%{background-position:320px 0}}

/* Hover-Interaktionen (im Design via style-hover, hier als echte CSS) */
.sf-card-hover{transition:transform .2s,box-shadow .2s}
.sf-card-hover:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(107,63,160,0.12)}
.sf-loc-hover{transition:transform .25s,box-shadow .25s}
.sf-loc-hover:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(107,63,160,0.14)}
.sf-img-hover{transition:transform .35s}
.sf-img-hover:hover{transform:scale(1.03)}
.sf-social-hover{transition:transform .2s}
.sf-social-hover:hover{transform:translateY(-3px) scale(1.05)}
.sf-cta-hover{transition:transform .2s,box-shadow .2s}
.sf-cta-hover:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(107,63,160,0.42)}

/* Buchungswidget-Container: dem skyfit-trial Widget Raum geben */
.sf-booking-mount{margin-top:40px;background:rgba(255,255,255,0.98);border-radius:24px;padding:clamp(16px,3vw,32px);box-shadow:0 24px 60px rgba(0,0,0,0.35);text-align:left}
.sf-booking-mount:empty{display:none}