/* Produktbilder quadratisch darstellen auf Hintergrund-Farbe */
.img-square, .productinfo {
	background-size: contain;
	background-color: lightgray;
}

/* Farbe der Buttons und Links */
.btn-primary {
	background-color: #FF8C00;
	border-color: #FF8C00;
}
.btn-primary.disabled, .btn-primary:disabled  {
	background-color: #888;
	border-color: #666;
}
.bg-primary, a.bg-primary, a.bg-primary, button.bg-primary {
    background-color: #FF8C00 !important;
}
.btn-primary:hover, .btn-primary:active, a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #f60 !important;
	border-color: #FF8C00;
	color: #fff !important;
}
a, .btn-link {
	text-decoration: none !important;
}
a, a h2, .btn-link, a.text-primary, a.text-primary {
    color: #FF8C00 !important;
}
a:hover, a h2:hover, .btn-link:hover, a.text-primary:hover, a.text-primary:focus {
    color: #f60 !important;
}
.dropdown-item:hover {
	background-color: #eee !important;
}
.dropdown-item:active {
	background-color: #ddd !important;
}
.page-item.active .page-link {
    color: #fff !important;
    background-color: #FF8C00;
    border-color: #FF8C00;
}

/* Brotkrumen-Navigatoion */
.breadcrumb-item {
	color: #fff !important;
}
.breadcrumb-item:hover {
	color: #eee !important;
}
.breadcrumb-item::before {
	color: #ddd !important;
}
.active {
	color: #ddd !important;
}

/* Header und Footer */
header {
	box-shadow: 0 0 8px rgba(0,0,0,.3);
}
#footer {
	border-top: 4px solid #FF8C00;
}