/* Geschichte – ergänzt css/index-neu.css */

.gs-hero .nx-hero-sub{max-width:640px}

/* Intro */
.gs-intro{padding:clamp(72px,9vw,120px) 0}
.gs-intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,5vw,72px)}
.gs-intro-grid p{color:var(--off-muted);line-height:1.75;font-size:16px;margin-bottom:16px}
.gs-intro-grid p:last-child{margin-bottom:0}

/* Kaffee-Story */
.gs-coffee{padding:clamp(72px,9vw,120px) 0}
.gs-coffee-card{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,5vw,72px);background:var(--graphite);border-radius:16px;padding:clamp(32px,4vw,56px)}
.gs-coffee-card p{color:var(--muted);line-height:1.75;font-size:15.5px;margin:14px 0}
.gs-coffee-quote{border-left:2px solid var(--accent);padding-left:24px;display:flex;flex-direction:column;justify-content:center}
.gs-coffee-quote blockquote{font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.4;letter-spacing:-.01em;margin-bottom:14px}
.gs-coffee-quote span{color:var(--muted);font-size:13.5px}

/* Timeline */
.gs-timeline{padding:clamp(72px,9vw,120px) 0}
.gs-timeline-list{max-width:820px;margin:56px auto 0;position:relative}
.gs-timeline-list::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:rgba(20,20,20,.15)}
.gs-timeline-item{position:relative;padding:0 0 40px 44px}
.gs-timeline-item:last-child{padding-bottom:0}
.gs-timeline-item::before{content:"";position:absolute;left:4px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--off);border:2px solid var(--blue)}
.gs-timeline-item.is-highlight::before{background:var(--accent);border-color:var(--accent)}
.gs-timeline-item span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:6px}
.gs-timeline-item h3{font-size:19px;font-weight:700;margin-bottom:8px}
.gs-timeline-item p{color:var(--off-muted);font-size:14.5px;line-height:1.65;max-width:560px}

/* Values */
.gs-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px}
.gs-value-card{background:var(--off);padding:32px 26px}
.gs-value-card span{display:block;font-family:var(--display);font-weight:800;font-size:26px;color:var(--blue);opacity:.55;margin-bottom:14px}
.gs-value-card h3{font-size:17px;font-weight:700;margin-bottom:8px;color:var(--off-ink)}
.gs-value-card p{color:var(--off-muted);font-size:14px;line-height:1.6}

/* Standorte */
.gs-locations{padding:clamp(72px,9vw,120px) 0}
.gs-loc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.gs-loc-card{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden}
.gs-loc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.gs-loc-card:hover img{transform:scale(1.08)}
.gs-loc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,26,51,.88))}
.gs-loc-card span{position:absolute;z-index:2;left:14px;bottom:12px;font-weight:700;color:#fff;font-size:15px}

@media(max-width:1000px){
  .gs-intro-grid{grid-template-columns:1fr}
  .gs-coffee-card{grid-template-columns:1fr}
  .gs-coffee-quote{border-left:0;border-top:2px solid var(--accent);padding-left:0;padding-top:24px}
  .gs-values-grid{grid-template-columns:1fr}
  .gs-loc-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .gs-loc-grid{grid-template-columns:repeat(2,1fr)}
}