@font-face {
  font-family: 'FontAwesome5Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'FontAwesome5Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'FontAwesomeBrands';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: "calcfont";
  src: url("../fonts/calcfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/calcfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/calcfont.otf") format("opentype"), /* Open Type Font */
    url("../fonts/calcfont.svg") format("svg"), /* Legacy iOS */
    url("../fonts/calcfont.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/calcfont.woff") format("woff"), /* Modern Browsers */
    url("../fonts/calcfont.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
.fas {
  font-family: 'FontAwesome5Free';
  font-weight: 900; }
.far {
  font-family: 'FontAwesome5Regular';
  font-weight: 400; }
.fab {
  font-family: 'FontAwesomeBrands';
  font-weight: 400; }
.nowrap { white-space: nowrap; }
@import url("https://use.typekit.net/hya5bgr.css");
body{
    font-family: Arial, helvetica, clean, sans-serif;
    line-height: 1.5;
    font-feature-settings: normal;
    letter-spacing: 0.02em;
    -moz-font-feature-settings: 'kern';
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color:#333;
}
#header .header-box{
    padding: 24px 0;
}
.page-header {
    border-bottom: none;
}
h1, .h1 {
    font-weight: bold;
}
h2, .h2 {
    font-size: 140%;
    font-weight: bold;
    line-height: 200%;
}
@media screen and (max-width: 992px) {
    h2, .h2 {
        font-size: 120%;
        line-height: 120%;
    }
}
h3, .h3 {
    font-size: 120%;
    font-weight: bold;
}
h4, .h4 {
    font-size: 100%;
    font-weight: bold;
}
a, a:hover, a:active, a:focus, a:visited {
   outline: 0;
    color: #333;
}
a.rns_productlink,
a.rns_videolink,
a.rns_pdflink {
    color: #cc9900;
    border-color: transparent;
    margin-top: 6px;
    margin-bottom: 6px;
    display: block;
}
a.rns_productlink::after {
    content: "  \f105";
    font: normal normal normal 20px FontAwesome;
}
a.rns_videolink::after {
    content: "  \f144";
    font: normal normal normal 20px FontAwesome;
}
a.rns_linkcontact::before {
    content: "  \f0e0";
    font: normal normal normal 20px FontAwesome;
    padding-right: 6px;
}
a.rns_helpcenter::before {
    content: "  \f0eb";
    font-family: 'FontAwesome5Free';
    padding-right: 6px;
}
a.rns_linkbookappointment::before {
    content: "  \f274";
    font: normal normal normal 20px FontAwesome;
    padding-right: 6px;
}
a.rns_linksupportpages::before {
    content: "  \f02d";
    font-family: 'FontAwesome5Free';
    padding-right: 6px;
}
a.rns_itemsupport::before {
    content: "  \f518";
    font-family: 'FontAwesome5Free';
    margin-right: 6px;
}
a.rns_category_staplelist::before {
    content: "  \f46d";
    font-family: 'FontAwesome5Free';
    margin-right: 3px;
}
.fa-passport::before {
    content: "  \f5ab";
}
.fa-address-card::before {
    content: "  \f2bb";
}
.fa-plane-departure::before {
    content: "  \f5b0";
}
.fa-plane-circle-exclamation::before {
    content: "  \e556";
}
.fa-calendar-days::before {
    content: "  \f073";
}
.fa-bag-shopping::before {
    content: "  \f290";
}
.fa-receipt::before {
    content: "  \f543";
}
.fa-person-military-pointing::before {
    content: "  \e54a";
}
.fa-stamp::before {
    content: "  \f5bf";
}
.fa-desktop::before {
    content: "  \f390";
}
a.rns_article_staplelist::before {
    content: "  \f46d";
    font-family: 'FontAwesome5Free';
    margin-right: 6px;
}
a.rns_pdflink::before {
    content: "  \f1c1";
    font: normal normal normal 20px FontAwesome;
    margin-right: 6px;
}
hr {
    margin-top: 12px;
    margin-bottom: 12px;
    border-top: 1px solid #d6d6d6;
}
.dropdown-menu {
    padding: 0px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #eeeeee;
    color: #333;
}

@media screen and (min-width: 768px) {
    #mainnavigation {
        width: calc(100% - 99px);
    }
    #mainnavigation .dropdown {
        width: calc(100%/6);
    }
    #mainnavigation li.active.dropdown-reedolino a,
    #mainnavigation li.dropdown-reedolino a:hover,
    #mainnavigation li.dropdown-reedolino a:focus {
        border-bottom-color: transparent; 
    }
    #mainnavigation li.active a {
        border-bottom-color: #333; 
    }
}
@media screen and (max-width: 570px) {
    #header .header-box{
        padding-top: 15px;
    }
    #header .header-box .menus-col{
        margin-top: 6px;
    }
    #header .header-box .menus-col,
    #header .header-box .logo-col {
        width: auto;
    }
    #header .header-box .menus-col {
        float: right;
    }
/**    
    #header .header-box .logo-col{
        width: calc(100% - 150px);
        text-align: left;
    }
    #header .header-box .menus-col{
        width: 120px;
        float: right;
    }
**/
}
@media (min-width: 389px) and (max-device-width: 768px) {
    .productData.col-sm-6,
    .subcatList-box.col-sm-6
    {
        width: 50%;
    }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
  padding-left: 12px;
  padding-right: 12px;
}
.rns-green,
.climate-friendly,
.basketExpDelivery > i,
.text-success {
        color:#007c39;
    }
a.rns_textlink {
    color: #cc9900;
}
body.cl-details #productPrice {
    font-size: inherit;
}
.price,
section .quote,
.price-units,
.currency {
    margin-bottom: 6px !important;
}
.boxwrapper .list-container .gridView .productBox .price {
    margin-top: 24px;
}
fa. {
    vertical-align: text-bottom;
}
input:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#optionLogin .input-group-btn {
    font-size: inherit;
}
.center {
    text-align: center;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
/************** Schriftgroessen ********************/
/*16 px*/

/*
.relatedInfo section,
.choice-element-title,
.categoryDescription,
.manufacturerlist .longdesc,
.manufacturerlist .shortdesc {
    font-size: 125%;
}
*/
.basketExpDelivery > i {
    font-size: 25px;
}
#thankyouPage .fa-check-circle,
.thankyou-register .fa-check-circle {
    font-size: 400%;
}
#basketUpdate >i::before,
.dropdown-menu,
.breadcrumb {
    font-size: inherit;
}
h1, .h1 {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
    .header-box a.country,
    .header-box div.country {
        display: none;
    }
    h1, .h1 {
      font-size: 26px;
    }
}

/************** Schriftfarben ********************/

.grey,
#topbar-nav a,
#topbar-nav li.active a,
#topbar-nav a:hover,
.breadcrumb a,
.breadcrumb > .active a,
#footer,
section#ontour > article .toggle-open,
.btn-info ,
#topbar-nav li.active a,
#topbar-nav a:hover,
#footer .footer-box .footer-box-title {
    color: #333;
}


/************** Border-Radius ********************/
.section-field,
.btn,
.basketExpDelivery,
#attrValue_artnum span,
.productlistdisturb div.title,
.modal-content {
  border-radius: 6px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.section-field img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/**************Allgemeine Infos auf allen Seiten********************/
.generalnews {
    text-align: center;
    background: #eee;
    /*font-size: 80%;*/
    padding: 12px;
}
.top-birthday {
    font-weight: bold;
    padding: 12px;
    background-image: linear-gradient(70deg, #91a3c7ba 0%, #669966b8 40%, #ff9966ad 75%, #a6988266 90%);
    font-size: 90%;
}
video {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.rns_copy_info {
    margin-left: -1px;
}
#attrValue_artnum span {
    background-color: #333;
    color: #eee;
    padding-left: 6px;
    padding-right: 6px;
    cursor: grab;
}
#catLongDescLocator,
.boxwrapper,
.content-box {
    margin-bottom: 48px;
}
/**************Aufzaehlungen********************/
ul.list-dash {
    list-style-type: disc;
}
/**************Main Nav Bar********************/
.container > .navbar-collapse {
    margin-right: -15px !important;
    margin-left: -15px !important;
    position: relative;
}
body.fixed-header #header {
    padding-bottom: 0px;
}
.navbar {
    border-top: none;
    border-bottom: none;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
    border-bottom: 3px solid transparent;
    font-weight: bold !important;
}
.navbar-default .navbar-nav > li > a.search-toggle {
    line-height: 17px;
}
a.search-toggle,
button.dropdown-toggle {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
a.search-toggle:hover,
button.dropdown-toggle:hover {
    opacity: 0.65;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > li > a:hover {
    border-bottom: 3px solid #333;
    color: #333 !important;
}
.navbar-default .navbar-nav > li.oboe > a:hover,
.navbar-default .navbar-nav > li.oboe.active > a {
    border-color: #669966;
}
.navbar-default .navbar-nav > li.bassoon > a:hover,
.navbar-default .navbar-nav > li.bassoon.active > a {
    border-color: #91a3c7;
}
.navbar-default .navbar-nav > li.clarinet > a:hover,
.navbar-default .navbar-nav > li.clarinet.active > a {
    border-color: #ff9966;
}
.navbar-default .navbar-nav > li.pipe > a:hover,
.navbar-default .navbar-nav > li.pipe.active > a {
    border-color: #a69882;
}
.navbar-default .navbar-nav > li.support.active > a {
    border-color: #333;
}
.navbar-default .navbar-right > li > a:hover {
    border-color: transparent;
}
@media screen and (max-width: 992px) {
    .nav > li.searchbar {
        top: -9px;
    }
}
@media screen and (min-width: 768px) {
    .nav > li.searchbar {
        position: absolute;
        display: none;
        width: 100%;
        background-color: #fff;
    }
    .nav > li.searchbar.showsearch {
        display: block;
    }
    .nav > li.searchbar form {
        padding: 0 15%;  
    }
    #mainnavigation .dropdown-reedolino a {
        padding: 0px;
    }
}
@media screen and (max-width: 767px) {
    #mainnavigation {
        margin: 0;
    }
    #mainnavigation .dropdown > a {
        font-size: 150%;
    }
    .navbar-nav > li > a {
        line-height: inherit;
    }
    #mainnavigation .searchbar {
        display: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333 !important;
        font-size: 130%;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #333 !important;
    }
    .navbar-nav {
        margin: 5px 0;
        margin-left: -15px;
    }
    .navbar-nav .basket-button {
        padding-right: 2.4px;
    }
    .navbar-collapse {
        position: absolute !important;
        z-index: 10;
        background-color: #fff;
        width: 100%;
    }
    .navbar-right,
    .navbar-default .navbar-nav > li > a i {
        display: none;
    }
    .nav > li > a {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .navbar-collapse .navbar-nav > li {
        border-bottom: 1px solid #eee;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li:last-child {
        border-bottom: none;
    }
    #mainnavigation .dropdown-reedolino a #logo_reedolino {
        margin-left: inherit;
        height: 60px;
        width: auto;
    }
}

@media (max-width: 570px) {
  #header .header-box .menus-col {
    padding-left:6px;
  }
}

.nav > li.searchbar form input[type=text]:focus {
    box-shadow: none; 
    border-color: #999;
}
.shopping-bag-mini {
    margin: 0;
    color: #333;
}
.shopping-bag-mini.filled {
    color: #333;
}
symbol#shoppingBagMini circle {
    display: none;
}
symbol#shoppingBagMini.filled circle {
    display: block;
}
.cart-button button {
    background-color: transparent;
    padding: 6px 12px 3px 12px !important;
}
#header .minibasket-menu .dropdown-menu {
    margin-top: 3px;
    min-width: 300px;
}
#header .minibasket-menu table td {
    vertical-align: middle;
}
@media screen and (max-width: 992px) {
    #header .minibasket-menu .dropdown-menu {
        margin-top: 3.5px;
    }
}
.btn-info {
    background-color: transparent;
    border-color: #666;
    border-width: 2px;
}
.btn-info:hover,
.btn-info:focus {
    color: #fff;
    background-color: #666;
    border-color: #666;
}
#cart-menu a.cart-menu-btn {
    padding: 12px 6px;
    border-top: 1px solid #eee;
}
#cart-menu a.cart-menu-btn-first {
    border-top: none;
}
#cart-menu a.cart-menu-btn i {
    margin-right: 6px;
}
.dropdown-toggle {
    box-shadow:none !important;
}
.navbar-toggle {
    border: none;
    margin-top: 2px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3.5px;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar.instr-oboe {background-color: #669966;}
.navbar-default .navbar-toggle .icon-bar.instr-bassoon {background-color: #91a3c7;}
.navbar-default .navbar-toggle .icon-bar.instr-clarinet {background-color: #ff9966;}
.navbar-default .navbar-toggle .icon-bar.instr-pipe {background-color: #a69882;}
/**************Basket********************/
.cl-account_order .panel {
    border: 1px solid #666;
}
.cl-account_order .panel-heading .row > div:nth-child(-n+3) {
    line-height: 1.5;
    padding-top: 7px;
    padding-bottom: 7px;
}
@media (max-width: 767px) {
  body.cl-account_order .panel-heading {
    font-size: 100%;
  }
}
/**************Basket********************/
.basketExpDelivery {
    text-align: center;
    border: 1px solid #007c39;
    padding: 12px;
    position: relative;
    padding-top: 24px;
    margin: 36px auto 24px auto;
}
.basketExpDelivery > i {
    position: absolute;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    left: calc(50% - 25px);
    top: 0px;
    width: 50px;
    height: 50px;
    background-color: #fff;
}
.cl-basket .lineBox {
    background-color: #fff;
    padding: 12px;
}
.cl-basket .well {
    margin-top: 20px;
}
.cl-basket .stock-content,
.cl-order .stock-content {
    display: initial;
    margin-left: 0;
}
.is-checkout .table-bordered,
.is-checkout .table-bordered > thead > tr > th,
.is-checkout .table-bordered > tfoot > tr > th,
.is-checkout .table-bordered > tbody > tr > td,
.is-checkout #basketSummary .table-bordered > tbody > tr > th,
.is-checkout #header {
    border: none;
}
.is-checkout .table-bordered > tbody > tr > td:first-child {
    padding-left: 0px;
}
.is-checkout .table-bordered > tbody > tr {
    border-top: 1px #666 solid;
    border-bottom: 1px #666 solid;
    background-color: transparent !important;
}
.is-checkout #basketSummary .table-bordered > tbody > tr:first-child,
.is-checkout #basketSummary .table-bordered > tbody > tr:first-child > th  {
    border-top: none;
}
.is-checkout #basketSummary .table-bordered > tbody > tr > th:last-child  {
    border-bottom: 1px #666 double;
}
.is-checkout .table > colgroup + thead > tr:first-child > th:last-child {
    text-align: right;
}
.is-checkout #orderEditCart .removebtndesk {
    display: none;
}
body.cl-details .tobasket .tobasketFunction input {
    width: 70px;
}

@media screen and (max-width: 992px) {
    .input-group-tweak #toBasket {
        height: 38px;
    }
}
#thankyouPage,
.thankyou-register {
    padding-bottom: 48px;
}
#thankyouPage .fa-check-circle,
.thankyou-register .fa-check-circle {
    font-style: normal;
    text-align: center;
    display: block;
    line-height: 1;
    margin-top: 36px;
    color: #c90;
}
.basketItemDesc {
    display: inline-block;
}
#basketUpdate {
    line-height: 16px;
    margin-top: -2px;
}
.visible-xs #basket_list img {
        max-width: 87px;
        height: auto;
}
body.cl-basket table#basket_table .basketImage,
body.cl-order table#basket_table .basketImage {
    width: 200px;
    text-align: center;
}
body.cl-basket table#basket_table .basketImage img,
body.cl-order table#basket_table .basketImage img {
    max-width: 100%;
    height: auto;
}
body.cl-basket table#basket_table .unitPrice,
body.cl-order table#basket_table .unitPrice {
    display: none;
}
#basketSummary tbody tr:last-child {
    border-bottom: none;
}
@media screen and (max-width: 768px) {
    #basketcontents_table tbody .basketImage,
    #basketcontents_table tbody .basketItemDesc {
            width: 100% !important;
        }
}
    
@media screen and (max-width: 992px) {
    #basketcontents_table thead {
        display: none;   
    }
    #basketcontents_table tbody td {
        float: left;
        width: 100%;
    }
    #basketcontents_table tbody td.quantity {
        width: 60%;
    }
    #basketcontents_table tbody td.totalPrice {
        width: 40%;
        font-weight: bold;
    }
    
    #basketcontents_table .orderBasketItems td.quantity {
        font-weight: bold;
    }
    #basketcontents_table .orderBasketItems td.quantity::after {
        content: " x";
    }
    #basketcontents_table tbody td.unitPrice {
        display: none;
    }
    #basketcontents_table tbody tr:first-of-type {
        border-top: none;
    }

    #basketcontents_table tbody .small.grey {
        display: none
    }
    #basketcontents_table tbody td.quantity p {
        margin-bottom: 0px;
    }
    #basketcontents_table tbody td.totalPrice p {
        margin-top: 4px;
    }
    .cart-buttons form:nth-of-type(even) {
        margin-top: 12px;    
        display: inline-block;
    }
}

.quantity input[type="text"],
button.btn.btn-primary[data-type="+"],
button.btn.btn-primary[data-type="-"],
#basketUpdate,
#amountToBasket,
.input-group.pull-left > .details-information.pull-right {
    height: 40px;
}
#basketUpdate {
    width: 40px;
}
.quantity input[type="text"] {
    padding-bottom: 5px !important;
}
button.btn.btn-primary[data-type="+"] {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;    
}
button.btn.btn-primary[data-type="-"] {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;    
}
.input-group.pull-left > .details-information.pull-right {
    padding-top: 3px;
    padding-bottom: 3px;
}

/**************Article Site********************/
#productPriceUnit {
    display: block;
    margin-bottom: 10px;
}
.new-item,
.bstock-item,
.resharpening-item,
.engraving-item,
.refurbished-item,
.limited-item {
    font-size: 90%;
}
.new-item,
.limited-item,
.engraving-item {
    color: #cc9900;
}
.resharpening-item,
.error-text {
    color: #a94442;
}
.bstock-item {
    color: red;   
}
.refurbished-item {
    color: #5e8000;   
}

.frame-resharpening {
    
}
.listDetails .info-place {
    height: 22px;
    margin-bottom: 3px;
    position: relative;
}
.listDetails .new-item {
    display: block;
}
.product-details-bar .new-item,
.show-mobile .new-item,
.product-details-bar .limited-item,
.show-mobile .limited-item,
.relatedInfo  .new-item {
    border: 1px solid #c90;
    padding: 1px 6px;
}
.relatedInfo  .new-item {
    font-size: 72%;
    display: inline-block;
    line-height: initial;
}
.product-details-bar .bstock-item,
.show-mobile .bstock-item {
    border: 1px solid red;
    padding: 1px 6px;
}
.product-details-bar .refurbished-item,
.show-mobile .refurbished-item {
    border: 1px solid #5e8000;
    padding: 1px 6px;
}
.img-m {
    width: 65%;
    height: auto;
}
@media screen and (max-width: 1200px) {
    .product-details-bar .new-item,
    .product-details-bar .bstock-item,
    .product-details-bar .refurbished-item,
    .product-details-bar .refurbished-item-icon,
    .product-details-bar .limited-item {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .img-m {
        width: 100%;
    }
}
.row-in-article::before,
.row-in-article::after {
    clear: both;
    content: " ";
    display: table;
}
.row {
  margin-left: -12px;
  margin-right: -12px;
}
/**************FA********************/
.fa-noticelist::before {
    content: "\f006";
}
.fa-comparelist::before {
    content: "\f24e";
}
.fa-addtocomparelist::before {
    content: "\f0fe";
}
.fa-sign-in-alt::before {
    content: "\f2f6";
}
.fa-shopping-bag::before {
    content: "\f290";
    font-size: 20px;
}
.fa-shopping-cart::before {
    padding-right: 3px;
}
.fa-dhl::before {
    content: "\f790";
}
.fa-person-running::before {
    content: "\f70c";
}
.fa-ups::before {
    content: "\f7e0";
}
.fa-store-alt::before {
    content: "\f54f";
}
.fa-hand-pointer::before {
    content: "\f25a";
}
.fa-toolbox::before {
    content: "\f552";
}
.fa-hand-holding-heart::before {
    content: "\f4be";
}
.fa-graduation-cap::before {
    content: "\f19d";
}
.fa-calendar-check::before {
    content: "\f274";
    padding-right: 3px;
    font-style: normal;
}
svg.fa-post {
    height: 45px;
    margin: 10px 30px 10px 0;
    float: left;
}
@media screen and (max-width: 992px) {
    svg.fa-post {
        height: 30px;
        margin: 5px 5px 5px 0;
    }   
}
.fa-users-cog::before {
    content: "\f509";
    font-size: 22px;
}
.fa-box::before {
    content: "\f466";
}
.fa-box-open::before {
    content: "\f49e";
}
.fa-truck-fast::before {
    content: "\f48b";
}
.fa-circle-question::before {
    content: "\f059";
    font-style: initial;
}
.fa-glasses::before {
    content: "\f530";   
}
h1 > .fa-lock {
    font-size: 16px;
    top: -12px;
    position: relative;
    color: #a94442;
}
.fa-lock-intext
{
    font-size: 10px;
    top: -6px;
    position: relative;
    color: #a94442;
}
.fa-help::before {
    content: "\f086";
    color: initial;
    transform: rotate(10deg);
}
.rns_team_interview_button {
    padding-left: 6px;
    text-decoration: none;
}
.fa-caret-left::before {
    content: "\f0d9";
}
.fa-caret-left {
    line-height: 1.2;
}
.fa-house::before {
    content: "\f015";
    font-size: 18px;
    font-family: 'FontAwesome5Free';
    font-style: normal;
}
.fa-download::before {
  margin-right: 6px;
}
.downloadPictures i::before {
    margin-right: 6px;
    content: "\f019";
    font-family: 'Font Awesome Solid';
  font-weight: 900;
  font-style: normal;
}
/**************Video********************/
.elastic-video {
	position: relative;
    height: 0;
    padding-bottom: 56.25%;
	overflow: hidden;
	background-color:#FFFFFF;
}

.elastic-video iframe,
.elastic-video .issuuembed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
}
#YTVideo {
    position: relative;
    margin-top: 18px;
    margin-bottom: 6px;
}
#vioverlap > i,
hgroup i.fa-play-circle,
#YTVideo > i {
    position: absolute;
    z-index: 3;
    font-size: 60px;
    font-style: normal;
    left: calc(50% - 30px);
    top: calc(50% - 45px);
}
.arrow-bright i,
i.arrow-bright {
    color: #eee;
}
.arrow-dark i,
i.arrow-dark {
    color: #333;
}
.film-embed {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 20;
    width: 100% !important;
    height: 100% !important;
    background-color: black;
    opacity: 0;
    transition: 1s opacity;
    pointer-events: none;
}
.film-embed.active {
    top: 0;
    opacity: 1;
    transition: 1s opacity;
    pointer-events: auto;
}
.film-embed iframe {
    width: 100%;
    height: 100%;
}
.film-embed i {
    top: 32px;
    right: 32px;
    position: fixed;
    text-decoration: none;
    font-size: 40px;
    font-style: normal;
}
/**************Forms and Buttons********************/
.form-control {
    color: inherit;
}
.form-control, .panel-heading, .panel-group .panel, .panel, .alert, .nav-pills > li > a, .well-sm, .dropdown-menu, .input-group-addon {
    border-radius: 0px !important;
}
.alert {
    padding: 12px;
}
.alert-danger {
  background-color: #f2dede !important;
}
.panel.alert-danger {
    background-color: #f2dede !important;
    color: #a94442 !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    /*color: #999;*/
}
.form-control::placeholder {
  color: inherit;
}
.panel.alert-danger > .panel-heading {
    border-bottom: 1px solid #a94442;
    color: #a94442 !important;
}
.btn {
    font-size: inherit;
    line-height: 1.5;
}
.extralargeButton {
    padding: 12px 24px;
}
.form-control,
#accountNumberContainer .form-input {
    height: auto;
    font-size: inherit;
    line-height: 1.5;
    box-shadow: none;
}
#input_voucherNr.form-control {
    height: 34px;
}

.btn-warning, .btn-warning:hover, .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .btn-primary:hover {
    background-color: #cc9900;
    border-color: #cc9900;
}
.btn-secundary, .btn-secundary:hover {
    background-color: #eee;
    border-color: #999;
}
.btn-category {
    background-color: transparent;
    border: 1px solid #333;
    margin-bottom: 24px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
.dropdown-menu {
    min-width: 100%;
}
@media screen and (min-width: 1200px) {
    html.placeholder .form-group .col-lg-9,
    html.placeholder .form-group .col-lg-10 {
        width: 100%;
    } 
    html.placeholder .form-group .col-lg-3 {
        width: 30%;
    }
    html.placeholder .form-group .col-lg-6 {
        width: 70%;
    }
    html.placeholder .form-group .col-lg-offset-2,
    html.placeholder .form-group .col-lg-offset-3 {
        margin-left: 0px;
    }
}
html.placeholder .alert-required-fields-bold {
    display: none;
}
.form-group label.control-label {
    text-align: left !important;
    padding-bottom: 12px;
    display: block;
    margin-left: 12px;
}
.rns_question_button:hover,
.rns_question_button:active,
.rns_question_button:link,
.rns_question_button:visited {
    text-decoration: none;
}
/**************Account********************/
/*
.pull-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.accountLoginView {
    position: relative;
}
*/
.accountLoginView .row {
    position: absolute;
    top: 33%;
    transform: translateY(-33%);
    width: 100%;
}
.dd-available-addresses .panel {
    border: 1px solid #333;
}
.dd-available-addresses .panel-footer {
    border-top: none;
    background-color: transparent;
}
/**************Checkout********************/
body.is-checkout {
    background-color:  rgb(242, 242, 242) !important;
}
body.cl-thankyou ol.checkoutSteps li .num, body.is-checkout ol.checkoutSteps li .num {
    border: 2px solid rgb(242, 242, 242);
}
body.cl-thankyou ol.checkoutSteps, body.is-checkout ol.checkoutSteps {
    border-top: 3px solid #333;
}
body.cl-thankyou ol.checkoutSteps li .num, body.is-checkout ol.checkoutSteps li .num {
    background-color: #333333;
}
body.cl-thankyou ol.checkoutSteps li.active .num, body.is-checkout ol.checkoutSteps li.active .num {
    background-color: #cc9900;
}
body.cl-thankyou ol.checkoutSteps li.passed .num, body.is-checkout ol.checkoutSteps li.passed .num {
    background-color: #666;
}
.well {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0px !important;
}
.well, .panel {
    border: none;
    box-shadow: none;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: rgb(242, 242, 242);
}

#payment .panel-body .well-sm > dl,
#payment .panel-body > dl {
    border: 2px solid #333333 !important;
    background-color: transparent !important;
    box-shadow: none;
    padding: 12px !important;
    padding-top: 14px !important;
    border-radius: 0px !important;
}
#payment .panel-body .well-sm > dl.active,
#payment .panel-body > dl.active {
    border-color: #cc9900 !important;
}
#payment .well dl {
    margin-bottom: 0px;
}
#payment .panel-body dl input[type="radio"] {
    visibility: hidden;
    position: absolute;
}
#payment .alert {
    margin-bottom: 0;
}
label[for=payment_oxidcreditcard] > img,
label[for=payment_oxiddebitnote] > img {
    display: none;
}
label[for=payment_molliecreditcard] > ::after,
.fa-rns-creditcard::after {
    content: "   \f1f0   \f1f1   \f1f3";
    font: normal normal normal 24px FontAwesome;
}
label[for=payment_oxidpaypal] > ::after,
.fa-rns-paypal::after {
    content: "   \f1f4";
    font: normal normal normal 24px FontAwesome;
}
label[for=payment_molliegiropay] > ::after {
    content: "   \f53c";
    font-family: FontAwesome5Free;
    font-weight: 900;
    font-size: 24px;
}
label[for=payment_mollieklarnasliceit],
label[for=payment_mollieklarna] {
    position: relative;
}
label[for=payment_mollieklarnasliceit] > ::after,
label[for=payment_mollieklarna] > ::after {
    content: "";
    background: url("../../img/klarna_payment.png");
    width: 38px;
    height: 21px;
    position: absolute;
    display: inline-block;
    background-size: 38px 21px;
    margin-left: 7px;
}
label[for=payment_mollieapplepay] > ::after,
.fa-rns-applepay::after  {
    content: "   \f416";
    font-family: FontAwesomeBrands;
    font-weight: 400;
    font-size: 24px;
    font-style: initial;
}
label[for=payment_rnspaymentterminal] > ::after {
    content: "   \f788";
    font-family: FontAwesome5Free;
    font-weight: 900;
    font-size: 24px;
}

label[for=payment_rnscash] > ::after {
    content: "   \f51e";
    font-family: FontAwesome5Free;
    font-weight: 900;
    font-size: 24px;
}
label[for=payment_oxidinvoice] > ::after {
    content: "   \f543";
    font-family: FontAwesome5Free;
    font-weight: 900;
    font-size: 24px;
}
label[for=payment_c79d28169fd3b05043d05d7a4b76d31e] > ::after {
    content: "   \f53c";
    font-family: FontAwesome5Free;
    font-weight: 900;
    font-size: 24px;
}

.basketDeliveryFREE {
    color: #007c39;
}

#shipSetCost {
    padding-left: 18px;
    margin-top: 12px;
}
#shipping .panel-body input[type="radio"] {
    visibility: hidden;
    position: absolute;
}
#shipping .panel-body label:hover {
    cursor: pointer;
}
#shipping .form-group {
    display: table;
    margin: 0 auto;
    border-spacing: 0px;
    padding-left: 0px;
}

#shipping .form-group::after {
    clear: both;
    display: table;
    content: "";
}
#shipping label {
    width: 100%;
    padding: 12px;
    margin-bottom: 0;
}
#shipping label i {
    font-style: normal;
    margin-right: 12px;
    line-height: 65px;
    float: left;
}
b.shipping-method-post {
    hyphens: auto;
}
@media screen and (max-width: 992px) {
    #shipping label i {
        font-size: 30px;
        margin: 5px 5px 5px 0px;
        line-height: 30px;
    }
    #shipping label b {
        height: 40px;
    }
}
#shipping .form-shipping {
    display: table-cell;
    border: 2px solid #333;
    height: 66.5px;
    vertical-align: middle;
}
#shipping .form-shipping.active {
    border-color: #cc9900;
}
#shipping ul li.inactive:first-child {
    border-right: none;
}
#shipping ul li.inactive:last-child {
    border-left: none;
}
.text-success .form-shipping {
    color: #333 !important;
}
@media screen and (max-width: 767px) {
    #shipping .form-group {
        display: block;
    }
    #shipping label {
        display: block;
    }
    #shipping .form-shipping {
        display: block;
        float: none;
        border: 2px solid #333;
        margin-right: 0px;
        width: 100%;
        margin-bottom: 12px;
    }
    .form-shipping.active + .form-shipping {
        border-left: 2px solid #333 !important;
    }
    svg.fa-post {
        width: 40px;
    }
    
    #shipping label i.rns-gogreen-leafs{
        margin-top: -3px;
    }
}
b .rns-gogreen-leafs {
    float: right !important;
}
.rns-gogreen-leafs {
    margin-right: 0px !important;
    background-image: url("../../img/dhl_gogreen_leafs.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/**************Topbar********************/
#topbar {
    border-bottom: 1px solid #eee;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: rgba(2555,255,255,0.93);
    -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
}

#topbar.topbarfly-yes {
    top: 0;
    z-index: 9;
    position: sticky;
    position: -webkit-sticky;
}

#topbar.topbar_reedolino {
    top: 0;
    position: fixed !important;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.2s ease, visibility 1.2s ease;
}
#topbar.topbar_reedolino spam.topbar-title {
  text-align: center;
}
#logo_reedolino {
    width: 64.5px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#topbar.display-none {
    display: none;
}
#topbar.display-yes {
    display: block;
    opacity: 1;
    visibility: visible;
}

#topbar .topbar-container {
    display: table;
}
#topbar.mobile-top .topbar-container {
    display: block;
}
#topbar-nav {
    display: table-cell;
}
#topbar-nav ul{
    text-align: right;
    margin-bottom: 0px;
    padding-left: 0px;
}
#topbar-nav ul li {
    display: inline;
    list-style: none;
}
#topbar spam.topbar-title {
    font-size: 140%;
    font-weight: bold;
    margin-left: 0px ! important;
    display: table-cell;
}
#topbar spam.topbar-title a {
    text-decoration: none;
}
#topbar-nav a {
    font-weight: bold;
    margin-left: 12px;
    letter-spacing: 0.03em;
    font-size: 90%;
}
#topbar-nav a:hover {
    text-decoration: none;
}
.topbar-title-backbutton-arrow-link {
    position: absolute;
    top: -12px;
    display: none;
    border-right: 1px solid #eee;
}
.topbar-action-menubtn {
    top: 6px;
    position: absolute;
    display: none;
}
.topbar-action-menubtn .fa::before {
    font-size: 30px;
}
i.mirror {
    -moz-transform: scale(-1);
    -webkit-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);
}
figure.topbar-title-backbutton-arrow {
    height: 54.4px;
    width: 54.4px;
    background-image: url(../../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
#topbar.mobile-top .btn {
        display: block !important;
        position: absolute;
        right: 15px;
        top: -2px;
    }
@media screen and (max-width: 992px) {
    .topbar-title-backbutton-arrow-link {
        display: block;
    }
    #topbar spam.topbar-title {
        /*margin-left: 54.4px !important;
        padding-left: 12px;*/
    }
    
}

#topbar.mobile-top nav#topbar-nav {
    display: none;
}
#topbar.mobile-top nav#topbar-nav ul {
    margin: 0 66.4px;
    padding-top: 12px;
}
#topbar.mobile-top nav#topbar-nav ul li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}
#topbar.mobile-top nav#topbar-nav ul li a {
    margin-left: 0px;
    font-size: 100%;
}
#topbar.mobile-top nav#topbar-nav ul li:last-child {
    border-bottom: none;
}
#topbar.mobile-top .topbar-action-menubtn {
    display: block;
}
.back_to_category::before {
    content: "\f104";
    font: normal normal normal 110% FontAwesome;
    margin-right: 6px;
}
#topbar-nav .fa::before {
    font-size: 17px;
}
/**************Cookie Note********************/
#cookieNote {
    position: fixed;
    z-index: 9;
    bottom: 0px;
    width: 100%;
}
#cookieNote .alert-info {
    background-color: #cc9900;
    border-color: transparent;
    color: #ffffff;
}
#cookieNote .alert-info a {
    color: #ffffff;
    text-decoration: underline;
}
/**************Search********************/
#header .form.search {
    margin-top: 0px;
}
a.search-toggle.onsearch .fa-search::before {
    content: "\f00d";
}
@media screen and (max-width: 992px) {
    #header .form.search {
        margin-top: 12px;
    }    
}
@media screen and (min-width: 768px) {
    #header li.searchbar {
        height: 43px;
    } 
    #searchParam.form-control {
        border: none;
        box-shadow: none;
    }
    #searchParam.form-control {
        display: inline-block;
        width: calc(100% - 24px);
    }
}
.navbar-collapse #searchParam.form-control {
    display: inline-block;
    width: calc(100% - 26px);
}
.navbar-collapse li.searchbar {
    top: 0;
}
#searchParam {
    border: none;
}
/**************Sidebar********************/
#sidebar {
    font-size: 90%;
}
.cat-tree > li > a {
    display: none;
}
.cat-tree > li > .nav-stacked > li {
    border-bottom: 1px solid #eee;
}
.cat-tree > li > .nav-stacked > li > a {
    font-weight: bold;
}
.nav-stacked > li + li {
    margin-top: 0px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #333;
    background-color: #ffffff;
}
ul.nav > li > .nav-pills > li.active > a {
    background-color: #eeeeee;
}
.cat-tree > li > .nav-stacked > li > ul a {
    padding: 6px 15px;
}
.cat-tree > li > .nav-stacked > li > .nav-stacked > li > .nav-stacked a {
    padding-left: 21px;
}
li.sale-cat > a {
    color: red;
    font-weight: bold;
}
/**************List********************/
body.cl-alist .boxwrapper,
body.cl-manufacturerlist .boxwrapper {
    margin-top: 0px;
}
body.cl-alist .sidebarleft > .container,
body.cl-manufacturerlist .sidebarleft > .container {
    width: 100%;
    max-width: 1440px;
}
@media screen and (min-width: 992px) {
    .refineavailable {
        border-top: 1px solid #eee;
    }
    .manufacturerlist .box {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 991px) {
    .refineavailable {
        margin-top: 0px !important;
    }
}
.alist {
    padding-right: 0px;
    padding-left: 0px;
}
/*.alist-content-items {
    border-left: 1px solid #eee;
}*/
.rns_no-alist-content-border .alist-content-items {
    border-left:none;
}
.boxwrapper .list-container .gridView {
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
}
.boxwrapper .list-container .gridView:last-of-type {
    border-bottom: none;
}

/* Standard-Layout: Alle productBoxen mit rechter und unterer Umrandung */
.boxwrapper .list-container .gridView .productBox {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* Smartphones und kleine Tablets (bis 768px) – kein rechter Rand */
@media screen and (max-width: 768px) {
    .boxwrapper .list-container .gridView .productBox:nth-child(2n) {
        border-right: none;
    }
}

/* Tablets (ab 768px bis 991px): rechte Umrandung bei jeder 2. Box entfernen */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .boxwrapper .list-container .gridView .productBox:nth-child(2n) {
        border-right: none;
    }
}

/* Desktop (ab 992px): rechte Umrandung bei jeder 3. Box entfernen */
@media screen and (min-width: 992px) {
    .boxwrapper .list-container .gridView .productBox:nth-child(3n) {
        border-right: none;
    }
}

.boxwrapper .list-container .gridView .productBox .picture {
    border-bottom: none;
    margin-bottom: 6px;
}
.boxwrapper .list-container .gridView .productBox .title,
body.cl-compare #comparePlayground #compareLandscape table .item-wrapper .item .title {
    height: 88px;
    /*font-size: initial;*/
}
.boxwrapper .list-container .gridView .productBox .title span {
    display: block;
}
@media screen and (max-width: 992px) {
    .boxwrapper .list-container .gridView .productBox .title span {
        display: inline;
    }
}
.boxwrapper .list-container .gridView .productBox a:hover,
body.cl-compare #comparePlayground #compareLandscape table .item-wrapper .item .title a:hover {
    text-decoration: none;
}
.boxwrapper .list-container .gridView .productBox a.title:hover,
body.cl-compare #comparePlayground #compareLandscape table .item-wrapper .item .title a:hover
{
    color: #cc9900;
}
.boxwrapper .list-container .gridView .productBox .subtitle {
    height: 52px;
    margin-top: 6px;
}
.productlistdisturb {
    height: 384px;
}
.productlistdisturb div.title {
    background-color: #fff;
    margin-left: 12px;
    margin-right: 12px;
    padding: 12px 12px;
}
@media screen and (min-width: 768px) {
    .boxwrapper .list-container .gridView .productBox .subtitle {
        font-size: 90%;
    }
    .productlistdisturb div.title {
        display: inline;
    }
}
@media screen and (max-width: 992px) {
    .productlistdisturb {
        height: 376px;
    }
}
.lead {
    font-size: inherit;
    /*display: block;*/
}

.subcatList-box-content .panel-body {
    padding: 0px;
    padding-top: 15px;
    height: initial !important;
}
.subcatList-box-content-heading {
    padding: 12px 6px;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 1201px) {
    .subcatList-box-content-heading {
        height: 72px;
    }    
}    
.subcatList-box:nth-child(4) {
    border-right: none;
}
@media screen and (max-width: 991px) {
    .alist-content {
        border-left: none;
    }
    .boxwrapper .list-container .gridView .productBox:nth-child(2) {
        border-right: none;
    }
    .boxwrapper .list-container .gridView .productBox:nth-child(1),
    .boxwrapper .list-container .gridView .productBox:nth-child(2) {
        border-bottom: 1px solid #eee;
    }
    .boxwrapper .list-container .gridView .productBox .price {
        margin-top: 12px;
    }
    /*.productBox,
    .subcatList-box {
        padding-left: 3px;
        padding-right: 3px;
    }*/
    .boxwrapper .list-container .gridView .productBox form {
        margin-bottom: 6px;
    }
    body.cl-alist .boxwrapper {
      /** margin-top: 6px !important; **/
    }
    .boxwrapper .list-container .gridView .productBox .title {
        height: 92px;
    }
}
@media screen and (max-width: 767px) {  
    .subcatList .subcatList-box-content {
        padding: 0;
    }
    .subcatList .subcatList-box-content-heading {
        height: 90px;
        hyphens: auto;
    }
    .subcatList_longheadings .subcatList-box-content-heading {
        height: 120px;
        hyphens: inherit;
    }
    .subcatList .subcatList-box-content-heading a:hover {
        text-decoration: none;
    }
    .productBox {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    .correctcontainer{
        margin-left: -15px;
        margin-right: -15px;   
    }  
}

/**************Content Pages********************/
#header {
    border-bottom: 1px solid #eee;
}
#header, #wrapper {
    background-color: transparent;
}
.cl-content #content .page-header {
    padding-left: 15px;
}
.cl-content #content,
.cl-clearcookies #content,
#content.content-width-m {
    margin-top: 15px;
    margin-bottom: 15px !important;
}
/*
.cl-content #wrapper,
.cl-news #wrapper,
#wrapper.page-background-grey,
.cl-clearcookies #wrapper,
.cl-account #wrapper,
.cl-compare #wrapper,
[class^='cl-account_'] #wrapper {
    background-color: rgb(242, 242, 242);
}
*/
[class^='cl-account_'] h1,
.cl-compare.is-logged-in h1 {
    display: none;
}
body[class^='cl-account_'] .panel,
.accountDashboardView,
.cl-compare #content{
    margin-bottom: 0;
    margin-top: 24px;
}
.cl-compare h1 {
    padding-top: 24px;
}
.cl-compare .row.picture {
    min-height: 239px;
}
body[class^='cl-account_'] .panel:last-of-type,
body[class^='cl-account_'] .addressCollumns,
.accountDashboardView {
    margin-bottom: 24px;
}
/*.cl-content #content,*/
.cl-clearcookies #content,
#content.content-width-m,
body[class^='cl-account_'] .panel-body #content {
    padding-left: 15%;
    padding-right: 15%;
}
@media screen and (max-width: 992px) {
    .cl-content #content,
    .cl-clearcookies #content,
    #content.content-width-m,
    body[class^='cl-account_'] .panel-body #content  {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.cl-content #content,
.cl-clearcookies #content,
.cl-compare #content,
#content.content-color-white {
    background-color: #fff;
}
.cl-content #content,
.cl-news #content,
.cl-clearcookies #content,
#content.content-width-m {
    padding-top: 24px;
    padding-bottom: 24px;
}

.cl-content section .left,
.cl-content section .right {
    width: calc(48% - 2px);
    display: inline-block;
    vertical-align: top;
}
.cl-content section .left {
    margin-right: 3%;
}
@media screen and (max-width: 992px) {
    .cl-content #content {
        padding: 24px 9px;
    }
    .cl-content section .left,
    .cl-content section .right {
        width:100%;
        vertical-align: top;
        }
    .cl-content section .left {
        margin-right:0;
        margin-bottom:12px;
        }
    article.cmsContent {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    #content .page-header{
        margin-left: 0px !important;
        margin-right: 15px !important;
    }
}
.categoryDescription {
    margin-top: 24px;
}
.cols-inside-section {
    background-color: transparent !important;
    margin: 0 -15px !important;
    width: calc(100% + 30px) !important;
}
.cols-inside-section > div {
    margin-bottom: 15px;
}
.cmsContent {
    position: relative;
}
.cmsContent > section {
    display: inline-block;
    width: 100%;
}
.cmsContent .faq-toggle-open-link {
    display: none;
}
.col-m-imagefield img,
.col-m-imagefield p {
    padding: 12px 24px;
    margin: 0 !important;
}

/**************Modal Content********************/
@media screen and (min-width: 1200px) {
    .modal-dialog-vardesc {
        width: 800px;
    }
    .modal-dialog {
        margin: 0px auto;
        top: 50%;
        transform: translateY(-50%) !important;
    }
}
.modal-content h2 {
    margin-top: 0px;
}
.modal-content button.close {
    min-width: inherit !important;
    width: inherit !important;
    text-shadow: none;
    color: #333;
    box-shadow: none;
    opacity: 1;
}
.modal-header {
    border-bottom: none;
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 99;
}
[id^="modal_vardesc_"] {
    color: #333333;
}
@media screen and (max-width: 767px) {
    .modal-body {
        text-align: center;
    }
}
/**************Compare List********************/
.cl-compare table.table-bordered,
.cl-compare tr.products td {
    border-top: none;
}
.cl-compare table.table-bordered,
.cl-compare table.table-bordered tbody tr:last-of-type td {
    border-bottom: none;
}
.cl-compare table.table-bordered {
    border-left: none;
}
.cl-compare table.table-bordered tbody tr th[scope=row] {
    border-left: none;
}
#compareLandscape table tr.products td.item-wrapper {
    padding-top: 24px !important;
}

#compareLandscape .input-group,
#compareLandscape .price,
#compareLandscape #variantMoreInfo_ {
    margin-bottom: 12px;
}
#compareLandscape .price {
    display: block;
}
.cl-compare button.btn-primary {
    padding: 8px;
}
/**************Breadcrump********************/
.text-muted {
    color: #999;
}
.breadcrumb > li + li::before {
    content: "\f054";
    font-family: 'FontAwesome5Free';
    font-weight: 900;
    padding: 0 3px;
}
/**************Toggle Button********************/
button.detail-toggle {
    background: transparent;
    color: #333;
    width: 100%;
    position: relative;
    border: none;
    border-top: #333 solid 1px;
}
#footer button.detail-toggle {
    border: none;
}
button.detail-toggle:hover {
    color: #cc9900;  
}
button.detail-toggle h4 {
    padding-right: 48px;
    line-height: 1.3;
}
.detail-toggle div.open {
    margin-top: 24px;
}
section#section_999 div.support_faq_antwort,
section.support-section-faq div.support_faq_antwort {
    width: auto;
}
.faq-frage {
    font-weight: bold;
    padding-right: 36px !important;
    display: block;
    padding-bottom: 6px;
    padding-top: 3px;
}
.faq-antwort {
    text-align: left;
}
.rnshiddenanchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}
.detail-toggle.cross::after {
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: rotate(0) scale(.9);
    -ms-transform: rotate(0) scale(.9);
    transform: rotate(0) scale(.9);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    content: '\f067'; font-family: "FontAwesome5Free"; font-weight: 400;
    font-size: 12px;
}
article.faq .detail-toggle.cross::after,
article.exhibitions .detail-toggle.cross::after {
    top: 4px;
}
section#section_999 .detail-toggle.cross::after,
section.support-section-faq .detail-toggle.cross::after {
    margin-left: 6px;
}
.detail-toggle.cross.rotade::after
{
    -moz-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    -o-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}
article button.detail-toggle.cross::after,
section button.detail-toggle.cross::after{
    font-size: 24px;
}
section > button.detail-toggle.cross::after{
    top: 18px;
    right: 12px;
}
section#section_999 > button.detail-toggle.cross::after, 
section.support-section-faq > button.detail-toggle.cross::after {
    top: -6px;
    right: 0px;
}
@media screen and (max-width: 767px) {
    button.detail-toggle h3 {
        max-width: 250px;
    }

    section#section_999 .detail-toggle.cross::after,
    section.support-section-faq .detail-toggle.cross::after {
        top: -6px;
    }
    section#section_999 button.detail-toggle,
    section.support-section-faq button.detail-toggle {
        width: calc(100% - 41px);
    }
}
.toggle-set {
    border-bottom: 1px solid #333;
}
.toggle .detail-toggle {
    border: none !important;
}
/**************FAQ********************/
section span.fag-frage {
    border-bottom: 2px solid #333;
    padding-bottom: 1px;
}
section p.fag-antwort {
    padding: 0 12px;
}
/**************Footer********************/
#footer {
    border-top: none;
    border-bottom: none;
    background-color: rgb(242, 242, 242);
    padding: 30px 0;
}
.legal {
    background-color: rgb(242, 242, 242);
}
#incVatInfo {
    float: none;
}
.footer-notes {
    float: none;
}
#footer .footer-box .footer-box-title {
    text-transform: none;
    font-weight: bold;
}
.fa::before {
    font-size: 20px;
}
button.detail-toggle {
    text-align: left;
    padding: 0;
}
#footer .footer_generalinfo {
    height: 25px;
    }
#footer .footer_generalinfo a {
    border-right: 1px solid #d6d6d6;
    margin-right: 6px;
    padding-right: 6px;
    vertical-align: middle;
    }
#footer .footer_generalinfo a.language {
    border-right: none;
    }
#footer .footer_generalinfo a:last-of-type,
#footer .footer_generalinfo a:nth-child(4) {
    border-right: 0;
    margin-right: 0px;
    padding-right: 0px;
    }

@media screen and (min-width: 768px) {
    #footer .detail-toggle.cross::after {
        content: none;
    }
    #footer .footer-box .footer-box-content {
        display: block !important;
    }
}
#footer .detail-toggle.cross::after {
    font-size: 12px;
    top: 8px;
} 
#footer .languages {
    float: right;
}
@media screen and (max-width: 767px) {
    .footer-box {
        padding-left: 0;
        padding-right: 0;
        margin: 0 13px;
        width: calc(100% - 26px) !important;
    }
    #footer .footer-box .footer-box-content,
    #footer .footer_generalinfo {
        font-size: 100% !important;
    }
    #footer .footer-box {
        margin-bottom: 0;
        border-top: 1px solid #333;
    }
    #footer .footer-box:last-child {
        border-bottom: 1px solid #333;
    }
    
    #footer .footer-box .footer-box-content {
        font-size: 100%;
        text-align: left;
        display: none;
    }
    #footer .footer-box .footer-box-title {
        font-size: 100%;
        text-align: left;
    }
    #footer .languages {
        float: none;
        margin-top: 12px;
    }
    #footer hr {
        border-color: transparent;
    }
}
.is-checkout .checkout-no-display {
    display: none;
}
/**************FAQ Page********************/
section.faq-page {
    border-top: 1px solid #333;
}
section.faq-page:last-of-type {
    border-bottom: 1px solid #333;
}
#myFAQ {
    border: 0;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    background: url(../../img/rns_search.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: 12px;
    background-size: 24px;
    padding: 12px 48px;
}
#searchsubmit {
  position: relative;
  z-index: 1;
  left: -25px;
  top: 1px;
  cursor: pointer;
  width: 0;
}
a.faq-toggle-open-link {
    display: block;
    text-align: center;
    margin: 12px 0;
}
a.faq-toggle-open-link:hover {
    text-decoration: none;
}
article.faq,
article.dealer {
    margin-top: 0px !important;
}
article.faq h1,
.cl-content h1.faq-no-title {
    display: none;
}
.categoryDescription section ul.detailgallery {
    margin-left: 0;
    margin-right: 0;
}
ul.detailgallery > li.figure-fa-included {
    min-height: 220px;
}
ul.detailgallery > li.figure-fa-included > ul {
    height: 220px;
}
ul.detailgallery > li.figure-fa-included em.fas {
    display: block;
    text-align: center;
    font-size: 100px;
}
ul.detailgallery > li.figure-fa-included .gallery-item-img {
    background-color: rgb(205, 221, 205);
}
.gallery-item-img img,
.gallery-item-img video {
    max-width: 100%;
    height: auto;
}
.gallery-item-img video {
    margin-bottom: -6px;
}
.detailgallery.dhlexpressodd .gallery-item-img {
    text-align: center;
}
.detailgallery.dhlexpressodd .gallery-item-img img {
    width: 200px;
    height: auto;
}
@media screen and (max-width: 991px) {
    .detailgallery.dhlexpressodd .gallery-item-img {
        text-align: left;
    }
    ul.detailgallery.dhlexpressodd .gallery-item-caption {
        padding-top: 0px;
    }
}
@media screen and (min-width: 992px) {
    .detailgallery.dhlexpressodd .gallery-item-img {
        filter: brightness(90%);
        background-color: #fff;
    }

}
/**************HGROUP********************/
#detailsRelated hgroup {
    width: 100%;
}
#detailsRelated hgroup:first-of-type {
    border-top: #333 1px solid;
}
#detailsRelated hgroup:first-of-type {
    padding-top: 36px;
}
/*
 * #catLongDescLocator hgroup:last-of-type {
    padding-top: 36px;
}
*/
#detailsRelated hgroup:last-of-type {
    margin-bottom: 36px;
}
/*
#catLongDescLocator hgroup:last-child {
    margin-bottom: 24px;
    padding-bottom: 36px
}
*/
hgroup img {
  max-width: 100%;
  height: auto;
}

hgroup p,
hgroup h2 {
    text-align: center;
    direction: initial;
    margin-bottom: 0px;
    margin-top: 0px;
}
canvas {
    max-width: 100%;
    height: auto;
    display: block;
}
.yt-preview-wrapper {
    position: relative;
}
hgroup .text-content,
hgroup:not(.gallery-view) {
    padding-top: 24px;
}
hgroup:not(:last-of-type) .text-content,
hgroup:not(.gallery-view):not(:last-of-type) {
    padding-bottom: 36px;
}
hgroup h1 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px;
}

.rns_keywords {
    border: #666 1px solid;
    padding: 6px;
    border-radius: 6px;
}

@media screen and (min-width: 992px) {
    hgroup p,
    hgroup h2 {
        padding: 0 24px;
    }
    #detailsRelated hgroup:not(.gallery-view) p,
    #catLongDescLocator hgroup:not(.gallery-view) p,
    hgroup:not(.gallery-view) ul {
        margin: 12px 15%;
    }
    hgroup.gallery-view div,
    hgroup.gallery-view img,
    hgroup.gallery-view video,
    hgroup.gallery-view div.yt-preview-wrapper {
        width: 50%;
        height: auto;
        vertical-align: middle;
        display: inline-block;
    }
    hgroup.gallery-view-second {
        direction: rtl;
    }
    hgroup.simgle-view img,
    hgroup.single-view video,
    hgroup.simgle-view div.yt-preview-wrapper {
        width: 50%;
        height: auto;
        margin: 12px 25%;
    }
    hgroup .text-content {
        padding-top: 24px;
    }
    hgroup.single-view .yt-preview-wrapper,
    hgroup.single-view img {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 24px;
    }
    hgroup.single-view img {
        width: 60%;
    }
}
@media screen and (min-width: 1200px) {
    .categoryDescriptionReedolino hgroup h1 {
        width: 60%;
        margin: auto;
        font-size: 60px;
        line-height: 63px;
    }
}
@media screen and (max-width: 991px) {
    section hgroup {
        /* margin-left: 24px; */
        /* margin-right: 24px; */
    }
}
hgroup ul {
    list-style: none;
    padding-left: 0;
    position: relative;
}
hgroup ul li {
    position: relative;
    padding-left: 1.5em;  /* Text bleibt eingerückt */
}
hgroup ul li::before {
    content: "– ";
    margin-right: 0.5em;
    position: absolute;
    left: 0;
}
hgroup h3 {
    font-size: inherit;
    text-align: center;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 6px;
}

img.darkenbackground {
    filter: brightness(96%) contrast(98%);
}
.hgroup-black {
    color: #fff;
    background-color: #333;
    padding-bottom: 18px;
    padding-left: 12px;
    padding-right: 12px;
}
.text-content .dl-horizontal dt {
    width: 50%;
    text-align: right;
    float: left;
    clear: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-content .dl-horizontal dd {
    margin-left: 52%;
    text-align: left;
  }


/**************Premium Page********************/
section .quote {
    font-size: 120%;
}
@media (max-width: 767px){
    section .quote {
        font-size: 100%;
    }
}
.quote::after {
    content: '\00BB';
}
.quote::before {
    content: '\00AB';
}
.rns_right {
    text-align: right;
}
section.premiumgallery ul.detailgallery {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
section.premiumgallery{
    padding-bottom: 0px !important;
}


/**************Detail Gallery********************/
ul.detailgallery {
    display: inline-block;
}
@media screen and (min-width: 1200px) {
    ul.detailgallery {
        margin-top: 40px !important;
        margin-bottom: 24px !important;
        display: inline-block;
    }
}
ul.premiumdetailgallery {
    margin-top: 0px !important;
}

.desc_window ul.detailgallery {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}
ul.detailgallery, ul.detailgallery ul {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.detailgallery ul {
    display: table;
}
ul.detailgallery li {
    list-style-type: none;
}
ul.detailgallery > li {
    width: 100%;
}
.desc_window ul.detailgallery > li {
    margin-bottom: -10px;
}
.gallery-item svg {
    max-width: 100%;
}
ul.detailgallery .gallery-item-caption {
    padding: 24px 0;
}
ul.detailgallery .gallery-item-cell {
    vertical-align: top;
    text-align: center;
    padding-bottom: 48px;
}
ul.detailgallery .gallery-item-video .elastic-video {
        margin-top: 0px;
    }
ul.detailgallery .gallery-item-video br{
        display: none;
    }
@media print, screen and (min-width: 992px) {
    ul.detailgallery ul > li {
        width: 50%;
        display: table-cell;
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
    }
    ul.detailgallery .gallery-item-caption {
        text-align: center;
        padding: 0 24px;
        direction: inherit;
    }
    ul.detailgallery .gallery-item-caption h1 {
        text-align: center;
        font-size: 24px;
    }
    ul.detailgallery .gallery-item-caption p {
        text-align: center;
        direction: inherit;
    }
    li.gallery-item:nth-child(2n) {
        direction: rtl;
    }
    li.gallery-item:nth-child(2n) .gallery-item-caption {
        direction: ltr;
    }
    ul.detailgallery .gallery-item-cell:nth-child(odd) {
        padding-right: 24px;
    }
    ul.detailgallery .gallery-item-cell:nth-child(even) {
        padding-left: 24px;
    }
    ul.detailgallery .gallery-item-cell img {
        margin-bottom: 48px !important;
    }
}
/**************On Tour********************/
section#ontour {
    padding-top: 12px;
}
section#ontour > article {
    border-bottom: 1px solid #666666;
    padding-bottom: 20px;
    margin-top: 0;
}
section#ontour > article .time,
section#ontour > article .space {
    display: block;
}
section#ontour > article .toggle-open {
    padding-top: 12px;
    font-size: 80%;
}
/**************MEDIA********************/
.link-icon a:hover,
.link-icon a:focus {
    text-decoration: none;
    color: #cc9900;
}
.link-icon a::before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}
.file-ispdf a::before {
    content: "\f1c1  ";
}
#mediabank .link-icon {
    display: inline-block;
    margin-right: 24px;
}
.file-isimgs a::before,
.file-isimgm a::before,
.file-isimgl a::before {
    content: "\f1c5  ";
}

/**************SVG Machine********************/
.graphic_machine path {fill:none;stroke:#333;stroke-width:0.3pt;}
.graphic_machine text {
    font-family  : Arial, sans-serif;
    font-size    : 5pt; 
    font-weight  : bold; 
    text-anchor  : middle; 
    fill         : #333; 
}

.graphic_machine line,
.graphic_machine ellipse,
.graphic_machine polyline {
    stroke-linejoin   : round;
    stroke-miterlimit : 2;
    stroke-width      : 0.3;
    stroke:#333;
    transition: fill 1s;
    fill: none;
}
.graphic_machine path.none-fill {
    fill: none;
}
.graphic_machine line:hover {
    stroke:#669966;
}

/**************SVG Machine********************/
.supportgraphic path {fill:none;stroke:#333;stroke-width:2;}
.supportgraphic text {
    font-family  : Arial, sans-serif;
    font-size    : 36px; 
    font-weight  : bold; 
    fill         : #333; 
}

.supportgraphic line,
.supportgraphic ellipse,
.supportgraphic polyline {
    stroke-linejoin   : round;
    stroke-miterlimit : 2;
    stroke-width      : 2;
    stroke:#333;
    transition: fill 1s;
    fill: none;
}
.supportgraphic path.none-fill {
    fill: none;
}
.supportgraphic line:hover {
    stroke:#669966;
}

/**************SVG Machine 2023********************/
.supportgraphic2023 path {fill:none;stroke:#333;stroke-width:2;}
.supportgraphic2023 text {
    font-family  : Arial, sans-serif;
    font-size    : inherit; 
    fill         : #333; 
    font-size-adjust: 0.5;
}
@media screen and (max-width: 992px) {
    .supportgraphic2023 text {
        font-size-adjust: 0.67;
    }    
}
@media screen and (max-width: 767px) {
    .supportgraphic2023 text {
        font-size-adjust: 0.8;
    }    
}


.supportgraphic2023 line,
.supportgraphic2023 ellipse,
.supportgraphic2023 polyline {
    stroke-linejoin   : round;
    stroke-miterlimit : 2;
    stroke-width      : 2;
    stroke:#333;
    transition: fill 1s;
    fill: none;
}
.supportgraphic2023 path.none-fill {
    fill: none;
}
.supportgraphic2023 line:hover {
    stroke:#669966;
}

/**************Machine Graphics with Sitecol********************/
.graphicIndexBox > div > div {
    display: table-cell;
}
/**************Article Support********************/
#SupportPageButton {
    position: fixed;
    right: 16px;
    padding: 2px 4px 0 5px;
    border: 3px solid #333;
}
#support_nav a {
    display: block;
}
#support_nav a::before {
    content: '\f061';
    padding-right: 6px;
    font-family: 'FontAwesome5Free';
    font-weight: 900;
    display: inline-block;
}
#SupportPageButton a:hover{
    text-decoration: none;
    color: #cc9900;
}
/**************PRINT********************/
@media print { 
    .checkoutSteps,
    .menus-col,
    #basketVoucher,
    .cart-buttons,
    #basketUpdate,
    .footer_generalinfo,
    .removebtndesk,
    #footer,
    .rns_shaperform_menue,
    #topbar { 
        display: none !important; 
    }
    a:after { content: "" !important;}
    
    .move-controls,
    .btn-danger,
    .additionalInfo,
    .spacer,
    .checkout-no-display,
    .footer_generalinfo,
    #mainnavbar,
    #countrypreselector,
    #SupportPageButton,
    .detail-toggle.cross::after,
    .product-details-bar,
    #boxwrapper_accessories,
    #reviews,
    #boxwrapper_cross,
    #morePicsContainer
    {
        display: none;
    }
    
    section[name="FAQ"] {
        page-break-before: always;
    }
    .container {
        width: 100%;
    }
    .logo-col img {
        max-width: 4cm !important;
        height: auto !important;
    }
    .header-box {
        padding: 0 0 1cm 0;
    }
    .tablesorter thead {
        position: sticky;
    }
    .categoryDescription section > h1, .cl-content #content > h1, .categoryDescription section > h2, .categoryDescription section > h3, .categoryDescription section > p, .categoryDescription section > a, .categoryDescription section > input, .categoryDescription section > ul, section#section_999 button, section#section_999 div.support_faq_antwort, section.support-section-faq div.support_faq_antwort, article {
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .faq-antwort,
    .categoryDescription section, .premiumDescription section,
    #detail-faq,
    #manufacturer > div,
    #attributes > div {
        display: block !important;
    }
    #support_nav {
        display: inline-block !important;
    }
    relatedInfo section, .choice-element-title, .categoryDescription, .manufacturerlist .longdesc, .manufacturerlist .shortdesc {
      font-size: 100%;
    }
    .categoryDescription section article > img, .premiumDescription section article > img {
        width: 50%;
    }
    
}
/**************refineparams********************/
.listRefine .refineParams {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}
.listRefine .btn-group {
    margin: 0px;
}
@media (min-width: 1450px) {
    .listRefine .pagination-options {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    font-size: initial;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    border-color: #ccc;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #333;
    border-color: #333;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #333;
  background-color: #eee;
  border-color: #ccc;
}
/**************categoryDescription********************/

.categoryDescription section,
.premiumDescription section {
    margin: 12px 0;
    display: inline-block;
    width: 100%;
    padding-bottom: 24px;
}

.categoryDescription section.no-padding-bottom,
.premiumDescription section.no-padding-bottom {
    padding-bottom: 0;
}

.categoryDescription section {
    background-color: #fff;
}
.categoryDescription section:first-of-type,
.premiumDescriptionn section:first-of-type {
    margin-top: 0px;
}
.categoryDescription section article {
    margin-top: 24px;
}
/*
.categoryDescription section > h1,
.cl-content #content > h1,
    .categoryDescription section > h2,
    .categoryDescription section > h3,
    .categoryDescription section > p,
    .categoryDescription section > a,
    .categoryDescription section > input,
    .categoryDescription section > ul,
    section#section_999 button,
    section#section_999 div.support_faq_antwort,
    section.support-section-faq div.support_faq_antwort,
    article,
    section p.img-single {
        margin-left:15%;
        margin-right:15%;
    }
*/
.categoryDescription section > input
    {
        width: 70%;
    }
@media screen and (min-width: 993px) {
    #manufacturer > div {
        margin-left:15%;
        margin-right:15%;    
    }
}

.manufacturer_contactdetails {
    margin-top: 12px;    
}
/*
@media screen and (max-width: 992px) {
    .categoryDescription section > h1,
    .cl-content #content > h1,
    .categoryDescription section > h2,
    .categoryDescription section > h3,
    .categoryDescription section > p,
    .categoryDescription section > a,
    .categoryDescription section > input,
    section#section_999 button,
    section#section_999 div.support_faq_antwort,
    article,
    section p.img-single {
        margin-left:24px;
        margin-right:24px;
    }
    .categoryDescription section > input {
        width: calc(100% - 48px);
    }
}
*/
.categoryDescription section ul,
.premiumDescription section ul {
    list-style-position: inside;
}
/**************Instructions********************/
.ist-article-header {
    margin: 0 -15%;
}
/**************Payment CC After Step 4********************/
#paymentFrameForm .alert-info {
    display: none;
}
#paymentFrameForm .panel-heading {
    font-weight: bold;
    text-align: left;
}
#paymentFrameConf {
    font-size: 14px;
}
/**************table item-measurements********************/
table.item-measurements {
    width: 100%;
    border: 1px solid #666;
    margin-bottom: 12px;
    text-align: left;
}
table.item-measurements tr {
    border-bottom: 1px solid #666;
}
table.item-measurements th,
table.item-measurements td {
    padding: 3px;
    border-right: 1px solid #666;
}
table.item-measurements th {
    font-weight: bold;
}
/**************Tablesorter********************/
table.tablesorter {
	margin:10px 0pt 15px;
	width: 100%;
	text-align: center;
    background-color: transparent;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 6px;
}
table.tablesorter thead tr th {
    vertical-align: top;
    text-align: center;
    position: sticky;
    /*top: 63px;*/
    background-color: #eee;
	}	
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
	text-align:center;
}
table.tablesorter thead tr {
	border-bottom: 2px solid #999999;
}
table.tablesorter tbody tr {
	border-bottom: 1px solid #999999;
}
table.tablesorter tbody tr:hover {
	background-color: #999;
    transition:background 1s;
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(../../img/tablesorter_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #999999;
}
[data-href] {
    cursor: pointer;
}
@media screen and (max-width: 767px) { 
    table.tablesorter {
        font-size: 80% !important;
    }
}
.attributshaperformbassoon img {
    width: 24px;
    height: auto;
}
/**************myFS ShaperFor Search Bar********************/
#mySF {
    width: 100%;
    border: 0;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    background: url(../../img/rns_search.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: 6px;
    background-size: 18px;
    padding: 12px 24px 12px 30px;
    margin-bottom: 12px;
    outline: 0 none;
    font-size: 90%;
}
input#mySF {
    border-bottom: #000000 1px solid;
}
/**************Country List********************/

a.country,
a.language,
div.country {
    float: right;
    padding-left: 12px;
    color: #333;
}
@media screen and (max-width: 767px) {
    a.country,
    div.country {
        padding-right: 6px;
    }
    .menus-col a.country {
        display: none;
    }
}
aside#countrypreselector {
    background-color: rgb(242, 242, 242);
    padding: 12px 0;
}
aside#countrypreselector select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: inherit;
    line-height: 1.5;
    background-color: transparent;
    border-color: #333;
    border-width: 2px;
    border-radius:0px;
    padding: 6px 12px;
    float: right;
    margin-right: 12px;
    width: calc(100% - 102px);
    outline: none;
}
aside#countrypreselector .select-col i {
    position: absolute;
    right: 114px;
    top: 8px;
    pointer-events: none;
}
aside#countrypreselector input {
    float: right;
    width: 90px;
    color: inherit;
    border-color: #333;
}
#countrypreselector .label-col {
    text-align: center;
    padding: 8px;
}
#countrypreselector .label-col label {
    margin: 0px;
}
#countrypreselector .select-col {
    padding-right: 0px;
}
article.region {
    border-top: #000000 1px solid;
}
ul.page-country-list {
   list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
ul.page-country-list li {
    float: left;
    width: calc(100%/3);
}
@media screen and (max-width: 767px) {
    ul.page-country-list li {
        width: calc(50%);
    }
}

.cl-d3countryselectlist #breadcrumb,
.cl-d3countryselectlist #incVatInfo {
    display: none;
}

/**************categoryBox********************/

@media (max-width:991px) {
    #header .header-box {
      padding: 12px 0;
    }
    ol.cat-tree > li.exp > ul.nav-pills > li.end,
    ol.cat-tree > li.exp > ul.nav-pills > li.active > a,
    ol.cat-tree > li.exp > ul.nav-pills > li.exp > a {
        display: none !important;
    }
    ul.nav-pills > li a {
        border: #333 1px solid;
        margin: 3px 1.5px;
        display: inherit;
        background-color: #fff;
    }
    ul.nav-pills > li {
        display: inline-block;

    }
    .nav-pills {
        text-align: center;
        display: inherit;
    }
    .cat-tree > li > .nav-stacked > li {
        border-bottom: none;
    }
    /*.categoryBox {
        border-bottom: 1px solid #eee;
    }*/
    .nav-stacked > li.active > ul > li > a:before {
        content: "\f059";
        font-family: 'FontAwesome5Free';
        margin-right: 3px;   
    }
    ul.nav > li > .nav-pills > li.active > a:before,
    ul.nav > li > .nav-pills > li.active.end > a:before,
    ul.nav > li > .nav-pills > li.exp > a:before {
        content: "\f058";
        font-family: 'FontAwesome5Free';
        margin-right: 3px;   
    }
    
}

/**************Cane Progress Bar********************/
.canechart-section {
    background-color: #fff5e5;
    border-radius: 6px;
    margin-bottom: 24px;
    border: none !important;
    padding-top: 6px;
}

.canechart-flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 25%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.canechart-circle-bg {
  fill: none;
  stroke: #e8dece;
  stroke-width: 3.8;
}

.canechart-circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.bar8 .canechart-circle {
  stroke: #302018;
}

.circular-chart.bar810 .canechart-circle {
  stroke: #3e281e;
}

.circular-chart.bar1012 .canechart-circle {
  stroke: #4c3123;
}
.circular-chart.bar1214 .canechart-circle {
  stroke: #5b3a29;
}
.circular-chart.bar1416 .canechart-circle {
  stroke: #765748;
}
.circular-chart.bar1618 .canechart-circle {
  stroke: #917669;
}
.circular-chart.bar1820 .canechart-circle {
  stroke: #ac978d;
}
.circular-chart.bar20 .canechart-circle {
  stroke: #c7b8b1;
}

.canechart-percentage {
  fill: #5b3a29;
  font-size: 0.5em;
  text-anchor: middle;
}

.canechart-title {
  fill: #5b3a29;
  font-size: 0.2em;
  text-anchor: middle;
}
@media (max-width:992px) {
    .canechart-title {
      font-size: 0.4em;
    }
    .canechart-percentage {
      baseline-shift:3px;
    }
}
/**************Section Fields********************/
.article-15 {
    margin-left: calc(15% - 15px);
    margin-right: calc(15% - 15px);
}
section.field-wrapper {
    background-color: transparent;
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px);
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
@media screen and (max-width: 992px) {
    .article-15 {
        margin-left: 9px;
        margin-right: 9px;
    }
}
.section-field {
    background-color: #fff;
}
.section-field-center {
    padding-top: 34px;
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.field-wrapper-text-left .section-field {
    padding: 15px;
}
.section-field-duo {
    padding-bottom: 15px;
    margin: 12px auto;
}
.section-field-center p {
    margin-left: 6.3% !important;
    margin-right: 6.3% !important;
}
.section-field-duo p {
    margin-left: unset !important;
    margin-right: unset !important;
}
@media screen and (max-width: 992px) {
    .section-field-center {
        padding-top: 24px;
        padding-bottom: 14px !important;
        width: 100% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .section-field p {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
}
/**************Compare********************/
.compare-row {
    display: grid;
    --column-gap: 3%;
    --columns: 3;
    margin: 20px auto;
    grid-template-columns: repeat(var(--columns),calc((100% - var(--column-gap)*(var(--columns) - 1))/var(--columns)));
    grid-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
}
.compare-row-header {
    width: 100%;
    grid-column: 1/3 span;
    font-weight: bold;
    border-bottom: 1px solid #666;
    padding-bottom: 6px;
    margin-bottom: 12px;
}
.compare-section .compare-column {
    text-align: center;
}
#compare .fas {
    display: block;
    font-size: 36px;
}
@media screen and (max-width: 992px) {
    #compare {
        hyphens: auto;
    }
}