.topbar { border-bottom: 1px solid #ccc; margin-bottom: 3px; padding-bottom: 3px; position: relative; }
.nav-keller { margin-top: 12px; margin-bottom: 20px; margin-right: 12px; border-right: 1px solid #ccc; padding-right: 12px;  }
.nav-keller button.btn { margin-bottom: 3px; padding-top: 0.3rem; padding-bottom: 0.3rem; display:block; width:100%; white-space: normal; }

.media-body h2 { font-weight: 700; }
.media-body { line-height: 1.1rem; }
.media-body .btn { margin-top: 8px; }
.media-body a.card-link,
.media-body a.card-link:visited { display: block; font-weight: 300; }
.media-body div.price { font-weight: 700; font-size: 1.3rem; margin: 6px 0; }
.media-body div.price::first-letter { font-size: .8rem; font-weight: 300; vertical-align: super; }
.media-body div.itemno { font-weight: 300; font-size: .8rem; }
.media div.card-avatar { width: 5rem; height: 5rem; background-image: url(../images/prods/no_image.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.card div.card-avatar-bigger { width: 100%; height: 8rem; background-image: url(../images/prods/no_image.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

.card-body div.item-title { font-weight: 300; }
.card-body div.price { font-weight: 700; font-size: 1.3rem; margin: 6px 0; }
.card-body div.price::first-letter { font-size: .8rem; font-weight: 300; vertical-align: super; }
.card-body div.itemno { font-weight: 300; font-size: .8rem; }
.card-body .card-btn { text-align: center; margin-top: 12px; }
.media-body .card-btn { text-align: left; margin-top: 12px; }

.product-sidebar div.price { font-weight: 700; font-size: 1.5rem; margin: 6px 0; color: var(--secondary); }
.product-sidebar div.price::first-letter { font-size: .8rem; font-weight: 300; vertical-align: super; }

.foot-logo { margin-right: 1rem !important; width: 100%; margin-bottom: 12px; display: block; }

.wrapper { margin: 20px; auto; }
.colorblock { min-height: 100px; background-color: #ccc; }
.main-holder img { max-height: 600px; }
.thumb-holder { padding: 12px 20%; }
.thumb-img { width: 5rem; height: 5rem; background-image: url(../images/prods/no_image.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; }
.u-avatar .thumb-img { width: 3.5rem; height: 3.5rem; }

.colorblock.primary { background-color: var(--primary); }
.colorblock.secondary { background-color: var(--secondary); }
.colorblock.success { background-color: var(--success); }
.colorblock.info { background-color: var(--info); }
.colorblock.warning { background-color: var(--warning); }
.colorblock.danger { background-color: var(--danger); }
.colorblock.light { background-color: var(--light); }
.colorblock.dark { background-color: var(--dark); }
.colorblock.white { background-color: var(--white); }
.colorblock.blue { background-color: var(--blue); }
.colorblock.indigo { background-color: var(--indigo); }
.colorblock.purple { background-color: var(--purple); }
.colorblock.pink { background-color: var(--pink); }
.colorblock.red { background-color: var(--red); }
.colorblock.orange { background-color: var(--orange); }
.colorblock.yellow { background-color: var(--yellow); }
.colorblock.green { background-color: var(--green); }
.colorblock.teal { background-color: var(--teal); }
.colorblock.cyan { background-color: var(--cyan); }

.bg-dark { background-color: var(--secondary) !important; color:#FFF; }
.bg-dark p,
.bg-dark ul li a,
.bg-dark ul li a:visited { color: var(--light); }

@media (max-width: 767.98px) {
	.nav-keller { margin-bottom: 12px; margin-right: 0; border-right: 0; padding-right: 0;  }
	.foot-logo { width: 45%; display: inline-block; margin: auto; }
}

@media (max-width: 575.98px) {
}