/* CSS Document shop_in_shop_id 1  */





/* BOF HEADER #################################################################################### */



#sub-panel #toggler{
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
    border-top: 6px solid #bfbfbf;
}








/* BOF CART BUTTON */


/* eof cartbox, langbox */





/* BOF HEADER #################################################################################### */



/* BOF SLIDER */


	/* bof arrows */
.flex-direction-nav a {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.flex-direction-nav a:before {
  color: rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}


	/* bof pagination */
.flex-control-paging li a {
	/*
	border:1px solid var(--pagination_grey, lightgrey);
	background-color: var(--background, lightgrey);
	*/
	transition: all .2s ease;

	border:1px solid  var(--lightgrey, lightgrey);
	background-color: var(--lightgrey);
	border-radius: 0px;
	width: 35px;
	height: 5px;
}


.newbigbox:hover .flex-control-paging li a {
  border:1px solid var(--pagination_grey, lightgrey);
  /*background-color: var(--background, lightgrey);*/
}
.flex-control-paging li a:hover{
	/*
	border-color:var(--highlight);
	background-color:var(--highlight);
	*/
	transform: scale(1.2);
	/*box-shadow: 0 0 5px 3px rgba(0,0,0,.1);*/

}
.flex-control-paging li a.flex-active{
	background-color:var(--secondary);
}

.comp_BDboth .flex-control-paging li a.flex-active, 
.comp_BDboth .flex-control-paging li a:hover{
	background-color: var(--highlight);
}


/* EOF SLIDER */







/* BOF BUTTONS */



span.contentbutton{
	cursor: pointer;
	box-sizing: border-box;
    float: left;
    padding: 0;
	display:inline-block;
	
	border: 1px solid var(--buttons);
    background: var(--buttons, grey);
    color: var(--background, white);
    transition: border-color 0.2s linear,color 0.2s linear,background-color 0.2s linear;	
    width: auto;
    margin-bottom: 0.625rem;
    margin-right: 0.625rem;
    text-align: left;
	border-radius: .25rem;
}


.button_center{text-align: center;}
.button_center span.contentbutton{
	float: none;
	display: inline-block;
}

span.contentbutton:hover {
	border: 1px solid var(--buttons);
	/*border: 2px solid #004393;*/
	background-color: var(--background);
}

span.contentbutton span {
    padding: 0;
	margin: 0;
	display:block;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
}

span.contentbutton span b, span.contentbutton span input {
	color: var(--background, whit);
	font-size: 16px;

	background: transparent none;
	border:0px none;
	padding: 1.1rem 2.5rem 1rem 1rem;
	display:inline-block;
	cursor:pointer;
	line-height: 20px;
    font-family: var(--head-fonts);
    font-style: var(--head-fonts-style);
    text-transform: var(--head-fonts-case);
	font-weight: normal;
	width: 100%;
}

span.contentbutton:hover span b, span.contentbutton:hover span input {
	color: var(--buttons, white);
}


span.contentbutton span::after,
.cs-root .cs-button--primary::after{
	display: block;
	content: "";
	width: 20px;
	height: 11px;
	
	
	background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22navigation-icon-arrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.7%22%20height%3D%2212.6%22%20viewBox%3D%22-416%20590.2%2010.7%2012.6%22%3E%3Cpath%20d%3D%22m-414.3%20602.8-1.7-1%203.1-5.3-3.1-5.3%201.7-1%203.7%206.3zm5.4%200-1.7-1%203-5.3-3-5.3%201.7-1%203.6%206.3z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
	/*	background-image: url(/shop/images/all/icons/white/icon_dble_arrow.svg);*/
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 10px auto;
	
	line-height: 18px;
	color: var(--highlight);
	margin: 0 0 0 0px;
	
	transition: all .35s ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	position: absolute;
	right: 8px;
	top: 22px;
}
.cs-root .cs-button--primary::after{margin: 0px 10px 0px 5px;}
.cs-root .cs-button--primary:hover::after{margin: 0px 5px 0px 10px;}
/*
a span.contentbutton span::after{}
*/
span.contentbutton:hover span::after{
	/*color: var(--buttons, grey);*/
	background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22navigation-icon-arrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.7%22%20height%3D%2212.6%22%20viewBox%3D%22-416%20590.2%2010.7%2012.6%22%3E%3Cpath%20d%3D%22m-414.3%20602.8-1.7-1%203.1-5.3-3.1-5.3%201.7-1%203.7%206.3zm5.4%200-1.7-1%203-5.3-3-5.3%201.7-1%203.6%206.3z%22%20fill%3D%22%23025296%22%2F%3E%3C%2Fsvg%3E);
	margin: 0px -5px 0px 5px;
}

span.contentbutton span input:focus{
    outline: 0px none;
}

/* BOF loginswitch: */
.loginswitch span.contentbutton span b,
/*.loginswitch span.contentbutton span input,*/
.loginswitch label{padding: 15px 10px; width: 180px;}
/* EOF loginswitch */

/* BOF BESONDERE BUTTONS IM SLIDER: */
#slider .flexslider span.contentbutton{
	border: 2px solid var(--primary, blue);
    background: var(--primary, blue);
}
#slider .flexslider span.contentbutton b{
    color: var(--background, white);
}
#slider .flexslider span.contentbutton:hover{
	border: 2px solid var(--primary_hover, blue);
    background: var(--primary_hover, blue);
}
/* EOF BESONDERE BUTTONS IM SLIDER */

	.login_big a span.contentbutton {background-color:#333; border: 2px solid #333;}
	.login_big a span.contentbutton:hover {background-color:var(--primary); border: 2px solid var(--primary);}
	
	#login_small  span.contentbutton, 
	.gv_redeem span.contentbutton, 
	.mobile span.contentbutton{	min-height: 25px;}
	
	#login_small span.contentbutton,
	#login_small .niceform input{box-sizing: border-box; width: 100%;white-space: nowrap;}
	#login_small .niceform input[type='text'], 
	#login_small .niceform input[type='password']{margin-bottom: 20px;}

	.comp_BDboth #login_small .niceform input[type='text'], 
	.comp_BDboth #login_small .niceform input[type='password']{border: 2px solid var(--background); border-radius: 6px;}


/*
	#login_small span.contentbutton span input, 
	#login_small span.contentbutton span b, 

	.gv_redeem span.contentbutton span input, 
	.gv_redeem span.contentbutton span b, 

	.mobile span.contentbutton span input, 
	.mobile span.contentbutton span b {padding-top: 7px;}
*/
.gv_redeem span.contentbutton{ float: none; margin-left: 20px;     -webkit-box-shadow: none; box-shadow: none;}


/*
#login_small span.contentbutton{
	
    
    
}
#login_small span.contentbutton span input{
    
}
#login_small span.contentbutton span::after{
	background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22navigation-icon-arrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.7%22%20height%3D%2212.6%22%20viewBox%3D%22-416%20590.2%2010.7%2012.6%22%3E%3Cpath%20d%3D%22m-414.3%20602.8-1.7-1%203.1-5.3-3.1-5.3%201.7-1%203.7%206.3zm5.4%200-1.7-1%203-5.3-3-5.3%201.7-1%203.6%206.3z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E);
}

#login_small span.contentbutton:hover{
	
	
}
*/
/* EOF BUTTONS */






/* BOF ALLGEMEIN */
.pageHeading{

	font-size: var(--head-fonts-size);
	line-height: var(--head-fonts-size);
	
	font-family: var(--head-fonts);
    font-weight: var(--head-fonts-weight);
    font-style: var(--head-fonts-style);
	text-transform: var(--head-fonts-case);
	
	color: var(--primary);

	position: relative;
	text-align: left;
	margin: 80px 0 40px 0;
}
.pageHeading.center{
	margin-top: 50px;
}

.tablet .pageHeading{font-size: 35px;}
.mobile .pageHeading{font-size: 25px;}


.loginswitch .pageHeading{font-size: 22px;}
.pageHeading.shopname{
		margin-top: 50px;
}
.pageHeading.vcenter_cat{
	float:left;
	padding:70px 0 0 0;
}
	.mobile .pageHeading.vcenter_cat{padding-top:10px;}

.blue_bg .col50{background-color: #efa56d;}
.blue_bg.start .col50{background-color: var(--background, white);}
.blue_bg.start .greeting{
	padding:2% 5% 5% 0;
}
.greeting{
	padding:55px;
	font-size:17px;
	color:var(--textcolor, black);
}
	.mobile .greeting{padding:10px;}

.greeting .pageHeading{
	font-size:32px;
	line-height:1;
}
.greeting, .greeting a{

}
.greeting a{
	text-decoration:underline;
	color:#fff;
}


.greeting.teaser a{
	color:var(--textcolor);
	text-decoration: none;
	font-weight: bold;
}
.greeting.teaser .pageHeading{
	color: var(--highlight);
}

.boxheadline a, #also_purchased_products_box .boxheadline, #products_viewed_box .boxheadline{
	font-size: 18px;
	color:#6a625a;
}

.head{
	background-color:transparent;
	color:#6a625a;
}
.head .in_line{
	/*background-color:#6a625a;*/
	line-height:30px;
	font-weight: bold;
}

.details_border{
	/*
	border:8px solid #fff;
	*/
	overflow:hidden;
	background-color: var(--background, white);
}


.acc dt a span{
	background-color: var(--success);
}
.acc dt.closed a span{
	background-color: var(--secondary);
}
/* EOF ALLGEMEIN */







/* BOF FOOTER */
#footer{
	background-color: var(--background_footer, black);
	overflow:hidden;
	text-align:center;
	color:var(--textcolor_footer, white);
	/*
	background-image: url(/shop/img_client/rus-logo-background.svg);
	background-repeat: no-repeat;
	background-size: 144% auto;
	background-position: -66% 37%;
	*/
    
}

#footer a{
	color:var(--linkcolor_footer, white);
}
#footer a:hover{
	color:var(--linkcolor_footer_hover, white);
}



#footertext{
	padding:50px 20px;
	margin-top:20px;
	overflow:hidden;
	font-size:13px;
	color:var(--linkcolor_footer, white);
}
	.tablet #footertext{margin-top:20px;}
	
#footertext a{
	text-decoration:underline;
	color: var(--linkcolor_footer, white),
}
/* EOF FOOTER */

/* BOF .cxmlTest */
.cxmlTest pre code{
	display: block;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #000;
	font-size: 12px;
	line-height: 1;
	border:2px solid #ffe400;
	padding: 20px;
}
.cxmlTest .testorder.products{border:1px solid #ccc; border-bottom: 0px none;}
.cxmlTest .testorder.products td{border-bottom:1px solid #ccc;}
.cxmlTest .testorder.ot_total td{border:1px solid #ccc;}

.cxmlTest h4{
	display: block;
	border-bottom: 1px solid #eee;
	margin:0;
	padding:15px 0;
}
.cxmlTest h4 span{
	display: block;
	float: right;
	width: 18px;
	height:30px;
	margin-top: -5px;
	background-image: url("/shop/images/all/icons/check.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.cxmlTest h4.error span{background-position: right 0;}
.cxmlTest h4.success span{background-position: center 0;}

.cxmlTest .small{font-size: 12px;}
.cxmlTest #manual_transfer .contentbutton{float: right;}
/* EOF .cxmlTest */