/* =====================================================================
   WOLKA EMPIRE · Glow & Glass für projekte.html / projekt.html
   Nach style.css, lux.css und projects.css geladen. Gleiche Sprache wie die Startseite.
   ===================================================================== */
body.page-projekte,body.page-projekt{
  --paper:#1b1814;--sheet:#0e0d0c;--ink:#efe8dc;--ink-2:#aea595;--rule:rgba(239,232,220,.1);
  --bronze:#c08a55;--bronze-l:#e6c79c;--on-night-2:#aea595;
  background:var(--base);color:var(--ink)}
.page-projekte ::selection,.page-projekt ::selection{background:rgba(214,160,100,.35)}

/* Header: immer dunkles Glas */
.page-projekte .site-header.is-scrolled,.page-projekt .site-header.is-scrolled{background:rgba(16,14,12,.6);color:var(--on-night);box-shadow:inset 0 -1px 0 rgba(255,236,206,.08),0 20px 40px -30px rgba(0,0,0,.8)}
.page-projekte .site-header.is-scrolled .brand,.page-projekt .site-header.is-scrolled .brand{color:var(--on-night)}
.page-projekte .site-header.is-scrolled .header-cta,.page-projekt .site-header.is-scrolled .header-cta{color:var(--champ)}

/* Gemeinsame Glas-Flächen (gleiche Werte wie .glass in lux.css) */
.pl-bar,.filter-panel,.pd-key,.pd-facts-panel,.adv-text,.pd-ask,.pl-cta,.pd-sticky,.card:not(.card--field) .card-body,.pd-hero--field .pd-hero-copy,.pd-enquiry .form-wrap{
  background:var(--glass-bg);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);
  box-shadow:var(--glass-shadow),inset 0 0 0 1px rgba(255,236,206,.07)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .pl-bar,.filter-panel,.pd-key,.pd-facts-panel,.adv-text,.pd-ask,.pl-cta,.pd-sticky,.card .card-body,.pd-hero--field .pd-hero-copy,.pd-enquiry .form-wrap{background:rgba(30,27,23,.94)}
}

/* Buttons: Primär = Bronze mit Glow (wie Startseite), Sekundär = Glas-Pille */
.btn-dark{position:relative;overflow:hidden;isolation:isolate;border:0;border-radius:999px;color:#1b130b;font-weight:600;
  background:linear-gradient(180deg,#e2b47f,#b47b47);
  box-shadow:inset 0 1px 0 rgba(255,244,228,.7),inset 0 -10px 20px rgba(110,62,26,.32),0 14px 36px -12px rgba(214,160,100,.55);transition:box-shadow .5s}
.btn-dark:hover,.pd-hero .btn-dark:hover{background:linear-gradient(180deg,#ebc08d,#bf8551);border:0;box-shadow:inset 0 1px 0 rgba(255,244,228,.8),0 18px 48px -12px rgba(230,180,120,.7)}
.pd-hero .btn-dark{background:linear-gradient(180deg,#e2b47f,#b47b47);border:0}
.btn-dark::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,rgba(255,250,240,0),rgba(255,250,240,.6),rgba(255,250,240,0));transform:translateX(-160%) skewX(-20deg);transition:transform .9s var(--ease)}
.btn-dark:hover::after{transform:translateX(330%) skewX(-20deg)}
.btn-ghost{border:0;border-radius:999px;color:var(--ink);background:rgba(255,244,228,.06);box-shadow:inset 0 0 0 1px rgba(255,236,206,.18),inset 0 1px 0 rgba(255,246,232,.14)}
.btn-ghost:hover{background:rgba(255,244,228,.12);color:var(--ink)}
.link-line{color:var(--champ)}

/* ---------- Übersicht ---------- */
.sample-note{background:rgba(255,244,228,.04);color:var(--ink-2)}
.pl-head{background:radial-gradient(46vw 30vw at 88% 60%,rgba(214,160,100,.16),rgba(214,160,100,0) 70%)}
.pl-title .metal,.pl-title em{font-style:normal}
.pl-bar{top:calc(var(--header-h) + 12px);margin:0 var(--pad);border:0;border-radius:var(--r-md)}
.pl-bar-inner{padding:0 clamp(18px,2vw,28px);min-height:64px}
.sel select{color:var(--ink)}
.sel select option,.icon-btn select option{background:#1a1814;color:#efe8dc}
.sel.is-set select{color:var(--champ)}
.pl-more{color:var(--ink)}
.pl-badge{border-radius:999px;background:linear-gradient(180deg,#e2b47f,#b47b47);color:#1b130b}
.pl-view{border:0;border-radius:999px;padding:3px;background:rgba(255,244,228,.05);box-shadow:inset 0 0 0 1px rgba(255,236,206,.12)}
.pl-view button{border-radius:999px;padding:8px 14px}
.pl-view button[aria-pressed=true]{background:rgba(230,199,156,.16);color:var(--champ);box-shadow:inset 0 0 0 1px rgba(230,199,156,.35),0 0 18px -4px rgba(214,160,100,.5)}
.pl-results{padding-top:clamp(40px,6vh,64px)}
.pl-grid{gap:clamp(40px,5vw,72px) clamp(18px,2vw,32px)}

/* Karten: Foto mit Glas-Infotafel darüber */
.card article{height:100%}
.card-media{border-radius:var(--r-lg);background:var(--base-3);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.card-body{position:relative;z-index:1;margin:-76px 18px 0;padding:24px clamp(20px,2vw,30px) 22px;border-radius:var(--r-md)}
.card--field .card-body{background:linear-gradient(160deg,rgba(255,244,228,.08),rgba(255,244,228,.03));box-shadow:var(--glass-shadow),inset 0 0 0 1px rgba(255,236,206,.07);padding-top:22px}
.tags li{border:0;border-radius:999px;padding:6px 11px 5px;background:rgba(255,244,228,.07);box-shadow:inset 0 0 0 1px rgba(255,236,206,.14);color:var(--ink)}
.tags li.is-example{color:var(--champ);box-shadow:inset 0 0 0 1px rgba(230,199,156,.45)}
.card-place{color:var(--ink-2)}
.card-facts{border-top:0;margin-top:20px}
.card-facts div{padding-top:0}
.card-facts div+div{border-left:1px solid rgba(255,236,206,.1)}
.card-foot{border-top:0;margin-top:22px;padding-top:0}
.card-price-v{color:var(--champ)}
.card-link{color:var(--ink)}
.card-link:hover{color:var(--champ)}

/* Bildlose Karten echter Projekte: dunkles Feld, Bronze-Licht, Glas-Namensschild */
.field-card,.field-card--night,.field-card--stone{justify-content:flex-start;color:var(--ink);background:radial-gradient(120% 90% at 50% 120%,#211c16,#121110 70%)}
.field-card--stone{background:radial-gradient(120% 90% at 20% -10%,#2a2119,#13110f 72%)}
.fc-orb{position:absolute;width:78%;aspect-ratio:1;right:-14%;bottom:-38%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(226,170,108,.5),rgba(192,138,85,.18) 46%,rgba(192,138,85,0) 72%);transition:transform 1.6s var(--slow)}
.field-card--stone .fc-orb{right:auto;left:-18%;bottom:auto;top:-44%;background:radial-gradient(closest-side,rgba(236,196,140,.42),rgba(192,138,85,.15) 46%,rgba(192,138,85,0) 72%)}
.card article:hover .fc-orb{transform:scale(1.12)}
.fc-plate{position:relative;display:flex;flex-direction:column;align-items:flex-start;max-width:min(88%,520px);padding:22px 26px 24px;border-radius:var(--r-md);
  background:linear-gradient(160deg,rgba(255,244,228,.11),rgba(255,244,228,.03));box-shadow:inset 0 1px 0 rgba(255,246,232,.22),inset 0 0 0 1px rgba(255,236,206,.08),0 30px 60px -30px rgba(0,0,0,.7)}
.fc-dev,.field-card--night .fc-dev,.field-card--stone .fc-dev{position:static;color:var(--champ);opacity:1;margin-bottom:16px}
.fc-line,.field-card--stone .fc-line{margin-bottom:16px;height:1.5px;background:linear-gradient(90deg,var(--champ),rgba(230,199,156,0));box-shadow:0 0 10px rgba(230,199,156,.6)}
.fc-name{font-size:clamp(28px,2.6vw,46px)}
.fc-sub{opacity:.72}

/* Kartenansicht */
.pl-map-canvas,.pd-map{border-radius:var(--r-lg);overflow:hidden}
.m-land,.m-isle{fill:#1d1a16}.m-water{fill:#121110}
.m-coast,.m-isle{stroke:rgba(230,199,156,.28)}
.m-road path{stroke:rgba(239,232,220,.06)}.m-road-l path{stroke:rgba(239,232,220,.04)}
.m-grid path{stroke:rgba(239,232,220,.04)}
.m-city{fill:#7d766b}
.pin .pin-dot{fill:var(--champ);stroke:#0e0d0c;filter:drop-shadow(0 0 6px rgba(230,199,156,.8))}
.pin .pin-halo{fill:rgba(214,160,100,.18);stroke:rgba(214,160,100,.45)}
.pin.is-active .pin-dot,.pin.is-hover .pin-dot{fill:#fff3e0}
.pin text{fill:var(--ink)}
.pd-map figcaption,.map-note{background:rgba(14,13,12,.7);color:var(--ink-2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pl-map-list{border-top:0}
.pl-map-list a{border-bottom-color:rgba(255,236,206,.08)}
.pl-map-list a:hover .mli-name{color:var(--champ)}

.pl-cta{border:0;border-radius:var(--r-lg);padding:clamp(40px,6vh,72px) clamp(28px,4vw,64px);margin-bottom:clamp(100px,14vh,160px)}

/* Panel „Weitere Filter" */
.panel-scrim{background:rgba(8,7,6,.55)}
.filter-panel{background:linear-gradient(160deg,rgba(32,28,24,.82),rgba(18,16,14,.86));border-radius:var(--r-lg) 0 0 var(--r-lg);color:var(--ink)}
.fp-head,.fp-foot{border-color:rgba(255,236,206,.08)}
.fp-group{border-bottom-color:rgba(255,236,206,.08)}
.check input{border-radius:5px;border-color:rgba(239,232,220,.4)}
.check input:checked{background:linear-gradient(180deg,#e2b47f,#b47b47);border-color:transparent}
.check input:checked::after{border-color:#1b130b}
.chip{border:0;border-radius:999px;color:var(--ink);background:rgba(255,244,228,.05);box-shadow:inset 0 0 0 1px rgba(255,236,206,.14)}
.chip:hover{box-shadow:inset 0 0 0 1px rgba(255,236,206,.35)}
.chip[aria-pressed=true],.fp-unit button[aria-pressed=true]{background:rgba(230,199,156,.16);color:var(--champ);box-shadow:inset 0 0 0 1px rgba(230,199,156,.45),0 0 18px -4px rgba(214,160,100,.5)}
.fp-range input{border-radius:12px;border-color:rgba(255,236,206,.14);background:rgba(255,244,228,.04)}
.fp-range input:focus{border-color:var(--champ)}
.fp-unit{border:0;border-radius:999px;padding:3px;background:rgba(255,244,228,.05);box-shadow:inset 0 0 0 1px rgba(255,236,206,.12)}
.fp-unit button{border-radius:999px}

/* ---------- Detail ---------- */
.pd-hero{background:var(--base)}
.pd-hero-fade{background:linear-gradient(0deg,rgba(14,13,12,1) 0%,rgba(14,13,12,.55) 30%,rgba(14,13,12,0) 60%),linear-gradient(180deg,rgba(14,13,12,.4),rgba(14,13,12,0) 22%)}
.pd-hero--field,.pd-hero--field.is-night,.pd-hero--field.is-stone{color:var(--ink);background:radial-gradient(70% 90% at 82% 30%,rgba(214,160,100,.26),rgba(214,160,100,0) 60%),radial-gradient(50% 70% at 10% 110%,rgba(214,160,100,.14),rgba(214,160,100,0) 70%),#100f0d}
.pd-hero--field.is-stone{background:radial-gradient(70% 90% at 18% 10%,rgba(236,196,140,.24),rgba(214,160,100,0) 60%),radial-gradient(50% 70% at 92% 110%,rgba(214,160,100,.14),rgba(214,160,100,0) 70%),#13110e}
.pd-hero--field .pd-hero-copy{border-radius:var(--r-lg);padding:clamp(24px,3vw,44px);right:auto;max-width:calc(100% - 2 * var(--pad));column-gap:56px}
.pd-hero--field .pd-hero-copy .label,.pd-hero--field.is-stone .pd-hero-copy .label{color:var(--champ)}
.pd-hero--field .pd-hero-copy .label::after{height:1.5px;background:linear-gradient(90deg,var(--champ),rgba(230,199,156,0));box-shadow:0 0 10px rgba(230,199,156,.6)}
.pd-hero--field.is-stone .crumbs--light,.pd-hero--field.is-stone .crumbs--light [aria-current]{color:rgba(239,232,220,.82)}
.pd-hero--field.is-stone .hero-link{color:var(--ink);border-bottom-color:rgba(239,232,220,.35)}
.pd-hero-sig{opacity:.07;color:var(--champ);filter:drop-shadow(0 0 30px rgba(230,199,156,.5))}
.pd-key{position:relative;z-index:3;margin:-46px var(--pad) 0;padding:0 clamp(20px,2.4vw,36px);border:0;border-radius:var(--r-md)}
.pd-key-list div+div{border-left-color:rgba(255,236,206,.1)}
.pd-key-list dd{color:var(--ink)}
.pd-key-list div:first-child dd{color:var(--champ)}
.pd-amen{border-top:0;padding:clamp(28px,3vw,44px);border-radius:var(--r-lg);background:rgba(255,244,228,.035);box-shadow:inset 0 1px 0 rgba(255,244,228,.08)}
.pd-amen-list svg{stroke:var(--champ)}
.pd-facts{gap:clamp(14px,1.6vw,24px);position:relative}
.pd-facts::before{content:"";position:absolute;z-index:-1;inset:-10% 0;pointer-events:none;background:radial-gradient(40% 60% at 25% 50%,rgba(214,160,100,.18),rgba(214,160,100,0) 70%)}
.pd-facts-panel{color:var(--ink);border-radius:var(--r-lg)}
.pd-facts-panel dl div{border-top-color:rgba(255,236,206,.09)}
.pd-facts-panel dd{color:var(--ink)}
.pd-facts.is-solo dl div:nth-child(n+5){border-top-color:rgba(255,236,206,.09)}
.pd-slide{border-radius:var(--r-lg)}
.pd-slider-ui{border-radius:0 0 var(--r-lg) var(--r-lg)}
.pd-arrows button{border:0;border-radius:50%;background:rgba(20,18,16,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,236,206,.25)}
.pd-arrows button:hover{background:rgba(214,160,100,.35)}
.pd-thumbs button{border-radius:10px;overflow:hidden}
.pd-thumbs button[aria-current=true]{box-shadow:0 0 0 1.5px var(--champ),0 0 18px -4px rgba(214,160,100,.7)}
.pd-thumbs button[aria-current=true]::after{display:none}
.pd-story-media{border-radius:var(--r-lg)}
.pd-ask{border:0;border-radius:var(--r-lg);padding:clamp(36px,5vh,64px) clamp(28px,4vw,64px)}
.pd-plans{border:0}
/* Beraterkarte: Porträt im Bronze-Licht, Text auf Glas */
.adv{align-items:center}
.adv-stone{left:6%;right:0;top:12%;bottom:0;border-radius:50%;overflow:visible;background:radial-gradient(closest-side,rgba(214,160,100,.38),rgba(214,160,100,.12) 50%,rgba(214,160,100,0) 74%)}
.adv-stone picture,.adv-stone::after{display:none}
.adv-portrait img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.adv-text{border-radius:var(--r-lg);padding:clamp(28px,3.4vw,52px)}
.adv-role{color:var(--champ)}
.adv-copy{color:var(--ink-2)}
.pd-enquiry .form-wrap{border-radius:var(--r-lg);padding:clamp(28px,3.4vw,52px)}
.pd-more{background:radial-gradient(50% 40% at 80% 20%,rgba(214,160,100,.1),rgba(214,160,100,0) 70%)}
.lightbox{background:var(--base);color:var(--ink)}
.lb-head{background:rgba(14,13,12,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:rgba(255,236,206,.08)}
.lb-item{border-radius:var(--r-sm);overflow:hidden}

@media (max-width:1100px){
  .pd-key-list div:nth-child(n+3){border-top-color:rgba(255,236,206,.1)}
}
@media (max-width:900px){
  .pl-bar,.filter-panel,.pd-key,.pd-facts-panel,.adv-text,.pd-ask,.pl-cta,.pd-sticky,.card .card-body,.pd-hero--field .pd-hero-copy,.pd-enquiry .form-wrap{-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
  .pl-bar{margin:0 12px;top:calc(var(--header-h) + 8px);border-radius:16px;overflow:hidden}
  .icon-btn{color:var(--ink);border-left-color:rgba(255,236,206,.1)}
  .pl-results{padding:28px 12px 0}
  .card-body{margin:-56px 12px 0;padding:20px 20px 18px}
  .card-media{border-radius:22px}
  .pl-cta{margin-left:12px;margin-right:12px}
  .filter-panel{border-radius:0}
  .pd-hero--field .pd-hero-copy{left:12px;right:12px;max-width:none;padding:24px 22px}
  .pd-key{margin:-36px 12px 0;padding:0 18px}
  .pd-facts,.pd-amen,.pd-ask{margin-left:12px;margin-right:12px}
  .pd-slide{border-radius:0}
  .pd-sticky{left:10px;right:10px;bottom:10px;border:0;border-radius:20px;padding:10px}
  .pd-sticky-wa{border:0;border-radius:50%;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,236,206,.25)}
  .adv-text{margin:0 12px}
  .pd-more-list .card-body{padding-left:20px;padding-right:20px}
}

/* Iteration 2 */
.pd-hero-cta{position:absolute}
.pd-hero--field .pd-hero-copy{bottom:clamp(76px,10vh,110px)}
@media (max-width:900px){.pd-hero--field .pd-hero-copy{bottom:64px}}

/* Grundrisse & Zahlungsplan als Glas-Panel */
.pd-plans{border:0;border-radius:var(--r-lg);padding:clamp(36px,5vh,64px) clamp(28px,4vw,64px);
  background:var(--glass-bg);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);box-shadow:var(--glass-shadow),inset 0 0 0 1px rgba(255,236,206,.07)}
.pd-plans h2{grid-column:1/7}
@media (max-width:900px){.pd-plans{margin-left:12px;margin-right:12px;padding:28px 22px}}
.pd-sticky{transition:transform .5s var(--slow),opacity .4s}
.pd-sticky.is-hidden{opacity:0;pointer-events:none}