/* Lukinski Fancy Pages -- geteiltes Basis-Stylesheet (Home/Ueber-uns/Produkt/PreisAtlas/...).
   Seiten-spezifisches CSS bleibt lokal im jeweiligen render()-Inline-Style, hier NUR die
   ueber alle Fancy-Seiten wiederverwendeten Klassen (11.08.2026, Konsolidierung nach 6-7 Seiten). */

#luk-fh, #luk-fa { background:#000; color:#fff; font-family:inherit; overflow:hidden; }
#luk-fh *, #luk-fa * { box-sizing:border-box; }
#luk-fh a, #luk-fa a { text-decoration:none; }

.luk-fh-container { max-width:1180px; margin:0 auto; padding:0 24px; }
.luk-fh-eyebrow { display:inline-block; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#fff; opacity:.65; margin-bottom:18px; }
.luk-fh-h2 { font-size:clamp(28px,4vw,44px); font-weight:700; color:#fff; line-height:1.15; margin:0 0 20px; max-width:720px; }
.luk-fh-usps .luk-fh-h2, .luk-fh-pricing .luk-fh-h2 { margin-bottom:44px; }
.luk-fh-btn { display:inline-block; background:#fff; color:#000; font-weight:700; font-size:15px; padding:16px 34px; border-radius:999px; transition:opacity .2s ease; }
.luk-fh-btn:hover { opacity:.8; }
.luk-fh-btn--ghost { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4); }
.luk-fh-disclaimer { font-size:13px; color:#fff; opacity:.5; margin:18px 0 0; }

/* Hero */
.luk-fh-hero { position:relative; min-height:92vh; display:flex; align-items:center; overflow:hidden; }
.luk-fh-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:opacity 1.2s ease; }
.luk-fh-hero__fade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.45) 18%,rgba(0,0,0,.4) 55%,rgba(0,0,0,.75) 82%,#000 100%); z-index:1; }
.luk-fh-hero__content { position:relative; z-index:2; padding-top:120px; padding-bottom:80px; }
.luk-fh-hero__title { font-size:clamp(34px,5.4vw,64px); font-weight:800; line-height:1.08; color:#fff; margin:0 0 24px; }
.luk-fh-hero__title--sm { font-size:clamp(30px,4.4vw,52px); font-weight:800; line-height:1.1; color:#fff; margin:0 0 18px; }
.luk-fh-badges { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 26px; }
.luk-fh-badge { display:inline-block; font-size:13px; font-weight:600; color:#fff; border:1px solid rgba(255,255,255,.4); border-radius:999px; padding:8px 16px; }
.luk-fh-hero__sub { font-size:clamp(16px,1.6vw,20px); color:#fff; opacity:.85; max-width:600px; margin:0 0 34px; line-height:1.5; }
.luk-fh-hero__ctas { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.luk-fh-hero__scroll { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:2; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#fff; opacity:.55; }

/* Grid / Cards */
.luk-fh-usps { padding:120px 0; }
.luk-fh-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); }
.luk-fh-card { background:#000; padding:36px 28px; }
.luk-fh-card__num { display:block; font-size:13px; color:#fff; opacity:.4; margin-bottom:18px; letter-spacing:.08em; }
.luk-fh-card h3 { font-size:18px; font-weight:700; color:#fff; margin:0 0 12px; }
.luk-fh-card p { font-size:14.5px; color:#fff; opacity:.7; line-height:1.6; margin:0; overflow-wrap:break-word; }

/* Video-Sections -- Text + 16:9 Video-Tile, EINHEITLICHE Groesse/Titel-Overlay auf allen Seiten */
.luk-fh-video-section { padding:110px 0; border-top:1px solid rgba(255,255,255,.1); }
.luk-fh-video-row { display:grid; grid-template-columns:minmax(0,560px) minmax(0,1fr); gap:64px; align-items:center; }
.luk-fh-video-section--reverse .luk-fh-video-row { grid-template-columns:minmax(0,1fr) minmax(0,560px); }
.luk-fh-video-section--reverse .luk-fa-video-tile { order:2; }
.luk-fa-video-tile { position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:#0a0a0a; cursor:pointer; }
.luk-fa-video-tile video, .luk-fa-video-tile iframe { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; }
.luk-fh-video-play { position:absolute; inset:0; margin:auto; width:56px; height:56px; border-radius:50%; background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .15s; }
.luk-fh-video-play:hover { background:rgba(0,0,0,.65); }
.luk-fh-video-play svg { width:20px; height:20px; margin-left:2px; }
.luk-fa-video-tile.is-playing .luk-fh-video-play { display:none; }
.luk-fa-video-tile__title { position:absolute; left:0; right:0; bottom:0; padding:16px 20px; font-size:16px; font-weight:700; color:#fff; background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0)); }
.luk-fa-video-tile.is-playing .luk-fa-video-tile__title { display:none; }
.luk-fh-video-text p { font-size:16px; color:#fff; opacity:.75; line-height:1.7; max-width:520px; margin:0 0 28px; }

/* Tabellen -- einheitlich linienlos (kein Kaesten-/Border-Look) */
.luk-fh-table-card { max-width:640px; margin-top:26px; background:transparent; border:none; border-radius:0; padding:0; box-shadow:none; }
.luk-fh-table-card--compare { max-width:760px; }
.luk-fh-table, .luk-fh-table tbody, .luk-fh-table thead, .luk-fh-table tr { border:none !important; border-left:none !important; border-right:none !important; }
.luk-fh-table { width:100%; border-collapse:collapse; margin-top:0; border:none !important; box-shadow:none !important; }
.luk-fh-table td, .luk-fh-table th { padding:14px 4px; border:none !important; font-size:15px; color:#fff; text-align:left; font-weight:400; }
.luk-fh-table td:first-child { opacity:.5; font-weight:300; }
.luk-fh-table td:last-child { font-weight:600; text-align:right; }
.luk-fh-table--compare th { opacity:.4; font-size:11px; text-transform:uppercase; letter-spacing:.09em; font-weight:500; padding-bottom:20px; text-align:center; }
.luk-fh-table--compare th:first-child { text-align:left; }
.luk-fh-table--compare td { padding:12px 4px; }
.luk-fh-table--compare td:first-child { font-weight:300; opacity:.8; text-align:left; }
.luk-fh-yes { color:#4ade80; text-align:center; font-size:16px; font-weight:600; }
.luk-fh-no { opacity:.3; font-size:13px; text-align:center; font-weight:300; }

/* Pricing (einheitlich fuer Homepage + neue Preise-Seite) */
.luk-fh-pricing { padding:0 0 120px; }
.luk-fh-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); }
.luk-fh-price-card { background:#000; padding:36px 30px; position:relative; }
.luk-fh-price-card--highlight { background:#0d0d0d; }
.luk-fh-price-badge { position:absolute; top:20px; right:20px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; background:#fff; color:#000; padding:4px 10px; border-radius:999px; }
.luk-fh-price-card h3 { font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; opacity:.7; margin:0 0 14px; }
.luk-fh-price-amt { font-size:36px; font-weight:800; color:#fff; margin-bottom:14px; }
.luk-fh-price-amt span { font-size:14px; font-weight:400; opacity:.6; }
.luk-fh-price-card p { font-size:14px; color:#fff; opacity:.7; line-height:1.6; margin:0 0 22px; overflow-wrap:break-word; }
.luk-fh-price-features { list-style:none; margin:0 0 26px; padding:0; }
.luk-fh-price-features li { font-size:13px; color:#fff; opacity:.65; padding:8px 0 8px 20px; position:relative; line-height:1.4; }
.luk-fh-price-features li:before { content:""; position:absolute; left:0; top:15px; width:8px; height:1px; background:rgba(255,255,255,.5); }
.luk-fh-price-btn { display:block; text-align:center; width:100%; padding:13px 0; border:1px solid rgba(255,255,255,.25); color:#fff; font-size:14px; font-weight:600; text-decoration:none; transition:background .15s,border-color .15s; }
.luk-fh-price-btn:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.5); }
.luk-fh-price-btn--highlight { background:#fff; color:#000; border-color:#fff; }
.luk-fh-price-btn--highlight:hover { background:rgba(255,255,255,.85); }
.luk-fh-pricing-note { text-align:center; font-size:13px; color:#fff; opacity:.5; margin-top:24px; }

/* CTA */
.luk-fh-cta { padding:100px 0 140px; text-align:center; border-top:1px solid rgba(255,255,255,.12); }
.luk-fh-cta .luk-fh-h2 { margin-left:auto; margin-right:auto; }

/* Chips (Keyword-Pills, z.B. Kennzahlen/Zielgruppen) */
.luk-fh-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.luk-fh-chips span { font-size:13px; color:#fff; opacity:.7; border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:7px 16px; }

/* Scroll-Fade-In -- ultra-light, ueber luk-fancy.js (IntersectionObserver) aktiviert */
.luk-reveal { opacity:0; transform:translateY(18px); transition:opacity .8s ease, transform .8s ease; }
.luk-reveal.is-visible { opacity:1; transform:translateY(0); }

@media(max-width:900px){
  .luk-fh-grid, .luk-fh-pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .luk-fh-video-row, .luk-fh-video-section--reverse .luk-fh-video-row { grid-template-columns:minmax(0,1fr); gap:32px; }
  .luk-fh-video-section--reverse .luk-fa-video-tile { order:0; }
}
@media(max-width:600px){
  .luk-fh-grid, .luk-fh-pricing-grid { grid-template-columns:minmax(0,1fr); }
  .luk-fh-hero__content { padding-top:100px; }
  .luk-fh-video-section, .luk-fh-usps, .luk-fh-pricing { padding:70px 0; }
}

/* Transparentes Menue + dunkler Footer -- EINE generische body-Klasse statt Copy-Paste pro Seiten-ID */
body.luk-fancy-page #header.av_header_transparency{background:transparent !important;border:none !important;box-shadow:none !important;}
body.luk-fancy-page #header{position:absolute !important;}
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) #header_main,
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) #header_main_alternate{background:transparent !important;}
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) .logo.avia-svg-logo svg path{fill:#fff !important;}
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) nav.main_menu ul.av-main-nav > li.menu-item > a,
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) nav.main_menu ul.av-main-nav > li.menu-item > a .avia-menu-text,
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) .avia-menu-fx{color:#fff !important;}
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) nav.main_menu ul.av-main-nav > li.menu-item > a .avia-bullet{background:#fff !important;}
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) .av-hamburger-inner,
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) .av-hamburger-inner:before,
body.luk-fancy-page #header.av_header_transparency:not(.header-scrolled) .av-hamburger-inner:after{background-color:#fff !important;}
body.luk-fancy-page #scroll-top-link{background-color:#fff !important;color:#000 !important;border:none !important;}
body.luk-fancy-page .luk-search-trigger,body.luk-fancy-page .luk-search-trigger svg{color:#fff !important;}
body.luk-fancy-page #header ul.sub-menu,body.luk-fancy-page #header ul.sub_menu{background:#000 !important;border:none !important;box-shadow:none !important;}
body.luk-fancy-page #header ul.sub-menu li a,body.luk-fancy-page #header ul.sub_menu li a,
body.luk-fancy-page #header ul.sub-menu li a .avia-menu-text,body.luk-fancy-page #header ul.sub_menu li a .avia-menu-text{color:#fff !important;}
body.luk-fancy-page #header ul.sub-menu li a:hover,body.luk-fancy-page #header ul.sub_menu li a:hover{background:rgba(255,255,255,.08) !important;}
body.luk-fancy-page #footer.footer_color{background-color:#000 !important;}
body.luk-fancy-page #footer .widgettitle{color:#fff !important;opacity:.5;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
body.luk-fancy-page #footer ul.menu li a{color:rgba(255,255,255,.75) !important;}
body.luk-fancy-page #footer ul.menu li a:hover{color:#fff !important;}
body.luk-fancy-page #footer .seperator.extralight-border{border-color:rgba(255,255,255,.12) !important;}
body.luk-fancy-page #socket{background-color:#000 !important;border-top:1px solid rgba(255,255,255,.1) !important;}
body.luk-fancy-page #socket .copyright,body.luk-fancy-page #socket .copyright a{color:rgba(255,255,255,.55) !important;}
body.luk-fancy-page #socket .copyright a:hover{color:#fff !important;}

/* Scrollbar schwarz auf allen Fancy-Seiten (11.08.2026) */
body.luk-fancy-page::-webkit-scrollbar{width:12px;}
body.luk-fancy-page::-webkit-scrollbar-track{background:#000;}
body.luk-fancy-page::-webkit-scrollbar-thumb{background:#333;border-radius:6px;}
body.luk-fancy-page::-webkit-scrollbar-thumb:hover{background:#4d4d4d;}
html:has(body.luk-fancy-page){scrollbar-color:#333 #000;}

/* 5er-Video-Slider (Lukinski KI) -- wiederverwendbar, aktuell auf der Startseite (11.08.2026) */
.luk-fh-faq-slider{padding:40px 0 60px;}
.luk-fh-faq-slider__track{display:flex;gap:16px;overflow-x:auto;padding:4px 24px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.luk-fh-faq-tile{position:relative;flex:0 0 auto;width:240px;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#0a0a0a;cursor:pointer;scroll-snap-align:start;}
.luk-fh-faq-tile__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.luk-fh-faq-tile.is-playing .luk-fh-video-play,.luk-fh-faq-tile.is-playing .luk-fh-faq-tile__title{display:none;}
.luk-fh-faq-tile__title{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0));}
@media(max-width:600px){
  .luk-fh-faq-tile{width:150px;}
}