/* IVS Startseite – Fassung 5 (18.10.2026)
   Baut auf ../immobilienverkauf/verkauf.css auf (gleiche Farben, Schriften, Bausteine).
   Hier nur, was die Startseite zusätzlich braucht. Einziger Scroll-Effekt: das Ausblenden im Einstieg (.stage-pin, verkauf.css). */

/* Einstieg: Fulda-Drohnenaufnahme aus dem bestehenden IVS-Imagefilm. */
.stage--home .stage__sky img{object-position:50% 55%;animation:none}
.stage--home .stage__fade{background:linear-gradient(90deg,rgba(14,22,26,.88) 0%,rgba(14,22,26,.66) 40%,rgba(14,22,26,.18) 72%),linear-gradient(0deg,rgba(14,22,26,.5),rgba(14,22,26,0) 40%)}

/* Leistungen: vier Spalten */
.services__list--four{grid-template-columns:repeat(4,1fr)}
.services__list .link{display:inline-block;margin-top:8px}

/* Persönlich und digital */
.app__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:clamp(40px,7vw,110px);align-items:center}
.app h2{max-width:16ch;margin-bottom:22px}
.app p:not(.eyebrow){max-width:56ch}
.app__points{list-style:none;padding:0;margin-top:28px;border-top:1px solid var(--line)}
.app__points li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}
.app__points li::before{content:"";position:absolute;left:2px;top:21px;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.app__device{display:grid;justify-items:center}
.app .app-card{opacity:1;transform:none}

/* Häuser als ruhiges Raster */
.houses-grid__list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.houses-grid__list img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:#e9e3d8}

.foot__login{margin-top:10px}

@media(max-width:1080px){
  .services__list--four{grid-template-columns:1fr 1fr}
  .app__grid{grid-template-columns:1fr}
  .app__device{order:-1}
  .houses-grid__list{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .services__list--four{grid-template-columns:1fr}
  .stage--home .stage__fade{background:linear-gradient(180deg,rgba(14,22,26,.9) 0%,rgba(14,22,26,.66) 50%,rgba(14,22,26,.25) 100%)}
}

/* Hintergrund weich gezeichnet, damit Vanessa und der Text im Vordergrund stehen (wie atzor.de) */
.stage--home .stage__sky-soft{filter:blur(8px) saturate(.85)}
/* Kontakt hell absetzen, damit er sich vom getönten Team-Abschnitt trennt */
.contact{background:var(--bg);border-top:1px solid var(--line)}
.contact__people img{border-color:var(--bg)}

/* Fassung 6 (19.10.2026, Wielands Rückmeldung) */
/* Häuser: zehn aufbereitete Bilder, 5 × 2 */
.houses-grid__list--ten{grid-template-columns:repeat(5,1fr)}
.houses-grid__list--ten img{aspect-ratio:3/2}
@media(max-width:1080px){.houses-grid__list--ten{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.houses-grid__list--ten{grid-template-columns:1fr 1fr;gap:10px}}

/* Partner: jedes Logo vollständig sichtbar, auch auf kleinen Bildschirmen. */
.partners{padding:clamp(56px,7vw,88px) 0;background:var(--ink);color:#c9c3b8}
.partners h2{color:#fff}
.partners__head{max-width:var(--wrap)}
.partners__head>p:not(.eyebrow){max-width:60ch;margin-top:16px}
.partners__controls{margin-top:22px}
.partners__toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer}
.partners__toggle:focus-visible{outline:2px solid #ffb070;outline-offset:4px}
.partners__toggle::before{content:"Ⅱ";font-weight:700}
.partners__toggle[aria-pressed="true"]::before{content:"▶";font-size:11px}
.partners__band{max-width:var(--wrap);margin:36px auto 0;padding:0 var(--pad)}
.partners__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.partners__row li{min-width:0;display:grid;align-items:center;min-height:106px;padding:16px;border:1px solid #fff;border-radius:var(--radius);background:#fff}
.partners__row a{display:grid;align-items:center;width:100%;min-height:72px}
.partners__row img{display:block;width:100%;height:auto;max-width:100%;max-height:72px;object-fit:contain;opacity:1;filter:none}
.partners__row .partners__item--light{background:#fff;border-color:#fff}
.partners__row a:focus-visible{outline-color:#ffb070}
@media(max-width:1080px){.partners__row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.partners__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partners__row li{min-height:96px;padding:14px}.partners__row img{max-height:64px}.partners__row a{min-height:64px}}
.partners__row--copy{display:none}
@keyframes partners-flow{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:no-preference){
  .partners--moving .partners__toggle{display:inline-flex}
  .partners--moving .partners__band{--partner-gap:20px;max-width:none;overflow:hidden;padding:4px 0;margin-top:24px}
  .partners--moving .partners__track{display:flex;width:max-content;animation:partners-flow var(--partner-duration,100s) linear infinite}
  .partners--moving .partners__row{display:flex;flex:none;gap:var(--partner-gap);padding-right:var(--partner-gap)}
  .partners--moving .partners__row li{flex:0 0 208px;width:208px;min-height:120px;padding:20px}
  .partners--moving .partners__row img{height:76px;max-height:76px;width:100%;object-fit:contain}
  .partners--moving.is-paused .partners__track{animation-play-state:paused}
  /* Beim Tabben sind alle Original-Links in einer ruhenden, scrollbareren Zeile erreichbar. */
  .partners--moving .partners__band:focus-within{overflow-x:auto}
  .partners--moving .partners__band:focus-within .partners__track{animation:none}
  .partners--moving .partners__band:focus-within .partners__row--copy{display:none}
  @media(hover:hover){.partners--moving .partners__band:hover .partners__track{animation-play-state:paused}}
  @media(max-width:680px){
    .partners--moving .partners__band{--partner-gap:12px;margin-top:20px}
    .partners--moving .partners__row li{flex-basis:168px;width:168px;min-height:104px;padding:16px}
    .partners--moving .partners__row img{height:68px;max-height:68px}
    .partners__controls{margin-top:18px}
  }
}

/* Presse: gleichmäßiger Raum vor und nach der Karte, mit verlinktem OHN-Logo. */
.press{padding:clamp(48px,6vw,72px) 0}
.press__card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px clamp(28px,5vw,64px);align-items:start;padding:clamp(26px,4vw,44px);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:box-shadow .3s}
.press__card:hover{box-shadow:0 18px 40px -18px rgba(30,33,36,.25)}
.press__brand{display:grid;align-self:center;gap:20px;grid-column:1;grid-row:1/span 3}
.press__brand img{width:280px;max-width:100%;height:auto}
.press__source{font-size:13px;color:var(--muted)}
.press__card strong{grid-column:2;font:400 clamp(24px,2.4vw,34px)/1.2 var(--serif);color:var(--ink);text-wrap:balance}
.press__text{grid-column:2;font-size:16px}
.press__card .link{grid-column:2;justify-self:start;margin-top:6px}
@media(max-width:680px){.press__card{grid-template-columns:1fr;gap:20px}.press__card>*{grid-column:1!important;grid-row:auto!important}.press__brand{gap:12px}.press__brand img{width:240px}}

/* Downloads */
.downloads__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px);align-items:start}
.downloads__portal{margin-top:28px}
.downloads__list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.downloads__list a{position:relative;display:grid;gap:2px;height:100%;padding:18px 20px 18px 58px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.downloads__list a::before{content:"PDF";position:absolute;left:16px;top:18px;display:grid;place-items:center;width:30px;height:36px;border-radius:4px;background:#fdebdc;color:#a8500c;font:700 9px/1 var(--sans);letter-spacing:.04em}
.downloads__list a:hover{border-color:var(--accent);box-shadow:0 12px 28px -18px rgba(30,33,36,.35)}
.downloads__list strong{font-weight:600;color:var(--ink)}
.downloads__list span{font-size:14px;color:var(--muted)}
.downloads__list small{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.downloads__grid{grid-template-columns:1fr}}
@media(max-width:680px){.downloads__list{grid-template-columns:1fr}}

/* Die zusätzliche Immobilien-Navigation bleibt einzeilig. */
@media(min-width:1081px){.top--home .top__inner{gap:20px}.top--home .top__nav{gap:20px;font-size:14px}.top--home .top__nav a{white-space:nowrap}.top--home .top__phone{display:none}.top--home .top__logo{flex-shrink:0}}
@media(min-width:1081px) and (max-width:1250px){.top--home .top__logo span{display:none}}
.stage--home .stage__video-toggle{left:var(--pad);right:auto;bottom:24px}
.stage--home .stage__caption{bottom:84px}
@media(max-width:680px){.stage--home .stage__video-toggle{bottom:96px}.stage--home .stage__caption{bottom:156px}}
/* Lange Downloadtitel und die App-Vorschau dürfen schmale Rasterspalten nicht verbreitern. */
.app__grid>*,.downloads__grid>*{min-width:0}
.downloads__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.downloads__list a{overflow-wrap:anywhere}
@media(max-width:1080px){.app__grid,.downloads__grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.downloads__list{grid-template-columns:minmax(0,1fr)}.app__device{max-width:100%}.app__device .phone{max-width:100%}}

/* Original logos: keep the official white Atzor wordmark on charcoal. */
.partners__row .partners__item--dark{background:#202124;border-color:rgba(255,255,255,.16)}
.person--dog img{object-position:50% 30%}
