@font-face {
  font-family: 'japan';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/japan.eot");
  src: url("../fonts/japan.eot?#iefix") format("embedded-opentype"), url("../fonts/japan.woff2") format("woff2"), url("../fonts/japan.woff") format("woff"), url("../fonts/japan.ttf") format("truetype"), url("../fonts/japan.svg#fontawesome") format("svg"); }
/* --- Generals -------------------------------- */
.cl-details .relatedInfo section,
.cl-details section.boxwrapper {
    text-align: center;
    border-top: #333 1px solid;
    padding-bottom: 10px;
}
.rns-details-list-center {
    list-style-type: none;
}
.relatedInfo section button.detail-toggle > h1 {
    text-align: center;
}
.relatedInfo section > h1,
section.boxwrapper h1 {
    margin: 24px 0;
}
.relatedInfo section > p,
.toggle-text-content > p {
    margin: 12px 15%;
}
@media (max-width: 768px){
    .relatedInfo section > p,
    .toggle-text-content > p {
        margin: 12px 24px;
    }
}

body.cl-details .detailsInfo > .row {
    border-bottom: none !important;
}
.product-image .picture img {
    width: 100%;
    max-height: 400px;
    width: auto;
    margin: 0 auto;
}
.detailsInfo {
    margin-top: 24px;
}
@media (min-width: 1200px){
    .show-mobile {
        display: none;
    }
}
@media (max-width: 1200px){
    .none-show-mobile {
        display: none;
    }
    .product-image-container {
        position: inherit !important;
    }
}
@media (min-width: 1200px){
    .detailsInfo .product-image,
    .detailsInfo .product-details-bar {
        float: right;
    }
}
section p.fag-antwort, section div#detail-faq, section p.review {
    text-align: left !important;
}
.relatedInfo img {
    max-width: 100%;
    height: auto;
}


/* --- articles details attributes ------------ */
dl.attributes {
    width: 80%;
    margin: 15px auto 0px auto;
}
@media (max-width: 768px){
    dl.attributes {
        width: 100%;
    }
}
svg.svg-attribute {
    margin-bottom: 24px;
}
svg.svg-attribute line, svg.svg-attribute path, svg.svg-attribute polyline, svg.svg-attribute polygon, svg.svg-attribute circle {
    fill: none;
    stroke: #333;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}
@media screen and (min-width: 768px) {
    .dl-horizontal dt {
        width: 50%;
        text-align: right;
    }
    .dl-horizontal dd {
        margin-left: 52%;
        text-align: left;
    }
}
.attributes th,
.attributes td {
    padding:4px 10px;
}

.attributes th {
    text-align: left;
    width: 35%;
}
.attributes tr {
    border-bottom: 1px solid rgb(245,245,245);
}
.attributes tr:last-child {
    border-bottom: none;
}
.attributes tr td:nth-child(even) {
    text-align: left;
}
#morePicsContainer ul.list-inline {
    display: table;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    #morePicsContainer {
        margin-bottom: 12px;
    }
}
body.cl-details #morePicsContainer img {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 2px solid #fff !important;
}
body.cl-details #morePicsContainer img:hover {
    border-color: #eee !important;
}
body.cl-details #morePicsContainer a.selected img {
    border-color: #999 !important;
}
.downloadPictures ul {
    list-style: none;
    display: table;
    padding-left: 0px;
    width: 100%;
}
.downloadPictures img {
    width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}
/* --- Tube Cane Oboe ------------ */

.graph-gradient {
    width: 100%;
    height: 12px;   
}
.hardness-gradient {
    background: -webkit-linear-gradient(left, #f2d1a0 0%, #633d21 60%);
    background: linear-gradient(to right, #f2d1a0 0%, #633d21 60%);

}
.gradient-rows {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
}
.gradient-rows li {
    display: table-cell;
}
.gradient-rows li div {
    border-left: 1px solid #633d21;
    padding: 6px 0 6px 6px;
    position: relative;
    text-align: left;
}
.gradient-rows li div::after {
    content: "";
    background: -webkit-linear-gradient(left, #633d21 0%, transparent 100%);
    background: linear-gradient(to right, #633d21 0%, transparent 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 33%;
}
.gradient-rows-2 li {
    width: 50%;
    padding-left: 9%;
}

.gradient-rows-hardness h2 {
    color: #633d21;
    text-align: left;
    font-weight: normal;
    margin: 0 0 12px 0 !important;
}
/**************Main Details********************/

body.cl-details .tobasket .tobasketFunction::after,
body.cl-details .help::after,
body.cl-details .compare::after {
    clear: both;
    content: '';
    display: block;
}
body.cl-details .tobasket .tobasketFunction > div {
    float: left;
}
.tobasket,
#variants {
    margin-top: 24px;
}
.tobasket .input-group {
    width: 100% !important;
}
@media screen and (min-width: 768px) {
    .rns_bulkdiscount {
        clear:both;
        margin-bottom: 7px;
        margin-right: calc(1% + 4px);
    }
}
@media screen and (max-width: 479px) {
    .input-group.pull-left > .details-information.pull-right,
    .input-group.pull-left > .input-group-tweak {
        width: 100%;
        display: block;
    }
    .input-group.pull-left > .details-information.pull-right {
        margin-top: 10px;
    }
    .input-group.pull-left > .details-information.pull-right > .stock-content {
        display: block;
    }
}
.pswp__bg {
    background-color: #ffffff !important;
    opacity: 1 !important;
}
body.cl-details .help > div,
body.cl-details .compare > div,
body.cl-details .details-information > div {
    display: table-cell;
    vertical-align: top;
    min-width: 43.07px;
}
body.cl-details .help > div.help-icon,
body.cl-details .compare > div.help-icon,
body.cl-details .details-information > div.stockFlag {
    text-align: center;
    width: 50px;
}
body.cl-details .shortdesc {
    margin-bottom: 14px;
}
.help,
.details-information,
.noticelist,
.shippinginfo,
.compare {
    padding: 24px 0px;
}
.help {
    border-top: 1px solid #eee;
}
.details-information:empty {
    display: initial;
}
.details-information,
.compare {
    border-bottom: 1px solid #eee;
}
.help-content,
.compare-content,
.stock-content  {
    padding-left: 6px;
}
.help-content.rns-comparelist a:hover {
    text-decoration: none;
    color: #cc9900;
}
.stockFlag i.fa-circle {
    width: 27.5px;
    height: 38px;
    text-align: center;
}
.deliverytime {
    display: block !important;
    margin-left: 56px;
}
@media (min-width: 993px){
    .help-content,
    .stock-content,
    .deliverytime,
    .compare-content,
    /*.choice-element-desc {
        font-size: 90%;
    }*/
}
    .help-content,
    .stock-content,
    .compare-content
{
    margin-left: 12px;
}

body.cl-details .noticelist > div {
  display: table-cell;
  vertical-align: top;
  min-width: 43.07px;
}
.fa-rns::before  {
    color: #cc9900;
    font-size: 38px !important;
}
.fa-noticelist::before {
    content: "\f006";   
}
.fa-paperclip {
  position: absolute;
  right: 8px;
  rotate: 225deg;
}
.product-details-bar .fa-help::before {
    position: relative;
    top: -8px;
    left: -7px;
}
.fa-hand-holding::before {
    content: "\f4bd";  
    font-weight: 900;
}
.detailsInfo .small {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
}
/**************choice elements********************/
.choice-element-3 li.disabled {
    display: none;
}
.choice-elements a {
    position: relative;
}
.choice-elements a > span {
    font-weight: initial;
    position: absolute;
    right: 12px;
}
.choice-element-align-left a {
    text-align: left !important;
}
/**************left-right********************/
@media (min-width: 993px){
    section .left, section .right {
        width: calc(50% - 12px);
        display: inline-block;
        vertical-align: top;
    }
    section .left {
        margin-right: 9px;
    }
    section .right {
        margin-left: 9px;
    }
    section .right h2,
    section .right p
    section .left h2,
    section .left p {
        margin-left: 12px;
        margin-right: 12px;
    }
}
/**************REVIEWS********************/
@media (min-width: 993px){
    #review_form_accordion,
    .review-single,
    #review .alert-info {
        margin-left: 15%;
        margin-right: 15%;
        text-align: left;
    }
}
#review_form_accordion {
        margin-top: 24px;
    }
hr.review-separation {
    color: #333;
    background: #333;
    height: 2px;
    border: 0px;
    width: 7%;
    margin: 10px 0;
}
/**************Templates********************/
#page.sidebarTop .rns_template_headline img {
    display: none;
}
.desc_window {
    display: none;
    position: absolute;
}
.overlay { 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.desc_window #background {
    position: fixed;
    background-color: #333333;
    opacity: .88;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-backface-visibility: visible;
    -webkit-tap-highlight-color: transparent;
}
.desc_window .wrapper {
    z-index: 10000;
    background-color: #fff;
    width: 100%;
    max-width: 900px;
    position: relative;
    margin: 10px auto;
}
.desc_window .close {
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    position: absolute;
    right: 24px;
    top: 24px;
}
.desc_window .close a:hover {
    border: none;
}
ul.rns_template_menue li, ul.rns_template_menue li ul li, ul.rns_template_list li {
list-style:none;
}
section ul ul {
margin:0;
}	
ul.rns_template_menue {
    width:100%;
    margin-bottom:30px;
    display: table;
    margin:auto;
    background-color: rgb(242, 242, 242);
    margin-top: 48px;
}
ul.rns_template_menue p {
margin:0;
padding:0;
line-height:normal !important;
}	
ul.rns_template_menue > li {
width:20%;
text-align:center;
display: table-cell;
}
ul.rns_template_menue li > ul > li {
    margin-bottom: 12px;
}
ul.rns_template_menue li > ul > li:first-child {
    margin-bottom:24px;
    border: none;
}
ul.rns_template_menue li > ul > li:first-child p {
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #333333;
}
ul.rns_template_menue li > ul > li:first-child a {
    border: none !important;
    font-size: inherit;
    padding-bottom: 2px !important;
}
ul.rns_template_menue > li > ul {
    width:calc(100% - 24px);
    text-align:center;
    padding: 24px 12px;
    
}	
ul.rns_template_menue > li > ul > li {
display: block;
width:100%;
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
ul.rns_template_menue > li > ul > li:last-child {
padding-bottom:0;
}	
ul.rns_template_list > li {
cursor:pointer;
}
ul.rns_template_menue > li > ul > li a {
    border: 1px solid #cccccc !important;
    border-radius: 4px;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 6px 0 !important;
}

ul.rns_template_menue > li > ul > li a.active,
ul.rns_template_menue > li > ul > li a:hover {
    text-decoration:none;
    border-color:#333333 !important;
    
}

ul.rns_template_list {
margin-bottom:20px;
margin-top:20px;
}
ul.rns_template_list > li {
	display: inline-block;
	width:calc(100%/3 - 4px);
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
	vertical-align:top;
}
ul.rns_template_list li.rns_template_headline {
width:100%;
margin-top:60px;
margin-bottom:30px;
}
ul.rns_template_list li.rns_template_headline p {
width:80%;
border-bottom:#000000 solid 0.1em;
margin:auto;
}
ul.rns_template_list li.rns_template_headline img {
width: auto;
height:auto;
}
ul.rns_template_list li img {
width:100%;
height:auto;
margin-bottom:10px;	
}	
ul.rns_template_list li.selected {
display: inline-block;
}
ul.rns_template_list li.selected {
background-color: #eeeeee;
}
@media screen and (max-width: 800px) {
    ul.rns_template_list li.rns_template_headline p,
    ul.rns_template_menue {
    width:90%;
    }
    ul.rns_template_list > li {
    width:32%;
    }	
}
@media screen and (max-width: 600px) {
    ul.rns_template_list li.rns_template_headline p,
    ul.rns_template_menue {
    width:96%;
    }
    ul.rns_template_menue {
    display:block;
    padding-right:3%;
    padding-left:3%;
    }
    ul.rns_template_menue > li {
    width:100%;
    display:block;
    border-right:none;
    border-bottom:#999999 solid 1px;
    }
    ul.rns_template_menue > li:last-child {
    border-right:none;
    border-bottom:none;
    }
    ul.rns_template_menue {
    padding-top:0;
    padding-bottom:0;
    }
    ul.rns_template_menue > li > ul {
    padding-top:0;
    }
    ul.rns_template_menue > li > ul > li {
    display: inline;
    padding:0 5px;
    }
    ul.rns_template_menue > li > ul > li p {
    padding-bottom:5px;
    }	
}
/**************Blade Resharpening********************/
section ul#steps {
    padding-left: 0px;
    display: table;
}
section ul#steps li#step {
    width: calc(100%/3);
    list-style-type: none;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    background-color: #eee;
    padding: 12px;
}
@media screen and (max-width: 992px) {
    section ul#steps li#step {
        width: 100%;
        display: inline-block;
        margin-bottom: 12px;
    }
}
/**************Instrument Stand********************/
.rns_instrumentstandRns ul {
    padding-left: 0;
    display: inline-block;
}
.rns_instrumentstandRns ul li {
    list-style: none;
    float: left;
    width: calc(25% - 9px);
    margin-right: 12px;
}
.rns_instrumentstandRns ul li:last-child {
    margin-right: 0;
}
.rns_instrumentstandRns ul::before,
.rns_instrumentstandRns ul::after {
    content: " ";
    display: table;
}
@media screen and (max-width: 992px) {
    .rns_instrumentstandRns ul li {
        width: calc(50% - 6px);
        margin-bottom: 12px;
    }
    .rns_instrumentstandRns ul li:nth-child(even) {
        margin-right: 0;
    }
}
/**************Vergleich Innenhobelmaschinen********************/
table.oboe_vergleich_ihm { 
    border-spacing: 0;
    border-collapse: collapse;
}
table.oboe_vergleich_ihm img {
	width:100%;
	height: auto;
	image-rendering: -moz-crisp-edges;         /* Firefox */
    	image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
table.oboe_vergleich_ihm .oboe_vergleich_ihm_messer {
	text-align:center;
}
table.oboe_vergleich_ihm .oboe_vergleich_ihm_maschinen td {
	text-align:center;
	border-bottom:#CCCCCC 1px solid;
}
table.oboe_vergleich_ihm .oboe_vergleich_ihm_messer img {
	width:50%;
	height: auto;
	image-rendering: -moz-crisp-edges;         /* Firefox */
    	image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.oboe_vergleich_ihm td {
	width: 25%;
	vertical-align: text-top;
	border-right:#CCCCCC 1px solid;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;}
.oboe_vergleich_ihm td:last-child {
	border-right:none;}	
tr.oboe_vergleich_ihm_img td {
	padding:0;
}	
tr.oboe_vergleich_ihm_artikel {
	text-align:left;
	font-size:larger;}
td.oboe_vergleich_ihm_sektion {
	font-weight:bold;}
tr.oboe_vergleich_ihm_schatten {
	background-color: #eeeeee;
}
/**************choice-elements********************/
.choice-elements .dropdown-menu {
    display: block;
    position: relative;
    padding: 0;
    border: 0;
    box-shadow: none;
    z-index: 0;
    margin-top: 12px;
}
.choice-elements ul {
    padding-left: 0;
}
.choice-element-title,
.choice-element-selected-label {
    font-weight: bold;
    display: block;
}
.choice-element-form {
    margin-bottom: 12px;
    list-style-type: none;
}
.choice-element-form.circle {
    width: calc(459px/10);
    height: calc(459px/10);
    display: inline-block;
    margin-bottom: inherit;
}
.choice-element-form.rect a {
    display: block;
    border: 1px solid #d6d6d6;
    padding: 6px 12px;
    border-radius: 6px;
}
.choice-element-form.rect-small {
    width: calc(25% - 5px);
    display: inline-block;
    text-align: center;
}
.choice-element-form.rect-medium {
    width: calc(50% - 3px);
    display: inline-block;
    text-align: center;
}
.choice-element-form.circle a {
    padding: 0px;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: -webkit-center;
    width: calc(461px/10 - 3px);
    height: calc(461px/10 - 4px);
    padding-top: 2px;
}
.choice-element-form.circle a.active {
    padding: 1px;
}
.choice-element-form.circle figure {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #999999;
}

.choice-element-form a:hover,
.choice-element-form a:active,
.choice-element-form a:focus,
.choice-element-form a:visited {
    text-decoration: none;
}
.choice-element-form a:hover {
    border: 1px solid #cc9900;
}
.choice-element-form a.active {
    border: 2px solid #cc9900;
    /*padding-left: 5px;*/
}
.choice-element-hide {
    display: none !important;
}
.choice-element-helplink a {
    color: #cc9900;
}
.choice-element-selected-off {
    display: none;
}
.dropdown-menu.choice-element-show {
    float: none;
    margin-top: 6px;
}
.choice-element-selected p {
    margin-bottom: 0px !important;
    padding-left: 14px;
}
.choice-elements-selected {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}
.choice-elements-selected,
.choice-elements-unselected {
    padding: 6px 0px;
}
/**************Selections********************/
.choice-element-selected {
    display: block;
}
.choice-element-selected-change {
    float: right;
    padding-top: 2px;
}
body.cl-details .selectorsBox .selectbox {
    margin-bottom: 0px;
    margin-top: -1px;
}
.dropdown-menu  vardrop {
    margin-top: 6px;
}
.choice-element-selected-change {
    color: #cc9900;
    cursor: pointer;
}
.choice-element-selected-change:hover {
    text-decoration: underline;
}
.choice-element-selected:hover {
    color: #cc9900;
}
.choice-element-desc {
    color: #cc9900;
    display: block;
}
#choice-element-id-1 li.disabled {
    display: none;
}
/**************Personalize********************/

#rns-article-personalize-link {
    display: flex;
    align-items: center;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    border: 2px;
    background: #fff;
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 3px;
    margin-bottom: 24px;
    padding: 6px;
    font-size: 80%;
    line-height: 1.42857143;
}
#rns-article-personalize-link::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: 3px;
    background: linear-gradient(to right, red, #cc9900);
}
#rns-article-personalize-link:hover {
    cursor: pointer;
}
#rns-article-personalize-canvas {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    display: flex;
    background:#fff;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    padding: 24px 12px;
}
#rns-article-personalize-canvas .container {
    padding: 0;
}
.rns-article-personalize-canvas-input {
    float: none;
    margin: 24px auto 12px;
}
.rns-article-personalize-canvas-image {
    float: none;
    margin: 0 auto;
    padding: 0;
}
#rns-article-personalize-engraving-preview,
#rns-article-personalize-engraving-preview-blank {
    letter-spacing:0.01em;
    -ms-user-select: None; 
    -moz-user-select: None; 
    -webkit-user-select: None;
}
.rns-article-personalize-canvas-input-error {
    display: none;
    text-align: left;
    padding: 6px 12px;
}
/*Refurbished*/
.section-refurbished {
    background-color: #5e8000;
    color: #eeeeee;
}
/**************Black Pagee********************/
body.cl-details-black,
body.cl-details-black #wrapper,
body.cl-details-black #topbar,
body.cl-details-black #mainnavbar,
body.cl-details-black #amountToBasket {
    background-color: #000 !important;
}
body.cl-details-black .navbar-default {
    border-color: #000;   
}
body.cl-details-black #toBasket {
    background-color: #FC4C02; 
}

body.cl-details-black button.detail-toggle,
body.cl-details-black #wrapper,
body.cl-details-black #wrapper a,
body.cl-details-black #mainnavbar,
body.cl-details-black #mainnavbar a,
body.cl-details-black .header-box a,
body.cl-details-black .shopping-bag-mini,
body.cl-details-black .limited-item,
body.cl-details-black #wrapper .far:before,
body.cl-details-black #wrapper .fa:before {
    color: #FC4C02;
    text-shadow: 3px 3px 17px #bd7324;
}
.cl-details-black .relatedInfo section,
.cl-details-black section.boxwrapper,
.cl-details-black .help,
.cl-details-black #topbar,
.cl-details-black #header,
.cl-details-black .limited-item,
body.cl-details-black #amountToBasket,
body.cl-details-black #toBasket {
    border-color: #FC4C02;
}