/* Entwurf: Multipage-Struktur + regionaler Bezug.
   Ergänzt styles.css, überschreibt nichts Grundlegendes. */

/* Zoller als eigenes, klares Bildband unter dem Hero – kein Hintergrund-Wisch */
.zoller-band{
  position:relative;margin:0;line-height:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.zoller-band img{
  width:100%;height:clamp(260px,44vh,460px);
  object-fit:cover;object-position:center 32%;
  filter:grayscale(.12) contrast(1.03);
}
.zoller-band figcaption{
  position:absolute;right:14px;bottom:12px;
  font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:rgba(20,21,25,.55);padding:4px 9px;border-radius:4px;line-height:1.3;
}

/* Teaser-Leistungen auf der Startseite: gleiche Hairline-Optik wie .svc */
.more-link{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-weight:600;color:var(--accent);border-bottom:1.5px solid var(--accent);padding-bottom:2px;}

/* Leistungs-Zeilen sind KEINE Links -> Klick-Andeutung (Pfeil + Hover-Versatz) entfernen */
.svc-row{padding-left:4px;}
.svc-row:hover{padding-left:4px;}
.svc-row .arrow{display:none;}

/* "Zum Ausprobieren" – Karten als echte Links */
a.work-item{display:block;transition:border-color .18s,transform .18s;}
a.work-item:hover{border-color:var(--line-strong);transform:translateY(-2px);}
a.work-item h3{color:var(--accent);}

/* Region / Zollernalb */
.region-in{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}
.region-figure{margin:0;}
.region-figure img{border-radius:12px;border:1px solid var(--line-strong);width:100%;height:auto;}
.region-figure figcaption{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px;}
.region-copy p{margin:0 0 18px;color:#3a3b36;}
.region-copy p:last-child{margin-bottom:0;}

/* Referenzen: Liste kommender/kleiner Projekte unter dem Haupt-Case */
.work-more{margin-top:60px;border-top:1px solid var(--line);padding-top:28px;}
.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-top:22px;}
.work-item{border:1px solid var(--line);border-radius:12px;padding:24px;}
.work-item .eyebrow{display:block;margin-bottom:10px;}
.work-item h3{font-family:var(--disp);font-weight:600;font-size:1.15rem;margin:0 0 8px;}
.work-item p{margin:0;color:var(--muted);font-size:.94rem;}
.work-note{margin:22px 0 0;color:var(--muted);font-size:.95rem;}

/* Porträt auf der Über-Seite */
.portrait{
  width:150px;height:188px;flex:none;object-fit:cover;object-position:center top;
  border-radius:10px;border:1px solid var(--line-strong);
  filter:saturate(.96);
}
.about-head{display:flex;align-items:center;gap:26px;margin-bottom:34px;}
.about-head .big{margin:0;}

/* Werdegang / Timeline auf der Über-Seite */
.cv-list{list-style:none;margin:0;padding:0;}
.cv-list li{display:grid;grid-template-columns:130px 1fr;gap:26px;padding:24px 4px;border-top:1px solid var(--line);}
.cv-list li:first-child{border-top:0;}
.cv-year{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--accent);padding-top:5px;}
.cv-list h3{font-family:var(--disp);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;margin:0 0 6px;}
.cv-list p{margin:0;color:#3a3b36;font-size:.96rem;}

@media(max-width:640px){
  .cv-list li{grid-template-columns:1fr;gap:6px;}
  .cv-year{padding-top:0;}
}

@media(max-width:900px){
  .region-in{grid-template-columns:1fr;gap:28px;}
  .work-grid{grid-template-columns:1fr;gap:16px;}
  .about-head{flex-direction:column;align-items:flex-start;gap:18px;}
}

/* ---------- Anfrage-Widget unten rechts ---------- */
.ctaw{position:fixed;right:20px;bottom:20px;z-index:60;font-family:var(--body);}
.ctaw-toggle{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--ink);color:var(--paper);border:0;border-radius:999px;
  padding:7px 18px 7px 7px;cursor:pointer;font-weight:600;font-size:.92rem;
  box-shadow:0 14px 34px -14px rgba(20,21,25,.55);
  transition:transform .16s;
}
.ctaw-toggle:hover{transform:translateY(-2px);}
.ctaw-face{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 15%;flex:none;image-rendering:auto;}
.ctaw-panel{
  position:absolute;right:0;bottom:calc(100% + 12px);width:min(324px,86vw);
  background:var(--paper);border:1px solid var(--line-strong);border-radius:14px;
  box-shadow:0 28px 64px -22px rgba(20,21,25,.45);padding:18px;
}
.ctaw-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.ctaw-face-lg{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 15%;flex:none;image-rendering:auto;}
.ctaw-head strong{font-family:var(--disp);display:block;font-size:1rem;letter-spacing:-.01em;}
.ctaw-head span{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.ctaw-close{margin-left:auto;background:none;border:0;font-size:1.35rem;line-height:1;cursor:pointer;color:var(--muted);align-self:flex-start;}
.ctaw-close:hover{color:var(--ink);}
.ctaw-form{display:flex;flex-direction:column;gap:9px;}
.ctaw-form input,.ctaw-form textarea{
  font:inherit;font-size:.92rem;background:#fff;color:var(--ink);
  border:1px solid var(--line-strong);border-radius:8px;padding:9px 11px;resize:vertical;
}
.ctaw-form input:focus,.ctaw-form textarea:focus{outline:none;border-color:var(--accent);}
.ctaw-form button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px;font-weight:600;font-size:.92rem;cursor:pointer;}
.ctaw-form button:hover{background:var(--accent-ink);}
.ctaw-note{margin:3px 0 0;font-size:.8rem;color:var(--muted);}
.ctaw-note a{color:var(--accent);border-bottom:1px solid var(--accent);}
@media(max-width:600px){
  .ctaw{right:12px;bottom:12px;}
  .ctaw-label{display:none;}
  .ctaw-toggle{padding:7px;gap:0;}
}
@media(prefers-reduced-motion:no-preference){
  .ctaw-panel{animation:ctaw-in .18s ease-out;}
  @keyframes ctaw-in{from{opacity:0;transform:translateY(6px);}}
}