.btn{
    min-height: unset;
    }



    /*######General######*/

    /*Default Font Size*/
    html{
    font-size: 14px;
    }
    /*fix for font size in buttons if font size is unter 16px*/


    /*Font Family(ies)*/
    body,
    .tooltip, .popover, h2, p,  .main-footer .left span, .main-footer .right, .navbar.navbar-main .top-menu-wrapper .navbar-brand,
    .sidebar.sidebar-main a span,
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    .full-page section .section-header .title,
    .iw-stepper .iw-step .circle,
    .page-container-register .title,
    .page-container-landing-page .title,
    .page-container-checkout section .section-header
    {
    font-family:Fellix, Open Sans, sans-serif, Segoe UI, Tahoma !important;
    }


    /*headers and tabs color*/
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    section .section-header .title,
    .iw-ribbon .bg-ribbon,
    .text-primary,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .price,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active i,
    .nav-tabs .nav-link:hover:not(.active),
    .iw-catalogue-wrapper .product .info-area .title a:hover,
    .iw-catalogue-wrapper .modal .product .info-area .title a:hover,
    .iw-catalogue-wrapper .product.preview .price,
    .iw-catalogue-wrapper .modal .product.preview .price
    {
    color:#cb003d !important;
    }

    /*bookmark (bg-ribbon) color*/
    .iw-ribbon .fg-ribbon
    {
    background: #cb003d !important;
    width:auto !important;
    }

    .page-link, .page-link:hover, a, a:hover,
    .checkbox-icon,
    input[type="checkbox"]:checked ~ i span:nth-of-type(1),
    input[type="radio"]:checked ~ i span:nth-of-type(1),
    input[type="checkbox"]:checked ~ i span:nth-of-type(2),
    input[type="radio"]:checked ~ i span:nth-of-type(2),
    input[type="checkbox"]:not(:checked) ~ i span:nth-of-type(1),
    input[type="radio"]:not(:checked) ~ i span:nth-of-type(1),
    .iw-stepper .iw-step,
    .slick-prev::before, .slick-next::before,
    .content-product-details #iw-aside-scroll-container #iw-product-section-features .list-group-item.active i,
    .info-tooltip.btn.btn-plain,
    .progressrim .percent .number span,
    .btn-link:hover, .btn.btn-glyph:hover
    {
    color:#cb003d;
    }

    .btn-link, .btn.btn-glyph{
    color:#cb003de6;
    }

    .progressrim svg circle:nth-child(2){
    stroke:#cb003d;
    }

    .iw-stepper .iw-step .circle{
    }
    .iw-stepper .iw-step.current .circle{
    background-color:#cb003de6;
    }

    .nb-stepper-step {
    color: #cb003d;
    }

    .nb-stepper-step.nb-stepper-step--completed::after {
    background-color: #cb003d;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__circle, .nb-stepper-step.nb-stepper-step--current::after {
    background-color: #cb003d;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #cb003d;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__circle {
    background-color: #cb003d;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #cb003d;
    }

    .nb-stepper-step.nb-stepper-step--completed .nb-stepper-step__text {
    color: #cb003d;
    }

    .form-control:focus{
    border-color:#cb003d4c;
    }

    option:hover {
    box-shadow: 0 0 10px 100px red inset;
    }

    .badge-primary,
    .iw-stepper .iw-step::after,
    .iw-stepper .iw-step + .iw-step::after,
    .select2-container--bootstrap4 .select2-results__option--highlighted,
    .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
    .btn-action:hover,
    .content-product-details #iw-aside-scroll-container .iw-product-section-editions .edition-wrapper .edition .addon-item.card:hover .card-footer .buttons-wrapper{
    background-color:#cb003d;
    }
    .bg-primary{
    background-color:#cb003d !important;
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color: #cb003d99;
    box-shadow: 0 0 0 .2rem #cb003d4d;
    }

    .sidebar.sidebar-main a::after,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.active .nav-link{
    border-color:#cb003d;
    }

    .sidebar.sidebar-main a::before{
    border-color:#cb003d30 !important;
    }

    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active{
    border-left-color:#cb003d;
    border-right-color:#cb003d;
    }

    .custom-select:focus
    {
    border-color:#cb003d4d;
    }
    /*BUTTONS*/
    :root {
    --nb-primary-button-background-color: #cb003d;
    --nb-primary-button-border-color:     #cb003d;

    --nb-primary-button-background-color--hover: #cb003d;
    --nb-primary-button-border-color--hover:     #cb003d;

    --nb-primary-button-background-color--active: #cb003d;
    --nb-primary-button-border-color--active:     #cb003d;

    --nb-primary-button-background-color--focus: #cb003d;
    --nb-primary-button-border-color--focus:     #cb003d;

    --nb-secondary-button-border-color: #cb003d;
    --nb-secondary-button-text-color:   #cb003d;

    --nb-secondary-button-background-color--hover: #cb003d40;
    --nb-secondary-button-border-color--hover:     #cb003d;
    --nb-secondary-button-text-color--hover:       #cb003d;

    --nb-secondary-button-background-color--active: #cb003d40;
    --nb-secondary-button-border-color--active:     #cb003d;
    --nb-secondary-button-text-color--active:       #cb003d;

    --nb-secondary-button-background-color--focus:           #cb003d40;
    --nb-secondary-button-border-color--focus: border-color: #cb003d;

    --nb-outline-primary-button-border-color: #cb003d;
    --nb-outline-primary-button-text-color: #cb003d;

    --nb-outline-primary-button-background-color--hover: #cb003d40;
    --nb-outline-primary-button-border-color--hover:     #cb003d;
    --nb-outline-primary-button-text-color--hover:       #cb003d;

    --nb-outline-primary-button-background-color--focus: #cb003d40;
    --nb-outline-primary-button-border-color--focus:     #cb003d;
    --nb-outline-primary-button-text-color--focus:        #cb003d;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active,
    .page-item.active .page-link {
    background-color:#cb003d;
    border-color:#cb003d;
    }

    .btn.btn-icon {
    color:#cb003d;
    border-color:#cb003d;
    }

    .btn.btn-icon:hover:not(:disabled):not(.disabled) {
    color:#cb003d;
    border-color:#cb003d;
    background-color:#cb003d40;

    }

    .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active{
    border-color:#cb003d40;
    background-color:#cb003d40;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active,
    .dropdown-item:hover
    {
    border-color: #cb003dbf;
    background-color: #cb003dbf;
    }

    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-left-color: #cb003d;
    }

    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-right-color: #cb003d;
    }

    /*Custom range*/

    .custom-range::-webkit-slider-thumb {
    background-color: #cb003d;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-webkit-slider-runnable-track {
    background-color: #cb003d4c;
    }

    .custom-range::-moz-range-thumb {
    background-color: #cb003d;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-moz-range-thumb:active {
    background-color: #ebf1fe;
    background-color: #cb003d19;
    }

    .custom-range::-moz-range-track {
    background-color: #cb003d4c;
    }

    .custom-range::-ms-thumb {
    background-color: #cb003d;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-ms-fill-lower {
    background-color: #cb003d4c;
    }

    .custom-range::-ms-fill-upper {
    background-color: #cb003d4c;
    }

    /*Custom switch*/
    .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #cb003d;
    background-color: #cb003d;
    }

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: #cb003d50;
    }

    /*Custom radio*/
    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #cb003d50;
    background-color: #cb003d50;
    }

    .iw-list-picker-item.is-selected,
    .iw-list-picker-item:hover {
    border-color: #cb003d;
    }

    /*Theme UI Components*/

    .nb-section .nb-main-title
    {
    color:#cb003d !important;
    }

    .nb-grid .k-grid a
    {
    color:#cb003d;
    }

    /*Override hardcoded min-height*/
    .nb-search-input {
    min-height: initial !important;
    }

    .browser-compatibility {
    background-color:#cb003d !important;
    }



/*CustomCSS*/
    

        /*######General######*/

        /*Default Font Size*/
        html{
        font-size: 16px;
        }
        /*fix for font size in buttons if font size is unter 16px*/


        /*Font Family(ies)*/
		@font-face {
  font-family: 'Fellix';
  src: url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-Bold.woff2') format('woff2'),
      url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
font-display:swap;
}

@font-face {
  font-family: 'Fellix';
  src: url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-SemiBold.woff2') format('woff2'),
      url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
font-display:swap;
}

@font-face {
  font-family: 'Fellix';
  src: url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-Medium.woff2') format('woff2'),
      url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
font-display:swap;
}

@font-face {
  font-family: 'Fellix';
  src: url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-Regular.woff2') format('woff2'),
      url('https://assets.brack.ch/b2c-assets/core/css/fonts/fellix/Fellix-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
font-display:swap;
}

        body,
        .tooltip, .popover, h2, p,  .main-footer .left span, .main-footer .right, .navbar.navbar-main .top-menu-wrapper .navbar-brand,
        .sidebar.sidebar-main a span,
        .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
        .full-page section .section-header .title,
        .iw-stepper .iw-step .circle,
        .page-container-register .title,
        .page-container-landing-page .title,
        .page-container-checkout section .section-header
        {
        font-family: Fellix, Open Sans, sans-serif, Segoe UI, Tahoma !important;
        }


        /*headers and tabs color*/
        .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
        section .section-header .title,
        .iw-ribbon .bg-ribbon,
        .text-primary,
        .iw-aside-navigator-wrapper .iw-aside-navigator .card .price,
        .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active i,
        .nav-tabs .nav-link:hover:not(.active),
        .iw-catalogue-wrapper .product .info-area .title a:hover,
        .iw-catalogue-wrapper .modal .product .info-area .title a:hover,
        .iw-catalogue-wrapper .product.preview .price,
        .iw-catalogue-wrapper .modal .product.preview .price
        {
        color:#cb003d !important;
        }

        .page-link, .page-link:hover, a, a:hover,
        .checkbox-icon,
        input[type="checkbox"]:checked ~ i span:nth-of-type(1),
        input[type="radio"]:checked ~ i span:nth-of-type(1),
        input[type="checkbox"]:checked ~ i span:nth-of-type(2),
        input[type="radio"]:checked ~ i span:nth-of-type(2),
        input[type="checkbox"]:not(:checked) ~ i span:nth-of-type(1),
        input[type="radio"]:not(:checked) ~ i span:nth-of-type(1),
        .iw-stepper .iw-step,
        .slick-prev::before, .slick-next::before,
        .content-product-details #iw-aside-scroll-container #iw-product-section-features .list-group-item.active i,
        .info-tooltip.btn.btn-plain,
        .progressrim .percent .number span,
        .btn-link:hover, .btn.btn-glyph:hover
        {
        color:#cb003d;
        }

        .btn-link, .btn.btn-glyph{
        color:#cb003de6;
        }

        .progressrim svg circle:nth-child(2){
        stroke:#cb003d;
        }

        .iw-stepper .iw-step .circle{
        }
        .iw-stepper .iw-step.current .circle{
        background-color:#cb003de6;
        }
        .form-control:focus{
        border-color:#cb003d4c;
        }

        option:hover {
        box-shadow: 0 0 10px 100px red inset;
        }

        .badge-primary,
        .iw-stepper .iw-step::after,
        .iw-stepper .iw-step + .iw-step::after,
        .select2-container--bootstrap4 .select2-results__option--highlighted,
        .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
        .btn-action:hover,
        .content-product-details #iw-aside-scroll-container .iw-product-section-editions .edition-wrapper .edition .addon-item.card:hover .card-footer .buttons-wrapper{
        background-color:#cb003d;
        }
        .bg-primary{
        background-color:#cb003d !important;
        }

        .select2-container--bootstrap4.select2-container--focus .select2-selection{
        border-color: #cb003d99;
        box-shadow: 0 0 0 .2rem #cb003d4d;
        }

        .sidebar.sidebar-main a::after,
        .iw-aside-navigator-wrapper .iw-aside-navigator .card,
        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.active .nav-link,
        .btn.btn-cookie:hover:not(:disabled):not(.disabled){
        border-color:#cb003d;
        }

        .sidebar.sidebar-main a::before{
        border-color:#cb003d30 !important;
        }

        .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active{
        border-left-color:#cb003d;
        border-right-color:#cb003d;
        }

        .custom-select:focus
        {
        border-color:#cb003d4d;
        }
        /*BUTTONS*/
        .btn-primary,
        .btn.btn-primary:hover:not(:disabled):not(.disabled),
        #bootstrap-confirm-box-modal .btn.btn-success,
        #bootstrap-confirm-box-modal .btn.btn-success:hover:not(:disabled):not(.disabled),
        .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active,
        .page-item.active .page-link {
        background-color:#cb003d;
        border-color:#cb003d;
        }


        .btn.btn-outline-primary, .btn.btn-icon, .btn.btn-secondary, .btn.btn-cookie,
        #bootstrap-confirm-box-modal .btn.btn-danger,
        #bootstrap-alert-box-modal .btn.btn-danger {
        color:#cb003d;
        border-color:#cb003d;
        }

        #bootstrap-confirm-box-modal .btn.btn-danger:hover:not(:disabled):not(.disabled),
        #bootstrap-alert-box-modal .btn.btn-danger:hover:not(:disabled):not(.disabled),
        .btn.btn-outline-primary:hover:not(:disabled):not(.disabled),
        .btn.btn-icon:hover:not(:disabled):not(.disabled),
        .btn.btn-secondary:hover:not(:disabled):not(.disabled) {

        color: #ffffff;
        border-color: #cb003d;
        background-color: #cb003d;

        }

        .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active{
        border-color:#cb003d40;
        background-color:#cb003d40;
        }

        .show > .btn-secondary:focus{
        border-color:#cb003d;
        background-color:#cb003d;
        }

        .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled),
        .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled),
        .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active,
        .dropdown-item:hover
        {
        border-color: #cb003dbf;
        background-color: #cb003dbf;
        }

        .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
        .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
        border-left-color: #cb003d;
        }

        .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
        .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
        border-right-color: #cb003d;
        }

        /*Custom range*/

        .custom-range::-webkit-slider-thumb {
        background-color: #cb003d;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .custom-range::-webkit-slider-runnable-track {
        background-color: #cb003d4c;
        }

        .custom-range::-moz-range-thumb {
        background-color: #cb003d;
        -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .custom-range::-moz-range-thumb:active {
        background-color: #ebf1fe;
        background-color: #cb003d19;
        }

        .custom-range::-moz-range-track {
        background-color: #cb003d4c;
        }

        .custom-range::-ms-thumb {
        background-color: #cb003d;
        -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .custom-range::-ms-fill-lower {
        background-color: #cb003d4c;
        }

        .custom-range::-ms-fill-upper {
        background-color: #cb003d4c;
        }

        /*Custom switch*/
        .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #cb003d;
        background-color: #cb003d;
        }

        /*CustomCSS*/
    
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

.main-header img.brand-logo { height: auto; }



.btn { border-radius: 21px; }

.row.no-gutters.h-100 { border: 1px solid #dddddd; padding: 1.4em;  border-radius: 21px; }
.pl-3, .px-3 { padding-left: 0 !important;}
.pr-3, .px-3 { padding-right: 0 !important; }
#home p.description {
    border-top: 1px solid #dddddd;
    padding: 1.4em 0;
    margin-top: 2em;
}
#home .title a , .prod-category-name {color: #cb003d;} 
#home .title a span:hover , .prod-category-name:hover {text-decoration: underline;}

.main-footer.rb-MainFooter {background-color: black; }

.navbar-nav:last-child .nav-item:first-child { background-color: #cb003d; border-radius: 21px; font-weight: 600; text-align: center; padding: 0 1em; }
.navbar-nav:last-child .nav-item:first-child:hover {background-color: #e2001a;}
.navbar-nav:last-child .nav-item:first-child:active {background-color: #951c20;}
.navbar-nav:last-child .nav-item:last-child { background-color: #8d989b; border-radius: 21px; font-weight: 600; text-align: center; padding: 0 1em; margin-left: 1em; }
.navbar-nav:last-child .nav-item:last-child:hover {background-color: #a4b3b7;}
.navbar-nav:last-child .nav-item:last-child:active {background-color: #797c7c;}
.navbar-nav:last-child .nav-item:first-child a , .navbar-nav:last-child .nav-item:last-child a { color: #ffffff !important; }

.main-footer.rb-MainFooter { background-color: #767676; }
.row.justify-content-between.below.py-2 { background-color: #000; }
.custom-footer h3 {padding-top: 1em; font-size: 1em; }
.custom-footer , .main-footer .below a { font-size: 1em;}
.custom-footer ul {    list-style-type: none; padding-left: 0; }

.btn-link { color: #951c20; }
.btn-link:hover , .btn-link:active { color: #cb003d; }

.powered-by { color: #ffffff; }

.btn-secondary:hover {color: #ffffff; background-color: #e2001a; border-color: #e2001a; }
.btn-secondary:not(:disabled):not(.disabled):active { color: #ffffff; background-color: #951c20; border-color: #951c20; }

.banner img { width: 100%; }

.mehrinfos {overflow: hidden;}
.mehrinfos li {display: inline-block; margin-right: 2em; }
.mehrinfos li:last-child {margin-right: 0; }
.mehrinfos span { margin-right: .5em; display: inline-block; width: 20px; height: 20px; vertical-align: bottom; background-image: url(https://info.pcwebshop.ch/Alltron/marktplatz/AlltronMarktplatzLogos2.png); }
.mehrinfos .linkedin { background-position: 0 0; }
.mehrinfos .youtube { background-position: -20px 0; }
.mehrinfos .yammer { background-position: -40px 0; }
.mehrinfos .cloudchampion { background-position: -60px 0; }
.mehrinfos .cloudtrainings { background-position: -80px 0; }
.mehrinfos .faq { background-position: -100px 0; }

.schwarzerhintergrund {background-color: #000000; padding: 1rem 0 0; }
.below.py-2 {display: none;}
.copyright { text-align: center; margin-top: 0.5em; font-size: 12px; color: #fff; width: 100%; }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
margin: 2em 0;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rb-MainFooter .modal-body a { color: #cb003d; }


* {box-sizing: border-box;}

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
 /* max-width: 1000px;*/
  position: relative;
  margin: auto;
}

/* Banner Fade animation */

.bannerfade {
  -webkit-animation-name: bannerfade;
  -webkit-animation-duration: 2s;
  animation-name: bannerfade;
  animation-duration: 2s;
}

.bannerfade:not(.show) {
    opacity: 1;
}

@-webkit-keyframes bannerfade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes bannerfade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* Fading animation */

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

/* 
.fade:not(.show) {
    opacity: 1;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
*/

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.font-weight-bold.mr-2

{ visibility:hidden; }
#add-generic-payment-in-billing

{ visibility:hidden; }
.col-auto.d-flex.flex-column.mx-auto

{ visibility:hidden; }

.d-flex.align-items-center.flex-wrap.my-2{ display: none !important; }

.overlayContainer { top: auto; bottom: 0; }
.cookies-acceptance { margin-top: 2px; margin-bottom: 0; }


.rb-MainFooter .modal-content a { color: #e2001a; }

.invoice-meta .col-auto:nth-child(2) {display: none;}

#select-invoice-type{display:none;}

#iw-general-statistics > div > div:nth-child(3){
display:none !important;
}

/* 
.page-container-home .product title a {
    color: #333;
    font-size: .9375rem;
    line-height: 1.06668;
    margin: 0 0 .75rem;
    font-weight: 600;
    min-height: 2rem;
}
.page-container-home .product p {
    font-size: .875rem;
    line-height: 1.14287;
    margin: 0;
    color: #333;
}
*/ 


/* Kategorie-Buttons */ 

nav.iw-filters-list {margin-bottom: 3em !important;}

.iw-filters-container .mb-3 {
    margin-bottom: 0 !important;
}
.iw-filters-container .iw-filters-list .filter-list {
    margin-bottom: -1em;
}

/*
.iw-filters-container .iw-filters-list .filter-list ul {
 margin: -1.5em 0;
}
*/

ul#sub-categories::before {
    content: 'CATEGORIES';
    display: inline-block;
    width: 100%;
    margin-bottom: 0.5em;
}
ul#sub-categories ul::before {
    content: 'PRODUCTS';
    display: inline-block;
    width: 100%;
    margin-bottom: 0.5em;

}

ul#sub-categories li { display: inline-block; }

.iw-filters-container .iw-filters-list .filter-list .filter-item { padding: 0; }
ul#sub-categories a , .iw-filters-container .iw-filters-list .filter-list .filter-item a {
  text-align: center;
  display: inline-block;
  margin: 0 1em .5em 0;
  border: 1px solid #cb003d;
  border-radius: 21px;
    background-color: inherit;
    color: #cb003d;
font-size: .9375rem;
line-height: 1.60001;
padding: .25rem 1rem;
}

ul#sub-categories a.active , .iw-filters-container .iw-filters-list .filter-list .filter-item a.active  {background-color: #cb003d; border-color: #cb003d; color: #fff;}
ul#sub-categories a:hover , .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover {background-color: #cb003d; border-color: #cb003d; color: #fff;}

.iw-filters-container .iw-filters-list .filter-list .filter-item a:hover {
    background-color: #e2e2e2;
}

.iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active i {
    display: inline;
}
    
/* Kategorie-Ribbons */
.iw-ribbon .fg-ribbon { background: #cb003d; }


/* Productboxen */
.product-wrapper .product {
    border: 1px solid #ddd !important;
    margin: 1em;
    padding: 1em !important;
    border-radius: 6px;
    color: #333;
    transition: opacity .3s ease-in-out;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.15);
box-shadow: 0 0 21px rgba(0,0,0,0.15);
content: '';
}
.product-wrapper .product:hover {
-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.3);
box-shadow: 0 0 21px rgba(0,0,0,0.3);
}
.product-wrapper .title a {
    color: #333;
   font-size: .9375rem;
   line-height: normal;
   margin: 0 0 .75rem;
   font-weight: 600;
}
.product-wrapper .description , product-wrapper .vendor-name  {
   font-size: .875rem;
    color: #333;
    line-height: normal !important;
}
.more-details .btn {
  min-height: auto;
   font-size: .875rem;
}
.iw-catalogue-wrapper .product .new-window, .iw-catalogue-wrapper .product .description, .iw-catalogue-wrapper .modal .product .new-window, .iw-catalogue-wrapper .modal .product .description {
    color: #333;
   font-size: .875rem;
}


/* Login */
.login-user .form-check {
width: 100%;
}


/* Suchergebnisse ohne Preview */

div#preview-placeholder {
    display: none !important;
}
.main .col-12.col-lg-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.page-container-catalogue .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 33%;
    max-width: 33%;
}
.more-details .col-auto {
    padding-right: 10px;
    padding-left: 10px;
}

.more-details .btn.btn-primary , .more-details .btn-outline-primary {
width: 160px;
}

/* Sortieren */

.content-product-catalogue .dropdown i.material-icons::before {
    content: 'Sort';
    color: #e2001a;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: .875rem;
    padding-right: .5em;
    margin-top: .1em;
    vertical-align: top;
    display: inline-block;
    font-weight: 700;
}
.content-product-catalogue .dropdown i.material-icons:hover::before {
   color: #333;
}
/* Pläne */
.slick-prev , .slick-next {
    z-index: 99;
    top: 3.5rem;
}
.slick-prev::before, .slick-next::before {
    font-size: 30px
}
.slick-prev {left: 5px;}
.slick-next {right: 10px;}    
.slick-slide:nth-child(3n+1) > div { padding: 0 26px 0 41px; }
.slick-slide:nth-child(3n+2) > div { padding: 0 34px; }
.slick-slide:nth-child(3n+3) > div { padding: 0 41px 0 26px; }

.title.my-3 {
margin-left: 1rem;}


/* Anzahl Add-Ons ausklammern */
.total-addons .text-muted { display: none; }


/* Kategorie-Buttons */
/*
.iw-filters-container .iw-filters-list  .filter-list .filter-item .filter-item a {background-color: #B2B5B8;}
.iw-filters-container .iw-filters-list  .filter-list .filter-item .filter-item .filter-item a {background-color: #85888A;}
.iw-filters-container .iw-filters-list .filter-list { margin: -1em 0; }
*/

/* Kontaktseite */
.kontaktseite {
    width: 80%;
    margin: 2em auto;
    max-width: 1200px;
    background-color: #fff;
    padding: 1em 2em;
}

/* Footer */

.container hr { display: none; }

.footerGray { background-color: #767676;  }
.footerBlack { background-color: #000;  }
.footerNew {color: #fff;}
.footerNew a {color: #fff;}
.footerNew .row { margin: auto 0; padding: 0.5em 2em;}
.footerNew .col-md-4 , .footerNew .col-md-3 {padding: .5em;}
.footerNew .cds-icon {
    fill: white;
    float: left;
    margin-right: .5em;
}
.footerNew h3 { font-size: 1.2em; margin: 0 0 1.6em;}
.footerNew li { line-height: 2;}
.contactDiv {display: inline-block;}
.cds-Icon {
    vertical-align: top;
    fill: #fff;
}
.footerGray footericon {
    margin-right: .5em;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    background-image: url(https://info.pcwebshop.ch/Alltron/marktplatz/AlltronMarktplatzLogos2.png);
}
.footerNew .linkedin { background-position: 0 0; }
.footerNew .youtube { background-position: -20px 0; }
.footerNew .yammer { background-position: -40px 0; }
.footerNew .cloudchampion { background-position: -60px 0; }
.footerNew .cloudtrainings { background-position: -80px 0; }
.footerNew .faq { background-position: -100px 0; }
.tac {text-align: center;}
.tar {text-align: right;}


/* Hide Account Ballance in General Statistics */
#iw-general-statistics > div > div:nth-child(2) > h4  {
    visibility: hidden;
}
#iw-general-statistics > div > div:nth-child(2) > div > .mb-3:first-child {
    display: none !important;
}

.billing-top { display: none !important;}

/* Interworks DESK-49564 */
.invoices-details > div > div > div:first-child{
display:none;
}
#section-view-invoices .d-flex.align-content-start.flex-wrap.pb-1{
display: none!important;
}
.col-12.col-lg-6.overdue .table-responsive table thead th:nth-child(3), .col-12.col-lg-6.overdue .table-responsive table tbody td:nth-child(3),.col-12.col-lg-6.outstanding.pt-1 .table-responsive table thead th:nth-child(3), .col-12.col-lg-6.outstanding.pt-1 .table-responsive table tbody td:nth-child(3),#my-invoices .table-responsive table thead th:nth-child(4),#my-invoices .table-responsive table tbody td:nth-child(4),#my-invoices .table-responsive table thead th:nth-child(2),#my-invoices .table-responsive table tbody td:nth-child(2){
display:none;
}
.page-invoice.ltr #iw-aside-navbar .d-flex.flex-column.align-items-center.p-3 > div,.page-invoice.ltr #iw-aside-navbar .d-flex.flex-row.justify-content-center .d-flex.flex-column.flex-fill.text-center.border-bottom.border-right {
display:none !important;
}
.col-12.col-lg-6.overdue{
display:none;
}
.col-12.col-lg-6.outstanding.pt-1 .d-flex.justify-content-around.p-2.pb-3{
display:none !important;
}
.card .billing-top.d-flex.justify-content-between.flex-wrap.pt-3{
display:none !important;
}

.page-container-contact {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 1200px;
    padding: 2em;
}

/* moving the support button */
.sidebar.sidebar-main.d-flex.flex-column.align-items-center.justify-content-between .lower.d-flex.flex-column{
display:none !important;
}

/* Verberge Tell Me More Button */

/*######Hide Tell me More Button######*/
[href="https://services.alltron.ch/tell-me-more/?id=6DE20F4E-8488-4469-A9D3-119917D7024F"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=6de20f4e-8488-4469-a9d3-119917d7024f"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=772DCEBA-4957-4BD1-AE79-5C6AC5B035A5"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=772dceba-4957-4bd1-ae79-5c6ac5b035a5"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=A44708EE-E721-4819-81D7-6DE3DAB403EA"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=a44708ee-e721-4819-81d7-6de3dab403ea"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=DD8F555F-EBED-4926-9D3F-2DCC7E6B6CE0"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=dd8f555f-ebed-4926-9d3f-2dcc7e6b6ce0"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=F34ED54A-6505-43F4-B13D-1F14258676BB"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=f34ed54a-6505-43f4-b13d-1f14258676bb"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=C09E506B-2DE2-4167-BB78-6222CD895466"]{
  display:none !important;
}
[href="https://services.alltron.ch/tell-me-more/?id=c09e506b-2de2-4167-bb78-6222cd895466"]{
  display:none !important;
}
/* Banner kleiner */
.mySlides.bannerfade {
    max-width: 1140px;
    margin: 0 auto 3em;
}

/* Spaltenbreite Böxli */
.addon-item .p-2 { padding: 1.25rem !important; }

/* You might find this interesting kleiner */
.iw-catalogue-wrapper .suggested-products-wrapper .product-wrapper .product:not(.preview) , .iw-catalogue-wrapper .cross-products-wrapper .product-wrapper .product:not(.preview) { height: auto;}

/* Spalten löschen */
.billing-orders th:nth-child(4) , .billing-orders td:nth-child(4) , .page-container-my-orders .my-orders-list th:nth-child(4) , .page-container-my-orders .my-orders-list td:nth-child(4)  {
    display: none;
}

/* Footer */

            .main-footer a , footer.main-footer p { color: white; text-decoration: none; }
            footer a:hover , footer a:active { color: white; text-decoration: underline; }
.MWStinfo p {
    text-align: center;
    margin-bottom: 28px;
    color: #333 !important;
}
            footer , .footerDark {width: 100%;}
            .footerGrey , .footerBlack {width: 50%;}
            .footerGrey {background-color: #2b2b2b;}
            .footerBlack {background-color: black;}
            .footerGreyInner , .footerBlackInner {width: 50%; padding: 3em 2em; }
            .footerGreyInner {float: right;}
            .footerDark {display: flex;}
            .footerRed {background-color: #cb003d; text-align: center; padding: 1em; }

            .poweredby { width: 125px; vertical-align: baseline; padding-left: .3em;}
            .liefertimg { width: 123px; vertical-align: middle; padding-right: 1em;}
            
            footer span.icon {
                margin-right: .5em;
                display: inline-block;
                width: 20px;
                height: 20px;
                vertical-align: bottom;
                background-image: url(https://info.pcwebshop.ch/Brack/Marktplatz/BRACKMarktplatzLogos.png);
            }
            footer .cloudchampion { background-position: -60px 0; }
            footer .cloudtrainings { background-position: -80px 0; }
            footer .linkedin { background-position: 0 0; }
            footer .kontakt { background-position: -120px 0; }
            footer .termin { background-position: -100px 0; }

            .mrg-t-2 { margin-top: 2em;}
            .mrg-t-4 { margin-top: 4em;}
            .mrg-l-15 { margin-left: 1.5rem;}

[href="https://services.brack.ch/tell-me-more/?id=F1F9B276-F360-4EDB-A4F8-AD5800F25F47"] {
  display:none;
}
[href="https://services.brack.ch/tell-me-more/?id=f1f9b276-f360-4edb-a4f8-ad5800f25f47"] {
  display:none;
}

/* Terms of Use lesbar */
footer.main-footer .sichtbar p { color: #000; }
footer.main-footer .sichtbar a { color: #cb003d; }

/* Layover */
#overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 99;
  cursor: pointer;
}

#overlayContent{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
#overlayContent img {max-width: 100%;}

/* Hide the side section NCEmigrationSection*/
[href="#iw-myaccount-view-2"]{
display:none !important;}

/* Slideshow container */
.slideshow-container {
 /* max-width: 1000px;*/
  position: relative;
  margin: auto;
}

/* Banner Fade animation */

.bannerfade {
  -webkit-animation-name: bannerfade;
  -webkit-animation-duration: 2s;
  animation-name: bannerfade;
  animation-duration: 2s;
}

.bannerfade:not(.show) {
    opacity: 1;
}

@-webkit-keyframes bannerfade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes bannerfade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* Fading animation */

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

/* Swiper */   
.page-container-home { margin-top: 60px; }
.banner { background-color: #eee; }
.banner .container { padding: 12px 0 12px 0; }
.swiper {
  width: 1140px;
  height: 300px;
}
.swiper-scrollbar { display: none; }
.swiper-button-next, .swiper-button-prev {
  color: #ce2727 !important;
}
.swiper-pagination-bullet-active {
  background-color:  #ce2727 !important;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 24px !important;
  font-weight: 700;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 5px !important;
  right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 5px !important;
  left: auto;
}

/* GDPR */
#overlay-container.overlayContainer.h-100 { height: auto !important; }

.hidden { display: none; }
.m1a	{ margin: 1em auto; }