/* Startseite — Branchen: links haftet Titel + Bild (weiß), rechts laufen die sieben Branchen (schwarz) */
.ind{position:relative;background:#fff;color:#000;padding:clamp(3.5rem,9vh,6rem) clamp(1.2rem,3.4vw,3.4rem);--ind-pad:clamp(1.2rem,3.4vw,3.4rem);--ind-gap:clamp(2rem,6vw,7rem)}
.ind::after{content:"";position:absolute;top:0;bottom:0;right:0;background:#000;width:calc(max(var(--ind-pad),(100% - 76rem)/2) + (min(76rem,100% - 2*var(--ind-pad)) - var(--ind-gap))*7/12 + var(--ind-gap)/2)}
.ind__inner{position:relative;z-index:1;max-width:76rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--ind-gap);align-items:start}
.ind__side{position:sticky;top:clamp(4.5rem,14vh,8rem)}
.ind__title{margin:0 0 1rem;font-family:"Axodren Display","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.08;letter-spacing:.02em}
.ind__title .xf{font-family:"Axodren Display Ext","Axodren Display",sans-serif}
.ind__lead{margin:0;max-width:24rem;color:#55555c;font:400 .98rem/1.65 "Helvetica Neue",Arial,sans-serif}
.ind__pics{position:relative;display:grid;margin-top:1.6rem;aspect-ratio:1;max-width:22rem;border-radius:.6rem;overflow:hidden;background:#f2f1ef}
.ind__pics img{grid-area:1/1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.ind__pics img.on{opacity:1;transform:none}
.ind__all{display:inline-block;margin-top:1.4rem;font:700 .8rem/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#000;text-decoration:none;border-bottom:2px solid #000;padding-bottom:.3rem}
.ind__all:hover{border-color:transparent}
.ind__list{color:#f2f1ef}
.ind__row{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 2rem;gap:1.2rem;align-items:center;padding:1.3rem 0;border-top:1px solid rgba(242,241,239,.18);color:inherit;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;opacity:.55}
.ind__row:last-child{border-bottom:1px solid rgba(242,241,239,.18)}
.ind__row.on,.ind__row:hover{opacity:1}
.ind__row:hover{transform:translateX(.4rem)}
.ind__no{font:400 .74rem/1 ui-monospace,"SF Mono",Menlo,monospace;color:#9a9aa0;letter-spacing:.06em}
.ind__name{margin:0;font-family:"Axodren Display","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.15;letter-spacing:.01em}
.ind__one{margin:.3rem 0 0;color:#b9b9c0;font:400 .92rem/1.5 "Helvetica Neue",Arial,sans-serif;max-width:32rem}
.ind__arrow{font-size:1.2rem;justify-self:end;transition:transform .35s ease}
.ind__row.on .ind__arrow,.ind__row:hover .ind__arrow{transform:translateX(.3rem)}
@media (max-width:880px){
  .ind::after{display:none}
  .ind__inner{grid-template-columns:1fr;gap:1.6rem}
  .ind__side{position:static}
  .ind__pics{display:none}
  .ind__list{background:#000;padding:.4rem var(--ind-pad) 1rem;margin:0 calc(-1*var(--ind-pad)) calc(-1*clamp(3.5rem,9vh,6rem))}
  .ind__row{grid-template-columns:1.6rem minmax(0,1fr) 1.6rem;gap:.8rem;opacity:1}
}
@media (prefers-reduced-motion:reduce){.ind__row,.ind__pics img,.ind__arrow{transition:none}}