/* Content
--------------------------------------- */
.filter.block {
	.title {
		display: none;
	}
}

.fieldset.row {
	margin-right: -15px;
	margin-left: -15px;
}

.sub-title {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.message {
	display: inline-block;
	width: 100%;
}


.message.notice > *:first-child:before {
	display: none;
}

.messages .message-notice {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #31708f;
    border-radius: 4px;
    margin-bottom: 20px;
    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
    background-repeat: repeat-x;
   	padding: 10px 20px;
	font-size: 16px;
}

.message + form {
	margin-top: 30px;
}

.box {
	.box-title {
		position: relative;
		background-color: transparent;
		border-radius: 0;
		border: none;
		padding: 0;
		padding-bottom: 10px;
		font-weight: 400 !important;
		font-size: 18px;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.box-content {
		background-color: transparent;
		padding: 0;
		border: none;
		min-height: inherit;
	}
	.box-actions {
		border: none;
		background-color: transparent;
		padding: 0;
		margin-top: 10px;
	}
}

.login-container,
.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account,
.form.form-edit-account, 
.form-address-edit,
.form-newsletter-manage {
	border: none;
	box-shadow: none;
	padding: 50px 0;
	border-radius: inherit;
	
}


.catalog-category-view.category-inhaltsstoffe .page-title-wrapper {
	display: block;
}


// set a min-width to limiter
.limiter select {
	min-width: 40px;
}

// main pager wrapper
.page-main {
    padding-top: 0;
    padding-bottom: 0;
    
    
    @media only screen and (max-width: @screen__m) {
		padding-left: 15px;
		padding-right: 15px;
		
		.checkout-cart-index & {
			padding-left: 15px;
			padding-right: 15px;
		}
		
    }
    
    @media only screen and (max-width: @screen__s) {
		padding-top: 30px;
    }
    
}


// all container widths
.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.header.menu,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	box-sizing: border-box;
	
	@media only screen and (max-width: @screen__xl) {
		max-width: 970px;
	}
	
	@media only screen and (max-width: @screen__m) {
		max-width: 750px;
	}
  
}

@media only screen and (max-width: @screen__m) {
	.columns {
		width: 100%;
	}
}



.columns {
	display: block;
}

.columns .column.main {
    padding-bottom: 0;
}


@media only screen and (max-width: @screen__m) {
	.page-layout-2columns-left {
		.column.main,
		.sidebar-main {
			width: 100%;
			padding-right: 0;
		}
	}
}

.product-info-main .product-add-form .item .price-box .old-price .price {
	position: relative;
	top: -10px;
	margin: 0 0 0 10px;
	font-size: 16px;
}

.loading-mask {
	display: none !important;
}


// hide success messages on specific sites
// extend it with body-classes
.cms-home,
.catalog-category-view {
	.page.messages {
		.messages {
			.success {
				display: none;
			}
		}
	}
}








/* Searchbar + Views */
.view-mode i {
    background-color: #fff;
}

.view-mode i.active {
    border: 1px solid #1694d6;
    background-color: #88d2f8;
}

.block-content .accordion-format a,
.block-content .attribute-list a {
    color: #999;
    border-color: #e5e5e5;
    font-size: 16px;
}

.accordion-format a:hover,
.attribute-list a:hover {
    color: #1694d6 !important;
}
.block-content.currently li {
    position: relative;
    padding: 4px 15px 4px 0;
    border-top: 1px solid #e5e5e5;
}
.block-content.currently span {
    font-size: 18px;
    padding: 0;
}
.block-content.currently .btn-remove {
    position: absolute;
    float: none;
    top: 5px;
    right: 0;
}






/* Labels / Badges */
.label-icon.new-label,
.price-box .percentage,
.product-label.sale-label {
    background: #b21c1c;
    color: #fff;
    padding: 25px 20px;
    right: 0;
    left: inherit;
    top: 0;
    border-radius: 50%;
    border: 7px double #fff;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
}

.price-box .percentage,
.product-label.sale-label {
	background-image: url(../images/stopper.png);
	background-size: cover;
    position: absolute;
    padding: 0;
    width: 100px;
    height: 100px;
    right: 15px;
    font-size: 12px;    
    transform: none;
    -webkit-transform: none;
    border: 0;
    text-align: center;
}

.percentage > span,
.product-label.sale-label > span {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-top: 10px;
    display: block;
    font-weight: bold;
}

.percentage > span.text,
.product-label.sale-label > span.text {
    margin-top: 8px;
}

.percentage > span.value,
.product-label.sale-label > span.value {
    margin-top: 1px;
    line-height: 34px;
    font-size: 34px;
    letter-spacing: 2px;
}

.percentage > span.save,
.product-label.sale-label > span.save {
    margin-top: 1px;
}

.product-view .percentage {
	display: block;
    left: -115px;
    right: inherit;
}

.product-view .product-shop > .row .percentage {
	display: none;
}

.product-view .product-shop > .row .active .percentage {
	display: block;
}

.product-view .box-up-sell .percentage,
.products-grid .price-box .percentage,
.product-view.quick-cart .price-box .percentage,
.product-label.sale-label {
	width: 90px;
	height: 90px;
    right: 0;
    top: 0;
    left: auto;
}

.product-view .box-up-sell .percentage > span.text,
.products-grid .price-box .percentage > span.text,
.product-view.quick-cart .price-box .percentage > span.text {
    margin-top: 8px;
    font-size: 12px;
}

.product-view .box-up-sell .percentage > span.value,
.products-grid .price-box .percentage > span.value,
.product-view.quick-cart .price-box .percentage > span.value {
    margin-top: 3px;
    line-height: 30px;
    font-size: 30px;
}

.product-view .box-up-sell .percentage > span.save,
.products-grid .price-box .percentage > span.save,
.product-view.quick-cart .price-box .percentage > span.save {
    margin-top: 3px;
    font-size: 12px;
} 

.product-view .product-shop > .row > div.be-static {
	position: static;
}

.label-icon.outofstock-label {
    display: none;
}

#products-list .item .col-sm-4.a-right {
    position: static
}
#products-list .item {
    position: relative;
}

#products-list .label-icon.new-label,
#products-list .price-box .percentage {
    left: 110px;
    top: 0;
    right: inherit;
}

#products-list .price-box .percentage {
    left: -110px;
    top: 0;
}

.product-list-tab .column5 .label-icon {
    display: block;
}

.field-error span {
	color: #e02b27;
	font-size: 1.2rem;
}

.field._error .control input, 
.field._error .control select, 
.field._error .control textarea {
	border-color: #d4d4d4;
}

._block-content-loading::after {
	content: "";
	display: block;
	width: ~"calc(100% - 2px)";
	height: ~"calc(100% - 2px)";
	background: rgba(255, 255, 255, .7) url('/static/frontend/MNM/spitzner/de_DE/Magebees_Ajaxaddtocart/images/ajax_loader.gif') no-repeat center center;
	background-size: 40px;
	position: absolute;
	top: 1px;
	left: 1px;
}

@media (max-width: 768px) {
    #products-list .label-icon.new-label,
    #products-list .price-box .percentage {
        left: inherit;
        right: 20px;
        top: -80px;
    }
    .product-view .product-shop.be-static-sm {
		position: static;
	}
	.product-view .percentage {
	    left: auto;
	    right: 15px;
	}
}

