@media only screen and (max-width: 650px) {
	.no-mobile {
		display: none !important;
	}
}
#basket-table .delete-basket-item svg path,
.basket-form .quantity-col .add-basket path,
input[type=checkbox]+label .status svg path,
input[type=radio]+label .status svg path {
	fill: rgb(13, 53, 118)
}


.basket-status .juwel {
	background-color: rgb(13, 53, 118);
	color: #fff;
}

.basket-form .quantity-col .add-basket {
	color: rgb(13, 53, 118);
	background-color: rgba(13, 53, 118, .2);
}

.category-grid a:hover {
	background-color: rgba(13, 53, 118, .2);
}

a.flat-button {
	color: rgb(13, 53, 118);
	background-color: rgba(13, 53, 118, .2);
}

a.flat-button:hover {
	background-color: rgba(13, 53, 118, .3);
}

#basket-table .delete-basket-item {
	color: rgb(13, 53, 118);
}

#dialog-wrapper #dialog-ok,
#dialog-wrapper #dialog-title {
	background-color: rgb(13, 53, 118);
	color: #fff
}

input[type=submit].key,
input[type=reset].key {
	border-color: rgb(13, 53, 118);
	color: rgb(13, 53, 118)
}

input[type=radio]+label .status:after {
	background-color: rgb(13, 53, 118);
}

#page-header .main-menu a.active {
	color: rgb(13, 53, 118);
}

#page-header .main-menu a.active:after {
	content: none;
}

#page-header .main-menu .sub-menu a.active {
	color: rgb(13, 53, 118);
}

a.btn.key,
a.button.key {
	border-color: rgb(13, 53, 118);
	color: rgb(13, 53, 118)
}

a.text-link, p.regular-text > a {
	color: rgb(13, 53, 118);
	text-decoration: underline
}

#toast-wrapper #toast-title {
	background-color: rgb(13, 53, 118);
	color: #fff;
}

.wine-box {
	padding: 0 0 160% 0;
}

.wine-box .image img {
	width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.wine-box .basket-form {
	margin: 0;
}
.wine-box .basket-overlay {
	background-color: rgba(13, 53, 118,.5);
}

#header-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
}

#header-image.row{
	padding: 0 0 45% 0;
}

#page-header.row.regular-header {
	background-color: rgba(255,255,255);
	border-bottom: rgba(235,235,235);
}

#page-header .logo img{
	height: 93px;
	width:  auto;
}

#page-footer .logo img{
	height: 75px;
	width:  auto;
}

.bio-logo li img{
	height: 100px;
	width: auto;
}

@media only screen and (max-width: 650px) {

	#page-header[data-background="true"] img.regular { display: block; }
	#page-header[data-background="true"] img.white { display: none; }

	#page-header[data-background="true"] .menu-opener svg path,
	#page-header[data-background="true"] .tools > li > a svg path {
		fill: #2a2a2a;
	}

	#offcanvas .logo img {
		height: 115px;
		width: auto;
	}

	.row[data-padding=big] {
		padding: 6em 0;
	}

}

@media only screen and (min-width: 650px) {

	#page-header img.white { display: none; }

	#header-image {
		position: relative;
		padding: 0;
		min-height: 700px;
		background-size: cover;
		margin-top: 7em;
	}

	#header-image.row{
		margin-top: 10em;
	}

	#offcanvas .logo img {
		height: 150px;
		width: auto;
	}

}

@media only screen and (min-width: 900px) {
	#header-image {
		padding: 0 0 50% 0;
		min-height: inherit;
		height: 0;
	}

	#header-image.row {
		margin-top: 8.35em;
	}
}

#page-header.regular-header .logo {
    max-width: 134.5px;
	margin: 1em auto;
}

#page-header.regular-header .main-menu {
	padding: 1.5em 12em;
}

@media only screen and (min-width: 1280px) {
	#page-header.regular-header .logo {
		max-width: 160px;
		margin: 0 auto;
	}
}