/* =====================================================================
   BFA Skin — bringt die Elementor-Landingpages (Free Teachings, Danke-Seiten)
   in die BFA-Cinematic-Optik. Inhalt, Formulare, Popups und Pixel bleiben
   unverändert: es werden nur Farben, Schriften und Bewegung überlagert.
   Aktiv nur für Seiten aus 'skin_pages' in inc/data.php.
   ===================================================================== */
@font-face{font-family:"BFA Display";font-style:normal;font-weight:300 700;font-display:swap;size-adjust:90%;src:url(../fonts/bodoni-moda-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"BFA Display";font-style:italic;font-weight:300 700;font-display:swap;size-adjust:90%;src:url(../fonts/bodoni-moda-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"BFA Sans";font-style:normal;font-weight:100 350;font-display:swap;size-adjust:104%;src:url(../fonts/jost-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"BFA Sans";font-style:normal;font-weight:351 450;font-display:swap;size-adjust:104%;src:url(../fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"BFA Sans";font-style:normal;font-weight:451 900;font-display:swap;size-adjust:104%;src:url(../fonts/jost-latin-500-normal.woff2) format("woff2")}

:root{
  --sk-ink:#082431;--sk-petrol:#0F3A4F;--sk-ivory:#F7F1E6;
  --sk-gold:linear-gradient(135deg,#F3DFA4 0%,#D4AE5E 38%,#A97A2E 72%,#E7CB86 100%);
  --sk-gold-solid:#C9A04E;
}

/* sanfter Auftritt, bis die Farben umgestellt sind (max. 1,2 s, dann immer sichtbar) */
html.bfa-skin-wait body{opacity:0}
html.bfa-skin body{opacity:1;transition:opacity .7s ease}
html.bfa-skin body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Knöpfe: Gold-Verlauf wie auf der Hauptseite */
html.bfa-skin .elementor-button,
html.bfa-skin .elementor-field-type-submit button,
html.bfa-skin button[type=submit]{
  background-color:var(--sk-gold-solid)!important;background-image:var(--sk-gold)!important;background-size:200% 100%!important;
  color:#0A2433!important;text-decoration:none!important;border:0!important;border-radius:999px!important;
  font-family:"BFA Sans",sans-serif!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;
  box-shadow:0 10px 30px -12px rgba(201,160,78,.65),inset 0 1px 0 rgba(255,255,255,.45)!important;
  transition:background-position .6s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important;
}
html.bfa-skin .elementor-button:hover,
html.bfa-skin .elementor-field-type-submit button:hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(201,160,78,.8),inset 0 1px 0 rgba(255,255,255,.5)!important}
html.bfa-skin .elementor-button *{color:inherit!important}

/* Formularfelder im Popup */
html.bfa-skin .elementor-field-textual{border-radius:12px!important;border-color:rgba(201,160,78,.45)!important}
html.bfa-skin .elementor-field-textual:focus{border-color:#C9A04E!important;box-shadow:0 0 0 3px rgba(201,160,78,.18)!important}
html.bfa-skin .elementor-popup-modal .dialog-widget-content{border-radius:22px!important;overflow:hidden;box-shadow:0 40px 120px -30px rgba(4,20,28,.75)!important}

/* Überschriften: feiner Gold-Schimmer auf kursiven Akzenten */
html.bfa-skin h1 em,html.bfa-skin h2 em,html.bfa-skin h1 i,html.bfa-skin h2 i{
  background:var(--sk-gold);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-right:.04em
}
html.bfa-skin h1,html.bfa-skin h2{letter-spacing:-.01em}

/* Film im Kopfbereich */
.bfa-skin-hero{position:relative;overflow:hidden;isolation:isolate}
.bfa-skin-hero>.bfa-skin-film{position:absolute;inset:0;z-index:0;pointer-events:none}
.bfa-skin-film video,.bfa-skin-film img{width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(1.15) contrast(1.05);transform:scale(1.08);animation:bfaSkinDrift 26s ease-in-out infinite alternate}
.bfa-skin-film::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 40%,rgba(8,36,49,.15),rgba(8,36,49,.82) 70%),linear-gradient(180deg,rgba(8,36,49,.4),rgba(8,36,49,.0) 30%,rgba(8,36,49,.85))}
.bfa-skin-hero img:not(.bfa-skin-film img){animation:bfaSkinBreath 14s ease-in-out infinite alternate}
@keyframes bfaSkinDrift{to{transform:scale(1.16) translate3d(-1.5%,-1%,0)}}
@keyframes bfaSkinBreath{to{transform:scale(1.035)}}

/* Dunkle Sektionen: Licht & Tiefe */
.bfa-skin-dark{position:relative;isolation:isolate}
.bfa-skin-dark::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 85% 10%,rgba(212,174,94,.10),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(20,90,120,.25),transparent 70%)}

/* Gold-Haarlinie zwischen Sektionen */
.bfa-skin-line{position:relative}
.bfa-skin-line::before{content:"";position:absolute;left:50%;top:0;width:min(220px,40%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#D4AE5E,transparent);opacity:.7;z-index:2}

/* Filmkorn */
.bfa-skin-grain{position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:bfaSkinGrain 1.2s steps(6) infinite}
@keyframes bfaSkinGrain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* Scroll-Reveal */
.bfa-skin-rv{opacity:0;transform:translate3d(0,28px,0);filter:blur(6px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1.1s ease}
.bfa-skin-rv.in{opacity:1;transform:none;filter:none}

/* Fortschrittslinie oben */
.bfa-skin-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--sk-gold);z-index:9999;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .bfa-skin-rv{opacity:1;transform:none;filter:none;transition:none}
  .bfa-skin-film video,.bfa-skin-hero img,.bfa-skin-grain{animation:none}
}