:root,[data-bs-theme=light] {
	--phoca-color-secondary: #6094bf; /* #6094bf = rgb(96, 148, 191) */
	--phoca-breadcrumb-divider: ">";
	--phoca-container-overheadbar-bg: var(--phoca-container-body-bg);
	--phoca-zeta-header-bg: #E7EFF5; /* #E7EFF5 = rgba(96, 148, 191, 0.15) */
	--phoca-zeta-module-bg: #E7EFF5; /* #E7EFF5 = rgba(96, 148, 191, 0.15) */
	--phoca-container-footer-bg: var(--phoca-zeta-module-bg);
	--phoca-container-footer-font-color: #ccc;
	--phoca-container-footer-link-color: #000;
}
[data-bs-theme=dark] {
	--phoca-zeta-header-bg: var(--phoca-body-bg);
	--phoca-zeta-module-bg: var(--phoca-body-bg);
	--phoca-container-footer-link-color: #fff;
}


a,
a:not([class]),
.mod-list li.active>a {
	text-decoration: underline var(--phoca-color-secondary);
}
a:hover,
.mod-list li a:hover {
	text-decoration: underline var(--phoca-color-secondary) 2px;
	/* text-decoration-thickness: 2px; */
}

/* alert - xxx */
div.alert p:last-child {
	margin-bottom: 0;
	/* color: red; */
}
div.alert h3 {
	font-size: 1.25rem;
	/* color: yellow; */
}
#system-message-container joomla-alert .alert-heading .danger:before,
#system-message-container joomla-alert .alert-heading .warning:before,
.alert.alert-danger:before,
.alert.alert-primary:before,
.alert.alert-secondary:before,
.alert.alert-warning:before {
	margin-right: 0.8rem;
}

/* brand-logo - size */
.brand-logo img {
	height: 70px; /* 80px */
	width: auto;
}
@media (max-width: 1200px) {
	.brand-logo img {
		height: 50px;
		width: auto;
	}
}

/* offcanvas - shopping-cart */
.ph-cart-module-box .btn .ph-cart-count-sup.phItemCartBoxCount {
	top: calc(-0.3em + 1px);
}
/* offcanvas - login */
/* */
.container-header .ph-tpl-module-box.ph-tpl-login-box {
	color: var(--phoca-top-menu-btn-color);
	margin-top: .5em;
}
.container-header .ph-tpl-module-box .btn .pc-si.pc-si-user {
	/* background: 0 0; */
	color: var(--phoca-color-primary);
	stroke: var(--phoca-color-primary);
	border-color: transparent;
	margin-right: -10px;
	/* margin-top: 6px; */ /* 3px */
}

/* offcanvas - search bar */
@media screen and (max-width: 576px) {
	div#phSearchBox140 {
		margin-right: 30px;
	}
}
/* offcanvas - search icon */
@media screen and (max-width: 576px) {
	.input-group>.form-control,
	.input-group>.form-floating,
	.input-group>.form-select {
		width: 100%;
	}
	div#phSearchBox113 button.btn.btn-success.tip.hasTooltipPc {
		line-height: 1.5em;
		padding: 0.574rem 1rem; /* 0.6rem 1rem */
	}
	div#phSearchBox113 button.btn.btn-danger.tip.hasTooltipPc {
		line-height: 1.5em;
		padding: 0.574rem 1rem; /* 0.6rem 1rem */
	}
}
div#phSearchBox113 button.btn.btn-success.tip.hasTooltipPc {
	background-color: #000000;
	border-color: #000000;
}
div#phSearchBox113 button.btn.btn-danger.tip.hasTooltipPc {
	background-color: #d22030;
	border-color: #d22030;
}
div#phSearchBox113 button.btn.btn-danger.tip.hasTooltipPc:hover {
	background-color: #b31b29;
	border-color: #a81a26;
}
div#phSearchBox113 button.btn .pc-si.pc-si-clear,
div#phSearchBox113 button.btn .pc-si.pc-si-search {
	stroke: var(--phoca-btn-color);
}

/* overheadbar/login - login menu */
.container-overheadbar ul.mod-menu.mod-list.nav .fa-solid:before {
	color: var(--phoca-color-secondary);
}
.container-overheadbar ul.mod-menu.mod-list.nav .fa-solid.fa-phone-flip:before {
	margin-left: 10px;
	margin-right: -4px;
}
.container-overheadbar ul.mod-menu.mod-list.nav {
	flex-direction: row;
}
.container-overheadbar .col-auto.col-sm-auto.col-md-auto.phTplColumn {
	margin-bottom: 0;
}
@media (min-width: 576px) {
	.container-overheadbar .col-auto.col-sm-auto.col-md-auto.phTplColumn {
		margin-bottom: 3px;
	}
}
.container-overheadbar ul.navbar-nav.mod-menu.mod-menu_dropdown-bootstrap.mod-list li.level-1 {
	/* padding-left: 20px; */
	/* padding-right: 5px; */
}

/* breadcrumbs - icon, list item marker */
.container-breadcrumbs li.mod-breadcrumbs__divider.float-start {
	display: none;
}

/* legal notice - icon */
.itemid-161 i.fa-solid.fa-phone-flip.text-primary.me-2::before,
.itemid-383 i.fa-solid.fa-phone-flip.text-primary.me-2::before,
.itemid-161 i.fa-regular.fa-envelope.text-primary.me-2::before,
.itemid-383 i.fa-regular.fa-envelope.text-primary.me-2::before {
	color: var(--phoca-color-secondary);
}

/* container-overheadbar - background */
.container-overheadbar {
	/* background: var(--phoca-container-overheadbar-bg); */
	/* background: var(--phoca-zeta-header-bg); */
	margin-bottom: 0.5em; /* 1em */
}
/* breadcrumb - background */
.breadcrumb { 
	background-color: var(--phoca-zeta-module-bg); /* var(--phoca-breadcrumb-bg) */
}
/* filter - sidebar-left - card - background */
.sidebar-left.card .card-header {
	background-color: var(--phoca-zeta-header-bg);
	/* background-color: var(--phoca-card-cap-bg); */
}
.sidebar-left.card .card-body {
	background-color: var(--phoca-zeta-module-bg);
}

/* container-bottom-c - image */
.container-bottom-c {
	margin-bottom: 2rem;
}
.container-bottom-c .ph-product-module-item-box-image img {
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
}

/* footer - footer menu */
.container-footer ul.mod-menu.mod-list.nav {
	flex-direction: row;
}
.container-footer ul.mod-menu.mod-list.nav li {
	padding: 0.25em 0.75em;
}
.container-footer ul.mod-menu.mod-list.nav li a:hover,
.container-footer ul.mod-menu.mod-list.nav li.active a {
	text-decoration-thickness: 3px;
}

/* footer - container-footer */
.container-footer.phTplContainer {
	padding-top: 0.75rem;
	padding-bottom: 5rem;
}
.container-footer .phTplRow {
	justify-content: center !important;
}
.container-footer .col-md-9.phTplColumn {
	/* text-align: center; */
	padding-bottom: 1.5rem;
}
.container-footer ul.mod-menu.mod-list.nav {
	justify-content: center;
}
.container-footer .mod-footer {
	text-align: center;
	color: var(--phoca-color-secondary); /* rgb(255, 255, 255, 0.75) */
}
.container-footer .col-md-3.phTplColumn {
	justify-content: right !important;
	width: 100%;
}
.container-footer .phTplBackToTopBox {
	display: none;
}

/* ph-pc-item-box - article number */
.ph-sku {
	/* background: var(--phoca-color-secondary); */
	/* background: rgba(0, 0, 0, .5); */
	/* color: white; */
	/* color: var(--phoca-color-secondary); */
	/* padding: 0 5px; */
	/* border-radius: 3px; */
}

/* item view - display attribute title */
.g-main-nav .g-toplevel>li.g-parent .g-menu-parent-indicator,
.ph-attribute-title, .ph-available-options-title {
	display: block;
}
/* item view - hide stock */
div.ph-item-stock-box {
	display: none;
}
/* item view - hide stock */
div#phItemAttributesBox img {
	height: 100px;
}
/* item view - SelectBoxImage */
.phSelectBoxImage.on:after {
	right: 0%;
	top: 0%;
	left: auto;
	background-color: #50C878;
	padding: 4px 5px;
	border-radius: 0;
}

/* container - same width [Reihenfolge der Elemente beachten] */
@media (min-width: 576px) {
	.container-overheadbar, .container-header, .container-banner, .container-bottom-a, .container-bottom-b, .container-bottom-c, .container-footer {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container-overheadbar, .container-header, .container-banner, .container-bottom-a, .container-bottom-b, .container-bottom-c, .container-footer {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container-overheadbar, .container-header, .container-banner, .container-bottom-a, .container-bottom-b, .container-bottom-c, .container-footer {
		max-width: 960px;
	}
}@media (min-width: 1200px) {
	.container-overheadbar, .container-header, .container-banner, .container-bottom-a, .container-bottom-b, .container-bottom-c, .container-footer {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.container-overheadbar, .container-header, .container-banner, .container-bottom-a, .container-bottom-b, .container-bottom-c, .container-footer {
		max-width: 1320px;
	}
}
.container-banner {
	margin-right: auto;
	margin-left: auto;
	display: none;
}
 /* .container-header - xxx */
 header.header.container-header.phTplContainer {
	background-color: var(--phoca-zeta-header-bg);
	border-bottom: 5px solid var(--phoca-container-body-bg);
 }
 .container-header .mod-menu>li {
	text-transform: none; /* uppercase */
	font-size: 1.125rem;
	font-weight: normal;
 }

/* plugin - "Top of the Page" */
#plg_system_topofthepage{
	--progress-color: crimson;
	--percentage: 0;
	--bg-color: black;
	--circle-size: 50px;
	--progress-width: 10px;
	--inner-color: white;
	width:var(--circle-size);
	height:var(--circle-size);
	border-radius: 50%;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background: conic-gradient(var(--progress-color,crimson) calc(var(--percentage,0) * 3.6deg),var(--bg-color,black) 0deg);
	border: 1px solid white;
}
#plg_system_topofthepage i{
	position:absolute;
	width: calc(var(--circle-size) - var(--progress-width));
	height: calc(var(--circle-size) - var(--progress-width));
	border-radius: 50%;
	background-color: var(--inner-color);
	font-size:calc(var(--circle-size) - var(--progress-width) + 1px);
	line-height: calc(var(--circle-size) - var(--progress-width) + 2px);
}
#plg_system_topofthepage i.text-success {
	color: var(--phoca-color-secondary) !important;
}

/* smart search - answer - xxx */
.container.container-main-top.phTplContainer .js-finder-searchform {
	margin-top: 1.5em;
}

/* smart search - search results */
.itemid-264 .container-main .form-control {
	/* background-color: var(--panel-background-color); */
}
.view-category .container.container-breadcrumbs.phTplContainer,
.view-search .container.container-breadcrumbs.phTplContainer {
	/* margin-bottom: 1.5em; */
}
.result__item+.result__item {
	/* border-bottom: 1px solid; */
	/* border-color: var(--phoca-color-secondary); */
	/* margin-bottom: 1.5em; */
	padding-top: 0; /* 1.5em */
}
.view-search li.result__item {
	border-top: none;
	border-bottom: 1px solid;
	border-color: var(--phoca-color-secondary);
	/* padding-top: 1.5em; */
	padding-bottom: 1.5em;
}
.view-search li.result__item:first-child {
	border-top: 1px solid;
	border-color: var(--phoca-color-secondary);
	padding-top: 1.5em;
}

/* language switcher - xxx */
div.mod-languages ul li.lang-active {
	background-color: var(--phoca-color-secondary);
}
div.mod-languages ul li.lang-active a {
	color: var(--phoca-white);
}
div.mod-languages ul li {
	background-color: var(--phoca-zeta-module-bg);
}
div.mod-languages ul li a {
	/* color: var(--phoca-white); */
}
div.mod-languages li:nth-child(1) {
	margin-right: 0;
}
div.mod-languages li:nth-child(2) {
	margin-left: 0;
}

/* login - button width */
.com-users-login__submit.control-group .controls button.btn.btn-primary {
	width: 100%;
}

/* login */
div#ph-pc-account-box span.star {
	color: var(--phoca-form-invalid-color);
}

/* header - phoca cart search box */
header.container-header .ph-search-box {
	margin-left: 0;
}