/* =========================================================
   YOAST BREADCRUMBS – STEP 1: ZWINGEND 1 ZEILE + TRUNCATE LAST
   (optimiert für Elementor sticky/fixed Header Container)
   ========================================================= */

/* Elementor Widget/Container: Flex-Falle entschärfen */
.ks-header-breadcrumbs,
.ks-header-breadcrumbs .e-con,
.ks-header-breadcrumbs .e-con-inner,
.ks-header-breadcrumbs .elementor-widget,
.ks-header-breadcrumbs .elementor-widget-container,
.ks-header-breadcrumbs .elementor-widget-breadcrumbs {
  min-width: 0 !important;
}

/* Nav / Container: immer 1 Zeile */
nav#breadcrumbs,
#breadcrumbs,
.yoast-breadcrumbs,
nav.yoast-breadcrumbs,
.elementor-widget-breadcrumbs nav {
  display: block !important;
  width: 100% !important;     /* <- wichtig für korrekte Messung */
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* Alles darin darf nicht umbrechen */
nav#breadcrumbs *,
#breadcrumbs *,
.yoast-breadcrumbs * {
  white-space: nowrap !important;
}

/* Letzter Breadcrumb: muss kürzbar sein */
nav#breadcrumbs .breadcrumb_last,
nav#breadcrumbs .breadcrumb-last,
nav#breadcrumbs span[aria-current="page"],
#breadcrumbs .breadcrumb_last,
#breadcrumbs .breadcrumb-last,
#breadcrumbs span[aria-current="page"],
.yoast-breadcrumbs .breadcrumb_last,
.yoast-breadcrumbs .breadcrumb-last,
.yoast-breadcrumbs span[aria-current="page"] {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important; /* JS steuert " ..." */
  vertical-align: bottom;
}