/* ==========================================================================
   CTA band (17.10.2026), after reevo.ai "Like what you saw?"
   Reusable: light blue panel, headline + text left, black button right.
   Selectors start with `body ` because pages carry inline <style> copies.
   ========================================================================== */

body .cb { padding: 0; }

body .cb_panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  padding: 64px;
  background: #e8f5fe;
  border-radius: 0;
}

body .cb_content { min-width: 0; }

body .cb_title {
  margin: 0;
  font-family: var(--_typography---font-styles--heading);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #111;
}

body .cb_text {
  max-width: 36rem;
  margin: .75rem 0 0;
  font-size: 17px;
  line-height: 1.6;
  color: #555;
}

body .cb_panel .lt_btn { flex: 0 0 auto; margin: 0; }

@media (max-width: 991px) {
  body .cb_title { font-size: 26px; }
}

@media (max-width: 719px) {
  body .cb_panel { flex-direction: column; align-items: flex-start; gap: 1.75rem; padding: 40px; }
  body .cb_title { font-size: 24px; }
}

@media (max-width: 479px) {
  body .cb_panel { padding: 24px; }
  body .cb_title { font-size: 22px; }
}

/* Paper comment 17.10.2026, 834 and down: "button unter paragraph, und dann alles mittiger" */
@media (max-width: 991px) {
  body .cb_panel { flex-direction: column; align-items: center; gap: 1.75rem; text-align: center; }
  body .cb_text { margin-left: auto; margin-right: auto; }
}

/* Paper comments 20.10.2026 */
/* 834 "links rechts beibehalten" (undoes the stacked look from 17.10. at 820-991); 744 "umbrechen ist gut, aber maxwidth auf paragraph";
   390 "full width ab hier und maxwidth auf heading und heading tick grösser" */
@media (min-width: 820px) and (max-width: 991px) {
  body .cb_panel { flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; text-align: left; }
  body .cb_text { margin-left: 0; margin-right: 0; }
}
@media (max-width: 819px) { body .cb_text { max-width: 26rem; } }
@media (max-width: 479px) {
  body .cb_panel { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 48px 20px; }
  body .cb_title { max-width: 14em; margin-left: auto; margin-right: auto; font-size: 26px; text-wrap: balance; }
}