/* Phase 24.0.0: einheitliche blaue Informationsbalken und mittig verkürzte Goldlinien. */

:is(
  .elementor-element-m3000043,
  .credo-compass,
  .institute-pillars,
  .wealth-strip,
  .advisory-strip,
  .elementor-element-p9000040,
  .assist-strip,
  .career-value-strip,
  .elementor-element-p4000034,
  .elementor-element-p5000033,
  .elementor-element-p6000035,
  .pbi-seminar-launch-bar,
  .onboarding-status,
  .pbi-contact-strip,
  .pbi-wp-strip
){
  --pbi-strip-divider:rgba(212,173,103,.45);
  display:grid!important;
  align-items:center!important;
  width:100%!important;
  height:88px!important;
  min-height:88px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  background:#45546c!important;
}

/* Verschachtelte Viererleisten behalten ihr Raster, werden aber im Balken zentriert. */
:is(.credo-compass-inner,.institute-pillars-inner,.wealth-strip-inner){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  align-self:center!important;
  width:100%!important;
  height:88px!important;
  min-height:88px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Direkte Elementor-Felder der übrigen Informationsbalken. */
:is(
  .elementor-element-m3000043,
  .advisory-strip,
  .elementor-element-p9000040,
  .career-value-strip,
  .elementor-element-p4000034,
  .elementor-element-p5000033,
  .elementor-element-p6000035,
  .pbi-seminar-launch-bar,
  .onboarding-status,
  .pbi-contact-strip,
  .pbi-wp-strip
) > *{
  position:relative!important;
  align-self:center!important;
  min-height:48px!important;
  height:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}

/* Verschachtelte Felder auf Credo-, Instituts- und Vermögensverwaltungsseite. */
:is(
  .credo-compass-item,
  .institute-pillar,
  .wealth-strip-item
){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:center!important;
  min-height:48px!important;
  height:auto!important;
  margin:0!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}

/* Die Assistenzleiste nutzt optimierte Spans statt eigener Elementor-Container. */
.assist-strip .assist-html > span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:center!important;
  min-height:48px!important;
  height:auto!important;
  padding:8px 20px!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  text-align:center!important;
}

/* Desktop: exakt 44 Pixel hohe, vertikal mittig sitzende Goldlinien. */
@media(min-width:761px){
  :is(
    .elementor-element-m3000043,
    .advisory-strip,
    .elementor-element-p9000040,
    .career-value-strip,
    .elementor-element-p4000034,
    .elementor-element-p5000033,
    .elementor-element-p6000035,
    .pbi-seminar-launch-bar,
    .onboarding-status,
    .pbi-contact-strip,
    .pbi-wp-strip
  ) > * + *::before,
  :is(.credo-compass-item,.institute-pillar,.wealth-strip-item) + *::before,
  .assist-strip .assist-html > span + span::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    top:50%!important;
    bottom:auto!important;
    left:0!important;
    width:1px!important;
    height:44px!important;
    background:var(--pbi-strip-divider,rgba(212,173,103,.45))!important;
    transform:translateY(-50%)!important;
  }
}

/* Mobil werden dieselben kurzen Trenner horizontal zwischen die gestapelten Felder gesetzt. */
@media(max-width:760px){
  :is(
    .elementor-element-m3000043,
    .credo-compass,
    .institute-pillars,
    .wealth-strip,
    .advisory-strip,
    .elementor-element-p9000040,
    .assist-strip,
    .career-value-strip,
    .elementor-element-p4000034,
    .elementor-element-p5000033,
    .elementor-element-p6000035,
    .pbi-seminar-launch-bar,
    .onboarding-status,
    .pbi-contact-strip,
    .pbi-wp-strip
  ){
    height:auto!important;
    min-height:0!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  :is(.credo-compass-inner,.institute-pillars-inner,.wealth-strip-inner){
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
  }
  :is(
    .elementor-element-m3000043,
    .advisory-strip,
    .elementor-element-p9000040,
    .career-value-strip,
    .elementor-element-p4000034,
    .elementor-element-p5000033,
    .elementor-element-p6000035,
    .pbi-seminar-launch-bar,
    .onboarding-status,
    .pbi-contact-strip,
    .pbi-wp-strip
  ) > * + *::before,
  :is(.credo-compass-item,.institute-pillar,.wealth-strip-item) + *::before,
  .assist-strip .assist-html > span + span::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:44px!important;
    height:1px!important;
    background:var(--pbi-strip-divider,rgba(212,173,103,.45))!important;
    transform:translateX(-50%)!important;
  }
}