/* RAW-Flats Design-Feinschliff, Stand 14.10.2026
   Einbinden NACH style.css:
   <link rel="stylesheet" href="style.css">
   <link rel="stylesheet" href="design-feinschliff.css"> */

/* Linienfarbe aus dem Farbkonzept (Warmgrau #D9D4CC) */
:root{--line:#d9d4cc}

/* Kleinschrift auf mindestens 11 bis 13 px */
.eyebrow{font-size:12px;letter-spacing:2.4px}
.hero-note{font-size:12px;letter-spacing:.4px}
.picture-badge{font-size:11px}
.card-title .region{font-size:12px}
.specs{font-size:13px}
.form-help{font-size:12px}
footer p,footer>div{font-size:13px}
.contact .contact-note{font-size:13px}

/* Hero: unterer Verlauf, damit der Hinweis rechts unten lesbar bleibt */
.hero-shade{background:
  linear-gradient(0deg,rgba(13,18,16,.62),rgba(13,18,16,0) 26%),
  linear-gradient(90deg,rgba(13,18,16,.77),rgba(13,18,16,.3) 58%,rgba(13,18,16,.06))}

/* Apartmentkarte ab 1000 px zweispaltig: Foto links, Text rechts */
@media(min-width:1000px){
  .apartment-card{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto auto 1fr;column-gap:56px;max-width:none;border-bottom:0}
  .card-image{grid-column:1;grid-row:1/span 4}
  .card-title,.specs,.card-copy,.card-links{grid-column:2}
  .card-title{margin-top:0;align-self:start}
  .card-copy{max-width:none;min-height:0}
  .card-links{align-self:end}
}

/* Mobil: Hinweis im Hero von 9 auf 11 px, unterer Verlauf */
@media(max-width:600px){
  .hero-shade{background:
    linear-gradient(0deg,rgba(17,17,17,.6),rgba(17,17,17,0) 30%),
    linear-gradient(90deg,#111b,#1115)}
  .hero-note{font-size:11px}
}

/* Footer (14.10.2026) */
.site-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;align-items:start;padding:64px 8% 28px;border-top:1px solid var(--line)}
.site-footer>div{display:block;font-size:14px}
.site-footer .brand img{width:170px}
.site-footer p{font-size:13px;color:var(--muted);margin:16px 0 0;max-width:300px}
.site-footer .foot-title{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;color:var(--ink);margin:0 0 14px}
.site-footer a:not(.brand){display:block;padding:5px 0;font-size:14px}
.site-footer a:not(.brand):hover{color:#a3432c}
.site-footer>.foot-legal{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:22px;font-size:12px;color:var(--muted)}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr;padding:48px 6% 24px}}
@media(max-width:600px){.site-footer{grid-template-columns:1fr;gap:28px}}

/* Vertrauenszeile (14.10.2026) */
.facts{max-width:1600px;margin:auto;padding:0 8%}
.fact-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.fact-grid li{padding:34px 24px 30px 28px;border-right:1px solid var(--line)}
.fact-grid li:first-child{padding-left:0}
.fact-grid li:last-child{border-right:0}
.fact-grid strong{display:block;font:normal 44px/1.1 Georgia,serif;letter-spacing:-1px;font-weight:400}
.fact-grid span{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.trust-line{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:18px 0 26px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.trust-line span{display:inline-flex;align-items:center;gap:8px}
.trust-line span:before{content:"";width:6px;height:6px;background:var(--rust)}
@media(max-width:900px){.facts{padding:0 6%}.fact-grid{grid-template-columns:1fr 1fr}.fact-grid li{padding:22px 16px 22px 0;border-right:0;border-bottom:1px solid var(--line)}.fact-grid li:nth-child(even){padding-left:16px}}
@media(max-width:600px){.fact-grid strong{font-size:36px}.trust-line{gap:8px 20px}}

/* Formular (14.10.2026) */
.form-help a{text-decoration:underline}

/* Einheitliche Klickflaechen */
:root{--btn:#b34e30;--btn-hover:#963c24}
.nav-cta,.button,.button.light,.card-inquiry{display:inline-flex;align-items:center;justify-content:center;gap:0;background:var(--btn);color:#fff;border:1px solid var(--btn);padding:13px 22px;font-size:14px;font-weight:400;line-height:1.4;text-align:center}
.nav-cta span,.button span,.card-inquiry span{display:none}
.nav-cta:hover,.button:hover,.button.light:hover,.card-inquiry:hover{background:var(--btn-hover);border-color:var(--btn-hover);color:#fff}
.details-button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:13px 22px;font-size:14px;line-height:1.4}
.details-button:hover{background:var(--ink);color:#fff}
.card-links{justify-content:flex-start;flex-wrap:wrap;gap:14px}
.menu{border:1px solid var(--ink);padding:9px 16px;color:var(--ink)}

/* Galerie (14.10.2026) */
.image-action{display:none}.details-button{background:#d9d4cc;border:1px solid #d9d4cc;color:var(--ink)}.details-button:hover{background:#c9c3b9;border-color:#c9c3b9;color:var(--ink)}.gallery-grid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-item{display:block;position:relative;width:100%;padding:0;border:0;background:#d9d4cc;cursor:pointer;overflow:hidden;aspect-ratio:3/2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.03)}.gallery-cap{position:absolute;left:0;bottom:0;padding:8px 12px;background:rgba(26,26,26,.78);color:#fff;font-size:12px;line-height:1.3}.gallery-item:focus-visible,.lightbox button:focus-visible{outline:3px solid #c65a3a;outline-offset:2px}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}}.lightbox{border:0;padding:0;background:#1a1a1a;color:#fff;max-width:min(1200px,94vw);width:94vw;max-height:94vh;overflow:auto}.lightbox::backdrop{background:rgba(26,26,26,.88)}.lightbox figure{margin:0}.lightbox figure img{display:block;width:100%;height:auto;max-height:74vh;object-fit:contain;background:#1a1a1a}.lightbox figcaption{padding:12px 20px 0;font-size:14px}.lb-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px 18px}.lb-count{font-size:13px;color:#d9d4cc}.lightbox button{font:inherit;font-size:14px;color:#fff;background:#b34e30;border:1px solid #b34e30;padding:10px 20px;cursor:pointer}.lightbox button:hover{background:#963c24;border-color:#963c24}.lb-close{position:absolute;top:12px;right:12px;z-index:2}.section.gallery{display:block}.section.gallery{max-width:1600px;margin:0 auto;padding:94px 8% 70px}