.elementor-9603 .elementor-element.elementor-element-7bed440a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-9603 .elementor-element.elementor-element-c639401{font-family:var( --e-global-typography-4d7c295-font-family ), Sans-serif;font-size:var( --e-global-typography-4d7c295-font-size );color:#004A95BD;}.elementor-9603 .elementor-element.elementor-element-c639401 a{color:#004A95BD;}.elementor-9603 .elementor-element.elementor-element-c639401 a:hover{color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-9603 .elementor-element.elementor-element-c639401{font-size:var( --e-global-typography-4d7c295-font-size );}}@media(max-width:767px){.elementor-9603 .elementor-element.elementor-element-7bed440a{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-9603 .elementor-element.elementor-element-c639401{font-size:var( --e-global-typography-4d7c295-font-size );}}/* Start custom CSS for breadcrumbs, class: .elementor-element-c639401 *//* ===========================================================
   Custom Breadcrumb Styling – sicher & updatefest
   =========================================================== */

.custom-breadcrumbs,
.custom-breadcrumbs a,
.custom-breadcrumbs span,
.custom-breadcrumbs .breadcrumb_last {
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.4;
  color: inherit;
  text-decoration: none;
}

.custom-breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  white-space: normal !important;
  row-gap: 4px;
  overflow: visible !important;
  width: 100%;
  word-break: normal;
}

/* Einzelne Segmente */
.custom-breadcrumbs span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 6px;
  line-height: 1.5;
}

/* Trenner › */
.custom-breadcrumbs span:not(:last-child)::after {
  content: "\203A";
  font-size: 14px;
  opacity: 0.6;
  margin: 0 8px;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Letzter Breadcrumb */
.custom-breadcrumbs .breadcrumb_last,
.custom-breadcrumbs [aria-current="page"] {
  font-weight: 400 !important;
  color: inherit;
  text-decoration: none;
}

/* Icons oder Plugin-Reste ausblenden */
.custom-breadcrumbs i,
.custom-breadcrumbs svg,
.custom-breadcrumbs .fa,
.custom-breadcrumbs .eicon,
.custom-breadcrumbs .elementor-icon {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7bed440a *//* ============================================
   Funktionierender Breadcrumb mit Umbruch
   ============================================ */
#breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  white-space: normal !important;
  gap: 6px;
  row-gap: 6px;
  width: 100%;
  overflow: visible !important;
}

/* einzelne Teile */
#breadcrumbs span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap; /* hält Wörter wie "Tierheimunterstützung" zusammen */
}

/* Trenner › */
#breadcrumbs span:not(:last-child)::after {
  content: "\203A";
  font-size: 14px;
  opacity: 0.6;
  margin: 0 6px;
}

/* Textstil */
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs span,
#breadcrumbs .breadcrumb_last {
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.4;
  color: inherit;
  text-decoration: none;
}

/* Letzter Eintrag */
#breadcrumbs .breadcrumb_last {
  font-weight: 400 !important;
}

/* Icons / SVG / Elementor-Reste */
#breadcrumbs i,
#breadcrumbs svg,
#breadcrumbs .fa,
#breadcrumbs .eicon,
#breadcrumbs .elementor-icon {
  display: none !important;
}/* End custom CSS */