.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}
.youtube {
    background: #bb0000;
    color: white;
}

.instagram {
    background:#c82828;
    color: white;
}

.pinterest {
    background:#a26e59;
    color: white;
}

.icon-bar i {
    color:white;
}

.icon-bar {
    position: fixed;
    right:0px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:999;
}


.icon-bar a {
    display: block;
    text-align: center;
    padding: 9px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
    background-color: #000;
}

@media (max-width: 767px) {
    .icon-bar {
        top: 50%;
    }
}

.alert-success {
    color: rgba(0,0,0,0.7);
    border: 2px solid rgba(0,0,0, 0.05);
}

.tmplt_sales_color {
    border-color: rgba(0,0,0,0.1);
    color:rgba(0,0,0,0.7);
}
.tmplt_sales_color:hover {
    filter: brightness(85%);
    color:rgba(0,0,0,1);
}



.tmplt_base_color { 
  background-color:#dabeaf ;
}
.tmplt_base_color_text,ul.menu-vertical.tmplt_base_color_text a, .header *,.footer *,.menu-level-0 a { 
  color:#5a5f55 ;
}
.tmplt_attention_color { 
  color:#5a5f55 ;
}
.tmplt_sales_color,.tmplt_sales_color:hover { 
  background-color:#dad7d0 ;
}
.alert-success { 
  background-color:#5a5f55 ;
}
.container { 
  max-width:1280px ;
}
 { 
  :0 ;
}
 { 
  :{artfabr} / {fabrikant} ;
}



@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgWxPKTM1K9nz.ttf');
}

* {
    font-family: 'Roboto';
}


button:disabled {
     background-color:rgba(25, 25, 25, 0.3);
}

button:disabled:hover {
    background-color:rgba(25, 25, 25, 0.3);
}

button.selected {
    background-color:rgba(25,255,255,0.3);
}


@media (min-width: 0px) and (max-width: 45em ) {
    #sw_menu * {
        color:#000;
    }
}

.has-cms-content * {
    color:#000;
}

.has-cms-content a  {
    color:#000;
    text-decoration: underline;
}

/* menu styler */
@media (min-width:768px) {
    ul.menu-fat-sublevel1 ul.menu-level-1 > li > a {
        font-weight: 800;
    }

    ul.menu-margin-level2 ul.menu-level-2 {
        margin-left: 50px;
    }
}

.article-item-overlayer{
color: #fff !important;
}
.cmsmenus p{
padding: 10px 0;
font-size: 1.0rem;
}

.header-items .search-control {
    margin-right: 30px  !important;
}

.main-menu .menu-level-1 {
    width: 75%;
}

.menu-level-0    .menu-item-id-null{
    padding-right: 10px !important;
}

.prev-button{
display: none  !important;
}
.swretail_cms_popup_content {
    width: 30% !important;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  margin: 10px 0 15px;
}

.accordion h3{
font-size: 1.2rem;
margin-bottom: 0;
    text-transform: none;
}

.sale_btn{
border: 3px solid #fff;
    border-radius: 0;
    background: #E43A36;
    color: #fff !important;
    padding: 20px 40px;
    margin-top: 250px;
    line-height: 3;
}

.sale-banner{
padding-top: 200px;
}

@media (max-width: 768px){
.css_id_2160{
background-position: 100% 25% !important;
}
.sale-banner h1{
color: #fff !important
}
}

 .menu-item-active > a:first-child{
    font-weight:800;
 }