button.big {
	color: #000 !important;
	background-color: #ffdd99;
}
	button.big i {
		color: #000 !important;
	}
div.hilite {
	background-color: #ffdd99;
	padding: 5px;
}
div.header {
	height: 42px;
}
	div.header div.header-logo img {
	    height: 33px;
	    margin-top: 5px;
	}
	@media (max-width: 700px) {
		div.header div.header-logo img {
			width: auto;
			height: auto;
			max-height: 33px;
		}
	}
	
	div.header div.header-search {
		line-height: 34px;
	}
	div.header input {
		margin-top: 6px;
	}
	div.header button {
		height: 38px;
	}
div#container-mainnav,
div#container-mainnav.sticky {
	top: 42px;
	z-index: 999;
}
div#container-mainnav.sticky {
	box-shadow: 0px 15px 25px -15px rgba(0, 0, 0, 0.5);
}
div.mainnav {
	padding-top: 8px;
	border-bottom: 1px solid #780016;
}
	a#header-nav-cart span {
		font-size: 14px;
		color: #000;
	}
		@keyframes Hilite { 
		  0% { font-size: 16px; }
		  50% { font-size: 22px; }
		  100% { font-size: 16px; }
		}
		a#header-nav-cart.hilite i {
			animation: Hilite 1s linear;
			animation-fill-mode: forwards;
		}
		a#header-nav-cart.hilite {
			background: #ffdd99;
		}

		a#header-nav-cart span.info {
			font-size: 14px;
			color: #000;
			margin: 0;
			line-height: unset;
			vertical-align: unset;
		}
	div.mainnav a {
		font-size: 14px;
		display: inline-block;
	}
	div.mainnav a:not(:first-of-type) {
		margin-left: 20px;
	}
	@media (max-width: 770px) {
		div.mainnav a {
			margin-right: 0;	/*override custom.css*/
		}
	}
div.stage {
	margin-top: 80px;
}
	div.container.stage-head h1 {
		margin: 160px 0 0 10px;
	}
div.stage-img {
	background: none;
}
div.stage-img.home,
div.stage-img.result,
div.stage-img.contact,
div.stage-img.imprint,
div.stage-img.privacy,
div.stage-img.registry,
div.stage-img.terms,
div.stage-img.withdrawal,
div.stage-img.licenses,
div.stage-img.supply-download {
    background: url(../images/stage-shop.jpg) scroll center 40%;
}

div.content {
	margin-top: 100px;
	margin-bottom: 160px;	/*consider shopinfo on bottom*/
}
div.footer {
/*
	position: fixed;
	bottom: 0;
	z-index: 9999;
*/
	height: 32px;
}
	div.footer.sticky {	/* override custom.css*/
		position: fixed;
		bottom: 0;
		z-index: 9999;
		height: 32px;
	}
	div.header a,
	div.footer div.col,
	div.footer a {
		font-size: 14px;
		line-height: 16px;
	}
	
	div.footer.white {
		background-color: #fff;
	}
		div.footer.white div.col,
		div.footer.white a {
			color: #000;
		}
div#scrollup.sticky {
	bottom: 32px;
}
.shopinfo {
    width: 100%;
    height: 137px;
	z-index: 998;
	bottom: 0;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
.shopinfo * {
    font-size: 13px;
}
	.shopinfo.sticky {
		position: fixed;
		bottom: 32px;
	}
	.shopinfo > div {
	    background-color: #eee;
	    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	    border: 1px solid #fd9;
	    border-bottom: none;
	    height: 100%;	/*avoid gap on Chrome*/
	    background-color: #fff;
	}
	.shopinfo h2 {
		font-weight: bold;
		border-bottom: 1px solid #fd9;
		text-align: left;
		margin: 3px 0 7px 0;
		padding-top: 4px;
	}
	.shopinfo img {
		height: 20px;
		vertical-align: top;
	}
	.shopinfo a {
		margin: 5px 0;
	}
	.shopinfo a:after {
		font-family: "metaxicons";
		content: " \f324";
		font-size: 12px;
	}
	.shopinfo a:hover {
		color: #fd3c00;
	}

div.sidebar {
	background-color: #eee;
}
	div.sidebar h4 {
		display: inline-block;
		padding-left: 5px;
		background-color: #ffc452;
		line-height: 30px;
		width: 100%;
	}
	div.sidebar select {
		margin: 2px 0;
		padding-left: 8px;
		width: 100%;
		border: none;
		cursor: pointer;
		background-color: #fff;
	}	
		div.sidebar select option {
			font-size: 14px;
		}
		div.sidebar .select-wrapper:after {
			right: 10px;
		}
	div.sidebar li {
		width: 100%;
		background-color: #fff;
		height: 32px;
		line-height: 32px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		list-style-type: none;
		margin: 3px 0;
		padding-left: 8px;
		font-size: 14px;
		cursor: pointer;
	}
		div.sidebar select:hover,
		div.sidebar li:hover {
			background-color: #ffe0a4;
		}
div#container_intro {
	min-height: 100px;	/* needed for loading anim */
}
div.mediaheader {
	padding: 8px 0;
}
div.mediaheader-origin {
	background-position-x: right;
}
div.shop_licences {
	padding: 5px;
	background-color: #ffdd99;
	margin-bottom: 10px;
	display: table;	/*for auto width*/
}
	div.shop_licences p:not(:first-of-type) {
		border-top: 1px dotted #999;
		padding-top: 3px;
	}
	.mediadetails div.shop_licences {
		display: block;
		width: 80%;
		min-width: 200px;
		max-width: 300px;
	}
	div.shop_licences .metadata_content span.price {
		white-space: nowrap;
		font-size: 125%;
		line-height: 125%;
	}
		div.popup_shopdetails span.price:hover,
		div.shop_licences .metadata_content span.price:hover {
			cursor: pointer;
			text-decoration: underline;
		}
	div.shop_licences .metadata_content i {
		font-size: 125%;
		cursor: pointer;
	}
	div.article-price-wrapper {
		position: relative;
		min-height: 30px;
		padding-top: 7px;
	}
	div.article-price-wrapper:not(:first-of-type) {
		border-top: 1px dotted #999;
	}
		div.article-price-wrapper span.price {
			position: absolute;
			right: 0;
			top: 0;
		}

div.filter-box {
	height: 0;
	overflow: hidden;
	background: #780016;
	margin-top: 4px;
}
	div.filter-box div {
		background: #fff;
	}
	div.stage-search-filter-settings.active {
		top: 32px;
		border-bottom: 10px solid #780016;
		max-width: 740px;
		right: 0;
		position: absolute;
	}
div#container_result_crits.inactive {
	top: -120px;
}
div#container_promo_mcs {
	margin: 0;
}
#container_promo_mcs div.swiper-wrapper {
	height: unset;
}
#container_promo_mcs div.swiper-slide {
	width: 200px !important;
	height: 220px;
	padding-top: 10px;
}
#container_promo_mcs div.swiper-slide div.mediaheader-origin {
	background-position-x: center;
	margin-bottom: 5px;
}

#container_promo_mcs div.swiper-slide div.mcpreview img {
	width: auto;
	height: 100%;
}
#container_promo_mcs .swiper-pagination-bullet-active {
	background: #780016;
}
#container_promo_mcs .swiper-container-horizontal > .swiper-pagination-bullets, 
#container_promo_mcs .swiper-pagination-custom, 
#container_promo_mcs .swiper-pagination-fraction {
	bottom: 0;
}
#container_promo_mcs h4 {
	font-size: 14px;
	line-height: 18px;
}
.ui-menu.ui-autocomplete {
	z-index: 999999;
	max-height: 500px;
}
.ui-menu.ui-autocomplete li.ui-menu-item.mc {
	height: 60px;
	margin: 5px 0;
}
	.ui-menu.ui-autocomplete li.ui-menu-item.mc:before {
		content: '';
	}
	.ui-menu.ui-autocomplete li.ui-menu-item.mc img {
		height: 100%;
		max-width: 45px;
	}
	.ui-menu.ui-autocomplete li.ui-menu-item.mc span {
		white-space: normal;
		margin-left: 30px;
		line-height: 20px;
		left: 50px;
		right: 10px;
		position: absolute;
		overflow: hidden;
	}
div.media_item {
	/*position: relative; /*don't do this, otherwise details are not positioned properly*/
}
div.media_item div.mediadata {
	height: 167px;
	padding-bottom: 2px;
}
	div.mediadata_details-overlay {
		bottom: 0;
	}
div.media_item div.mediadata_title,
div.media_item div.mediadata_title * {
	font-size: 16px;
	margin: 3px 0 9px;
	max-height: 57px;	/*max. 3 lines */
	min-height: 30px;
	height: auto;
}
div.mediacontrols {
	position: relative;
}
div.media_item.shop div.mediaheader-mediatype {
	padding: 12px 0 0 4px;
}
	div.media_item.shop-bookmark {
		height: 50px;
		border: 1px solid #ccc;
	}
	div.media_item.shop-bookmark div.mediaheader-mediatype {
		margin-top: 6px;
	}
	div.media_item.shop-bookmark div.mediaheader-origin {
		background-position: left center;
		height: 100%;
	}
	div.media_item.shop-bookmark div.mediathumb {
		height: 48px;
		background: none;
	}
	div.media_item.shop-bookmark div.mediadata_title,
	div.media_item.shop-bookmark div.mediadata_title * {	/* * for mark */
		font-size: 14px;
	}
	div.media_item.shop-bookmark div.mediacontrols {
		margin-top: 10px;
	}
	div.media_item.shop-bookmark div.popup_shopdetails {
		width: 180px;
		z-index: 9;
	}
div.media_item.shop-bookmark .mediadetails {
    position: relative;
    margin-top: -14px;
}
div.media_item.order_item {
	overflow: hidden;
}
	div.media_item.order_item img {
		height: 100%;
	}
	div.media_item.order_item .mediacontrols {
		padding-top: 5px;
	}
.popup_shopdetails {
	position: absolute;
	right: 0;
	bottom: 5px;
	padding: 10px;
	width: 100%;
	min-height: 80px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	background-color: #ffdd99;
}
	.popup_shopdetails p {
		font-size: 13px;
		line-height: 1;
		margin-top: 14px;
	}
	.popup_shopdetails i {
		font-size: 19px;
		cursor: pointer;
	}
	
div.detail_mc h1 {
	font-size: 28px;
	color: #ad0020;
}
div.detail_media *,
div.detail_mc * {
	font-size: 14px;
	line-height: 140%;
}

div.producer.content {
	margin-top: 82px;
}
div.producer div.stage {
	height: 300px;
	overflow: hidden;
	margin: 0 0 40px 0;
}
	div.producer div.stage img {
		width: 100%;
	}
div.producer div.logo img {
	max-width: 100%;
}

div.container.stage-head {
	top: 0;
	padding-top: 0;
}

div#videoPlayerPreviewStream {
	display: none;
	position: absolute;
	/*top: 34px;*/
	top: -343px;
	left: -8px;
	width: calc(100% + 16px);
	background: #fff;
	text-align: center;
	padding: 32px 16px 8px 16px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5);
}
	div#videoPlayerPreviewStream i {
		position: absolute;
		right: 8px;
		top: 8px;
		cursor: pointer;
	}
	div#videoPlayerPreviewStream video {
		width: 100%;
	}
	div#videoPlayerPreviewStream p {
		font-size: 12px;
		font-weight: bold;
	}
div.mc_linkedobjects {
	margin: 10px 0;
}
	div.mc_linkedobjects img {
		width: 100px;
		margin: 0;
	}
