.elementor-1269 .elementor-element.elementor-element-5d2d8aa{--display:flex;}.elementor-1269 .elementor-element.elementor-element-4894d93{--spacer-size:50px;}.elementor-1269 .elementor-element.elementor-element-14242fd{--spacer-size:50px;}/* Start custom CSS for shortcode, class: .elementor-element-6840674 *//* === CI: Blau überall durchsetzen === */
.tpcf-wrap { --c1: #3B6EF5; } /* dein Blau (falls anders: Hex hier ändern) */

/* Kachel-Buttons (Thema/Ziele) */
.tpcf-wrap .tpcf-opt {
  border: 2px solid var(--c1) !important;
  background: #fff !important;
  color: #1f2937 !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.tpcf-wrap .tpcf-opt:hover,
.tpcf-wrap .tpcf-opt:focus-visible {
  background: var(--c1) !important;
  color: #fff !important;
  border-color: var(--c1) !important;
  box-shadow: 0 8px 22px rgba(59,110,245,.20) !important;
}
/* Nach dem Klick dauerhaft blau – auch bei Multi-Select */
.tpcf-wrap .tpcf-opt.active,
.tpcf-wrap .tpcf-opt.active.multi {
  background: var(--c1) !important;
  color: #fff !important;
  border-color: var(--c1) !important;
}

/* Navigations-Buttons */
.tpcf-wrap .tpcf-next,
.tpcf-wrap .tpcf-send {
  background: var(--c1) !important;
  border-color: var(--c1) !important;
  color: #fff !important;
  transition: filter .15s ease, box-shadow .15s ease;
}
.tpcf-wrap .tpcf-next:hover,
.tpcf-wrap .tpcf-send:hover,
.tpcf-wrap .tpcf-next:focus-visible,
.tpcf-wrap .tpcf-send:focus-visible {
  filter: brightness(1.05) !important;
  box-shadow: 0 8px 22px rgba(59,110,245,.20) !important;
}
/* Zurück-Button neutral */
.tpcf-wrap .tpcf-prev {
  background: #eef2f7 !important;
  color: #111 !important;
}

/* Disabled-States klar erkennbar */
.tpcf-wrap .tpcf-next:disabled,
.tpcf-wrap .tpcf-send:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

/* Fokus-Outline in Blau (Barrierefreiheit) */
.tpcf-wrap .tpcf-opt:focus-visible,
.tpcf-wrap .tpcf-next:focus-visible,
.tpcf-wrap .tpcf-send:focus-visible,
.tpcf-wrap .tpcf-prev:focus-visible {
  outline: 3px solid var(--c1) !important;
  outline-offset: 2px !important;
}/* End custom CSS */