:root {
  --tip: 15px;
  --notch: 15px;
  --h: 42px;
  --separator-char: "/";
  /* Defaults; overridden inline */
  --homeicon-color:#111; --homeicon-background:transparent; --homeicon-font_size:18px; --homeicon-margin:0px; --homeicon-padding:.5em 1em;
  --home-font_family: inherit; --home-color:#111; --home-background:transparent; --home-font_weight:400; --home-font_style:normal; --home-font_size:16px; --home-text_transform:none; --home-text_decoration:none; --home-margin:0px; --home-padding:.5em 1em;
  --crumb-font_family: inherit; --crumb-color:#111; --crumb-background:transparent; --crumb-font_weight:400; --crumb-font_style:normal; --crumb-font_size:16px; --crumb-text_transform:none; --crumb-text_decoration:none; --crumb-margin:0px; --crumb-padding:.5em 1em;
  --current-font_family: inherit; --current-color:#111; --current-background:transparent; --current-font_weight:400; --current-font_style:normal; --current-font_size:16px; --current-text_transform:none; --current-text_decoration:none; --current-margin:0; --current-padding:.5em 1em;
  --separator-font_family: inherit; --separator-color:#999; --separator-background:transparent; --separator-font_weight:400; --separator-font_style:normal; --separator-font_size:16px; --separator-text_transform:none; --separator-text_decoration:none; --separator-margin:0 .5em; --separator-padding:0;
}

.ksm-breadcrumbs {
	list-style:none;
	list-style-type:none;
	line-height:1.2!important;
	margin:0;
	display:flex;
	flex-wrap:wrap;
	gap:0;
	padding:0!important;
}
.ksm-breadcrumbs-item {
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--crumb-color)!important;
	background:var(--crumb-background);
	margin:var(--crumb-margin);
	padding:var(--crumb-padding);
	font-family:var(--crumb-font_family);
	font-weight:var(--crumb-font_weight);
	font-style:var(--crumb-font_style);
	font-size:var(--crumb-font_size);
	text-transform:var(--crumb-text_transform);
	text-decoration:var(--crumb-text_decoration);
	transition: all .3s ease;
}
.ksm-breadcrumbs-item a,
.ksm-breadcrumbs-item a:hover {
	color:var(--crumb-color)!important;
	background:var(--crumb-background);
	font-family:var(--crumb-font_family);
	font-weight:var(--crumb-font_weight);
	font-style:var(--crumb-font_style);
	font-size:var(--crumb-font_size);
	text-transform:var(--crumb-text_transform);
	text-decoration:var(--crumb-text_decoration);
	transition: all .3s ease;
}
.ksm-breadcrumbs .ksm-home-icon {
	color: var(--homeicon-color);
	background: var(--homeicon-background);
	font-size: var(--homeicon-font_size);
	margin: var(--homeicon-margin);
	padding: var(--homeicon-padding);
	line-height: var(--homeicon-font_size);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.ksm-breadcrumbs-item.home {
	color:var(--home-color)!important;
	background:var(--home-background);
	margin:var(--home-margin);
	padding:var(--home-padding);
	font-family:var(--home-font_family);
	font-weight:var(--home-font_weight);
	font-style:var(--home-font_style);
	font-size:var(--home-font_size);
	text-transform:var(--home-text_transform);
	text-decoration:var(--home-text_decoration);
}
.ksm-breadcrumbs-item.home a,
.ksm-breadcrumbs-item.home a:hover {
	color:var(--home-color)!important;
	background:var(--home-background);
	font-family:var(--home-font_family);
	font-weight:var(--home-font_weight);
	font-style:var(--home-font_style);
	font-size:var(--home-font_size);
	text-transform:var(--home-text_transform);
	text-decoration:var(--home-text_decoration);
	transition: all .3s ease;
	display: flex;
    align-items: center;
}
.ksm-breadcrumbs-item.current {
	color:var(--current-color)!important;
	background:var(--current-background);
	margin:var(--current-margin);
	padding:var(--current-padding);
	font-family:var(--current-font_family);
	font-weight:var(--current-font_weight);
	font-style:var(--current-font_style);
	font-size:var(--current-font_size);
	text-transform:var(--current-text_transform);
	text-decoration:var(--current-text_decoration);
}
.ksm-breadcrumbs-item:not(.current)::after {
	content: var(--separator-char);
	margin:var(--separator-margin);
	padding:var(--separator-padding);
	color:var(--separator-color);
	background:var(--separator-background);
	font-family:var(--separator-font_family);
	font-weight:var(--separator-font_weight);
	font-style:var(--separator-font_style);
	font-size:var(--separator-font_size);
	text-transform:var(--separator-text_transform);
	text-decoration:var(--separator-text_decoration);
}
.ksm-breadcrumbs.no-sep .ksm-breadcrumbs-item:not(.current)::after {
	content:none;
	display:none;
}

/* Modern arrow layout (optional) */
.ksm-breadcrumbs.modern .ksm-breadcrumbs-item {
	position:relative;
	height:var(--h);
	line-height:var(--h);
	padding-right: calc(5px + var(--tip));
	padding-left: calc(5px + var(--notch));
	-webkit-clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%, var(--notch) 50%);
	clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%, var(--notch) 50%);
}
.ksm-breadcrumbs.modern .ksm-breadcrumbs-item.home {
	border-radius:5px 0 0 5px;
	padding-left:10px;
	-webkit-clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%);
	clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%);
}
.ksm-breadcrumbs.modern .ksm-breadcrumbs-item.current {
	padding-left:var(--tip);
}

/* FONT AWESOME FALLBACK STYLING */
.ksm-breadcrumbs .fa,
.ksm-breadcrumbs .fa-solid {
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Haus Schornstein */
.fa-house:before {
	content: "\e3af";
}

/* Store */
.fa-store:before {
	content: "\f54e";
}

/* Globus */
.fa-globe:before {
    content: "\f0ac"
}

/* Stern */
.fa-star:before {
	content: "\f005";
}

/* Blitz */
.fa-bolt:before {
	content: "\f0e7";
}

/* Musiknote */
.fa-music:before {
	content: "\f001";
}

/* Vinyl*/
.fa-record-vinyl:before {
	content: "\f8d9";
}

/* Zelt*/
.fa-campground:before {
	content: "\f6bb";
}

/* Herz */
.fa-heart:before {
	content: "\f004";
}

/* Flamme */
.fa-fire:before {
	content: "\f06d";
}

/* Link */
.fa-link:before {
	content: "\f0c1";
}

/* Haken */
.fa-check:before {
	content: "\f00c";
}

/* Minus / Trennstrich */
.fa-minus:before {
	content: "\f068";
}

/* Menü / Bars */
.fa-bars:before {
	content: "\f0c9";
}

/* Layer */
.fa-layer-group:before {
    content: "\f5fd"
}

/* Rakete */
.fa-rocket:before {
    content: "\f135";
}

/* Play */
.fa-play:before {
    content: "\f04b";
}

/* Flagge */
.fa-flag:before {
    content: "\f024";
}
