.blocker {
	z-index: 90 !important;
}

.modal {
	z-index: 100 !important;
	max-width: 800px !important;
}

.acl-modal-wrapper {
	margin-top: 15px;
	margin-bottom: 15px;
}


.acl-modal-img {
	display: inline-block;
	width: 46%;
	vertical-align: top;
}

.acl-modal-textbox {
	display: inline-block;
	width: 46%;
	margin-left: 20px;
}

.bargain-title {
	position: absolute;
	top: 14%;
	left: 10%;	
	padding: 10px;	
	background: url("../images/white_bg_pixel.png");
	font-size: 18px;
}

.acl-selectbox {
	text-align: left;
	text-transform: none;
	min-width: 100px;
}

.acl-selectbox > i {
	padding-top: 6px;
	float: right;
}

.acl-selectbox > span:first-of-type {
	font-size: 11px;
	text-transform: none;
}

.footer-custom {
	margin-top: 7px;
	margin-bottom: 7px; 
	padding-left: 10px;
	padding-bottom: 5px;
	
}

.footer-custom-element a {
	font-family: 'DBScreenSans-Regular';
	display: block;
	margin-bottom: 8px;
	line-height: 1.5;
}

.footer-custom-element > .footer-title {
	font-family: 'DBScreenSans-Bold';
	display: block;
	font-size: 18px;
	margin-bottom: 12px;
	line-height: 1.5;
}

.footer-custom-element {
	float: left;
	padding-right: 8px;
	font-size:16px;
	min-width:200px;
	min-height:30px;

}

.product-price.bargain-price{
	position :absolute;
	bottom: 25%;	
	right: 2%;
}

.label-wrap {
	
    box-sizing: border-box;
    float: left;
    padding-right: 10px;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    vertical-align: top;
    width: 30%;
	
}
.inputs-wrap {
	float: left;
	width: 70%;
	padding: 0;	
}

.inputs-wrap .custom-selectbox {
	float: left;
}

.checkout-page .content-form .form-input .inputs-wrap .text-input, 
.checkout-page .content-form .form-input .inputs-wrap .textarea-input {
   float: left;
   width: 49.5%;
}

.b-date-wrap {
	width :65%;
}

.b-date-wrap .custom-selectbox {
	width :33%;
	margin-right: 4px;
}

.form-input .b-date-wrap .text-input {
	width:17%;
	padding: 7px 13px;
}

/*CUSTOM HELPER CLASES*/
.hide-element {
	display: none;
}
.font-strong {
	font-weight: bold;
}

.font-italic {
	font-style: italic;
}

.strip-button {
	
	background: transparent;
    border: none;
    box-shadow: none;
    text-shadow: none;
}

.dark-gradient-hover.strip-button {
	background: transparent;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: transparent;	
}

.font-italic {
	font-style: italic;
}

.no-margin{
	margin: 0;
}
.mg-b-10 {
	margin-bottom: 10px;
}

.mg-b-3{
	margin-bottom: 3px;
}

.budget-table-row-mg {
	margin-bottom: 7px;
}
.full-width {
	width: 100%;
}

.full-height {
	height :100%;
}

.font-size-12 {
	font-size: 12px;
}

.form-input .full-width {
	width :100%;
}

.form-input .width-69 {
	width: 69%;
}

.background-separator-1 {
	background: #EAE8EA;
}

.background-inherit {
	background: inherit;
}

.padding-l-0 {
	padding-left: 0;
}
.margin-l-0 {
	margin-left: 0;
}

.payment dl dd {
	display: none;
}


.hover-success:hover {
	color: #4da13f;
}

ul.no-list li {
	list-style-type: none;
}
ul.normal-ul {
list-style-type: square;
padding-left: 5px;
margin-left: 15px;
margin-bottom: 10px;
}

ul.padding-l-0 li {
	padding-left: 0;
}

ul.margin-l-0 li {
	margin-left: 0;
}

.button-dual-submenu .hide-element {
	display: none;
}

#writeReview {
	display: none;
}

.tobasket-disabled {
	display: inline-block;
    position: relative;
    vertical-align: middle;
}
.tobasket-disabled-message {
	
}

.category-box {	
	height :250px;
}
.category-box .product-info {
	border: none;
}
.category-box .product-img {
	height: 100%;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.wrapping .form-input label{
	margin-top: 0;
	margin-left :10px;
}

.padding-top {
	padding-top: 25px;
}

.padding-bottom {
	padding-bottom: 25px;
}

.pd-b-5{
	padding-bottom: 5px;
}

.fnt-09em,
.button-dual .fnt-09em {
	font-size :0.9em;
}

.bs-padding-box {
	box-sizing: padding-box;
}
.uvp-box-price {
	font-size: 0.7em;	
	display: block;
	width: auto; 
	text-decoration: line-through;
	
	
	
}
.product-bottom .product-price  strong.box-product-price, 
.product-wide .product-price strong.box-product-price{	
	padding :0 0 10px 0;	
}

.infoBox .uvp-box-price {
	padding: 11px 0 0 5px;
}

.infoBox p{
	margin-bottom: 5px;
}
.product-wide  .product-price{
    padding-top: 5px;
    min-height: 60px;	
}
.product-wide .uvp-box-price {
	padding :0;
	min-height :18px;
}
.product-wide .product-price strong{
	padding: 0;
	padding-bottom: 5px;
}
.variant-label {
	display :block;
	padding-top: 7px;
}

table.attribute-table td,
table.attribute-table th{
	line-height: 20px;
}

/*.border-bottom {
	border-bottom: 1px solid #ccc;
}*/

.mobile-menu-opened .main-menu li {
	background: none;
}

form.idealforms .error::after {
    border-color: #cc6666 transparent transparent;
    border-right: 0.7em solid transparent;
    border-style: solid;
    border-width: 0.7em;
    content: "";
    left: -0.7em;
    position: absolute;
    top: -1px;
    z-index: -1;
}
form.idealforms .error {    
    background: #cc6666;
    border: 1px solid #cc6666;
    border-radius: 0 3.01px 3.01px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: #fff;
    display: none;
    font-size: 85%;
    font-weight: bold;
    left: 73%;
    line-height: 1.35;
    margin-left: 40px;
    padding: 1em 1.5em;
    position: absolute;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    top: 5%;
    width: 193.333px;
    z-index: 1;
}
form.idealforms * {
    box-sizing: border-box;
}


.header-logo img {
	width: 60px;
}

img.login-banner-img{
	width: 100%;

}

.mobile-menu-opened .main-menu li.mobile-menu-logo {
    background :#fff;
    padding: 20px;
}

.mobile-menu-logo-img{
	width: 140px;
}


#menu-mobile.slide-opened li a.main-menu-item:hover {
    color: #ff0000;
}

.mobile-menu-opened #menu-mobile li.selected a {
    background: white;
}

.mobile-menu-opened #menu-mobile li.selected ul li ul li a {
    background: #fff;
}

.mobile-menu-opened #menu-mobile li.selected ul li ul li a.active-hover:hover {
   color: #868686;
}

/*.mobile-menu-opened  .main-menu .active-hover:hover{
    color: #fff;
}*/
.mobile-menu-opened li.selected .mega-menu .mega-menu-box {
    background: #fff;
}
/*.mobile-menu-opened  .main-menu .active-hover:hover {
    background: #6a6a6a;
}*/
.mobile-menu-opened .mega-menu-active {
	box-shadow: none;
}

.mobile-menu-opened .main-menu li.current a.main-menu-item {
	background: white;
}

.mobile-menu-opened .main-menu li a.main-menu-item {
	background: white;
	width: 100%;
}

.mobile-menu-opened .main-menu li.current:hover a.main-menu-item  {
    background: white;
}


#menu-mobile.slide-opened li.current a.main-menu-item:hover {
    color: #fff;
} 

#menu-mobile.slide-opened li.light-color.active-hover.current.selected ul.mega-menu.cream-bg.full-width li.mega-menu-box. ul.mega-menu-list li a.dark-color.active-hover
{
	color: blue;
}

.header-menu-budget-item {
	width: 185px;
}
.horizontal-separator{
	border-bottom: 1px solid #fff;
}

.btn-form-input-full{
    width: 45%;
}

.start-login-reg-container {
	text-align: center;
}
/*
.chk-user-change-form .form-input .custom-selectbox {
    width: 66%; 
}
*/
ul.no-list li.grid-parent{
	padding-left :0;
	padding-right: 0;
	margin-left :0;
	margin-right: 0;
}


.dashboard-button a:hover {
	color: #ff0000;
}

/*DASHBOARD*/
.dashboard-button{	
	display: inline-block;
	width: 22%;
	min-width: 220px;
	min-height: 145px;
	max-height: 145px;
	border: none;
	text-align :center;
	margin:10px;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dashboard-button a{
	display: block;
	margin:auto;
	height :100%;
	color: #646973;
}

.dashboard-button i{
	display:block;
	margin-bottom: 10px;
	margin-top: 20px;
}

.dashboard-button h4{
    white-space: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-images .juicy-thumbs .thumbs img {
	max-height: 48px;
}
     

.btn-final-buy {
	background: white;
}
.faq-row{ cursor: pointer; float:left; max-width: 90%;}

.faq-title{float:left; width: 100%; margin: 30px 0 0; font-size: 20px; border-bottom :1px solid #ccc; padding-bottom :10px; }
.faq-question{ font-weight:bold; float: left; width: 100; margin-top: 15px;}
.faq-answer{ float: left; width: 100%; margin-top: 5px; }

.fnt-normal{ font-weight: normal;}


.accordion .accordion-content {
          visibility: hidden;
          height: 0;
          padding: 0;
          margin: 0;
          -webkit-transition-duration: 500ms;
          -moz-transition-duration: 500ms;
          -ms-transition-duration: 500ms;
          -o-transition-duration: 500ms;
          transition-duration: 500ms;
          -webkit-transition-property: padding, height, margin;
          -moz-transition-property: padding, height, margin;
          -ms-transition-property: padding, height, margin;
          -o-transition-property: padding, height, margin;
          transition-property: padding, height, margin; 
          
}
 .accordion.collapsed .accordion-content {
    visibility: hidden;
    height: 0;
          padding: 0;
          margin: 0;
          border: none; 
}
          
        .accordion.expanded .accordion-content {
          visibility: visible;
          height: auto;
          padding: 1em;
          padding-right: 0;
          /*border: 1px solid; -*/
          }

       
.faq-icon { font-size: 18px;}

.regbtn-vertical-align{
 margin-top :12px;	
}
.acl-remove-delivery-address {
	cursor: pointer;
}
.acl-delivery-address-message {
	/*display: none;*/
}

.delivery-address-message-ok,
.delivery-address-message-error {
	/*display: none;*/
}


/** rw 20221106 **/
#wishlist_container {
	margin-right:20px; /* header menu button */
}

#noticelist .product-wide .product-description {
	border:none; /* remove vertical line between photo & text */
}

#noticelist .product-wide, #noticelist  .product-wide:hover { /* some style changes to make noticelist somewhat clean */
	box-shadow:none;
	border-bottom: 1px solid rgba(88, 88, 88, 0.2);
	padding-bottom:10px;
}

#noticelist h3 {
	margin:0px; /* remove margin (esp. left) */
	padding:0;
}

#noticelist h1 {
	margin-top:14px; /* align somewhat with sidebar */
}

.tobasket-button:hover { /** moved there to keep it consistent */
	background: #ff0000;
	color: white;
	border: 1px solid transparent;
}

/* ============================= */
/* ! CUSTOM - Only tablet styles          */
/* ============================= */

@media screen and (max-width: 979px) {
    
    .btn-checkout-mg-bottom{
        margin-bottom: 25px;
    }	
}

@media screen and (max-width: 858px) {
    .regbtn-vertical-align{
    margin-top: 0;  
    } 
}

@media screen and (min-width: 767px) and (max-width: 979px) {   
   
    .product-wide .product-price {
        min-height: 40px;
        padding-top: 5px;
    }
    
    .product-wide .product-price strong {
        padding: 0;
    }
	    
	    
	p.oxValidateError {
	   margin-right: 24.5%;
        width: 44%;
	}  
	
	
}

/* ============================= */
/* ! CUSTOM - Only mobile styles          */
/* ============================= */

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

	/*DASHBOARD*/
	.dashboard-button{
		width: 100%;
	}

	.product-actions {
        padding-right :0;
    }
    
	.product-wide .product-price {
	    float:left;
	    text-align: left;
	    padding-left: 12px;
	}
	
	.tobasketFunction {

	}
	
	
	.product-wide .button-dual {
	    margin-top: 15px;
	}
	
    .checkoutCollumns .form-input .custom-selectbox {	    
	    width: 65%;  
	    float :right;
	}
	
	.form-input .custom-selectbox  {
        width: 65%;
    }
    
   
	form.idealforms.adaptive .error {
	    border-radius: 3.01px;
	    clear: both;
	    float: right;
	    left: 0;
	    margin-left: 0;
	    margin-top: 3px;
	    position: relative;
	    width: 65%;
	    margin-right: 4%;
	}
	
	form.idealforms.adaptive .error::after {
	    border-color: transparent transparent #cc6666;
	    left: 50%;
	    margin-left: -0.35em;
	    margin-top: -1.4em;
	    top: 2px;
	}
	
		
	.btn-form-input-full{
	    width: 65%;
	}
	
	.start-login-reg-container {
	    border-top: 1px solid #ccc;
        margin-top: 34px;
        padding-top: 20px;
	}
	
	.payment-change-data-list{
	   margin-bottom: 15px;
	}
	
	 
    ul.payment-change-data-list li {
	   width: 50%;
	   float: left;
	   margin-bottom :25px;
	   border-bottom: 1px solid #e6e1da;
	   padding-bottom: 15px;
	}
	
	.chk-user-change-form .form-input .custom-selectbox {
        width: 64%; 
    }
    
    .dashboard-button{
        margin: 8px 3px;
    }
    
}

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


	
	.product-wide .product-price {
	   /*margin-left: 10px;*/
	   min-height: 0;
	}
	      
	.product-wide .button-dual {
	    margin-top: 0;
	}
    p.oxValidateError {
        margin-right: 4.5%;
        width: 61.8%;
    }
    
    .btn-chksteps-left {
      
    }
	
	
	
	.btn-to-basket-list-line{
	   /*display: none;*/
	}
	
	.product-price-list-line{
	   width: 90%;
	  }
}

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



	.acl-modal-img {
		display: block;
		width: 100%;
	}

	.acl-modal-textbox {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
    
   .category-box{
        height: 125px;
   }
    .cart-total {
        font-size: 18px !important;
    }   
}


@media screen and (max-width: 359px) {
    
    .dashboard-button{
        min-width :120px;
        }
        
        .category-box{
        height: 100px;
   }

   .btn-final-buy,
   .btn-final-back 
   {
   		width: 100%;
   		float: left;
   }

   .btn-final-back {
   		margin-top: 15px;
   		padding: 9px 0;
   }
   
   .cart-total {
        font-size: 16px !important;
    }  

   
}



#noticelist .product-wide .product-img img {
    max-width: auto;
    object-fit: none;
    max-height: auto;
    width: 100%;
    height: auto
}
/* The dba theme is built for box-sizing: content-box (live has no global border-box
   reset; only unsemantic grid CELLS opt into border-box). apex/Bootstrap injects a
   global `* { box-sizing: border-box }`, which eats the .grid-container padding into
   its max-width, narrowing the content area ~20px vs live — most visibly wrapping the
   "3. Versand & Zahlungsart" checkout step label. Restore content-box on the wrapper. */
.grid-container {
    box-sizing: content-box;
}

/* Account order pager (widget/locator/paging). The theme's colors/*.css styles the pager
   with the loud yellow accent — `.pager-page:hover { background: #efef75 }` (yellow hover)
   and a 5px border-radius — and its JS injects `.middle-color` (grey) onto the selected
   item, overriding the chip's text. Override all of that here so the pager sits in line
   with the rest of the design: square corners, and the current page AND hover are the
   theme's dark chip (#282d37) with white text — like the dark buttons. */
.pager .pager-page {
    border-radius: 0;
}
.pager .pager-page:hover,
.pager .pager-page.selected {
    background: #282d37;
    border-color: #282d37;
    color: #fff;
}