/* Amando Haus Gladbeck – seitenspezifische Stile (nur auf dieser Seite geladen) */
/* --- Overrides für gemeinsame Komponenten --- */
.intro{padding:120px 0 110px;background:#fff;}
.leistungen .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media(max-width:980px){.leistungen .grid{grid-template-columns:1fr 1fr;}}
@media(max-width:680px){.leistungen .grid{grid-template-columns:1fr;}}
.promise{position:relative;background:var(--paper);color:var(--ink);padding:120px 0;overflow:hidden;}
.promise .hero-signet{position:absolute;top:-120px;right:-90px;width:460px;opacity:.16;transform:rotate(10deg);z-index:0;}
.promise .hero-signet.two{top:auto;bottom:-200px;right:auto;left:-110px;transform:rotate(10deg);opacity:.14;z-index:0;}

/* --- Gladbeck-Komponenten (Breadcrumb, Eckdaten, Galerie, Lightbox) --- */
/* Sub-Hero mit Bild (Detailseite Haus) – gleiche Tokens wie Startseite */
.house-hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;color:var(--paper);padding:calc(var(--nav-h) + 40px) 0 52px;overflow:hidden;}
.house-hero .hh-bg{position:absolute;inset:0;z-index:0;}
.house-hero .hh-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.house-hero .hh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,62,64,.35) 0%,rgba(1,62,64,.55) 55%,rgba(1,62,64,.86) 100%);}
.house-hero .shell{position:relative;z-index:2;width:100%;text-align:left;}
/* Breadcrumb-Leiste unter dem Hero */
.crumb-bar{background:var(--paper-2);border-bottom:1px solid var(--line);}
.crumb-bar .crumb{font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:var(--ink-muted);padding:14px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.crumb-bar .crumb a{color:var(--ink-muted);text-decoration:none;}
.crumb-bar .crumb a:hover{color:var(--petrol);text-decoration:underline;}
.crumb-bar .crumb span{opacity:.45;}
.crumb-bar .crumb .current{color:var(--petrol);font-weight:500;}
.house-hero .hh-pill{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-indent:.08em;text-transform:uppercase;background:var(--beige);color:var(--petrol-deep);padding:6px 12px;line-height:1;border-radius:999px;margin-bottom:16px;}
.house-hero .hh-city{font-family:var(--sans);font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--beige);margin-bottom:8px;}
.house-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.5vw,62px);line-height:1.04;margin:0;max-width:16ch;}
@media(max-width:680px){.house-hero{min-height:68svh;padding:calc(var(--nav-h) + 28px) 0 40px;}}

/* Eckdaten-Leiste: nutzt h-facts-Optik, als breite Bar */
/* Auf einen Blick (kombinierter Block) */
.house-glance{background:var(--paper);padding:64px 0;}
.house-glance .row{display:flex;flex-wrap:wrap;gap:38px 64px;align-items:flex-end;margin-top:14px;padding-bottom:40px;border-bottom:1px solid var(--line-strong);}
.house-glance .f .n{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,44px);color:var(--petrol);line-height:1;}
.house-glance .f .l{font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:var(--ink-muted);margin-top:6px;}
.house-glance .h-progress{flex:1;min-width:240px;max-width:none;margin-bottom:0;}
.house-glance .h-progress .pg-track{background:var(--line);}
.house-glance .glance-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:40px;}
.house-glance h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.1;color:var(--ink);margin:12px 0 28px;}
.house-glance h3{font-family:var(--sans);font-weight:600;font-size:18px;color:var(--petrol);margin:0 0 22px;}
.glance-list{margin:0;}
.glance-list .gl-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:10px 0;}
.glance-list dt{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--petrol-60);}
.glance-list dd{margin:0;font-family:var(--sans);font-size:16px;color:var(--ink);line-height:1.5;}
.feature-list{list-style:none;margin:0;padding:0;}
.feature-list li{position:relative;padding:0 0 16px 28px;font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);}
.feature-list li::before{content:"";position:absolute;left:4px;top:8px;width:8px;height:8px;border-radius:999px;background:var(--petrol);}
.feature-list li:last-child{padding-bottom:0;}
@media(max-width:900px){.house-glance{padding:48px 0;}.house-glance .glance-grid{grid-template-columns:1fr;gap:40px;}}
@media(max-width:680px){.glance-list .gl-row{grid-template-columns:1fr;gap:4px;}}
.house-glance .h-progress.pg-go .pg-fill{width:var(--pg);}

/* Detail-Intro: spiegelt .intro (zweispaltig) */
.house-intro{background:var(--paper);padding:104px 0 84px;}
.house-intro .hi-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start;margin-top:8px;}
.house-intro h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.1;color:var(--ink);margin:14px 0 22px;max-width:18ch;}
.house-intro p{font-family:var(--sans);font-size:16px;line-height:1.7;color:var(--ink-muted);margin:0 0 18px;}
.house-intro .hi-media img{width:100%;border-radius:18px;display:block;}
@media(max-width:980px){.house-intro .hi-grid{grid-template-columns:1fr;gap:40px;}.house-intro{padding:64px 0 56px;}}

/* zurück-Link unten */


/* Bildergalerie – Masonry-artiges Grid, gleiche Radien/Tokens */
.house-gallery{background:var(--paper-2);padding:84px 0;position:relative;z-index:1;}
.house-gallery h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.1;color:var(--ink);margin:14px 0 0;max-width:18ch;}
.house-gallery .lead{font-family:var(--sans);font-size:16px;line-height:1.7;color:var(--ink-muted);max-width:54ch;margin:14px 0 0;}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:18px;margin-top:44px;}
.gallery-grid .g-item{position:relative;border-radius:22px;overflow:hidden;cursor:pointer;background:var(--line);border:0;padding:0;display:block;box-shadow:0 1px 2px rgba(1,62,64,.04);transition:box-shadow .4s ease,transform .4s cubic-bezier(.16,1,.3,1);}
.gallery-grid .g-item:hover{box-shadow:0 18px 40px rgba(1,62,64,.16);transform:translateY(-3px);}
.gallery-grid .g-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1);}
.gallery-grid .g-item:hover img,.gallery-grid .g-item:focus-visible img{transform:scale(1.07);}
.gallery-grid .g-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,62,64,0) 40%,rgba(1,62,64,.55) 100%);opacity:0;transition:opacity .4s ease;}
.gallery-grid .g-item:hover::after,.gallery-grid .g-item:focus-visible::after{opacity:1;}
/* Zoom-Indikator */
.gallery-grid .g-item .g-zoom{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;background:rgba(251,248,241,.9);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);z-index:2;}
.gallery-grid .g-item:hover .g-zoom,.gallery-grid .g-item:focus-visible .g-zoom{opacity:1;transform:scale(1);}
.gallery-grid .g-item .g-zoom svg{width:18px;height:18px;stroke:var(--petrol);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
/* Caption beim Hover */
.gallery-grid .g-item .g-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--sans);font-size:14px;color:var(--paper);z-index:2;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1);}
.gallery-grid .g-item:hover .g-cap,.gallery-grid .g-item:focus-visible .g-cap{opacity:1;transform:translateY(0);}
.gallery-grid .g-item:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;}
.gallery-grid .wide{grid-column:span 2;}
.gallery-grid .tall{grid-row:span 2;}
@media(max-width:980px){.house-gallery{padding:56px 0;}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;}.gallery-grid .wide{grid-column:span 2;}.gallery-grid .tall{grid-row:span 1;}}
@media(max-width:680px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;gap:12px;}.gallery-grid .wide{grid-column:span 2;}.gallery-grid .g-item{border-radius:16px;}}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(1,62,64,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;}
.lightbox.is-open{opacity:1;visibility:visible;}
.lightbox .lb-stage{position:relative;max-width:min(1100px,92vw);max-height:86vh;}
.lightbox .lb-stage img{max-width:100%;max-height:86vh;border-radius:12px;display:block;box-shadow:0 30px 80px rgba(0,0,0,.4);}
.lightbox .lb-cap{font-family:var(--sans);font-size:14px;color:var(--beige);text-align:center;margin-top:14px;opacity:.9;}
.lightbox button{position:absolute;background:rgba(251,248,241,.12);border:1px solid rgba(240,224,175,.3);color:var(--paper);width:50px;height:50px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;}
.lightbox button:hover{background:rgba(251,248,241,.24);}
.lightbox button svg{width:22px;height:22px;}
.lightbox .lb-close{top:-58px;right:0;}
.lightbox .lb-prev{left:-72px;top:50%;transform:translateY(-50%);}
.lightbox .lb-next{right:-72px;top:50%;transform:translateY(-50%);}
@media(max-width:980px){.lightbox .lb-prev{left:8px;}.lightbox .lb-next{right:8px;}.lightbox .lb-close{top:8px;right:8px;}.lightbox .lb-stage{max-width:94vw;}}