/* Reinigungsfirmen: gleiche Designfamilie wie die ausformulierten Branchen-Seiten. */
.page-header h1 { hyphens: none; }

body:has(.cl-trust) .page-header > .container > p:not(.page-header__subtitle) {
  max-width: 42.5rem;
  margin-top: var(--space-4);
  margin-bottom: 0;
}

main > section:has(.cl-trust) > .container > h2 {
  margin-bottom: var(--space-6);
  text-align: center;
}

.cl-trust {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.cl-trust article {
  padding: var(--space-6) clamp(1.25rem, 2.5vw, 2rem) !important;
}

.cl-trust h3 {
  margin-bottom: var(--space-3);
  font-size: 1.18rem;
}

.cl-trust article::before {
  content: '';
  display: flex;
  width: 2.6rem;
  height: 2.6rem;
  margin-bottom: var(--space-4);
  border-radius: 50%;
  background: var(--color-blue-50) center / 1.25rem no-repeat;
}

.cl-trust article:nth-child(1)::before { background-color: var(--color-navy-900); background-image: url('/assets/icons/trust-star.svg'); }
.cl-trust article:nth-child(2)::before { background-image: url('/assets/icons/trust-growth.svg'); }
.cl-trust article:nth-child(3)::before { background-image: url('/assets/icons/trust-target.svg'); }
.cl-trust article:nth-child(4)::before { background-image: url('/assets/icons/trust-check.svg'); }

/* Zeilenlisten ohne Premium-Variante: schlichte Reihe statt Kartenraster (Premium-Varianten kommen aus components.css). */
.cl-rows:not(.premium-tickets):not(.premium-checklist) {
  display: block;
  border-top: 1px solid var(--color-border);
}

.cl-rows:not(.premium-tickets):not(.premium-checklist) article {
  display: grid;
  grid-template-columns: 3rem minmax(11rem, .8fr) minmax(0, 1.7fr);
  gap: var(--space-4);
  padding: var(--space-5) 0;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
  background: transparent;
}

.cl-rows h3 { margin: 0; font-size: 1.15rem; }
.cl-rows p { margin: 0; }

.cl-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: var(--color-blue-50);
  color: var(--color-primary);
}

.cl-icon svg { width: 1.25rem; height: 1.25rem; }

.process-steps {
  position: relative;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-5);
}

.process-steps::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 10%;
  left: 10%;
  height: 1px;
  background: var(--color-blue-100);
}

.process-step { z-index: 1; }
main .process-step .process-step__title,
main .process-step h3 { min-height: 3.6rem; hyphens: none; word-break: normal; }

@media (min-width: 981px) {
  main .process-step .process-step__title,
  main .process-step h3 { min-height: 3.6rem; }
}

@media (max-width: 980px) and (min-width: 768px) {
  .process-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .process-steps::before { display: none; }
}

@media (max-width: 767px) {
  .cl-trust { grid-template-columns: 1fr 1fr !important; }
  .cl-trust article:nth-child(odd) { border-left: 0; }
  .cl-trust article:nth-child(n + 3) { border-top: 1px solid var(--color-border); }
  .cl-rows:not(.premium-tickets):not(.premium-checklist) article { grid-template-columns: 3rem 1fr; gap: var(--space-3); }
  .cl-rows:not(.premium-tickets):not(.premium-checklist) article p { grid-column: 2; }
  .process-steps { grid-template-columns: 1fr; }
  .process-steps::before { display: none; }
  main .process-step .process-step__title,
  main .process-step h3 { min-height: 0; }
}