/* UX final overlay — clarity-first navigation and content hierarchy */
.hdr .nav { gap: clamp(11px, 1.45vw, 23px); }
.hdr .nav > a:not(.btn) { font-weight: 650; white-space: nowrap; }
.hdr .nav > a[aria-current="page"] { color: var(--green); }
.page-hero .lead, .catalog-page-hero .lead { max-width: 720px; }
.page-hero, .catalog-page-hero { padding-block: clamp(56px, 8vw, 100px); }
.breadcrumb { font-size: .84rem; }
.article .content-wrap { max-width: 820px; }
.article p, .article li { font-size: 1.02rem; line-height: 1.72; }

.ux-home-hero .hero-in { max-width: 780px; }
.ux-home-hero .hero-sub { max-width: 680px; font-size: clamp(1.2rem, 2.2vw, 1.65rem); }
.ux-home-hero .hero-services { max-width: 620px; }
.ux-home-hero .btn-row { gap: 12px; }
.ux-home-hero .btn--ghost-light { background: rgba(255,255,255,.08); }
.ux-intro { max-width: 760px; }
.ux-offer-grid, .ux-product-entry-grid, .ux-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ux-offer-card, .ux-product-entry, .ux-service-card { display:flex; flex-direction:column; min-height:100%; padding:clamp(22px,3vw,34px); border:1px solid var(--line); background:var(--paper); }
.ux-offer-card h3, .ux-product-entry h3, .ux-service-card h3 { margin:0 0 10px; }
.ux-offer-card p, .ux-product-entry p, .ux-service-card p { margin:0 0 20px; color:var(--muted); }
.ux-offer-card a, .ux-product-entry a { margin-top:auto; }
.ux-number { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; margin-bottom:22px; border-radius:50%; background:var(--green); color:var(--ink); font-weight:800; }
.ux-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ux-process-step { padding:28px 24px; border-right:1px solid var(--line); }
.ux-process-step:last-child { border-right:0; }
.ux-process-step strong { display:block; margin-bottom:8px; font-size:1.05rem; }
.ux-process-step p { margin:0; color:var(--muted); }
.ux-product-entry { overflow:hidden; padding:0; }
.ux-product-entry img { width:100%; aspect-ratio:4/3; object-fit:contain; background:#fff; }
.ux-product-entry__body { display:flex; flex:1; flex-direction:column; padding:24px; }
.ux-home-note { max-width:760px; font-size:clamp(1.25rem,2.5vw,2rem); line-height:1.35; }
.ux-contact-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }

.catalog-page-hero .eyebrow { margin-bottom:12px; }
.catalog-toolbar { gap:8px; }
.catalog-filter-sep { display:none; }
.catalog-card__body > .eyebrow { color:var(--muted); }
.catalog-card__body > p:not(.eyebrow):not(.catalog-price) { min-height:auto; }
.catalog-card__tags { display:none; }
.catalog-card__facts { grid-template-columns:1fr 1fr; }
.catalog-card .btn-row { margin-top:auto; }
.catalog-card .btn-row .btn { width:100%; justify-content:center; }
.catalog-card .btn-row .btn--green { display:none; }
.catalog-card__system-note { margin:-2px 0 12px; font-size:.78rem; color:var(--muted); }
.catalog-card__purpose { font-size:.74rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:var(--green-dark); }
.catalog-detail__aside .eyebrow { margin-bottom:8px; }
.catalog-detail__aside .catalog-full-btn { width:100%; justify-content:center; }
.catalog-section { margin-bottom:44px; }
.catalog-section h2 { margin-bottom:12px; }
.ux-detail-system { margin:0 0 18px; padding:10px 12px; background:var(--paper); border-left:3px solid var(--green); color:var(--muted); font-size:.86rem; }
.ux-system-check-strip { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ux-system-check-strip p { margin:0; max-width:650px; }

.system-float { padding:10px 12px; }
.system-float small { font-size:.65rem; }

@media (max-width: 980px) {
  .ux-offer-grid, .ux-product-entry-grid, .ux-service-grid { grid-template-columns:1fr; }
  .ux-process-grid { grid-template-columns:1fr 1fr; }
  .ux-process-step:nth-child(2) { border-right:0; }
  .ux-process-step:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width: 720px) {
  .hdr .nav { gap:0; }
  .hdr .nav > a { padding-block:13px; }
  .ux-home-hero .hero-claim { font-size:clamp(3rem,17vw,5.7rem); }
  .ux-process-grid { grid-template-columns:1fr; }
  .ux-process-step { border-right:0; border-bottom:1px solid var(--line); }
  .ux-process-step:last-child { border-bottom:0; }
  .catalog-card__facts { grid-template-columns:1fr; }
  .ux-system-check-strip { align-items:flex-start; flex-direction:column; }
  .system-float { right:10px; bottom:76px; }
}

/* v3: Prinzip + Messebau coexist without crowding */
@media (min-width: 981px) and (max-width: 1180px){.hdr .nav> a:not(.btn){font-size:.9rem}.hdr .nav .btn{padding-inline:15px}}