/* Aleksey Unger Cinema — Startseite X10 v177
   Wichtig: Dieses Stylesheet gestaltet ausschließlich die bestehende echte Startseite.
   Video-Banner, Rotator, Inhalte, Footer, FAQ und technische Skripte bleiben erhalten. */

body.home-x10-v177 {
  --x10-bg:#0b0a08;
  --x10-bg-2:#12100d;
  --x10-ink:#17120e;
  --x10-paper:#f4eee5;
  --x10-paper-2:#ece2d6;
  --x10-gold:#cda45f;
  --x10-gold-hi:#efd39a;
  --x10-line:rgba(205,164,95,.30);
  --x10-muted:#bdb2a5;
  background:var(--x10-bg);
  color:#f7f1e8;
}

/* Bestehender Header — nur hochwertiger, gleiche Navigation */
body.home-x10-v177 .topbar {
  background:rgba(13,11,9,.97);
  border-bottom:1px solid rgba(205,164,95,.20);
  box-shadow:0 10px 34px rgba(0,0,0,.24);
}
body.home-x10-v177 .topbar .brand-logo img { filter:drop-shadow(0 5px 18px rgba(205,164,95,.10)); }
body.home-x10-v177 .navlinks > a:not(.btn) { color:#eee7de; }
body.home-x10-v177 .navlinks > a:not(.btn):hover { color:var(--x10-gold-hi); }
body.home-x10-v177 .topbar .navlinks .btn {
  border-radius:999px;
  background:linear-gradient(135deg,#edd09a,#bd8d45);
  color:#17110b;
  border:1px solid rgba(255,235,194,.35);
  box-shadow:0 10px 28px rgba(0,0,0,.26);
}

/* ORIGINALER Video-Banner bleibt technisch und geometrisch unangetastet. */
body.home-x10-v177 .top-video-banner { border-bottom:1px solid var(--x10-line); background:#070605; }

/* Originaler wechselnder Text unter dem Banner */
body.home-x10-v177 .home-emotion-rotator {
  background:linear-gradient(90deg,#0a0908,#15110d 52%,#0a0908);
  border-bottom:1px solid var(--x10-line);
  color:#f4ede4;
}
body.home-x10-v177 .home-emotion-label {
  color:var(--x10-gold-hi);
  letter-spacing:.24em;
}
body.home-x10-v177 .home-emotion-item strong {
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:500;
  letter-spacing:-.01em;
  color:#fff8ef;
}
body.home-x10-v177 .home-emotion-item p { color:#c8bfb4; }
body.home-x10-v177 .home-emotion-dots span { border-color:rgba(205,164,95,.45); }
body.home-x10-v177 .home-emotion-dots span.is-active { background:var(--x10-gold); }

/* Bestehender Intro-Hero: nicht gelöscht, sondern als ruhiger Editorial-Block */
body.home-x10-v177 .home-intro-hero {
  background:
    radial-gradient(circle at 77% 28%,rgba(205,164,95,.12),transparent 30%),
    linear-gradient(145deg,#12100d,#090806 72%);
  color:#f8f2ea;
  border-bottom:1px solid var(--x10-line);
}
body.home-x10-v177 .home-intro-hero .hero-slideshow { opacity:.16; filter:saturate(.65) contrast(1.08); }
body.home-x10-v177 .home-intro-hero .inner { position:relative; z-index:2; max-width:980px; padding-top:74px; padding-bottom:64px; }
body.home-x10-v177 .home-intro-hero .eyebrow { color:var(--x10-gold-hi); letter-spacing:.22em; }
body.home-x10-v177 .home-intro-hero h1 {
  max-width:940px;
  font-size:clamp(3rem,5.2vw,5.4rem);
  line-height:.96;
  letter-spacing:-.035em;
  color:#fff9f1;
  text-wrap:balance;
}
body.home-x10-v177 .home-intro-hero .lead { max-width:760px; color:#d0c5b8; font-size:1.08rem; line-height:1.7; }
body.home-x10-v177 .home-intro-hero .btn,
body.home-x10-v177 .home-story-section .btn,
body.home-x10-v177 .home-photo-upgrade-showcase .btn,
body.home-x10-v177 .home-reviews-section .btn {
  border-radius:999px;
}
body.home-x10-v177 .home-intro-hero .btn:not(.ghost) {
  background:linear-gradient(135deg,#efd39a,#c08d43);
  border-color:rgba(240,210,153,.52);
  color:#18120c;
  box-shadow:0 14px 34px rgba(0,0,0,.26);
}
body.home-x10-v177 .home-intro-hero .btn.ghost { border-color:rgba(238,211,154,.42); color:#f6efe5; background:rgba(255,255,255,.025); }
body.home-x10-v177 .home-intro-hero .trustbar {
  border-top:1px solid var(--x10-line);
  background:rgba(5,5,4,.48);
  backdrop-filter:blur(12px);
}
body.home-x10-v177 .home-intro-hero .trustbar strong { color:var(--x10-gold-hi); font-family:'Cormorant Garamond',Georgia,serif; font-size:1.45rem; }
body.home-x10-v177 .home-intro-hero .trustbar span { color:#b8aea2; }

/* Filmsektion — gleiche echte Startseiten-Sektion, nur X10 */
body.home-x10-v177 .home-film-section-x10 {
  background:linear-gradient(180deg,#0b0a08,#100e0b 78%,#0b0a08);
  color:#f8f1e8;
  border-bottom:1px solid var(--x10-line);
}
body.home-x10-v177 .home-film-section-x10 .section-head { align-items:end; border-bottom:1px solid rgba(205,164,95,.18); padding-bottom:22px; }
body.home-x10-v177 .home-film-section-x10 .eyebrow { color:var(--x10-gold-hi); letter-spacing:.20em; }
body.home-x10-v177 .home-film-section-x10 h2 {
  color:#f5d89e;
  font-size:clamp(2.5rem,4vw,4.2rem);
  line-height:1;
  letter-spacing:-.025em;
}
body.home-x10-v177 .home-film-section-x10 .portfolio-video-grid.compact { gap:20px; }
body.home-x10-v177 .home-film-section-x10 .portfolio-card {
  overflow:hidden;
  background:#11100d;
  border:1px solid rgba(205,164,95,.42);
  border-radius:0;
  box-shadow:0 20px 52px rgba(0,0,0,.30);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
body.home-x10-v177 .home-film-section-x10 .portfolio-card:hover {
  transform:translateY(-4px);
  border-color:rgba(239,211,154,.72);
  box-shadow:0 28px 66px rgba(0,0,0,.38);
}
body.home-x10-v177 .home-film-section-x10 .vimeo-embed { background:#050504; aspect-ratio:16/9; }
body.home-x10-v177 .home-film-section-x10 .vimeo-embed iframe { width:100%; height:100%; }
body.home-x10-v177 .home-film-section-x10 .portfolio-card-body { padding:22px 22px 24px; }
body.home-x10-v177 .home-film-section-x10 .film-tag { color:var(--x10-gold-hi); letter-spacing:.16em; font-size:.72rem; }
body.home-x10-v177 .home-film-section-x10 h3 { color:#fff7ed; font-size:1.65rem; line-height:1.08; }
body.home-x10-v177 .home-film-section-x10 .portfolio-card-body p { color:#afa599; line-height:1.6; font-size:.92rem; }
body.home-x10-v177 .home-film-section-x10 .btn { border-radius:999px; }

/* Reviews: echte vorhandene Rezensionen, editorial statt Standardkarten */
body.home-x10-v177 .home-reviews-section {
  background:#0b0a08;
  color:#f5efe6;
  border-bottom:1px solid var(--x10-line);
}
body.home-x10-v177 .home-reviews-section .section-head h2 { color:#f0d49b; }
body.home-x10-v177 .home-reviews-section .section-head .eyebrow { color:var(--x10-gold-hi); }
body.home-x10-v177 .home-reviews-section .section-head .muted { color:#a99f94; }
body.home-x10-v177 .home-review-grid { gap:0; border-top:1px solid rgba(205,164,95,.30); border-bottom:1px solid rgba(205,164,95,.18); }
body.home-x10-v177 .home-review-grid .review-card {
  border:0;
  border-right:1px solid rgba(205,164,95,.18);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:30px 26px 28px;
}
body.home-x10-v177 .home-review-grid .review-card:last-child { border-right:0; }
body.home-x10-v177 .home-review-grid .stars { color:#efc66f; letter-spacing:.12em; }
body.home-x10-v177 .home-review-grid blockquote { color:#f5eee5; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; line-height:1.35; }
body.home-x10-v177 .home-review-grid p { color:#afa499; }
body.home-x10-v177 .home-review-grid .review-author { color:#d9b872; }

/* Über-mich bleibt die echte vorhandene Sektion / echtes vorhandenes Foto */
body.home-x10-v177 .home-owner-section {
  background:linear-gradient(180deg,#eee5d9,#f7f1e9);
  color:var(--x10-ink);
}
body.home-x10-v177 .home-owner-section .home-owner-grid { gap:clamp(38px,6vw,86px); align-items:center; }
body.home-x10-v177 .home-owner-portrait {
  border:1px solid rgba(122,88,44,.24);
  border-radius:0;
  padding:10px;
  background:#fffaf3;
  box-shadow:0 24px 62px rgba(45,31,20,.14);
}
body.home-x10-v177 .home-owner-portrait img { border-radius:0; display:block; }
body.home-x10-v177 .home-owner-copy .eyebrow { color:#956728; }
body.home-x10-v177 .home-owner-copy h2 { color:#211912; font-size:clamp(2.4rem,4vw,4rem); line-height:1; }
body.home-x10-v177 .home-owner-copy p { color:#65584c; }
body.home-x10-v177 .home-owner-copy .home-owner-lead { color:#3c3027; font-size:1.12rem; }
body.home-x10-v177 .home-owner-facts { border-top:1px solid rgba(121,86,43,.18); border-bottom:1px solid rgba(121,86,43,.18); }
body.home-x10-v177 .home-owner-facts strong { color:#7f5723; }

/* Vier ORIGINAL-Collagen bleiben vollständig, groß und ohne Crop */
body.home-x10-v177 .home-photo-upgrade-showcase {
  background:linear-gradient(180deg,#0c0b09,#12100d);
  color:#f6efe6;
  border-top:1px solid var(--x10-line);
  border-bottom:1px solid var(--x10-line);
}
body.home-x10-v177 .home-photo-upgrade-head .eyebrow { color:var(--x10-gold-hi); }
body.home-x10-v177 .home-photo-upgrade-head h2 { color:#f0d49b; font-size:clamp(2.5rem,4vw,4rem); line-height:1; }
body.home-x10-v177 .home-photo-upgrade-head > p { color:#aaa095; }
body.home-x10-v177 .home-visual-grid.collage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body.home-x10-v177 .home-visual-grid .collage-card {
  margin:0;
  overflow:hidden;
  border:1px solid rgba(205,164,95,.42);
  background:#11100d;
  box-shadow:0 18px 48px rgba(0,0,0,.32);
  border-radius:0;
}
body.home-x10-v177 .home-visual-grid .collage-card .gallery-link { display:block; background:#070706; }
body.home-x10-v177 .home-visual-grid .collage-card img {
  display:block;
  width:100%;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center;
  background:#070706;
}
body.home-x10-v177 .home-visual-grid .collage-card figcaption { padding:18px 20px 20px; background:#11100d; }
body.home-x10-v177 .home-visual-grid .collage-card figcaption strong { display:block; color:#f7e4bc; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.35rem; }
body.home-x10-v177 .home-visual-grid .collage-card figcaption span { display:block; color:#9f958b; margin-top:4px; }
body.home-x10-v177 .home-photo-upgrade-panel { margin-top:34px; border:1px solid rgba(205,164,95,.24); background:#0f0d0b; box-shadow:0 20px 48px rgba(0,0,0,.22); }
body.home-x10-v177 .home-photo-upgrade-copy h3,
body.home-x10-v177 .home-photo-upgrade-card h3 { color:#f4dec0; }
body.home-x10-v177 .home-photo-upgrade-copy p,
body.home-x10-v177 .home-photo-upgrade-card p,
body.home-x10-v177 .home-photo-upgrade-benefits span { color:#b5aa9f; }
body.home-x10-v177 .home-photo-upgrade-card { background:rgba(255,255,255,.025); border-color:rgba(205,164,95,.24); }
body.home-x10-v177 .home-photo-upgrade-card .badge { background:rgba(205,164,95,.12); color:var(--x10-gold-hi); border-color:rgba(205,164,95,.34); }

/* SEO-/Story-Bereich bleibt vorhanden, aber optisch ruhiger und hochwertiger */
body.home-x10-v177 .home-story-section { background:#f2ebe2; color:#201811; }
body.home-x10-v177 .home-story-section .eyebrow { color:#936526; }
body.home-x10-v177 .home-story-section h2 { color:#211912; font-size:clamp(2.5rem,4vw,4rem); line-height:1; }
body.home-x10-v177 .home-story-section p { color:#66594e; }
body.home-x10-v177 .home-story-grid { gap:18px; }
body.home-x10-v177 .home-story-card {
  background:#fffaf4;
  border:1px solid rgba(105,75,38,.12);
  box-shadow:0 12px 32px rgba(55,38,23,.06);
  border-radius:0;
}
body.home-x10-v177 .home-story-number { color:#a87835; }
body.home-x10-v177 .home-story-card h3,
body.home-x10-v177 .home-story-columns h3,
body.home-x10-v177 .home-story-extra h3 { color:#302319; }
body.home-x10-v177 .home-story-link { color:#8d5e20; }
body.home-x10-v177 .home-story-columns,
body.home-x10-v177 .home-story-extra,
body.home-x10-v177 .home-story-closing { border-color:rgba(105,75,38,.14); }

/* Ablauf bleibt vollständig */
body.home-x10-v177 main > section.section:not(.soft):not(.home-owner-section):not(.home-photo-upgrade-showcase):not(.home-story-section) {
  background:#0d0c0a;
  color:#f4eee5;
}
body.home-x10-v177 main > section.section:not(.soft):not(.home-owner-section):not(.home-photo-upgrade-showcase):not(.home-story-section) .eyebrow { color:var(--x10-gold-hi); }
body.home-x10-v177 main > section.section:not(.soft):not(.home-owner-section):not(.home-photo-upgrade-showcase):not(.home-story-section) h2 { color:#f2d69d; }
body.home-x10-v177 .process-list { border-color:rgba(205,164,95,.20); }
body.home-x10-v177 .process-list li { color:#b9afa4; border-color:rgba(205,164,95,.14); }
body.home-x10-v177 .process-list strong { color:#fff4e5; }

/* FAQ bleibt vollständig und benutzbar */
body.home-x10-v177 main > section.section.soft:last-of-type {
  background:#15120f;
  color:#f5eee5;
  border-top:1px solid var(--x10-line);
}
body.home-x10-v177 main > section.section.soft:last-of-type .faq h2 { color:#f0d49b; }
body.home-x10-v177 main > section.section.soft:last-of-type details { border-color:rgba(205,164,95,.22); background:#100e0c; }
body.home-x10-v177 main > section.section.soft:last-of-type summary { color:#f8eee0; }
body.home-x10-v177 main > section.section.soft:last-of-type details p { color:#aaa096; }

/* Bestehender Footer bleibt inhaltlich vollständig */
body.home-x10-v177 .footer {
  background:#070605;
  color:#b0a69a;
  border-top:1px solid rgba(205,164,95,.24);
}
body.home-x10-v177 .footer h3 { color:#e9ca8b; font-family:'Cormorant Garamond',Georgia,serif; }
body.home-x10-v177 .footer a { color:#d2c4b2; }
body.home-x10-v177 .footer a:hover { color:#f0d49b; }
body.home-x10-v177 .footer .legal { border-top-color:rgba(205,164,95,.16); }

@media (max-width:900px) {
  body.home-x10-v177 .home-intro-hero .inner { padding-top:48px; padding-bottom:42px; }
  body.home-x10-v177 .home-intro-hero h1 { font-size:clamp(2.55rem,10vw,4.5rem); }
  body.home-x10-v177 .home-film-section-x10 .portfolio-video-grid.compact { grid-template-columns:1fr; }
  body.home-x10-v177 .home-review-grid { grid-template-columns:1fr; }
  body.home-x10-v177 .home-review-grid .review-card { border-right:0; border-bottom:1px solid rgba(205,164,95,.18); }
  body.home-x10-v177 .home-review-grid .review-card:last-child { border-bottom:0; }
  body.home-x10-v177 .home-visual-grid.collage-grid { grid-template-columns:1fr; }
  body.home-x10-v177 .home-visual-grid .collage-card img { width:100%; height:auto !important; }
}

@media (prefers-reduced-motion:reduce) {
  body.home-x10-v177 * { scroll-behavior:auto !important; }
}


/* v177: vollständige echte Startseite wiederhergestellt.
   Kein künstlicher CTA-Collage-Crop. Footer, FAQ, Story, Ablauf und Original-Sections bleiben vollständig. */
body.home-x10-v177 .home-visual-grid .collage-card img{
  width:100%;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}
body.home-x10-v177 .footer{display:block !important;}