/* WOLKA EMPIRE – Projektseiten (projekte.html, projekt.html)
   Muster: eckige Kanten, keine Schatten, viel Weißraum, leichte Serif für Namen und Preise,
   gesperrte Versalien für Fakten, ein dunkler Ton (Anthrazit) für Faktenpanel und Hauptbuttons. */
.page-projekte,.page-projekt{background:var(--sheet)}
.pl,.pd{padding-top:var(--header-h)}
.sample-note{padding:10px var(--pad);font:500 10.5px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:var(--paper);text-align:center}
.crumbs{display:flex;gap:10px;font-size:13px;color:var(--ink-2)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--bronze)}
.crumbs [aria-current]{color:var(--ink)}
.crumbs--light,.crumbs--light [aria-current]{color:rgba(239,232,220,.82)}
picture img{background:var(--paper)}
.card-media img,.pd-slide img,.lb-item img,.pd-thumbs img,.pd-story-media img,.pd-hero-media img{opacity:0;transition:opacity .9s var(--ease)}
.card-media img.is-loaded,.pd-slide img.is-loaded,.lb-item img.is-loaded,.pd-thumbs img.is-loaded,.pd-story-media img.is-loaded,.pd-hero-media img.is-loaded{opacity:1}
.no-js picture img{opacity:1}

/* ---------- Übersicht ---------- */
.pl-head{padding:clamp(48px,8vh,88px) var(--pad) clamp(56px,9vh,96px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.pl-head .crumbs{grid-column:1/-1;margin-bottom:clamp(56px,10vh,110px)}
.pl-title{grid-column:1/9;font:300 clamp(46px,6.4vw,112px)/.94 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.035em}
.pl-intro{grid-column:9/13;font-size:18px;color:var(--ink-2);padding-bottom:10px}

.pl-bar{position:sticky;top:var(--header-h);z-index:20;background:rgba(251,248,242,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pl-bar-inner{display:flex;align-items:center;gap:var(--gap);padding:0 var(--pad);min-height:64px}
.pl-filters{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}
.pl-tools{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}
.sel{position:relative;display:inline-flex;align-items:center}
.sel select{field-sizing:content;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;padding:10px 20px 10px 0;font:500 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.sel::after{content:"";position:absolute;right:3px;top:50%;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sel.is-set select{color:var(--bronze)}
.sel select:focus-visible{outline:1.5px solid var(--bronze-l);outline-offset:2px}
.pl-more{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:10px 0;font:500 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;position:relative}
.pl-more svg,.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.pl-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--bronze);color:#fff;font:500 10.5px/1 var(--text);letter-spacing:0}
.pl-count{font:400 18px/1 var(--display);color:var(--ink-2);white-space:nowrap}
.pl-count [data-count]{color:var(--ink)}
.pl-view{display:flex;border:1px solid var(--rule)}
.pl-view button{background:none;border:0;padding:9px 14px;font:500 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);cursor:pointer}
.pl-view button[aria-pressed=true]{background:var(--night);color:var(--on-night)}
.pl-mobile{display:none}

.pl-results{padding:clamp(40px,6vh,64px) var(--pad) 0}
.pl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,88px) var(--gap)}
.pl-empty{padding:120px 0;text-align:center;display:grid;gap:18px;justify-items:center;font:300 28px/1.2 var(--display)}
.pl-empty .link-line{background-color:transparent;border:0;cursor:pointer}

/* Karte (Projektkarte) */
.card article{display:flex;flex-direction:column;height:100%}
.card-media{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--paper)}
.card-media picture,.card-media img{width:100%;height:100%}
.card-media img{object-fit:cover;transform:scale(1.001);transition:opacity .9s var(--ease),transform 1.6s var(--slow)}
.card article:hover .card-media img{transform:scale(1.035)}
.card-body{display:flex;flex-direction:column;flex:1;padding-top:26px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.tags li{padding:6px 9px 5px;border:1px solid var(--rule);font:500 10.5px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.card-name{font:300 clamp(30px,2.6vw,44px)/1 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.025em}
.card-name a{text-decoration:none}
.card-name a::after{content:"";position:absolute;inset:0}
.card article{position:relative}
.card-place{margin-top:10px;font:500 11.5px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.card-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;margin-top:26px;border-top:1px solid var(--rule)}
.card-facts div{padding:16px clamp(18px,2.2vw,36px) 0 0}
.card-facts div+div{padding-left:clamp(18px,2.2vw,36px);border-left:1px solid var(--rule)}
.card-facts dt{font:500 10.5px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.card-facts dd{margin-top:6px;font:400 19px/1.25 var(--display);font-variant-numeric:lining-nums}
.card-foot{margin-top:auto;padding-top:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.card-foot{border-top:1px solid var(--rule);margin-top:26px;padding-top:20px}
.card-price{display:grid;gap:6px}
.card-price-v{font:300 clamp(20px,1.6vw,25px)/1.2 var(--display);font-variant-numeric:lining-nums}
.card-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;font:500 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:10px 0}
.card-link:hover{color:var(--bronze)}
.card-link:hover .arrow{width:34px}

/* Kartenansicht */
.pl-map{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--gap);align-items:start}
.pl-map-canvas{position:sticky;top:calc(var(--header-h) + 90px);aspect-ratio:5/3}
.pl-map-canvas,.pd-map-canvas{position:relative;background:#e4e1dc;overflow:hidden}
.pl-map-canvas svg,.pd-map-canvas svg{position:absolute;inset:0;width:100%;height:100%}
.m-land{fill:#e6e3de}.m-water{fill:#d3d3d1}.m-coast{fill:none;stroke:#bdbbb6;stroke-width:1.2;vector-effect:non-scaling-stroke}.m-isle{fill:#e6e3de;stroke:#bdbbb6}
.m-road path{fill:none;stroke:#f3f1ed;stroke-width:3}.m-road-l path{fill:none;stroke:#f6f4f0;stroke-width:7}
.pin .pin-dot{fill:var(--night);stroke:var(--sheet);stroke-width:3}
.pin .pin-halo{fill:rgba(138,90,50,.16);stroke:rgba(138,90,50,.4)}
.pin.is-active .pin-dot{fill:var(--bronze)}
.pin.is-hover .pin-dot{fill:var(--bronze)}
.m-grid path{stroke:rgba(28,26,23,.06);stroke-width:1;vector-effect:non-scaling-stroke}
.m-city{font:500 13px var(--text);letter-spacing:.18em;fill:#8f8a82}
.pin text{font:500 13px var(--text);letter-spacing:.06em;fill:var(--ink)}
.pl-map-list{display:grid;align-content:start;border-top:1px solid var(--rule)}
.pl-map-list a{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.pl-map-list a>span{display:grid;align-content:center;gap:4px}
.mli-name{font:300 24px/1.05 var(--display)}
.mli-place{font:500 10.5px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.mli-price{font-size:14px;color:var(--ink-2)}
.pl-map-list a:hover .mli-name{color:var(--bronze)}

.pl-cta{margin:clamp(120px,18vh,200px) var(--pad) 0;padding:clamp(56px,9vh,96px) 0 clamp(110px,16vh,180px);border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.pl-cta-title{grid-column:1/8;font:300 clamp(40px,5vw,84px)/.98 var(--display);letter-spacing:-.03em}
.pl-cta-text{grid-column:9/13;display:grid;gap:30px;justify-items:start;font-size:18px;color:var(--ink-2)}

/* Panel „Weitere Filter“ */
.panel-scrim{position:fixed;inset:0;z-index:150;background:rgba(21,20,19,.42);opacity:0;transition:opacity .45s var(--ease)}
.panel-scrim.is-open{opacity:1}
.filter-panel{position:fixed;z-index:160;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--sheet);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s var(--slow)}
.filter-panel.is-open{transform:none}
body.panel-open{overflow:hidden}
.fp-head{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid var(--rule)}
.fp-head h2{font:300 30px/1 var(--display);letter-spacing:-.02em}
.fp-close{width:44px;height:44px;margin-right:-10px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:inherit}
.fp-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2}
.fp-body{flex:1;overflow:auto;padding:8px 32px 32px}
.fp-group{border:0;margin:0;padding:26px 0;border-bottom:1px solid var(--rule)}
.fp-group legend{float:left;width:100%;margin-bottom:18px;color:var(--ink-2)}
.fp-checks{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check{display:flex;align-items:center;gap:12px;font-size:16px;cursor:pointer}
.check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1px solid rgba(28,26,23,.45);display:grid;place-items:center;cursor:pointer}
.check input:checked{background:var(--night);border-color:var(--night)}
.check input:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.fp-chips{clear:both;display:flex;flex-wrap:wrap;gap:8px}
.chip{min-width:52px;height:42px;padding:0 16px;background:none;border:1px solid var(--rule);font:450 15px/1 var(--text);color:var(--ink);cursor:pointer;transition:background-color .3s,border-color .3s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed=true]{background:var(--night);border-color:var(--night);color:var(--on-night)}
.fp-range{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fp-range label{display:grid;gap:6px;font-size:12.5px;color:var(--ink-2)}
.fp-range input{width:100%;height:46px;padding:0 12px;border:1px solid var(--rule);border-radius:0;background:transparent;font:400 16px var(--text);color:var(--ink)}
.fp-range input:focus{outline:none;border-color:var(--ink)}
.fp-unit{clear:both;display:inline-flex;border:1px solid var(--rule);margin-bottom:16px}
.fp-unit button{background:none;border:0;padding:9px 16px;font:450 13px/1 var(--text);cursor:pointer;color:var(--ink-2)}
.fp-unit button[aria-pressed=true]{background:var(--night);color:var(--on-night)}
.fp-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-top:1px solid var(--rule)}
.fp-foot .link-line{background-color:transparent;border:0;cursor:pointer}
.fp-foot .btn-dark{flex:0 0 auto;min-width:200px}

/* ---------- Detail ---------- */
.pd-hero{position:relative;aspect-ratio:1.8/1;max-height:calc(100vh - var(--header-h) - 34px);min-height:520px;width:100%;color:var(--on-night);overflow:hidden;background:var(--night)}
.pd-hero-media,.pd-hero-media picture,.pd-hero-media img{position:absolute;inset:0;width:100%;height:100%}
.pd-hero-media img{object-fit:cover;background:var(--night)}
.pd-hero-fade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,17,16,.82) 0%,rgba(18,17,16,.42) 32%,rgba(18,17,16,0) 60%),linear-gradient(180deg,rgba(18,17,16,.34),rgba(18,17,16,0) 22%)}
.pd-hero .crumbs{position:absolute;top:26px;left:var(--pad)}
.pd-hero-cta{position:absolute;top:18px;right:var(--pad)}
.pd-hero .btn-dark{background:rgba(28,27,26,.9);border-color:rgba(239,232,220,.2)}
.pd-hero .btn-dark:hover{background:var(--bronze);border-color:var(--bronze)}
.pd-hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(30px,5vh,56px);display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:40px}
.pd-hero-copy .label{grid-column:1;margin-bottom:16px}
.pd-name{grid-column:1;font:300 clamp(52px,7.4vw,136px)/.9 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.04em}
.pd-hero-links{grid-column:2;grid-row:2;display:flex;gap:28px;padding-bottom:8px}
.hero-link{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:8px 0;color:var(--on-night);font:500 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-bottom:1px solid rgba(239,232,220,.4)}
.hero-link:hover{border-bottom-color:var(--on-night)}
.hero-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}

.pd-key{padding:0 var(--pad);border-bottom:1px solid var(--rule)}
.pd-key-list{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr}
.pd-key-list.n1{grid-template-columns:1fr}.pd-key-list.n2{grid-template-columns:1.6fr 3fr}.pd-key-list.n3{grid-template-columns:1.6fr 1fr 2fr}
.pd-key-list div{padding:28px 24px 30px 0}
.pd-key-list div+div{padding-left:24px;border-left:1px solid var(--rule)}
.pd-key-list dd{margin-top:10px;font:300 clamp(22px,1.9vw,30px)/1.15 var(--display);font-variant-numeric:lining-nums}

.pd-h2{font:300 clamp(34px,3.4vw,58px)/1 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.03em}
.pd-story{padding:clamp(100px,15vh,180px) 0 0;display:grid;gap:clamp(90px,14vh,170px)}
.pd-story-row{display:grid;grid-template-columns:var(--pad) repeat(12,minmax(0,1fr)) var(--pad);column-gap:var(--gap);align-items:center}
.pd-story-media{grid-column:1/9;aspect-ratio:3/2.1;background:var(--paper)}
.pd-story-text{grid-column:10/14}
.pd-story-text p{margin-top:28px;font-size:18px;line-height:1.65;color:var(--ink-2)}
.pd-story-row.is-flipped .pd-story-media{grid-column:7/-1;grid-row:1}
.pd-story-row.is-flipped .pd-story-text{grid-column:2/6;grid-row:1}

.pd-amen{margin:clamp(100px,15vh,180px) var(--pad) 0;padding:44px 0 0;border-top:1px solid var(--ink)}
.pd-amen .label{color:var(--ink-2)}
.pd-amen-list{display:flex;flex-wrap:wrap;gap:24px clamp(32px,5vw,80px);margin-top:30px}
.pd-amen-list li{display:flex;align-items:center;gap:14px;font-size:16px}
.pd-amen-list svg{width:28px;height:28px;fill:none;stroke:var(--bronze);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}

.pd-facts{margin:clamp(80px,12vh,140px) var(--pad) 0;display:grid;grid-template-columns:5fr 7fr;min-height:560px}
.pd-facts-panel{background:var(--night);color:var(--on-night);padding:clamp(40px,4.4vw,72px)}
.pd-facts-panel dl{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.pd-facts-panel dl div{padding:18px 0 20px;border-top:1px solid rgba(239,232,220,.14)}
.pd-facts-panel dl div:nth-child(-n+2){border-top:0;padding-top:0}
.pd-facts-panel .label{color:var(--on-night-2)}
.pd-facts-panel dd{margin-top:8px;font:300 clamp(20px,1.7vw,26px)/1.2 var(--display);font-variant-numeric:lining-nums}
.pd-map{position:relative;display:grid}
.pd-map-canvas{min-height:420px}
.pd-map figcaption,.map-note{position:absolute;left:16px;bottom:14px;padding:6px 10px;background:rgba(251,248,242,.88);font-size:12.5px;color:var(--ink-2)}

.pd-gallery{padding:clamp(110px,16vh,190px) var(--pad) 0}
.pd-gal-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}
.pd-gal-head .link-line{background-color:transparent;border:0;cursor:pointer}
.pd-slider{position:relative}
.pd-slide{aspect-ratio:1.5/1;max-height:84vh;width:100%;background:var(--paper);overflow:hidden}
.pd-slide picture,.pd-slide img{width:100%;height:100%}
.pd-slide img{object-fit:cover}
.pd-slider-ui{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;color:#fff;background:linear-gradient(0deg,rgba(18,17,16,.5),rgba(18,17,16,0))}
.pd-counter{font:400 17px/1 var(--display);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.04em}
.pd-arrows{display:flex;gap:8px}
.pd-arrows button{width:48px;height:48px;display:grid;place-items:center;background:rgba(28,27,26,.55);border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer;transition:background-color .3s}
.pd-arrows button:hover{background:var(--night)}
.pd-arrows svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.pd-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin}
.pd-thumbs button{display:block;width:132px;aspect-ratio:3/2;padding:0;border:0;background:var(--paper);cursor:pointer;opacity:.55;transition:opacity .3s;position:relative}
.pd-thumbs button[aria-current=true]{opacity:1}
.pd-thumbs button[aria-current=true]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--bronze)}
.pd-thumbs button:hover{opacity:1}
.pd-thumbs picture,.pd-thumbs img{width:100%;height:100%;object-fit:cover}

.pd-analysis{margin-top:clamp(110px,16vh,190px)}
.pd-plans{margin:clamp(100px,14vh,170px) var(--pad) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.pd-plans h2{grid-column:1/7}
.pd-plans p{grid-column:8/12;font-size:18px;color:var(--ink-2)}
.pd-plans .link-line{grid-column:8/12;justify-self:start;margin-top:22px}

.pd-advisor{margin:clamp(100px,14vh,170px) 0 0}
.adv{display:grid;grid-template-columns:var(--pad) repeat(12,minmax(0,1fr)) var(--pad);column-gap:var(--gap);align-items:end}
.adv-visual{grid-column:2/7;position:relative;aspect-ratio:1/1.08}
.adv-stone{position:absolute;left:18%;right:0;top:20%;bottom:0;overflow:hidden}
.adv-stone picture,.adv-stone img{width:100%;height:100%;object-fit:cover}
.adv-stone::after{content:"";position:absolute;inset:0;background:rgba(214,196,168,.16)}
.adv-portrait{position:absolute;left:4%;bottom:0;height:100%;aspect-ratio:900/1350}
.adv-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom;background:none;filter:drop-shadow(0 26px 30px rgba(40,28,16,.18))}
.adv-text{grid-column:8/13;padding-bottom:clamp(40px,7vh,80px)}
.adv-name{margin-top:22px;font:300 clamp(42px,4.6vw,80px)/.96 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.035em}
.adv-role{margin-top:12px;font-size:16px;color:var(--ink-2)}
.adv-copy{margin-top:28px;font-size:18px;max-width:40ch}
.adv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

.pd-enquiry{margin-top:0}
.pd-enquiry .contact-title{font-size:clamp(44px,6.2vw,110px)}
.pd-more{padding:clamp(110px,16vh,180px) var(--pad) clamp(110px,16vh,180px)}
.pd-more-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}
.pd-more-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.pd-more-list .card-name{font-size:clamp(26px,2vw,34px)}
.pd-more-list .card-facts div{padding-right:14px}
.pd-more-list .card-facts div+div{padding-left:14px}
.pd-more-list .card-facts dd{font-size:17px}
.pd-sticky{display:none}

/* Alle Bilder */
.lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--sheet);color:var(--ink)}
.lightbox::backdrop{background:rgba(21,20,19,.6)}
.lb-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px var(--pad);background:rgba(251,248,242,.96);border-bottom:1px solid var(--rule)}
.lb-title{font:300 24px/1 var(--display)}
.lb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px var(--pad) 60px}
.lb-item{background:var(--paper)}
.lb-item.is-big{grid-column:span 3;aspect-ratio:3/2}
.lb-item.is-small{grid-column:span 2;aspect-ratio:3/2}
.lb-item picture,.lb-item img{width:100%;height:100%;object-fit:cover}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .pl-filters{gap:18px}
  .pl-count{display:none}
  .pd-key-list{grid-template-columns:1fr 1fr}
  .pd-key-list div:nth-child(3){padding-left:0;border-left:0}
  .pd-key-list div:nth-child(n+3){border-top:1px solid var(--rule)}
  .pd-more-list{grid-template-columns:1fr 1fr}
  .pd-more-list li:nth-child(3){display:none}
}
@media (max-width:900px){
  .pl-head{grid-template-columns:1fr}
  .pl-title,.pl-intro{grid-column:1/-1}
  .pl-intro{margin-top:26px}
  .pl-head .crumbs{margin-bottom:48px}
  .pl-filters,.pl-tools{display:none}
  .pl-mobile{display:flex;width:100%;gap:0}
  .icon-btn{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:56px;background:none;border:0;border-left:1px solid var(--rule);font:500 11.5px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer}
  .icon-btn:first-child{border-left:0}
  .icon-btn select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;font-size:16px}
  .pl-bar-inner{padding:0}
  .pl-grid{grid-template-columns:1fr;gap:64px}
  .pl-results{padding:32px 0 0}
  .card-body{padding:22px var(--pad) 0}
  .pl-map{grid-template-columns:1fr;padding:0 var(--pad)}
  .pl-map-canvas{aspect-ratio:1/1}
  .pl-cta{grid-template-columns:1fr}
  .pl-cta-title,.pl-cta-text{grid-column:1/-1}
  .pl-cta-text{margin-top:30px}

  .pd-hero{aspect-ratio:auto;height:78svh;min-height:480px;max-height:none}
  .pd-hero .crumbs{display:none}
  .pd-hero-cta{display:none}
  .pd-hero-copy{grid-template-columns:1fr}
  .pd-hero-links{grid-column:1;grid-row:auto;margin-top:26px}
  .pd-name{font-size:clamp(46px,13vw,84px)}
  .pd-key-list div{padding:20px 16px 22px 0}
  .pd-key-list div+div{padding-left:16px}
  .pd-story{gap:72px;padding-top:80px}
  .pd-story-media,.pd-story-row.is-flipped .pd-story-media{grid-column:1/-1;grid-row:1}
  .pd-story-text,.pd-story-row.is-flipped .pd-story-text{grid-column:2/14;grid-row:2;margin-top:36px}
  .pd-facts{grid-template-columns:1fr}
  .pd-map-canvas{min-height:0;aspect-ratio:4/3}
  .pd-gallery{padding-left:0;padding-right:0}
  .pd-gal-head{padding:0 var(--pad)}
  .pd-slide{aspect-ratio:4/3.2}
  .pd-thumbs{padding:0 var(--pad)}
  .pd-thumbs button{width:96px;flex:0 0 auto}
  .pd-plans{grid-template-columns:1fr}
  .pd-plans h2,.pd-plans p,.pd-plans .link-line{grid-column:1/-1}
  .pd-plans p{margin-top:22px}
  .adv-visual{grid-column:1/12;grid-row:1}
  .adv-text{grid-column:2/14;grid-row:2;padding:44px 0 0}
  .pd-more-list{grid-template-columns:1fr;gap:56px}
  .pd-more-list li:nth-child(3){display:block}
  .pd-more-list .card-body{padding-left:0;padding-right:0}
  .pd-sticky{display:flex;position:fixed;z-index:90;left:0;right:0;bottom:0;gap:8px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:rgba(251,248,242,.97);border-top:1px solid var(--rule);transition:transform .5s var(--slow)}
  .pd-sticky.is-hidden{transform:translateY(110%)}
  .pd-sticky .btn-dark{flex:1}
  .pd-sticky-wa{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--ink);color:var(--ink)}
  .pd-sticky-wa svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
  .page-projekt .site-footer{padding-bottom:110px}
  .lb-grid{grid-template-columns:1fr}
  .lb-item.is-big,.lb-item.is-small{grid-column:auto}
  .filter-panel{width:100%}
  .fp-head,.fp-body,.fp-foot{padding-left:var(--pad);padding-right:var(--pad)}
}
@media (max-width:560px){
  .card-facts{grid-template-columns:repeat(3,1fr)}
  .card-facts div{padding-right:10px}
  .card-facts div+div{padding-left:12px}
  .card-facts dd{font-size:17px}
  .fp-foot .btn-dark{min-width:0;flex:1}
  .pd-facts-panel dl{grid-template-columns:1fr}
  .pd-facts-panel dl div:nth-child(2){border-top:1px solid rgba(239,232,220,.14);padding-top:18px}
}
@media (prefers-reduced-motion:reduce){
  .filter-panel,.panel-scrim{transition:none}
}

/* Persönliche Analyse (echte Projekte) */
.pd-ask{margin:clamp(100px,14vh,170px) var(--pad) 0;padding:clamp(48px,7vh,80px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.pd-ask h2{grid-column:1/7}
.pd-ask-text{grid-column:8/13;display:grid;gap:30px;justify-items:start}
.pd-ask-text p{font-size:18px;color:var(--ink-2)}
@media (max-width:900px){.pd-ask{grid-template-columns:1fr}.pd-ask h2,.pd-ask-text{grid-column:1/-1}.pd-ask-text{margin-top:26px}}

/* ---------- Bildlose Projektkarte (echte Projekte ohne freigegebene Bilder) ---------- */
.field-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:clamp(24px,3vw,44px);overflow:hidden;transition:background-color .8s var(--ease)}
.field-card--night{background:var(--night);color:var(--on-night)}
.field-card--stone{background:#ddd3c4;color:var(--ink)}
.field-card--stone{background:linear-gradient(160deg,#e3dacb,#d6cab7)}
.fc-dev{position:absolute;top:clamp(22px,2.6vw,38px);left:clamp(24px,3vw,44px);font:500 11.5px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;opacity:.86}
.field-card--night .fc-dev{color:var(--bronze-l)}
.field-card--stone .fc-dev{color:var(--bronze)}
.fc-line{position:relative;display:block;width:56px;height:1px;background:var(--bronze-l);margin-bottom:22px;transform-origin:left;transition:width 1.2s var(--slow)}
.field-card--stone .fc-line{background:var(--bronze)}
.fc-name{position:relative;max-width:16ch;font:300 clamp(32px,3.3vw,58px)/.98 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.03em;text-wrap:balance}
.fc-sub{position:relative;margin-top:12px;font-size:14px;opacity:.7}
.fc-sig{display:none}
.card article:hover .fc-line{width:120px}
.card--field .card-media{background:none;text-decoration:none;color:inherit}
.card--field .card-body{padding-top:20px}
.field-card--night{background:linear-gradient(160deg,#252321,#1a1918)}
.tags li.is-example{border-color:var(--bronze);color:var(--bronze)}
.pd-more-list .fc-name{font-size:clamp(26px,2.2vw,38px)}
.pd-more-list .card-foot{flex-direction:column;align-items:flex-start;gap:12px}

/* Detail-Hero ohne Bild */
.pd-hero--field.is-night{background:var(--night)}
.pd-hero--field.is-stone{background:#d9cebd;color:var(--ink)}
.pd-hero--field.is-stone{background:linear-gradient(160deg,#e3dacb,#d4c7b3)}
.pd-hero--field .pd-hero-fade{display:none}
.pd-hero--field{aspect-ratio:2.4/1;min-height:460px}
.pd-hero-line{position:absolute;left:var(--pad);bottom:calc(clamp(30px,5vh,56px) + 100% * 0 + 0px);display:none}
.pd-hero--field .pd-hero-copy .label{color:var(--bronze-l);letter-spacing:.2em}
.pd-hero--field.is-stone .pd-hero-copy .label{color:var(--bronze)}
.pd-hero--field .pd-hero-copy .label::after{content:"";display:block;width:72px;height:1px;margin-top:22px;background:currentColor}
.pd-hero-sig{position:absolute;right:calc(var(--pad) + 2vw);top:16%;height:68%;aspect-ratio:1;opacity:.045;color:currentColor}
.pd-name-sub{grid-column:1;margin-top:14px;font-size:17px;opacity:.75}
.pd-hero--field.is-stone .crumbs--light,.pd-hero--field.is-stone .crumbs--light [aria-current]{color:var(--ink-2)}
.pd-hero--field.is-stone .hero-link{color:var(--ink);border-bottom-color:rgba(28,26,23,.35)}

/* Projektbeschreibung (echte Projekte) */
.pd-about{margin:clamp(100px,15vh,170px) var(--pad) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.pd-about h2{grid-column:1/6}
.pd-about-text{grid-column:7/13}
.pd-about-lead{font:300 clamp(22px,1.9vw,30px)/1.35 var(--display);letter-spacing:-.01em;margin-bottom:44px}
.pd-highlights{margin-top:16px;border-top:1px solid var(--rule)}
.pd-highlights li{padding:14px 0 14px 28px;border-bottom:1px solid var(--rule);font-size:16.5px;line-height:1.55;color:var(--ink-2);position:relative}
.pd-highlights li::before{content:"";position:absolute;left:0;top:26px;width:14px;height:1px;background:var(--bronze)}
.pd-about-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:32px}
.pd-verified{font-size:13px;color:var(--ink-2)}
.pd-facts.is-solo{grid-template-columns:1fr;min-height:0}
.pd-facts.is-solo dl{grid-template-columns:repeat(4,1fr)}
.pd-facts.is-solo dl div:nth-child(-n+4){border-top:0;padding-top:0}
.pd-facts.is-solo dl div:nth-child(n+5){border-top:1px solid rgba(239,232,220,.14);padding-top:18px}

.mli-dot{width:10px;height:10px;border-radius:50%;background:var(--night);align-self:center;justify-self:center}
.mli-dot.is-off{background:none;border:1px solid var(--rule)}
.pl-map-list a{grid-template-columns:20px 1fr}
@media (max-width:900px){
  .pd-hero--field{aspect-ratio:auto;height:62svh;min-height:420px}
  .pd-about{grid-template-columns:1fr}
  .pd-about h2,.pd-about-text{grid-column:1/-1}
  .pd-about-text{margin-top:28px}
  .pd-facts.is-solo dl{grid-template-columns:1fr 1fr}
  .pd-facts.is-solo dl div:nth-child(n+3){border-top:1px solid rgba(239,232,220,.14);padding-top:18px}
  .card--field .card-media{aspect-ratio:4/3}
}
@media (max-width:560px){
  .pd-key-list,.pd-key-list.n2,.pd-key-list.n3,.pd-key-list.n4{grid-template-columns:1fr 1fr}
  .pd-key-list div:first-child{grid-column:1/-1;border-bottom:1px solid var(--rule)}
  .pd-key-list div:nth-child(2){padding-left:0;border-left:0}
  .pd-key-list div:nth-child(n+3){border-top:0}
  .pd-key-list div:nth-child(4){padding-left:0;border-left:0;border-top:1px solid var(--rule)}
  .pd-key-list div:nth-child(3){padding-left:16px;border-left:1px solid var(--rule)}
  .pd-hero-sig{top:calc(var(--header-h) - 20px);right:var(--pad);height:34%}
}