/* V21 — SEO / Standort / Beratungsformat; bewusst getrennt vom Haupt-CSS */

.consultation-format{
  background:#f7f6f1;
}

.consultation-format-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:clamp(44px,7vw,90px);
  align-items:center;
}

.consultation-format-copy h2{
  font-family:var(--serif);
  font-size:clamp(36px,4vw,54px);
  font-weight:400;
  line-height:1.12;
  margin:0 0 20px;
}

.consultation-format-copy p:not(.eyebrow){
  max-width:720px;
  font-size:12px;
}

.consultation-format-cards{
  display:grid;
  gap:14px;
}

.consultation-format-cards article{
  padding:26px 28px;
  background:#fff;
  border:1px solid var(--line);
}

.consultation-format-cards h3,
.online-local-callout h3,
.contact-location-box h3{
  font-family:var(--serif);
  font-size:25px;
  font-weight:400;
  line-height:1.2;
  margin:5px 0 10px;
}

.consultation-format-cards p,
.online-local-callout p:not(.eyebrow),
.contact-location-box p:not(.eyebrow){
  margin:0;
  font-size:11px;
  line-height:1.75;
}

.format-number{
  display:block;
  color:var(--sage-dark);
  font-size:9px;
  font-weight:600;
  letter-spacing:.16em;
}

.online-local-callout{
  width:min(1100px,calc(100% - 48px));
  margin:0 auto 64px;
  padding:30px 34px;
  background:var(--sage-light);
  border-left:3px solid var(--sage);
}

.online-local-callout p:not(.eyebrow){
  max-width:850px;
}

.contact-location-box{
  padding:25px 28px;
  margin:0 0 22px;
  background:#f7f6f1;
  border-left:3px solid var(--sage);
}

.price-format-note{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto 36px;
  padding:16px 20px;
  background:var(--sage-light);
  border-left:3px solid var(--sage);
  font-size:11px;
  line-height:1.7;
}

@media(max-width:850px){
  .consultation-format-grid{
    grid-template-columns:1fr;
  }
}