/* ------------------- */
/** Typography Styles **/
/* ------------------- */

.row {
    display: block;
}

#orders {
    max-height: max-content;
}

.item-comment-container {
    position: relative;
    text-align: right;
}

.item-comment-container textarea.form-control.item-comment {
    width: 100%;
    display: inline-block;
    resize: vertical;
    max-height: 500px;
    min-height: 75px;
    background-color: #ebe7e7;
    color: #333;
    border-radius: 0;
    padding: 6px 12px;
    font-size: 14px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    border: 0;
}

.item-comment-container .check-mark {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 22px;
}

.item-comment-container.col-md-12 .check-mark {
    right: 22px;
}

.options {
    padding: 20px;
    margin-top: 20px;
    background-color: #f5f5f5;
}

.caption {
    font-weight: 500;
    font-size: 18px;
}

.option {
    margin-top: 10px;
    height: 40px;
}

.option > span {
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.option > .dx-widget {
    display: inline-block;
    vertical-align: middle;
}

.add-role-btn {
    margin-top: 10px;
    background: none;
    border: none;
}

.add-role-btn button {
    border-radius: 50%;
    width: 24px;
    height: 26px;
    background: #f52d00;
}

.add-role-btn p {
    width: 158px;
    display: block;
    padding-top: 13px;
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
}

.add-role-btn button span {
    font-size: 36px;
    margin-top: -19px;
    margin-left: -10px;
    display: block;
    color: #fff;
}

.black-hr {
    margin: 0px;
    border-color: black;
}

.center-block {
    display: block;
    margin: 0px auto;
    width: 50%;
}

.tabs-table td {
    pointer-events: auto;
    border: none !important;
}

.readerlist-grid {
    min-height: 300px;
}

/* Heading */
.Heading-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 48px;
}

.Heading-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #f52d00;
    font-size: 48px;
}

.Heading-bg-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    font-size: 48px;
    background-color: #f52d00;
}

.Heading-bg-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #fff;
    font-size: 48px;
    background-color: #f52d00;
}

.Heading-md-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 38px;
}

.Heading-md-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #f52d00;
    font-size: 38px;
}

.Heading-sm-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    font-size: 26px;
    background-color: #f52d00;
}

.Heading-sm-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #fff;
    font-size: 26px;
    background-color: #f52d00;
}

/* Caption */
.Caption-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 26px;
}

.Caption-red-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #f52d00;
    font-size: 26px;
}

.Caption-grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666;
    font-size: 26px;
}

.Caption-grey-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #666;
    font-size: 26px;
}

.Caption-red-bold-line {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 26px;
    padding-bottom: 39px;
    border-bottom: 1px solid #f52d00;
}

.Caption-red-light-line {
    font-family: "texgyreadventorregular", sans-serif;
    color: #f52d00;
    font-size: 26px;
    padding-bottom: 39px;
    border-bottom: 1px solid #f52d00;
}

.Caption-red-borders {
    font-family: "texgyreadventorbold", sans-serif;
    font-size: 17px;
    color: #f52d00;
    line-height: 25px; /* 38 */
    border-top: 1px solid #f52d00;
    border-bottom: 1px solid #f52d00;
    margin-top: 0;
    margin-bottom: 0;
}

.Caption-grey-borders {
    font-family: "texgyreadventorbold", sans-serif;
    font-size: 17px;
    color: #666;
    line-height: 25px; /* 38 */
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-top: 0;
    margin-bottom: 0;
}

.Caption-red-md-line {
    font-family: "texgyreadventorregular", sans-serif;
    color: #f52d00;
    font-size: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f52d00;
}

.Caption-grey-md-line {
    font-family: "texgyreadventorregular", sans-serif;
    color: #666;
    font-size: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid #666;
}

.Caption-with-borders {
    line-height: 38px;
    font-family: "texgyreadventorbold", sans-serif;
    font-size: 17px;
    color: #f52d00;
    border-top: 1px solid #f52d00;
    border-bottom: 1px solid #f52d00;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Paragraph */
.Paragraph-title-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666;
    font-size: 17px;
    line-height: 25px;
}

.Paragraph-title-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #666;
    font-size: 17px;
    line-height: 25px;
}

.Paragraph-lg {
    font-family: "Source Sans Pro", sans-serif;
    color: #666;
    font-size: 15px;
    font-weight: normal;
}

.Paragraph-sm {
    font-family: "Source Sans Pro", sans-serif;
    color: #666;
    font-size: 13px;
    font-weight: normal;
}

.Paragraph-quote {
    font-family: "Source Sans Pro", sans-serif;
    color: #5e1e16;
    font-size: 18px;
    font-style: italic;
}

/* Notes */
.Note-red-lg {
    font-family: Arial, sans-serif;
    color: #f52d00;
    font-size: 20px;
    font-weight: bold;
}

.Note-red-sm {
    font-family: Arial, sans-serif;
    color: #f52d00;
    font-size: 14px;
    font-weight: bold;
}

.Note-grey-bold {
    font-family: Arial, sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.Note-grey-light {
    font-family: Arial, sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.Note-grey-sm {
    font-family: Arial, sans-serif;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

/* -------------------------- */
/** Heading Styles Umbraco 9 **/
/* -------------------------- */

/*----- Überschrift grau -----*/
/**umb_name:Fließtext SourceSansPro 11pt*/
.txt1-grey-bold {
    font-family: "Source Sans Pro", sans-serif;
    color: #666666;
    font-size: 11pt;
    font-weight: normal;
}

/**umb_name:Einleitung grau bold 12pt*/
.txt-grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 12pt;
    font-weight: normal;
}

/**umb_name:Einleitung grau light 12pt*/
.txt-grey-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #666666;
    font-size: 12pt;
    font-weight: normal;
}

/**umb_name:H1 Überschrift grau 20pt*/
h1.grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 20pt;
    font-weight: normal;
}

/**umb_name:H2 Überschrift grau 18pt*/
h2.grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 18pt;
    font-weight: normal;
}

/**umb_name:H3 Überschrift grau 16pt*/
h3.grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 16pt;
    font-weight: normal;
}

/**umb_name:H4 Überschrift grau 14pt*/
h4.grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 14pt;
    font-weight: normal;
}

/**umb_name:H5 Überschrift grau 13pt*/
h5.grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 13pt;
    font-weight: normal;
}

/**umb_name:H6 Überschrift grau 12pt*/
h6.grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 12pt;
    font-weight: normal;
}

/*----- Überschrift rot -----*/
/**umb_name:H1 Überschrift rot 20pt*/
h1.red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 20pt;
    font-weight: normal;
}

/**umb_name:H2 Überschrift rot 18pt*/
h2.red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 18pt;
    font-weight: normal;
}

/**umb_name:H3 Überschrift rot 16pt*/
h3.red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 16pt;
    font-weight: normal;
}

/**umb_name:H4 Überschrift rot 14pt*/
h4.red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 14pt;
    font-weight: normal;
}

/**umb_name:H5 Überschrift rot 13pt*/
h5.red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 13pt;
    font-weight: normal;
}

/**umb_name:H6 Überschrift rot 12pt*/
h6.red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 12pt;
    font-weight: normal;
}

/*----- Überschrift background rot -----*/
/**umb_name:H1 Überschrift background  rot 20pt*/
h1.bg-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    background-color: #f52d00;
    font-size: 20pt;
    font-weight: normal;
    display: inline;
    padding: 3px 10px;
}

/**umb_name:H2 Überschrift background  rot 18pt*/
h2.bg-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    background-color: #f52d00;
    font-size: 18pt;
    font-weight: normal;
    display: inline;
    padding: 3px 10px;
}

/**umb_name:H3 Überschrift background rot 16pt*/
h3.bg-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    background-color: #f52d00;
    font-size: 16pt;
    font-weight: normal;
    display: inline;
    padding: 3px 10px;
}

/**umb_name:H4 Überschrift background  rot 14pt*/
h4.bg-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    background-color: #f52d00;
    font-size: 14pt;
    font-weight: normal;
    display: inline;
    padding: 3px 10px;
}

/**umb_name:H5 Überschrift background  rot 13pt*/
h5.bg-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    background-color: #f52d00;
    font-size: 13pt;
    font-weight: normal;
    display: inline;
    padding: 3px 10px;
}

/**umb_name:H6 Überschrift background  rot 12pt*/
h6.bg-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff;
    background-color: #f52d00;
    font-size: 12pt;
    font-weight: normal;
    display: inline;
    padding: 3px 10px;
}

/*----- Beschriftung rot -----*/
/**umb_name:Beschriftung rot bold 14pt*/
.lbl-red-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
    font-size: 14pt;
    font-weight: normal;
}

/**umb_name:Beschriftung rot light 14pt*/
.lbl-red-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #f52d00;
    font-size: 14pt;
    font-weight: normal;
}

/*----- Beschriftung grau -----*/
/**umb_name:Beschriftung grau bold 14pt*/
.lbl-grey-bold {
    font-family: "texgyreadventorbold", sans-serif;
    color: #666666;
    font-size: 14pt;
    font-weight: normal;
}

/**umb_name:Beschriftung grau light 14pt*/
.lbl-grey-light {
    font-family: "texgyreadventorregular", sans-serif;
    color: #666666;
    font-size: 14pt;
    font-weight: normal;
}

/*----- Fließtext -----*/
/**umb_name:Fließtext SourceSansPro 10pt*/
.txt1-grey-light {
    font-family: "Source Sans Pro", sans-serif;
    color: #666666;
    font-size: 10pt;
    font-weight: normal;
}

/* -------------- */
/** Common Style **/
/* -------------- */

body {
    margin: 0;
    background-color: #d7d3d3;
    font-family: "Source Sans Pro", Arial, sans-serif;
}

/** Background Style **/
.box-white {
    background-color: #fff;
    padding: 30px;
}

.box-white.of-hidden {
    overflow: hidden;
}

/* Ticket# 20220629410518 */
.grid-section .row.clearfix h1,
.grid-section .row.clearfix h2,
.grid-section .row.clearfix h3,
.grid-section .row.clearfix h4,
.grid-section .row.clearfix h5,
.grid-section .row.clearfix h6 {
    margin-top: 0;
}

/* Ticket# 20220628410532 */
/*.grid-section img, .clickable-img {
    padding-bottom: 15px;
}*/

/* Z-Index for grid container (dx tables) */
#grid-container {
    z-index: 0;
}

/** Padding Top and Bottom Class **/
.padding-top {
    padding-top: 30px;
}

.padding-bottom {
    padding-bottom: 30px;
}

/** Reset **/
i {
    font-style: normal;
}

a {
    color: #ca2c09;
}

a:hover {
    color: #5e1e16;
}

/* ------------------ */
/** Top Header Style **/
/* ------------------ */

/** Top Bar Status Styles **/
.top-bar {
    border-bottom: 1px solid #f00;
    background-color: #fff;
}

.top-bar ul {
    margin: 0;
    padding: 0;
}

.top-bar ul li {
    padding: 0 30px;
    line-height: 30px;
    color: #666;
    font-size: 15px;
    font-family: "Source Sans Pro", sans-serif;
}

.top-bar ul li a {
    color: #f52d00;
    font-size: 15px;
    font-family: "Source Sans Pro", sans-serif;
}

.top-bar ul li a:hover {
    color: #ca2c09;
}

/** Header **/
nav .top-header div:not(.search-table) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

nav .top-header.primary {
    background-color: #f52d00;
    display: table;
    white-space: nowrap;
    width: 100%;
    padding: 15px 0;
}
/* Sack icon and the text <- left */
nav .top-header.primary .logo-column {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    background-color: #f52d00;
}

nav .top-header.primary .logo-column .logo-table {
    display: table;
    margin-left: 25px;
}

nav .top-header.primary .logo-column .logo-table .logo-cell {
    display: table-cell;
    vertical-align: top;
    padding: 0 18px;
}

nav.new-header .top-header.primary .logo-column .logo-table .logo-cell {
    padding: 0 18px 0 0;
    min-height: 72px;
}

nav .top-header.primary .logo-column .logo-table .logo-cell a {
    display: block;
}

nav .top-header.primary .logo-column .logo-table .logo-cell .logo:not(.b2b-logo) {
    width: 187px;
    height: 72px;
}

.mainbody nav .top-header.primary .logo-column .logo-table .logo-cell .logo {
    height: 72px;
}

nav .top-header.primary .logo-column .logo-table .claim-cell {
    display: table-cell;
    vertical-align: top;
    padding: 11px 25px 0 25px;
}

nav .top-header.primary .logo-column .logo-table .claim-cell .claim {
    width: 320px;
    height: 65px;
}

nav .top-header.primary .logo-column .logo-table .claim-cell {
    white-space: normal;
}

/* Search */
nav .top-header.primary .search-column {
    display: table-cell;
    vertical-align: bottom;
    width: 35%;
    position: relative;
    padding-bottom: 10px;
}

nav .top-header.primary .search-column .search-table {
    /*display: table;*/
    width: 100%;
    white-space: nowrap;
    margin-bottom: 4px; /******!important;*/
}

nav .top-header.primary .search-column .search-table .search-cell {
    display: table-cell;
    vertical-align: top;
}

nav .top-header.primary .search-column .search-table .search-cell input.form-control {
    font-size: 18px;
    font-family: 'texgyreadventorregular';
    border: 1px solid #f52d00;
    height: 45px;
    background-color: #fff;
    border-right: 0;
    border-radius: 0;
    padding-left: 15px;
}

nav .top-header.primary .search-column .search-table .search-button-cell {
    display: table-cell;
    width: 100px;
}

nav .top-header.primary .search-column .search-table .search-button-cell .btn-search {
    height: 45px;
    border: 1px solid #f52d00;
    border-right: none;
    color: #f52d00;
    margin-bottom: 5px;
    width: 101%;
    display: inline-block;
    padding: 6px 12px 7px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 0;
}

#searchBtn {
    font-family: 'texgyreadventorbold';
    height: 46px;
    border-radius: 0px;
    color: #f52d00;
    font-size: 18px;
}

#searchBtn:focus,
#searchBtn:hover {
    outline: none;
    background-color: #c5c4c4 !important;
}

.top-header.b2b-header .search-column .search-table .input-group .input-group-btn #searchBtn {
    font-family: 'texgyreadventorbold';
    height: 46px;
    border-radius: 0px;
    background-color: #fcb23f;
    color: #f52d00;
    font-size: 18px;
}

.top-header:not(.b2b-header) .search-column .search-table .input-group .input-group-btn #searchBtn,
.new-header .top-header.b2b-header .search-column .search-table .input-group .input-group-btn #searchBtn {
    background-color: #d7d3d3;
}

#filter-btn {
    border-radius: 0px;
    border-color: transparent;
}

body #HeaderSearch.form-control:focus,
body #HeaderSearch.form-control:hover,
body #HeaderSearch.form-control:active {
    border-color: transparent !important;
    border-left-color: #ccc !important;
}

#HeaderSearch.form-control {
    border-radius: 0px;
    background-color: #fff;
    border-color: transparent;
    border-left-color: #ccc !important;
}

.search-column .add-clear-span a {
    z-index: 10;
    font-size: 16px;
}

.search-column .add-clear-span {
    top: 0;
}

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 7px;
    color: rgb(204, 204, 204);
    font-size: 13pt;
}

#selected-catalog, #HeaderSearch {
    font-family: texgyreadventorregular;
    font-size: 18px;
}

/* Search overview */
#catalogue-result .global-not-found .box-white {
    margin-left: 15px;
    margin-right: 15px;
}

.search-overview-panel {
    padding-left: 15px;
}

.row.search-overview {
    padding-left: 15px;
}

.search-overview h1.grey strong,
.search-overview h1.grey {
    margin-bottom: 0;
}

.search-overview h1.grey strong {
    font-size: 20px;
}

.search-overview-panel h1.grey string {
    margin-bottom: 0;
}

.search-overview .row {
    margin-top: 10px;
    margin-left: 0;
}

.hits-counter-preview {
    font-size: 14px;
    color: #5e6061;
    font-family: texgyreadventorbold;
    background-color: #eee;
    float: left;
    padding: 0 5px;
    border: 1px solid #d7d3d3;
    -moz-box-shadow: 2px -3px 4px 0px #bfbfbf;
    -webkit-box-shadow: 2px -3px 4px 0px #bfbfbf;
    box-shadow: 2px -3px 4px 0px #bfbfbf;
}

.hits-counter-preview .preview-title {
    font-size: 23px;
    font-weight: normal;
}

.hits-counter-preview:hover,
.hits-counter-preview-metasearch:hover {
    cursor: pointer;
    border: 1px solid #d7d3d3;
    -moz-box-shadow: 1px 2px 2px #d7d3d3;
    -webkit-box-shadow: 1px 2px 2px #d7d3d3;
    box-shadow: 1px 2px 2px #d7d3d3;
}

.hits-counter-preview .overview-count {
    position: relative;
    top: -31px;
    background-color: #eee;
    font-weight: bold;
    font-size: 13px;
    padding: 0 5px;
    margin-left: -5px;
    display: inline-block;
    min-width: 45px;
    text-align: center;
    -moz-box-shadow: 2px -1px 2px 0px #bfbfbf;
    -webkit-box-shadow: 2px -1px 2px 0px #bfbfbf;
    box-shadow: 2px -1px 2px 0px #bfbfbf;
}

.overall-hits-preview,
.din-hits-preview,
.bibliothek-hits-preview,
.metasearch-counter.global-search-preview {
    display: block;
    height: 60px;
}

.overall-hits-preview .preview-title,
.din-hits-preview .preview-title,
.bibliothek-hits-preview .preview-title,
.metasearch-counter.global-search-preview .preview-title {
    position: relative;
    top: 14px;
    margin-left: -44px;
    margin-right: 5px;
}

.din-hits-preview .overview-count.display-image,
.metasearch-counter .overview-count.display-image,
.bibliothek-hits-preview .overview-count.display-image {
    top: -28px;
}

#din-norm-result {
    padding-left: 15px;
}

#din-norm-result .global-page-controls,
#metasearch-result .global-page-controls {
    margin-left: 0;
}

.din-surcharge-percent {
    margin-bottom: 10px;
    font-size: 0.8em;
    color: #ed4c30;
}

.din-cart-item-description-text {
    text-align: left;
}

#catalogue-result .page-controls-bottom .global-page-controls {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

#metasearch-result .search-result-container {
    padding: 10px;
    background-color: #fff;
}

#metasearch-result {
    padding-left: 15px;
}

.selected-source,
.selected-source.hits-counter-preview .overview-count {
    background-color: #fff !important;
}

.global-page-controls {
    background-color: #eee;
    margin-left: 15px;
    margin-bottom: 20px;
    height: 40px;
}

.global-page-controls .result-pager-bar {
    height: 100%;
    margin-bottom: 0;
    font-weight: bold;
}

.global-page-controls .custom-select {
    width: auto;
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    font-family: texgyreadventorregular;
}

.global-page-controls .custom-select .sort {
    width: 110px;
}

.global-page-controls .custom-select .sort,
.global-page-controls .custom-select .number {
    cursor: pointer;
    padding: 2px 4px;
    margin-left: 5px;
}

.global-page-controls .result-pager-bar select {
    background: url(/Images/icon_custom_caret_down.png) no-repeat right center #fff;
}
/* End Search overview */

.user-account.whislistpage .custom-select {
    display: inline-block;
    width: 210px;
    font-size: 13px;
    left: 20px;
    position: relative;
}

.user-account.whislistpage .custom-select .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.user-account.whislistpage .custom-select .dropdown-menu ul li {
    color: #333;
    display: flex;
    flex-flow: row nowrap;
    padding: 6px 0px 6px 15px;
}

.user-account.whislistpage .custom-select .dropdown-menu ul li.selected {
    background-color: #e5e5e5;
}

.user-account.whislistpage .custom-select .dropdown-menu ul li:hover {
    background-color: #efefef;
    cursor: pointer;
}

.user-account.whislistpage .custom-select button {
    width: 100%;
    background-color: #e5e5e5;
    color: #333;
    font-family: "texgyreadventorregular", sans-serif !important;
    font-size: 13px;
    border-radius: 0;
}

.user-account.whislistpage .custom-select button .sortname {
    display: inline-block;
    width: 180px;
    padding-right: 10px;
}

.user-account.whislistpage .custom-select .sack-dropdown-menu {
    min-width: 250px !important;
}

.bestellformular {
    text-align: center;
    margin-top: 20px;
}

/* Wishlist */
.sticky-bar {
    margin-top: 0px !important;
    /*position: relative;*/
    position: fixed;
    background: #fff;
    top: 0px;
    z-index: 1028;
    width: 100%;
}

.btn[disabled] {
    cursor: pointer !important;
}

.clickable {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer !important;
}

.cursor-pointer.disabled {
    cursor: pointer !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.undecorated {
    text-decoration: none !important;
}

a.loading:before {
    content: "";
}

.wishlist-tile-container {
    max-height: 150px;
    overflow-y: auto;
    padding-top: 5px;
    padding-right: 5px;
}

/* Wishlist item */
.publication-date,
.added-at-date {
    display: none;
}

/* Devextreme */
.sticky-scrollbar-horizontal {
    margin-bottom: 0px !important;
    position: fixed !important;
    bottom: 0px !important;
    z-index: 1000;
}

.bottom-41 {
    bottom: 41px !important;
}

.list-header hr {
    margin-bottom: 10px;
    border-top: 1px solid #666;
}

.sticky-pager-horizontal {
    background-color: #fff;
    margin-bottom: 0px !important;
    position: fixed !important;
    bottom: 0px !important;
    z-index: 1000;
}

.sticky-list-header {
    position: fixed !important;
    z-index: 1;
    background-color: #fff;
    padding-top: 15px;
}

.sticky-list-header strong {
    margin-bottom: 0 !important;
}

.sticky-filter {
    position: fixed !important;
    top: 99px;
    background-color: #fff;
    z-index: 1000;
}

.sticky-header {
    position: fixed !important;
    top: 144px;
    background-color: #fff;
    z-index: 1000;
}

.mobile-sticky {
    top: 0 !important;
    padding-top: 40px !important;
}

.main-cart-details .orderfields-dbox .dx-texteditor-container .dx-texteditor-input {
    background: #fff !important;
}

.main-cart-details .dx-texteditor {
    background: #fff !important;
    border: 1px solid #f5f1f0;
    border-radius: 0;
}

.main-cart-details #cart-details .checkout-title {
    margin-top: 0;
    margin-bottom: 0;
}

.dx-icon-loading {
    font: 14px/1 DXIcons;
    width: 31px !important;
    height: 26px !important;
}

.dx-icon-loading:before {
    content: url(/images/loading-indicator.svg) !important;
}

#isbn_search_btn .dx-icon-loading {
    position: absolute;
    top: 1px;
    left: -20px;
}

.dx-datagrid-column-chooser .dx-overlay-content {
    width: 300px !important;
    height: 650px !important;
}

.dx-popup-wrapper:not(.dx-header-filter-menu) .dx-popup-bottom .dx-button {
    font-family: texgyreadventorbold;
    font-size: 14px !important;
}

.dx-popup-wrapper:not(.dx-header-filter-menu) .dx-popup-bottom .dx-item.dx-toolbar-item:nth-of-type(1) .dx-button:not(.btn-apply):not(.btn-abort):not([aria-label = "Zurücksetzen"]) {
    background-color: #e6350e !important;
    color: white !important;
}

.dx-popup-wrapper:not(.dx-header-filter-menu) .dx-popup-bottom .dx-item.dx-toolbar-item:nth-of-type(2) .dx-button:not(.btn-apply):not(.btn-abort):not([aria-label = "Zurücksetzen"]) {
    background-color: #d7d3d3 !important;
    color: black !important;
}

.dx-toolbar-text {
    font-size: 18px;
    padding-top: 8px;
}

.dx-group-expand-collapse {
    font-size: 28px !important;
}

.dx-address-list .dx-list-select-radiobutton-container,
.dx-address-list .dx-list-select-checkbox-container {
    vertical-align: top;
    padding-top: 15px;
}

.dx-order-msgs .dx-datagrid-rowsview {
    height: 225px !important;
}

.dx-order-documents {
    min-height: 257px !important;
}

.btn-search:focus, .btn-search:hover, .btn-search:active,
.btn-search.focus, .btn-search.active {
    color: #4b1106;
    background-color: #fb9e0d;
    border-color: #bfbfbf;
}

.cover-block {
    display: inline-block;
    width: 130px;
    height: 130px;
    text-align: center;
    margin-top: 10px;
    vertical-align: middle;
    background-color: white;
}

.search-category {
    width: 100%;
    height: 43px;
    background-color: #fcb23f;
    border: none;
    padding: 10px;
    font-family: "Source Sans Pro", sans-serif;
    color: #f52d00;
    font-size: 17px;
}

#wishlist-edit-box {
    width: 200px;
    height: 40px;
    font-size: 18px;
    display: inline;
    font-family: texgyreadventorregular;
}
/** Custom products **/
#custom-product-frm {
    width: 100%;
}

#custom-product-frm td {
    padding-bottom: 5px;
}

#custom-product-frm tr td:first-child {
    text-align: right;
}

/** Shop Cart Module Icons **/
nav .top-header.primary .icons-column {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}

nav .top-header.primary .icons-column .icons-table {
    display: table;
    width: auto;
    margin: 0 auto;
    float: right;
    margin-right: 0;
}

nav .top-header.primary .icons-column .icons-table .icons-cell {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    padding: 0 18px;
}

nav.new-header .top-header.primary .icons-column .icons-table .icons-cell {
    padding: 0 20px;
}

nav .top-header.primary .icons-column .icons-table .menu-cell {
    display: none;
}

nav .top-header.primary .icons-column .icons-table a {
    color: #ffffff;
    font-family: "texgyreadventorregular";
    font-size: 18px;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

nav .top-header.primary .icons-column .icons-table a:hover {
    text-decoration: none;
}

nav .top-header.primary .icons-column .icons-table a:hover:not(.menu-list-item) {
    opacity: 0.5;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

nav .top-header.primary .icons-column .icons-table a i {
    position: relative;
}

nav .top-header.primary .icons-column .icons-table a i .amount {
    background-color: #fcb23f;
    border: 3px solid #ed4c30;
    color: #ed4c30;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    min-width: 26px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: -10px;
}

nav .top-header.primary:not(.b2b-header) .icons-column .icons-table a i .amount,
nav.new-header .top-header.primary .icons-column .icons-table a i .amount {
    background-color: #d7d3d3;
}

nav .top-header.primary .icons-column .icons-table a i img.icon {
    height: 48px;
    width: 48px;
}

nav .top-header.primary .icons-column .icons-table a i img.icon-account {
    padding: 2px;
}

nav .top-header.primary .icons-column .icons-table a .icons-text {
    font-family: 'texgyreadventorbold';
    display: block;
}

/* ------------------- */
/** Start Menu Module **/
/* ------------------- */

/** Fly Menu Style **/
nav .off-screen-menu {
    width: 340px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    height: auto;
    min-height: 100%;
    margin-left: -340px;
    z-index: 2000;
    /*-moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;*/
}

nav .off-screen-menu.close {
    margin-left: -340px;
    background-color: #ffffff;
    z-index: 2000;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
    opacity: 1;
}

nav .off-screen-menu:before {
    display: block;
    content: " ";
    background-color: #912913;
    height: 41px;
}

nav .off-screen-menu:after {
    background: rgba(0, 0, 0, 0) url("/Images/dropshadow_right.png") repeat-y scroll 0 0;
    content: " ";
    height: 100%;
    position: absolute;
    right: -19px;
    top: 0;
    width: 19px;
    opacity: 0;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    display: none;
    transition: opacity 0.5s ease;
    transition: display 0s;
}

nav .off-screen-menu.open:after {
    display: block;
    opacity: 1;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition: display 0s;
}

.close-fly {
    margin-top: -33px;
    padding-right: 5px;
}

.handel-text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: inline-block;
}

.accordion {
    width: 340px;
}

.accordion h1, .accordion h2, .accordion h3, .accordion ul li {
    margin: 0;
    font-family: "texgyreadventorregular";
}

.accordion h1 {
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px #5e1e16 solid;
    font-size: 18px !important;
}

.accordion h2 {
    padding: 10px 0 10px 5px;
    background-color: #fff;
    border-bottom: 1px #5e1e16 solid;
    font-size: 16px !important;
}

.accordion div {
    display: none;
}

.accordion ul {
    padding: 0;
    margin: 0;
}

.accordion li {
    padding: 0;
    font-size: 16px !important;
    line-height: 1.1;
    border-bottom: none;
}

.accordion li.level-2 {
    padding: 10px 0 10px 5px;
    background-color: #fff;
    border-bottom: 1px #5e1e16 solid;
}

.accordion li.level-3 {
    padding: 10px 0 10px 10px;
    background-color: #e2e2e2;
    font-size: 14px !important;
}

.accordion li.level-3:hover {
    background-color: #ccc;
}

.accordion li.level-4 {
    padding: 10px 0 10px 10px;
    font-size: 14px !important;
    background-color: #fff;
    font-size: 12px !important;
}

.accordion li.level-4:hover {
    background-color: #ebebeb;
}

.accordion li small, .accordion li .small {
    font-size: 65%;
    font-weight: 400;
    line-height: 1;
    color: #777;
}

.accordion li small.menu-number-badge {
    font-size: 12px;
    color: #fff;
}

.accordion li.subjects-lvl2, .accordion li.subjects-lvl3 {
    padding: 0;
    display: none;
}

.accordion li.opened-for-codepen {
    display: block;
}

.accordion h3 {
    padding: 10px 0 10px 10px;
    background-color: #e2e2e2;
    font-size: 14px !important;
}

.accordion h3:hover {
    background-color: #ccc;
}

.accordion h4 {
    padding: 10px 0 10px 10px;
    font-size: 14px !important;
    background-color: #fff;
    font-size: 12px !important;
}

.accordion h4:hover {
    background-color: #ebebeb;
}

.textblock img {
    width: 100%;
}

.textblock p {
    padding: 0;
}

.textblock ul {
    margin-bottom: 1em;
}

.level-1 {
    color: #f52d00;
    font-size: 16px;
    font-weight: bold;
}

.level-1 a:hover, .level-1 a:focus {
    color: #5e1e16;
}

.level-2 {
    color: #ad1200; /*#5e1e16;*/ /*#f52d00;*/
    font-size: 12pt;
    font-weight: bold !important;
}

.level-2 a:hover, .level-2 a:focus {
    color: #5e1e16;
}

.level-3 {
    color: #5e1e16;
    font-size: 14px !important;
}

.level-3:hover, .level-3:focus {
    color: #5e1e16;
}

.level-4 {
    color: #333;
    font-size: 12px !important;
    font-family: "Source Sans Pro", sans-serif;
}

.level-4:hover, .level-4:focus {
    color: #000;
}

#filter-btn ~ .dropdown-menu {
    z-index: 2000;
}

.accordion .opened-for-codepen {
    display: block;
}

.menu-number-badge {
    padding: 3px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #aaa;
    border-radius: 8px;
}

/** Arrow Icon **/
/*
h3 > span {
    float: right;
    -webkit-transition: -webkit-transform .65s ease;
    transition: transform .65s ease;
}
*/
/*nav .off-screen-menu.open {
    margin-left: 0;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}*/

/*nav .off-screen-offset {
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

nav .off-screen-menu.open + .off-screen-offset {
    margin-left: 320px;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

    nav .off-screen-menu.open + .off-screen-offset + .off-screen-offset {
        margin-left: 320px;
        -moz-transition: margin 0.5s ease;
        -o-transition: margin 0.5s ease;
        -webkit-transition: margin 0.5s ease;
        transition: margin 0.5s ease;
    }*/

/** Breadcrumb **/
.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #ed4c30;
}

/** Top Menu Style **/
nav .top-header.secondary {
    background-color: #5e1e16;
}

nav .top-header.secondary > ul {
    display: block;
    margin: 0 18px;
    padding: 0;
}

nav .top-header.secondary.umbraco-preview > ul {
    margin-left: 0;
}

nav .top-header.secondary > ul > li {
    display: inline-block;
}

nav .top-header.secondary > ul > li.right {
    float: right;
}

nav .top-header.secondary > ul > li a {
    color: #fff;
    display: block;
    font-family: 'texgyreadventorbold';
    font-size: 18px;
    padding: 7px 26px 9px;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

nav .top-header.secondary > ul > li a:hover {
    text-decoration: none;
    color: #ed4c30;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

nav .top-header.secondary > ul > li a:active,
nav .top-header.secondary > ul > li a:link,
nav .top-header.secondary > ul > li a:focus {
    text-decoration: none;
    outline: none;
}

.author-index {
    text-align: center;
    margin-bottom: 1.5em
}

.author-index-letter {
    padding: 0 0.3em 0.2em 0.3em;
}

.author-index-item {
    margin-bottom: 0.5em;
}

.author-index-item a {
    color: #333;
}

/** Breadcrumb Menu Style **/
.bready {
    padding: 0 44px 0 20px;
    font-size: 16px;
    font-family: "texgyreadventorregular";
    background-color: #f5f5f5 !important;
}

.breadcrumb {
    padding: 7px 3px;
    margin-bottom: 0;
    list-style: none;
    background-color: #f5f5f5 !important;
    border-radius: 0;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li a {
    color: #ed4c30;
    text-decoration: none;
}

.breadcrumb > li a:hover {
    color: #ca2c09;
    text-decoration: none;
}

.breadcrumb > li + li:before {
    content: ">\00a0";
    padding: 0 5px;
    color: #ed4c30;
}

.breadcrumb > .active {
    color: #ed4c30;
}


/* Full Width Banner Custom */
.fwb-custom {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

/* ------------------------ */
/** Body Components Styles **/
/* ------------------------ */

/** Two Images Banner **/
.imageL {
    width: 100%;
    height: auto;
}

.imageR {
    width: 100%;
    height: auto;
}

/* -------------------- */
/** Footer Styles Test **/
/* -------------------- */
.footer-main {
    min-height: 200px;
    background-color: #611201;
    font-family: "texgyreadventorregular";
}

.footer-main li {
    padding-bottom: 7px;
}

.footer-main .footer-menu-item {
    font-size: 17px;
    font-weight: bold;
    color: #f52d00;
    margin: 10px 0;
}

.footer-main a {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
}

.footer-width-L {
    width: 20%;
    padding-top: 20px;
}

.footer-width-R {
    width: 20%;
    padding-top: 20px;
}

.footer-shop-seal {
    display: flex;
}

.footer-top {
    padding: 10px 0;
}

.footer-bottom {
    height: auto;
    border-top: 1px solid #f52d00;
    padding: 10px 0px 10px 0px;
    font-family: "texgyreadventorregular";
    font-weight: bold;
}

.footer-bottom p {
    font-size: 13px;
    color: #f52d00;
    text-align: right;
}

.footer-bottom .build-info {
    font-size: 11px;
    font-weight: 400;
}

.footer-bottom-nav > li a {
    border-right: 1px solid #fff;
    padding-right: 12px;
}

.footer-bottom-nav > li:last-child a {
    border-right: none;
}

.footer-social-nav > li {
    padding-right: 0px;
}

.footer-social-nav img {
    width: 36px;
    height: 36px;
}

/* -------------------- */
/** Search Page Styles **/
/* -------------------- */

/** Auto Suggest Styles **/
.auto-suggest {
    white-space: normal;
    background-color: #ffffff;
    padding: 30px 30px 30px 0;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    min-width: 100%;
    z-index: 2200;
}

/* For Browser */
.auto-suggest {
    -webkit-appearance: none !important;
    top: 63px;
}

.b2b-header .search-column .auto-suggest {
    top: 60px;
}

.auto-suggest.checkout {
    padding-bottom: 60px;
}

.auto-suggest.checkout small {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 120%;
    display: block;
}

.auto-suggest.checkout .print {
    position: absolute;
    right: 20px;
    bottom: 0;
}

.auto-suggest.checkout .print img {
    width: 40px;
}

.auto-suggest.checkout-header-small {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.auto-suggest img.responsive {
    width: 80%;
    float: right;
}

.auto-suggest hr {
    margin: 20px 0;
    border-bottom: 1px solid #333;
}

.auto-suggest .search-tab-content .price {
    top: 15px;
    position: relative;
}

.auto-suggest .search-tab-content .text-shipping-costs,
.auto-suggest .search-tab-content .text-price-description {
    display: block;
    margin-top: 15px;
}

ul.tabbed-navigation {
    display: block;
    padding: 0;
    margin: 0;
}

ul.tabbed-navigation li {
    display: block;
    padding: 0;
    margin: 0 0 7px;
}

ul.tabbed-navigation li a {
    display: block;
    background-color: #fdebbc;
    color: #ed4c30;
    height: 32px;
    width: 90%;
    position: relative;
    line-height: 32px;
    padding-left: 10px;
    font-family: Arial, sans-serif;
    cursor: pointer;
}

ul.tabbed-navigation li a:after {
    content: url("/Images/pennant_horizontal_inverse.svg");
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    vertical-align: middle;
    width: 32px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.tabbed-navigation li a:hover,
ul.tabbed-navigation li a.active {
    background-color: #a92d18;
    color: #fff;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

.auto-keywords {
    font-family: texgyreadventorregular;
    font-size: 16px;
    color: #333;
    padding: 10px 0;
}

/** Auto Suggest Button **/
.fright {
    float: right;
}

.fleft {
    float: left;
}

.result-button {
    color: #fff;
    background-color: #e6350e;
    border-color: #fff;
    border-radius: 0;
    /*font-size: 16px;*/
    font-family: "texgyreadventorbold", sans-serif;
}

.result-button:hover, .result-button:focus, .result-button:active,
.result-button.focus, .result-button.active {
    color: #fff;
    background-color: #ca2c09;
    border-color: #fff;
}

/** After Search Results Styles **/
.after-search-column .after-search-panel {
    background-color: #c2bdbc;
    border-right: 20px solid #d7d3d3;
    padding: 30px;
}

.after-search-column .after-search-panel .after-search .after-search-headline {
    font-size: 20px;
    color: #fff;
    font-family: "texgyreadventorbold";
    cursor: default;
    margin-bottom: 20px;
    font-weight: 500;
}

.after-search-facets {
    border-bottom: 1px solid #5e6061;
}

.after-search-facets dt {
    border-top: 1px solid #5e6061;
    color: white;
    font-family: "texgyreadventorbold";
    padding: 12px 0;
}

.after-search-facets dt span.expander {
    background: url("/Images/icon_chevron_big_up.svg") no-repeat left center;
    cursor: pointer;
}

.after-search-facets dt span.expander span.text {
    font-weight: normal;
    padding-left: 30px;
}

.after-search-facets dt span.expander.expanded {
    background: url("/Images/icon_chevron_big_down.svg") no-repeat left center;
}

.after-search-facets dd .more a {
    display: block;
    text-align: right;
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin: 5px 0;
    color: #333;
}

.after-search-facets ul {
    display: block;
    margin: 0;
    padding: 0;
}

.after-search-facets ul.moreloaded {
    margin-right: 5px;
}

.after-search-facets ul li {
    display: block;
    margin: 0;
    margin-bottom: 5px;
}

/* ---------- */
/* Scroll Bar */
/* ---------- */

.scroll-bar::-webkit-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

.scroll-bar::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ccc;
}

/** Magic Check Box **/
.magic-checkbox.grey + label::before {
    border: none;
    background-color: #a8a4a4;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 18px;
    cursor: pointer;
}

.magic-checkbox.grey.right + label::before { /* For responsive */
    left: initial;
    right: 1px;
    top: -20px;
}

.magic-checkbox.grey:checked + label::before {
    border: none;
    display: inline-block;
}

.magic-checkbox.grey + label:after {
    content: "";
    width: 18px;
    height: 18px;
    z-index: 20;
    top: -17px;
    left: 0;
    display: none;
}

.magic-checkbox.grey:checked + label:after {
    content: url("/Images/cross_grey.svg");
    display: block;
    width: 18px;
    height: 18px;
    z-index: 20;
    top: -1px;
    left: 0;
    position: absolute;
    cursor: pointer; /* After Checked */
}

.magic-checkbox.grey.right:checked + label::after {
    border: medium none;
    color: #c2bdbc;
    content: url("/Images/cross_grey.svg");
    display: block;
    height: 18px;
    left: initial !important;
    opacity: 1;
    right: 1px !important;
    top: -20px !important;
    width: 18px;
    z-index: 20;
}

.magic-checkbox.red + label:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
}

.magic-checkbox.red:checked + label:after {
    content: url("/Images/cross_red.svg");
    display: block;
    width: 25px;
    height: 25px;
}

.magic-checkbox {
    position: absolute;
    display: none;
}

.magic-checkbox[disabled] {
    cursor: not-allowed;
}

.magic-checkbox + label {
    top: 9px;
    position: relative;
    display: block;
    padding-left: 30px;
    vertical-align: middle;
}

.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.magic-checkbox + label:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: '';
    border: 1px solid #ed4c30;
}

.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-checkbox[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
    cursor: not-allowed;
}

.magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4;
}

.magic-checkbox:checked + label:before {
    animation-name: none;
}

.magic-checkbox:checked + label:after {
    display: block;
}

.magic-checkbox + label:before {
    border-radius: 0;
}

.magic-checkbox + label:after {
    top: -1px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
}

.magic-checkbox:checked + label:before {
    border: 1px solid #ed4c30;
}

.magic-checkbox:checked + label:after {
    top: -1px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    content: url("/Images/cross_grey.svg");
}

.magic-checkbox:checked[disabled] + label:before {
    border: #fff;
    background: #fff;
}

/** Search Result Column **/
.result-column .item-row {
    padding-top: 20px;
}

.result-column .item-row > div h2.result-item {
    font-family: "Source Sans Pro", sans-serif;
    color: #2f3435;
    font-size: 20px;
    padding-top: 25px;
}

.result-column .item-row > div h2.result-item strong {
    display: block;
}

h1.grey,
div.grey,
span.grey,
h2.grey,
h4.grey {
    font-family: "texgyreadventorregular";
    color: #5e6061;
    font-weight: normal;
}

.product-detail h4.grey {
    font-size: 16px;
    margin: 12px 0;
}

h1.grey,
div.grey,
span.grey {
    padding-top: 0;
    margin-top: 0;
    font-size: 26px;
}

h2.grey {
    padding-top: 0;
    margin-top: 20px;
    font-size: 22px;
}

div.grey {
    padding-bottom: 60px;
}

h1.grey strong,
h2.grey strong {
    display: block;
    font-weight: normal;
    font-family: "texgyreadventorbold";
    margin-bottom: 20px;
}

h4.black {
    font-family: "texgyreadventorbold";
    color: #000;
    font-weight: normal;
}

h4.black strong {
    font-weight: normal;
}

.extended-details {
    margin-top: 10px;
    margin-bottom: 25px;
}

.product-description.textblock {
    margin-bottom: 25px;
    overflow: hidden;
}

.product-description .show-more {
    display: none;
    background-color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.classifications {
    padding-left: 15px;
    margin-top: 10px;
}

.classification {
    color: #f52d00;
}

.classification a {
    margin-right: 10px;
    line-height: 1.3;
}

.classification .fa {
    color: #333;
    margin-right: 10px;
}

.authors-list {
    padding-top: 10px;
}

.authors {
    margin-bottom: 12px;
}

.panel-heading#contributors {
    padding: 0;
}

.show-more a {
    font-size: 14px;
}

#table-of-content {
    padding: 0;
}

.show-more.extended-infos-title a {
    font-family: "texgyreadventorbold";
    color: #000;
    font-weight: normal;
    font-size: 18px;
}

.show-more.extended-infos-title {
    margin: 5px 0 2px 0;
}

hr.red {
    border-bottom: 1px solid red;
    margin: 5px 0;
}

.extended-infos {
    padding-top: 20px !important;
}

.db-table-of-content {
    margin-top: 25px;
}

.about-authors h4.black,
.about-content h4.black,
.about-example h4.black,
.send-question-about h4.black {
    display: inline;
}

.about-authors .panel-heading,
.about-content .panel-heading,
.about-example .panel-heading,
.send-question-about .panel-heading {
    padding-top: 3px !important;
    padding-bottom: 0 !important;
}

.panel.send-question-about .label {
    font-family: "texgyreadventorbold";
    color: #000;
    font-size: 14px;
    left: 8px;
    text-align: left;
}

.panel.send-question-about .label-row {
    margin-bottom: 0;
}

.panel.send-question-about {
    font-family: "texgyreadventorregular";
    margin: 8px 0;
}

.send-question-about .select-title,
.send-question-about .select-contact-option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.send-question-about input,
.send-question-about select,
.send-question-about textarea {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.send-question-about textarea {
    max-width: 100%;
}

/** END Search Result Column **/


/** Search Results Page Bar **/
.result-pager-bar {
    font-size: 11px;
    font-family: Arial, sans-serif;
    color: #666;
    margin-bottom: 5px;
}

.result-pager-bar > div {
    height: 22px;
    margin: 0;
    padding-top: 5px;
}

.result-pager-bar select {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 11px !important;
    padding: 0 3px;
    border: none;
    background: url('/Images/icon_chevron_down.svg') no-repeat right center #e4e4e4;
}

.result-pager-bar select::-ms-expand {
    display: none; /* Disable Arrow Down on IE*/
}

.result-pager-bar ul.pagination > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
}

.pagination {
    margin: 0 0;
    border-radius: 0;
}

.pagination > li > a {
    padding: 3px 6px;
    color: #f52d00;
    background-color: transparent;
    border: 1px solid transparent;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
    z-index: 2;
    color: #c02b11;
    background-color: transparent;
    border-color: transparent;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
    color: #2f3435;
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
}

.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #a4adae;
    background-color: transparent;
    border-color: transparent;
    cursor: not-allowed;
}

.pagination-lg > li > a {
    padding: 0 5.33333333px;
    font-size: 19px;
}

.pagination-lg > li:first-child > a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination-lg > li:last-child > a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination-sm > li > a {
    padding: 0 1.33333333px;
    line-height: 0;
    font-size: 11px;
}

.pagination-sm > li:first-child > a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination-sm > li:last-child > a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.custom-globalsearch-paging {
    margin-right: 15px !important;
    background-color: #b9b8b8;
    color: #fff;
    padding: 0 10px;
}

.custom-globalsearch-paging,
.global-page-controls .custom-select.size,
.global-page-controls .custom-select.sort {
    float: right;
    padding-bottom: 5px;
}

.custom-globalsearch-paging,
.global-page-controls .custom-select.size {
    margin-left: 30px !important;
}

.custom-pagination {
    margin: 0 5px;
}

.custom-pagination > li > a {
    color: #fff;
}

.custom-pagination > .active > a,
.custom-pagination > .active > a:hover,
.custom-pagination > .active > a:focus,
.custom-pagination i.active {
    color: #f52d00;
    font-weight: bold;
    background-color: transparent;
}

.result-pager-bar ul.custom-pagination > li {
    padding: 0 2px;
}

.result-padding hr { /* Black Line */
    margin-top: 2px;
    margin-bottom: 2px;
    border-top: 1px solid #333;
}

.result-padding .seo-text h1 {
    font-size: 1.5em;
    margin: 0;
}

.result-padding .seo-text .text {
    margin-top: 0.5em;
}

.result-padding .seo-text p:last-child {
    margin: 0;
}

.dark-hr hr {
    border-top: 1px solid #333;
}

/** Custom Pager **/
.col-1 {
    margin-right: 20px !important;
}

.col-2 {
    margin-right: -20px !important;
}

.number {
    width: 35px; /* For Filter */
}

.sort {
    width: 110px; /* For Sort Filter */
}

.not-active {
    pointer-events: none;
    cursor: default;
    color: #bbb;
}

.custom-first-page {
    position: relative;
    bottom: -1px;
}

/* ----------------------------------- */
/* Paging elements in the PageControls */
/* ----------------------------------- */
.custom-paging-font-icons {
    position: relative;
    top: 0;
    font-size: 11pt;
}

.custom-paging-mobile {
    position: relative;
    top: 1px;
    font-size: 16pt;
}

.custom-icon-next-page {
    line-height: 115%;
}

/** Search Result List Item **/
ul.result-list {
    display: block;
    margin: 0;
    padding: 0;
}

ul.result-list li.item {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid #666;
    padding-bottom: 12px;
}

ul.result-list li.item:first-child {
    border-top: none !important;
}

ul.result-list li.item ul.pennons {
    position: absolute;
    z-index: 1;
}

ul.result-list li.item img.cover {
    max-width: 100%;
    height: auto;
    left: 12px;
}

ul.result-list li.item h2.grey {
    font-family: "texgyreadventorregular" !important;
    margin: 12px 0 0 0;
    padding-bottom: 12px;
    font-size: 17px !important;
    color: #5e6061;
    line-height: 130%;
}

ul.result-list li.item h2 strong {
    font-family: "texgyreadventorbold" !important;
    font-size: 17px !important;
    font-weight: normal;
    display: block;
    /* Henner 5.4.2022 */
    margin: 0;
}

ul.result-list li.item h2 span a {
    color: #666;
}

a.noline {
    text-decoration: none;
}

a.noline:hover {
    text-decoration: underline;
}

.support-container .meta-information {
    border-right: 1px solid #eee;
}

.support-container textarea {
    resize: vertical;
}

.support-container label {
    font-weight: normal;
}

.support-container h2 {
    font-size: 1.5em;
    margin: 20px 0 0 0;
}

a.contact-link {
    color: #f52d00;
}

a.contact-link:hover {
    color: #5e1e16;
}

/** Pennons Styles **/
ul.pennons {
    display: block;
    margin: 0;
    padding: 0;
    height: 28px;
}

ul.pennons li {
    display: inline-block;
    vertical-align: top;
    min-width: 40px;
    font-size: 13px;
}

ul.pennons li.pennon_alert:before {
    content: url("/Images/pennant_alert.svg");
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}

ul.pennons li.pennon_new .pennon-icon {
    content: url("/Images/icons/pennons/Neu.png");
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}

ul.pennons.top {
    right: 5px;
    left: auto !important;
}

ul.pennons.top.left {
    left: 30px !important;
    margin-top: 2px;
}

ul.pennons.top li {
    display: table-cell;
    height: 45px;
}

ul.pennons.top li.pennon_new .pennon-icon {
    content: url("/Images/icons/pennons/rotate/Neu.png");
}

ul.pennons.top li.pennon_special .pennon-icon {
    content: url("/Images/icons/pennons/rotate/Subskriptionspreis.png");
}

ul.pennons.top li.pennon_star .pennon-icon {
    content: url("/Images/icons/pennons/rotate/Toptitel.png");
}

ul.pennons.top li.pennon_mangel .pennon-icon {
    content: url("/Images/icons/pennons/rotate/Maengelexemplar.png");
}


ul.pennons.top li.pennon_special .pennon-icon,
ul.pennons.top li.pennon_star .pennon-icon,
ul.pennons.top li.pennon_new .pennon-icon,
ul.pennons.top li.pennon_mangel .pennon-icon {
    height: 100%;
}

ul.pennons.right {
    text-align: right;
}

ul.pennons.side {
    position: absolute;
    height: 28px;
    margin-left: -16px;
    z-index: 1;
}

ul.pennons.side:hover {
    cursor: default;
}

ul.pennons.side li span.pennon-title {
    line-height: 35px;
    display: none;
    background-color: #e1dcdd;
}

ul.pennons.side .show-title.pennon-title {
    display: inline-block;
    padding: 0 5px;
    margin-right: -4px;
    position: relative;
}

ul.pennons.side li {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

ul.pennons.side li.show {
    left: -15%;
    -moz-transition: left 0.7s ease;
    -o-transition: left 0.7s ease;
    -webkit-transition: left 0.7s ease;
    transition: left 0.7s ease;
}

ul.pennons.side li.pennon_alert:before {
    content: url("/Images/icon_alert.svg");
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    float: right;
}

ul.pennons li.pennon_special .pennon-icon,
ul.pennons li.pennon_star .pennon-icon,
ul.pennons li.pennon_new .pennon-icon,
ul.pennons li.pennon_mangel .pennon-icon {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    height: 35px;
    top: 4px;
    left: -1px;
}

ul.pennons li.pennon_special .show-title ~ .pennon-icon,
ul.pennons li.pennon_star .show-title ~ .pennon-icon,
ul.pennons li.pennon_new .show-title ~ .pennon-icon,
ul.pennons li.pennon_mangel .show-title ~ .pennon-icon {
    top: -1px;
    position: relative;
}

.proposal-items ul.pennons li.pennon_special .pennon-icon,
.proposal-items ul.pennons li.pennon_star .pennon-icon,
.proposal-items ul.pennons li.pennon_new .pennon-icon,
.proposal-items ul.pennons li.pennon_mangel .pennon-icon {
    top: 2px;
}

ul.pennons li.pennon_special .pennon-icon {
    content: url("/Images/icons/pennons/Subskriptionspreis.png");
}

ul.pennons li.pennon_star .pennon-icon {
    content: url("/Images/icons/pennons/Toptitel.png");
}

ul.pennons li.pennon_new .pennon-icon {
    content: url("/Images/icons/pennons/Neu.png");
}

ul.pennons li.pennon_mangel .pennon-icon {
    content: url("/Images/icons/pennons/Maengelexemplar.png");
}
/* Pennons end */

/** Search Order Column **/
ul.result-list li.item .order-block {
    padding-top: 12px;
    text-align: right;
}

ul.result-list li.item .order-block .button-state {
    height: 32px;
    position: absolute;
    right: -35px;
    margin-top: 1px;
}

.no-margin {
    margin: 0;
    padding-top: 7px;
}

.no-margin-top > div {
    margin-top: 0;
}

.no-margin-top-bottom > div {
    margin-top: 0;
    margin-bottom: 0;
}

span.price {
    font-family: Arial, sans-serif;
    color: #ed4c30;
    font-weight: bold;
}

span.price span.note {
    color: #2f3435;
    font-weight: normal;
    font-size: 13px;
}

span.price-canceled {
    font-family: Arial, sans-serif;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    text-decoration: line-through;
}

.label-sans {
    font-family: Arial, sans-serif;
}

.label-sans.small {
    position: relative;
    font-size: 11px;
}

/** Availability Status Buttons **/
i.deliver-status:after {
    content: "●";
    font-size: 25px;
    line-height: 0;
    vertical-align: -2px;
    padding-right: 3px;
}

i.deliver-status.status-1 {
    color: #90c153;
}

i.deliver-status.status-2 {
    color: #fcb23f;
}

i.deliver-status.status-3 {
    color: #d9534f;
}

/** Order Buttons **/
.full-width {
    width: 100%;
}

.semi-full-width {
    width: 90%;
}

.shop-options img {
    float: none !important;
    padding: 0 !important;
}

.cart-reference {
    margin: 0.25em 0;
}

.cart-reference i {
    margin-right: 0.25em;
}

.cart-reference a {
    color: #ca2c09 !important;
    font-family: "texgyreadventorbold", sans-serif !important;
}

.cart-reference a:hover {
    color: #e8330a !important;
    text-decoration: underline !important;
}

.cart-buttons {
    text-align: right;
    position: relative;
}

.cart-buttons img {
    float: none;
    cursor: pointer;
    position: absolute;
    left: -22px;
    width: 32px;
    height: 32px;
}

.cart-buttons button.wishlist-picker {
    position: relative;
}

.cart-buttons button.wishlist-picker img.already-in-wishlist {
    left: 0;
    top: 0;
}

.cart-buttons .btn {
    width: 100%;
}

.cart-buttons .btn-group {
    width: 100%;
}

.cart-buttons .btn-group img {
    left: -37px;
}

.cart-buttons .list-wrapper .in-wishlist {
    position: relative;
}

.cart-buttons .list-wrapper img {
    left: 0px;
    height: 22px;
}

.wishlist-a.cart-buttons .btn-group {
    width: auto;
}

.wishlist-a.cart-buttons .btn-group > .btn {
    width: 200px;
}

.cart-buttons .order-request-status {
    width: 200px;
    display: inline-block;
}

.already-in-wishlist {
    display: none;
    height: 32px;
    width: 32px;
    margin-top: 1px;
}

button.exists-in-wishlist {
    background-color: #99CC33 !important;
    color: white !important;
}

.already_in_cart {
    display: none;
    height: 32px;
    width: 32px;
    margin-top: 1px;
}

.btn-order {
    color: #fff !important;
    background-color: #e6350e;
    border-color: #fff;
    border-radius: 0;
    font-family: texgyreadventorbold !important;
    position: relative;
    font-size: 15px !important;
}

.btn-order:hover,
.btn-order:focus,
.btn-order:focus-visible,
.btn-order:active,
.btn-order.focus,
.btn-order.active {
    color: #fff;
    background-color: #ca2c09;
    border-color: #fff;
    outline: none;
}

/** Green Shopping Cart Btn */
.btn-order.order-success {
    color: #FFF !important;
    /*#009900*/
    background-color: #99cc33 !important;
    width: 100%;
    /*font-size: 16px;*/
    line-height: 1em;
    text-transform: uppercase;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-list {
    color: #eb3819;
    background-color: #fdebbc;
    border-color: #fff;
    border-radius: 0;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
}

.custom-dropdown-btn {
    background-color: #ccc !important;
    color: #fff !important;
}

.btn-list:hover, .btn-list:focus, .btn-list:active,
.btn-list.focus, .btn-list.active {
    color: #eb3819;
    background-color: #fcdc8a;
    border-color: #fff;
}

.btn-price-detail {
    color: #631203 !important;
    background-color: #fab718;
    border-color: #fff;
    border-radius: 0;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-price-detail:hover, .btn-price-detail:focus, .btn-price-detail:active,
.btn-price-detail.focus, .btn-price-detail.active {
    color: #631203 !important;
    background-color: #dea117;
    border-color: #fff;
}

/* ----------------- */
/** Product Slider **/
/* ----------------- */
.headerSlider.gray {
    line-height: 1.5;
    font-size: 1.4em;
    border-bottom: 1px solid #5e6061;
    color: #5e6061;
    margin: 0;
    margin-bottom: .7em;
    padding-bottom: .2em;
}

.slick-slider p {
    font-size: 13px;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 10px;
    font-family: "Source Sans Pro", sans-serif;
    color: #333;
}

.slick-slider .authors,
.slick-slider .authors p {
    margin-bottom: 0;
}

.slick-slider .authors ~ .title-in-slider {
    margin-top: 5px;
}

.slick-slider a {
    color: #333;
    font-weight: bold;
}

.item-padding {
    padding: 10px;
    width: -moz-fit-content;
    width: fit-content;
}

a.square {
    display: block;
    width: 100%;
    background: #fff no-repeat center center;
    margin-bottom: 0.7em;
    position: relative;
    aspect-ratio: 162/226;
}

a.square:focus,
a.square:focus-visible {
    outline: none;
}

a.square ul.pennons {
    position: absolute;
    left: 10px;
    z-index: 1;
}

a.square ul.pennons.right {
    left: unset;
    right: 10px;
}

a.square img:not(.slick-slider-lazyload) {
    padding: 20px 40px 20px 0;
    width: 96%;
    height: auto;
    aspect-ratio: 162/226;
}

.slick-slider-lazyload {
    padding: 20px;
    position: relative;
    z-index: 0;
}

.recommendations-slider .slick-slider-lazyload {
    padding: 0 0 0 15px;
    object-fit: contain;
}

.responsiveSlider .authors p,
.recommendations-slider .authors p,
.buyedalso-slider .authors p,
.lastvisited-slider .authors p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.responsiveSlider .price,
.recommendations-slider .price,
.buyedalso-slider .price,
.lastvisited-slider .price {
    font-family: "Source Sans Pro", sans-serif;
}

.slider-container {
    border: 1px solid #ddd;
    padding: 30px;
}

.recommendation-img.width100 {
    aspect-ratio: 162/226;
    object-fit: contain;
}

/* ----------------- */
/** Reissue Slider **/
/* ----------------- */
.reissue-preview-slider.slick-slider p {
    margin-top: 2px;
    margin-bottom: 2px;
}

.reissue-preview-slider .slick-slide {
    height: 112px;
    overflow: hidden;
}

.reissue-preview-slider div.reissue-preview-item-body {
    display: flex;
}

.reissue-preview-slider div.reissue-preview-item-body a img {
    /*height: 89px;*/
    width: 60px;
}

.reissue-preview-slider div.reissue-preview-item-body i.deliver-status::after {
    font-size: 18px;
}

.reissue-preview-slider div.reissue-preview-item-body > div {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1.2em;
}

.reissue-preview-slider div.reissue-preview-item-details {
    width: 100%;
    height: 115px;
    overflow: hidden;
}

.reissue-preview-slider div.reissue-preview-item-details > a {
    max-height: 43px;
    overflow: hidden;
}

.reissue-preview-slider div.reissue-preview-item-details > p {
    max-height: 30px;
    overflow: hidden;
}

.reissue-preview-slider div.reissue-preview-item-body > div.small-buttons {
    padding-right: 20px;
}

.reissue-preview-slider div.reissue-preview-item-body .hide-reissue {
    text-decoration: none;
    color: #b6b6b6;
    cursor: pointer;
    font-weight: normal;
    display: block;
}

.reissue-preview-slider div.reissue-preview-item-body > div.small-buttons > div:first-child {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}

.reissue-preview-slider div.reissue-preview-item-body > div.small-buttons > div:last-child {
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
    width: 100%;
    height: 100%;
}

.shop-btn {
    width: auto !important;
    border-radius: 0;
}

.add_to_cart_btn,
.add_demo_to_cart_btn {
    background-image: url("/Images/icon_inbasket_red.svg");
}

.already_in_cart {
    background-image: url("/Images/icon_inbasket.svg");
}

.add_to_cart_btn,
.already_in_cart,
.add_demo_to_cart_btn,
.shop-btn {
    width: 32px !important;
    height: 32px !important;
}

.small-buttons .add_to_cart_btn,
.small-buttons .already_in_cart,
.small-buttons .add_demo_to_cart_btn {
    width: 22px !important;
    height: 22px !important;
    border: none;
}

.add_to_cart_btn,
.already_in_cart_btn,
.add_demo_to_cart_btn {
    padding: 0;
}

.add_to_cart_btn .add_to_cart,
.already_in_cart_btn .already_in_cart {
    position: static;
    left: 0;
}

.already_in_cart_btn {
    display: none;
}

.slider-container .price-container {
    margin-top: 10px;
    text-align: right;
    text-align: -webkit-right;
    padding-right: 0;
}

.slider-container .price-container .deliver-status:after {
    vertical-align: -4px;
    padding-right: 7px;
}

.title-in-slider {
    height: 54px;
}

/* ------------------- */
/** Book Details Page **/
/* ------------------- */

/* Cover Image */
.bibliography {
    position: static;
    padding-left: 20px;
}

.cover-column {
    position: relative;
    text-align: center;
}

.cover-column img {
    display: inline-block;
    max-width: 100%;
    min-width: 160px;
    height: auto;
}

.cover-column .medium {
    position: absolute;
    bottom: 53px;
    left: 0;
}

.cover-column .excerpt-xs {
    position: absolute;
    bottom: 17px;
    left: 0;
}

.bibliography a {
    color: #f52d00;
}

.bibliography a:hover {
    color: #ca2c09;
    cursor: pointer;
    text-decoration: none;
}

.items-container .item-container {
    border-bottom: solid 1px #5e6061;
    padding-bottom: 20px;
    margin: 20px 0 20px 0;
}

.items-container .border-top {
    border-top: solid 1px #5e6061;
}

.items-container .bibliography a,
.overview-table .bibliography a {
    color: #666;
}

.items-container .bibliography a:hover,
.overview-table .bibliography a:hover {
    color: #2f3435;
    cursor: pointer;
}

.author-title a {
    color: #666 !important;
}

.author-title a:hover {
    color: #2f3435 !important;
    cursor: pointer;
}

/* Book Details */
.details-link {
    cursor: pointer;
}

.details-column {
    margin-top: 0;
}

.details-column .product-column {
    margin-top: 0;
}

.details-column .product-column > .row {
    margin-bottom: 10px;
}

.details-column .product-column .related-products {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
}

.details-column .product-column .product-info {
    margin-top: 0;
    min-height: max-content;
    height: auto;
    padding-bottom: 20px;
}

.details-column .product-column .price-select-xs {
    color: #2f3435;
}

.details-column .product-column .price-select-xs strong {
    font-size: 20px;
    font-family: "texgyreadventorbold";
}

.details-column .product-column .price-panel .panel {
    background: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px;
}

.details-column .product-column .price-panel .panel-heading {
    padding: 10px 0;
    margin-top: 10px;
}

.details-column .product-column .price-panel .panel-heading a {
    display: block;
    color: #ed4c30;
}

.details-column .product-column .price-panel .panel-heading a h4.grey {
    margin-left: 10px;
}

.details-column .product-column .price-panel .panel-heading a:before,
.row.product-detail .panel-heading .show-more a:before {
    content: url("/Images/icon_caret_down.svg");
    vertical-align: bottom;
    margin-right: 3px;
}

.details-column .product-column .price-panel .panel-heading a.collapsed:before,
.row.product-detail .panel-heading .show-more a.collapsed:before {
    content: url("/Images/icon_caret_left.svg");
    vertical-align: middle;
}

.row.product-detail .panel-heading .show-more.extended-infos-title a.collapsed:before,
.row.product-detail .panel-heading .show-more.extended-infos-title a.collapsed:before {
    vertical-align: baseline;
}


.details-column .product-column .price-panel .panel-heading a:hover,
.details-column .product-column .price-panel .panel-heading a:focus,
.details-column .product-column .price-panel .panel-heading a:active {
    text-decoration: none;
}

.details-column .product-column .price-panel .ust {
    margin-top: -10px;
}

.details-column .product-column .price-panel .price-detail-padding {
    padding-left: 15px;
    padding-bottom: 12px;
    width: 75%;
}

.details-column .product-column .price-panel .btn {
    margin-bottom: 20px;
}

.details-column .product-column .price-panel hr:not(.red) {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d4d4d4;
}

.line hr {
    border-bottom: 1px solid #d4d4d4;
    margin-top: 0;
    margin-bottom: 0;
}

.line a {
    color: #f52d00;
    display: inline-block;
}

.line a:hover {
    color: #ca2c09;
    cursor: pointer;
}

/** Nav Tabs Module **/
.tab-content > .tab-pane {
    display: none;
    padding-top: 10px;
}

.tab-content > .active {
    display: block;
}

.tab-content a {
    color: #444;
}

.tab-content a:hover {
    color: #444;
}

.nav-tabs {
    border-bottom: 1px solid #333;
    padding-top: 10px;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #f52d00;
    line-height: 0.8;
    border-right: 1px solid #fcb23f;
    margin-right: 0;
    border-radius: 0;
    border-bottom: 0px;
    background-color: #fdeec1;
}

.nav-tabs > li > a:hover {
    border-color: #ffe7a0 #ffe7a0 #2f3435;
    border-right: 1px solid #ed4c30;
    color: #ca2c09;
    background-color: #ffe7a0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #f52d00;
    background-color: #fff;
    border: 1px solid #333;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs > li:last-child > a {
    border-right: none;
}

.nav-tabs > li:last-child.active > a {
    border-right: 1px solid #2f3435;
}

/* Custom List */
.tab-bold {
    font-size: 14px;
    font-weight: bold;
}

.tab-bold > a {
    color: #333;
}

.tab-child {
    font-size: 13px;
    font-weight: normal;
}

.tab-child > li a {
    color: #333;
}

.tab-child > li:before {
    content: "\00BB \0020";
}

ul.tab-child {
    list-style: none;
    padding-left: 10px;
}

.tab-normal {
    font-size: 14px;
    font-weight: normal;
}

.tab-normal > li a {
    color: #333;
}


/***** Right Column *****/
/** Price Back Button **/
.btn-price {
    color: #eb3819;
    background-color: #fdebbc;
    border-color: #fff;
    border-radius: 0;
    width: 100%;
    font-size: 16px;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-price:hover, .btn-price:focus, .btn-price:active,
.btn-price.focus, .btn-price.active {
    color: #eb3819;
    background-color: #fcdc8a;
    border-color: #fff;
}

/** Green Shopping Cart Btn */
.btn-green {
    color: #fff;
    background-color: #99cc33;
    border-color: #fff;
    border-radius: 0;
    width: 100%;
    font-size: 16px;
    font-family: "texgyreadventorbold", sans-serif;
}

/** Price Column **/
.price-columns hr {
    border-bottom: 1px solid #333;
}

.price-columns .price-caption {
    font-size: 18px;
    font-family: "texgyreadventorbold", sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.notice-period label {
    font-family: "texgyreadventor", sans-serif;
    margin: 0;
}

.notice-period span {
    font-family: "Source Sans Pro", Arial, sans-serif;
}

/** Price Radio Btn **/
.details-column .price-columns .price-container {
    padding: 10px 20px 10px 42px;
    border: 1px solid #d4d4d4;
    background: none !important;
    margin: 10px 0;
}

.details-column .price-columns .price-container.simple {
    padding-left: 20px;
}

.details-column .price-columns .price-container .btn-order {
    display: none;
}

.details-column .price-columns .price-container.selected {
    border-color: #ed4c30;
}

.details-column .price-columns .price-container.selected .btn-order {
    display: block;
}

span.price.big {
    font-size: 20px;
}

span.price input.magic-radio + label {
    margin-left: -32px;
}

span.price input.magic-radio + label:before {
    top: 2px;
}

span.price input.magic-radio + label:after {
    top: 7px;
}

.umb-grid .price.big label {
    display: none;
}

.umb-grid .label-sans.small {
    left: 14px;
}

/** Magic Radio Button **/
.magic-radio + label::before,
.magic-checkbox + label::before {
    background-color: #fdebbc;
}

.magic-radio:checked + label::before {
    border: 1px solid #ed4c30;
}

.magic-radio {
    position: absolute;
    display: none;
}

.magic-radio[disabled] {
    cursor: not-allowed;
}

.magic-radio + label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.magic-radio + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.magic-radio + label:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: '';
    border: 1px solid #ed4c30;
}

.magic-radio + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.magic-radio[disabled] + label:hover,
.magic-radio[disabled] + label:before,
.magic-radio[disabled] + label:after {
    cursor: not-allowed;
}

.magic-radio[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.magic-radio[disabled] + label:before {
    border-color: #e4e4e4;
}

.magic-radio:checked + label:before {
    animation-name: none;
}

.magic-radio:checked + label:after {
    display: block;
}

.magic-radio + label:before {
    border-radius: 50%;
}

.magic-radio + label:after {
    height: 15px;
    left: 5px;
    top: 4px;
    width: 15px;
    border-radius: 50%;
    background: #ed4c30;
}

.magic-radio:checked + label:before {
    border: 1px solid #ed4c30;
}

.magic-radio:checked[disabled] + label:before {
    border: 1px solid #fff;
}

.magic-radio:checked[disabled] + label:after {
    background: #fff;
}

/**  (-/+)  **/
.numeric-range-input {
    /*    border-top: 1px solid #2f3435;
    border-bottom: 1px solid #2f3435;*/
    padding: 5px 0;
    width: 77px;
    margin: 0 auto;
}

.main-cart-details .numeric-range-input {
    margin-right: 0;
}

.numeric-range-input .textareaSpan .textarea_wrapper {
    height: 25px;
    border: none;
}

.numeric-range-input .textareaSpan .textarea_wrapper input {
    width: 25px;
    height: 25px;
}

.numeric-range-input .textareaSpan,
.numeric-range-input .textareaSpan input {
    border: none;
}

.numeric-range-input .custom-btn:focus {
    outline: none;
}

.numeric-range-input .btn.small {
    font-weight: normal;
    width: 26px;
    height: 25px;
    line-height: 1;
    padding: 0;
    border-radius: 0;
}

.numeric-range-input .btn.small.btn-up-down.up,
.numeric-range-input .btn.small.btn-up-down.down {
    line-height: 1 !important;
}

.numeric-range-input input[type=text] {
    width: 15px;
    min-width: unset;
    border: none;
    text-align: center;
    font-family: Arial, sans-serif;
}

.counter-plus,
.counter-minus {
    border: 1px solid #aaa5a5;
}

.counter-digit {
    border-top: 1px solid #aaa5a5 !important;
    border-bottom: 1px solid #aaa5a5 !important;
}

/* Start Date */
.start-date {
    font-size: 14px;
    height: 30px;
    width: 100%;
    padding-left: 10px;
}

/** Icons Styles **/
/* (!!!) */
i.inopac {
    font-style: normal;
}

i.inopac:after {
    content: "!!!";
    color: #f52d00;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 0;
    margin-left: 1px;
    margin-right: 5px;
}

/* (Book_Reading) */
i.excerpt {
    width: 32px;
}

i.excerpt:after {
    content: url("/Images/icon_leseprobe.svg");
    vertical-align: -9px;
    display: inline-block;
    width: 40px;
    height: 32px;
}

i.printer {
    content: url("/Images/icon_printer.png");
    vertical-align: -9px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-right: 2px;
}

/* (PDF_Export) */
i.pdf {
    width: 32px;
}

i.pdf:after {
    content: url("/Images/icon_pdf.svg");
    vertical-align: -12px;
    display: inline-block;
    width: 40px;
    height: 32px;
    padding-right: 2px;
}

/* (CSV_Export) */
i.csv {
    width: 32px;
}

i.csv:after {
    content: url("/Images/icon_csv.svg");
    vertical-align: -12px;
    display: inline-block;
    width: 40px;
    height: 32px;
    padding-right: 2px;
}

/* (XLSX_Export) */
i.xlsx {
}

i.xlsx:after {
    content: url("/Images/icon_xlsx.svg");
    vertical-align: -12px;
    display: inline-block;
    width: 40px;
    height: 32px;
    padding-right: 2px;
}

/* (XLS_Export) */
i.xls {
}

i.xls:after {
    content: url("/Images/icon_xls.svg");
    vertical-align: -12px;
    display: inline-block;
    width: 40px;
    height: 32px;
    padding-right: 2px;
}

/* Icons for Media Types */
i.media-type {
    display: inline-block;
    top: 7px;
    position: relative;
    height: 32px;
    width: 37px;
}

i.media-type:after {
    /* display: inline-block; */
}

i.media-type.book:after {
    content: url("/Images/icon_book.svg");
}

i.media-type.seminar:after {
    content: url("/Images/icon_seminar.svg");
}

i.media-type.techtool:after {
    content: url("/Images/icon_techtool.svg");
}

i.media-type.ebook:after {
    content: url("/Images/icon_ebook.svg");
}

i.media-type.ebookicon:after {
    content: url("/Images/icon_ebook.svg");
}

i.media-type.stackofpaper:after {
    content: url("/Images/icon_stack_of_paper.svg");
}

i.media-type.bundle:after {
    content: url("/Images/icon_bundle.svg");
}

i.media-type.journal:after {
    content: url("/Images/icon_journal.svg");
}

i.media-type.magazine:after {
    content: url("/Images/icon_journal.svg");
}

i.media-type.database:after {
    content: url("/Images/icon_databasesvg.svg");
}

i.media-type.other:after {
    content: url("/Images/icon_other.svg");
}

/** Product Recommendations **/
.padding-bottom-sm {
    padding-bottom: 20px;
}

.recommendation img:not(.grid-image) {
    max-width: 120px;
    float: left;
    padding-right: 20px;
}

.author {
    color: #333;
    font-weight: normal;
    font-family: "texgyreadventorregular";
    font-size: 16px;
}

.title {
    color: #666;
    font-weight: normal;
    font-family: "texgyreadventorbold";
    font-size: 16px;
}

.edition {
    font-family: Arial, sans-serif;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

span.price-canceled-red {
    font-family: Arial, sans-serif;
    color: #f52d00;
    font-size: 18px;
    text-decoration: line-through;
}

span.note {
    color: #2f3435;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, sans-serif;
}

span.light-grey {
    padding-top: 0;
    margin-top: 0;
    color: #ccc;
    font-weight: normal;
    font-family: "texgyreadventorregular";
    font-size: 18px;
}

.recommendations,
.last-visited-products,
.gpsr,
.buyedalso,
.cartbuyedalso {
    margin-top: 20px;
}

.intern-info {
    display: block;
    border: 1px solid #ddd;
    padding: 3px;
    word-break: break-word;
}

.recommendations-querystring {
    display: block;
    padding: 5px;
    border: 1px solid #ddd;
}

.recommendation-grid .imagebook-ads .bottom-rightebook {
    left: 0;
    max-width: 120px;
}

.recommendation-grid .imagebook-ads .grid-image {
    max-width: 120px;
}

/*********************/
/** Shopping Cart **/
/*******************/
/*** Basket Tab ***/
ul.nav-tabs.checkout {
    border-bottom: none;
}

ul.nav-tabs.checkout li > a {
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #f52d00;
    border-right-color: #fcb23f;
    border-bottom: 1px solid #fcb23f;
    margin-bottom: 1px;
}

ul.nav-tabs.checkout li > a:hover {
    border-right-color: #f52d00;
    border-bottom-color: #f52d00;
    color: #ca2c09;
}

ul.nav-tabs.checkout li > a:last-child a {
    border-right-color: transparent;
}

ul.nav-tabs.checkout li > a:focus {
    outline: none;
}

ul.nav-tabs.checkout li.active > a {
    border-top: none;
    color: #ed4c30;
    border-left-color: transparent;
    padding-bottom: 12px;
    margin-bottom: 0;
}

ul.nav-tabs.checkout li.active > a:hover {
    border-right: 1px solid #fc793f !important;
}

ul.nav-tabs.checkout > li:last-child.active > a {
    border-right-color: transparent;
}

.box-white.checkout {
    padding-top: 15px;
}

.box-white.checkout small {
    font-family: Arial,sans-serif;
    font-size: 15px;
    line-height: 120%;
    display: block;
    text-align: justify;
}

.box-white.checkout-header-small { /* Responsive */
    padding-bottom: 20px;
    padding-top: 0;
    margin-bottom: 20px;
}

.checkout h1.grey {
    padding-bottom: 0; /* Was 10 */
}

.checkout-header-small a {
    color: #f52d00;
}

.checkout-header-small a:hover {
    color: #ca2c09;
}

.box-white.checkout hr {
    border-top: 1px solid #333;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.problem-login, .forget-pwd {
    color: #333 !important;
}

.cart-payment-not-allowed {
    background-image: url(/Images/icons/not-allowed.png);
    position: relative;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: default !important;
}

/* Table */
.overview-table {
    display: table;
    table-layout: fixed;
    white-space: nowrap;
    width: 100%;
    padding: 3px 0;
    border-collapse: initial;
}

.overview-table > div {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

.overview-table.head {
    border-top: 1px solid #5e6061;
    border-bottom: 1px solid #5e6061; /* Added */
    font-family: Arial, sans-serif;
    color: #5e6061;
    font-size: 12px;
}

.overview-table.head > div.article {
    width: auto;
}

.overview-table.head > div.price {
    width: 75px;
    text-align: right;
}

.user-account.whislistpage .overview-table.head > div.price {
    width: 75px;
    text-align: left;
}

.main-cart-details .overview-table.head > div.price {
    width: 106px;
    text-align: left;
}

.checkout-form .overview-table.head > div.price {
    text-align: center;
    width: 85px;
}

.onlinedatabase-users table th {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, sans-serif;
    color: #5e6061;
    padding: 3px 8px !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.onlinedatabase-users table td a {
    display: inline-block;
}

.overview-table.head > div.amount {
    width: 80px;
    text-align: center;
}

.checkout-form .overview-table.head > div.amount,
.user-account.whislistpage .overview-table.head > div.amount {
    width: 100px;
}


.overview-table.head > div.sub-total {
    width: 100px;
    text-align: right;
}

#message {
    width: 640px;
}

.overview-table.body {
    padding-bottom: 9px;
    margin-bottom: 3px;
}

.overview-table.body.pbottom {
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.overview-table.body.no-margin-top {
    margin-top: 0;
}

.overview-table.body > .cover {
    width: 100px;
    padding: 0;
}

.overview-table.body > .cover img {
    width: 100%;
    padding: 0;
    display: block;
}

.overview-table.body > .cover .bottom-rightebook {
    width: 100%;
}

.overview-table.body > div.bibliography {
    width: auto;
    vertical-align: top;
    white-space: normal;
}

.overview-table.body > div.bibliography h2 {
    font-size: 17px;
    color: #2f3435;
    margin: 0;
    line-height: 150%;
    cursor: default;
}

.overview-table.body > div.bibliography h2 strong {
    display: block;
}

.overview-table.body > div.bibliography .bibliographic-info {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
}

.overview-table.body > div.price-and-availability {
    width: 300px;
    /*padding-top: 10px;*/
    position: relative;
    vertical-align: top;
}

.overview-table.body > div.price-and-availability .numeric-range-input {
    padding: 5px 0;
}

.overview-table.body > div.price-and-availability .numeric-range-input input[type=text] {
    width: 16px;
}

.overview-table.body > div.price-and-availability a.delete img {
    width: 16px;
    margin-left: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .overview-table.body > div.price-and-availability a.delete img {
        height: 32px;
    }
}

.overview-table.body > div.price-and-availability .cart-table {
    width: 100%;
    display: table;
    table-layout: fixed;
    white-space: nowrap;
}

.overview-table.body > div.price-and-availability .cart-table > div {
    display: table-cell;
    vertical-align: top;
}

.overview-table.body > div.price-and-availability .cart-table > div.price {
    top: 7px;
    text-align: center;
    font-family: Arial, sans-serif;
    position: relative;
}

.overview-table.body > div.price-and-availability .cart-table > div.amount {
    font-family: Arial;
    width: 80px;
    text-align: center;
}

.overview-table.body > div.price-and-availability .cart-table > div.subtotal {
    width: 100px;
    text-align: right;
    font-family: Arial, sans-serif;
    top: 3px;
    position: relative;
}

.overview-table.body > div.price-and-availability .cart-table > div.subtotal span {
    top: 2px;
    position: relative;
}

.overview-table.body > div.price-and-availability .availability {
    text-align: right;
    width: 100%;
    font-size: 12px;
}

/*  Right Column  */
.well {
    min-height: 20px;
    padding: 40px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
}

.well h2 {
    color: #fff;
    font-family: "texgyreadventorbold";
    font-size: 26px;
    margin-top: 0;
    padding-bottom: 20px;
}

.well.primary {
    background-color: #a8a4a4;
    color: white;
}

.well.secondary {
    background-color: #c2bdbc;
    color: white;
}

.well.full-width {
    padding-left: 60px;
    padding-right: 60px;
}

.input-cell {
    display: table-cell;
    vertical-align: top;
}

body .form-control {
    background-color: #ebe7e7; /*#d7d3d3;*/
    color: #333;
    border-radius: 0;
    border: 1px solid #f5f1f0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* new checkout - input elements */
body .checkout-form .form-control {
    border: 1px solid #cecece;
}

.form-control:focus, .form-control:hover, .form-control:active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #f52d00 !important;
}

/* border - dark grey */
textarea.form-control:focus,
textarea.form-control:hover,
textarea.form-control:active {
    border: 1px solid #7d7d7d !important;
}

/* border - red */
.sack-required {
    border: 1px solid #f52d00 !important;
}

/* border - dark grey */
.sack-success .form-control:focus,
.sack-success .form-control:hover,
.sack-success .form-control:active {
    border: 1px solid #7d7d7d !important;
}

/* border - grey */
.feedback-success .form-control,
.feedback-success .form-control:focus,
.feedback-success .form-control:hover,
.feedback-success .form-control:active {
    border: 1px solid #40b741 !important;
}

/* border - red */
.sack-success .form-control.error {
    border: 1px solid #f52d00 !important;
}

.sack-success .form-control.error:focus,
.sack-success .form-control.error:hover,
.sack-success .form-control.error:active {
    border: 1px solid #f52d00 !important;
}

.input-cell input.form-control {
    font-family: Arial, sans-serif;
    font-size: 15px;
    height: 36px;
    padding: 6px;
    border: none;
    -webkit-appearance: none;
}

.input-cell > .btn {
    border: none;
    padding: 3px;
    cursor: pointer;
    background-color: #e6350e;
    border-radius: 0;
}

.input-cell > .btn:hover {
    background-color: #ca2c09;
}

.input-cell > .btn img.icon {
    height: 30px;
    width: 30px;
}

/* For Mobile */
h1.black {
    color: #333;
    font-family: "texgyreadventorbold";
    font-size: 20px;
    display: inline-block;
    padding-bottom: 10px;
}

dl.basket-sm {
    width: 100%;
    display: block;
    font-family: Arial, sans-serif;
}

dl.basket-sm dt {
    width: 60%;
    display: inline-block;
    clear: left;
    padding-bottom: 7px;
    font-weight: normal;
}

dl.basket-sm dt.total {
    color: #5e6061;
    font-size: 20px;
}

dl.basket-sm dd {
    width: 40%;
    display: inline-block;
    text-align: right;
    float: right;
    padding-bottom: 7px;
    font-weight: normal;
}

dl.basket-sm dd.total {
    font-size: 20px;
    font-weight: bold;
}

.basket-row-mini > .row > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.basket-row-mini.border-top {
    border-top: 1px solid #2f3435;
}

.basket-row-mini.border-top a {
    color: #f52d00;
}

.basket-row-mini.border-top a:hover {
    color: #ca2c09;
}

.basket-sans-serif {
    font-family: Arial,sans-serif;
    font-size: 14px;
}

.payment-check-credicards {
    width: auto;
}

.payment-check-credicards .visa {
    position: relative;
    left: -15px;
}

body.show-detail-xs {
    margin-left: -100%;
    margin-right: 100%;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

body.show-detail-xs .basket-title-xs {
    top: 0;
    left: 0;
    width: 100%;
    overflow: scroll;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.basket-title-xs {
    position: fixed;
    top: 0;
    width: 0;
    height: 100%;
    left: 100%;
    overflow: hidden;
    background-color: #fff;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.basket-title-xs.show {
    left: 0;
    width: 100%;
    overflow: hidden;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.basket-cover img {
    width: 100%;
    padding-top: 15px;
}

.basket-title-xs h2.black {
    color: #333;
    font-size: 15px;
    padding-top: 15px;
}

.basket-title-xs h2.black strong {
    display: block;
}

.basket-title-xs hr {
    border-top: 1px solid #333 !important;
    margin: 0 !important;
}

.basket-title-xs .row.footer {
    padding: 5px 20px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    color: #666;
}

.basket-title-xs .row.footer .numeric-range-input {
    margin-top: -5px;
    border: none;
}

.basket-title-xs .row.footer .numeric-range-input .btn {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding: 0;
}

.basket-title-xs .row.footer .numeric-range-input input[type=text] {
    margin-top: 1px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 28px;
    width: 26px;
}

/* Icons */
.ellipse {
    display: block;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

i.arrows-left:after {
    content: "« ";
    font-family: "texgyreadventorregular";
    font-size: 36px;
    line-height: 0;
    vertical-align: -6px;
}

i.arrows-right:after {
    content: " »";
    font-family: "texgyreadventorregular";
    font-size: 36px;
    line-height: 0;
    vertical-align: -6px;
}

.icon16px {
    height: 16px;
}

.icon20px {
    height: 20px;
}

.icon24px {
    height: 24px;
}

.icon32px {
    height: 32px;
}

.icon40px {
    height: 40px;
}

.icon48px {
    height: 48px;
}

.icon64px {
    height: 64px;
}

.icon96px {
    height: 96px;
}
/* End Basket */

/* Alignment */
.va-top {
    vertical-align: top;
}

.va-middle {
    vertical-align: middle;
}

.va-bottom {
    vertical-align: bottom;
}

/* Displays */
.d-inline-block {
    display: inline-block;
}

.d-inline {
    display: inline;
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

/* Paddings */
.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    width: 100%;
}

/* Margins */
.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25em !important;
}

.mt-2 {
    margin-top: 0.5em !important;
}

.mt-3 {
    margin-top: 1em !important;
}

.mt-4 {
    margin-top: 1.5em !important;
}

.mt-5 {
    margin-top: 2em !important;
}

.mt-6 {
    margin-top: 2.5em !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25em !important;
}

.mb-2 {
    margin-bottom: 0.5em !important;
}

.mb-3 {
    margin-bottom: 1em !important;
}

.mb-4 {
    margin-bottom: 1.5em !important;
}

.mb-5 {
    margin-bottom: 2em !important;
}

.mb-6 {
    margin-bottom: 2.5em !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25em !important;
}

.ml-2 {
    margin-left: 0.5em !important;
}

.ml-3 {
    margin-left: 1em !important;
}

.ml-4 {
    margin-left: 1.5em !important;
}

.ml-5 {
    margin-left: 3em !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25em !important;
}

.mr-2 {
    margin-right: 0.5em !important;
}

.mr-3 {
    margin-right: 1em !important;
}

.mr-4 {
    margin-right: 1.5em !important;
}

.mr-5 {
    margin-right: 3em !important;
}

/*** Address Tab ***/
.box-white.checkout h4 {
    font-family: "texgyreadventorbold", sans-serif;
    margin-bottom: 10px;
    margin-top: 2px;
}

.box-white.checkout span.Lmargin {
    margin-left: -15px;
    font-size: inherit;
    color: #f52d00;
}

.big-label {
    font-family: "texgyreadventorregular";
    font-size: 16px;
    line-height: 1.2;
    color: #2f3435;
    padding-bottom: 10px;
}

.sm-label {
    font-family: "texgyreadventorregular";
    font-size: 14px;
    color: #2f3435;
    padding-bottom: 10px;
}

.box-white.checkout label {
    width: 100%;
    font-weight: normal;
}

.box-white.checkout label > span,
.box-white.edit-profile label > span {
    display: inline-block;
    padding-bottom: 5px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #333;
    padding-top: 8px;
}

.box-white.checkout label a,
.box-white.edit-profile label a {
    color: #f52d00;
}

.box-white.checkout label a:hover,
.box-white.edit-profile label a:hover {
    color: #ca2c09;
}

.table-action-btn {
    margin-right: 15px;
}

.box-white.checkout label.required > span:after {
    content: "*";
    font-size: inherit;
    color: #f52d00;
}

.box-white.checkout label.text {
    margin-left: 35px;
    font-size: 14px;
    font-family: "texgyreadventorregular";
}

.box-white.checkout .form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    border: 1px solid transparent;
    border-radius: 0;
}

.create-field {
    background-color: #fff !important;
    height: 34px !important;
}

.box-white.checkout .form-control:focus {
    border: 1px solid #f52d00;
    -webkit-transition: border-color ease 0.5s;
    -o-transition: border-color ease 0.5s;
    transition: border-color ease 0.5s;
}

.box-white.checkout select.form-control {
    background-image: url("/Images/caret_down.svg");
}

.box-white.checkout select.form-control::-ms-expand {
    display: none;
}

.form > .row {
    margin-left: -13.33333333px;
    margin-right: -13.33333333px;
}

.form > .row > div {
    padding-left: 13.33333333px;
    padding-right: 13.33333333px;
}

.checked-red {
    padding: 10px 0;
}

/* For Mobile */
.alert {
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: bold;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #d9534f;
    color: #ef4523;
}

.alert-warning hr {
    border-top-color: #d43f3a;
}

button.add {
    background-color: #c2bdbc;
    border: medium none;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 26px;
    line-height: 0;
    margin-left: 5px;
    margin-top: 11px;
    padding: 0;
    text-align: center;
    vertical-align: -9px;
    width: 26px;
}


/*** Overview Tab ***/
.amount-overview {
    width: 80px;
    text-align: center;
    padding-left: 35px;
}

.overview-table.body > div.footer {
    text-align: right;
    font-size: 17px;
    color: #5e6061;
    font-family: "texgyreadventorregular";
}

.overview-table.body > div.footer a {
    font-size: 14px;
    color: #f52d00;
    font-family: "Source Sans Pro", sans-serif;
    float: right;
    line-height: 26px;
    padding-left: 10px;
    cursor: pointer;
}

.overview-table.body > div.footer a:hover {
    color: #ca2c09;
}

/*.overview-table.body > div.footer a:after {*/
.overview-table.body > div.footer a:before {
    content: url("/Images/icon_chevron_right_double.svg");
    display: inline-block;
    height: 12px;
    margin-right: 2px;
    vertical-align: top;
    width: 12px;
    position: relative;
    top: 2px;
}

.select-list-mobile {
    font-family: "texgyreadventorregular";
    font-size: 20px;
}

.select-list-mobile strong {
    font-family: "texgyreadventorbold";
}

.select-list-mobile label.text {
    font-family: "texgyreadventorregular";
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: -4px;
    padding-bottom: 8px;
}

/** Modal **/
.modal-open .modal {
    z-index: 2100;
}

.modal-dialog {
    width: 500px;
    margin: 25px auto;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0;
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 40px 40px;
}

.modal-header {
    padding: 15px 0 25px; /* 36 */
    border-bottom: 1px solid #5e6061;
}

h4.modal-title, div.modal-title {
    display: block;
    font-family: "texgyreadventorbold";
    font-weight: normal;
    font-size: 26px;
    color: #5e6061;
}

h4.modal-title.cart-message {
    font-size: 20px;
}

.modal-body {
    margin-top: 20px;
    position: relative;
    padding: 25px 0; /* 36 */
}

.modal-footer {
    padding: 15px 0;
    padding-bottom: 0; /* New */
    border-top: 1px solid transparent;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}


/** Empty Cart Modal **/
.empty-cart-modal {
    width: 500px;
    margin: 25px auto;
}

.empty-cart-content {
    position: relative;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 20px 40px;
}

.empty-cart-header {
    padding: 10px 0 15px;
    border-bottom: 1px solid #5e6061;
}

.empty-cart-body {
    position: relative;
    padding: 25px 0;
    padding-bottom: 0;
}

.box-white.checkout a {
    color: #f52d00;
}

.box-white.checkout a:hover {
    color: #ca2c09;
}

.error {
    font-size: 13px !important;
    color: #f52d00;
}

.payment-hint {
    font-size: 15px;
    color: #777;
}

.payment-hint.paypal-creditcard {
    text-decoration: underline;
}

.payment-hint.paypal-creditcard:hover {
    color: #626262;
    transition: color 0.5s ease;
}

.payment-advice-hint {
    font-size: 15px;
    color: #f52d00;
}

/******************/
/** Registration **/
/******************/

/** Login Form **/
.modal.login {
    z-index: 22110;
}

.login {
    font-family: Arial, sans-serif;
}

.login hr {
    border-bottom: 1px solid #333;
}

.login a {
    color: #666;
}

.login a:hover {
    color: #ca2c09;
}

.login label {
    width: 100%;
    font-weight: normal;
    margin-bottom: 0;
}

.login label.rem-pwd {
    display: inline;
}

.login label > span,
.loginpage-row .label-text {
    display: inline-block;
    padding-bottom: 5px;
    font-family: "texgyreadventorregular", Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #333;
}

.loginpage-row .label-text-first {
    padding: 20px 0 0 0;
}

.loginpage-row {
    margin-top: 5px;
}

.box-white.login-page {
    padding-top: 15px;
}

.login label a {
    color: #f52d00;
}

.login label a:hover {
    color: #ca2c09;
}

.login label.required > span:after {
    content: "*";
    font-size: inherit;
    color: #f52d00;
}

.login label.text {
    margin-left: 35px;
    font-size: 14px;
    font-family: "texgyreadventorregular";
}

.login .form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    background-color: #ebe7e7; /*#d7d3d3;*/
    border: 1px solid #fff;
    border-radius: 0;
}

.login .form-control:focus {
    border: 1px solid #f52d00;
    -webkit-transition: border-color ease 0.5s;
    -o-transition: border-color ease 0.5s;
    transition: border-color ease 0.5s;
}

.loginpage-img {
    height: 60px;
    width: auto;
    padding: 5px 0;
}

.loginpage-row .label-text.first-label {
    padding: 20px 0 0 0;
}

.loginpage-row {
    margin-right: -30px;
}

.loginpage-row .row {
    padding-right: 0;
}

.no-margin-bottom .progress {
    margin-bottom: 0;
}
/* Password Strength */

/* Buttons */
.btn-login {
    color: #fff !important;
    background-color: #e6350e;
    border-color: #fff;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-login:hover, .btn-login:focus, .btn-login:active,
.btn-login.focus, .btn-login.active {
    color: #fff;
    background-color: #ca2c09;
    border-color: #fff;
    outline: none !important;
}

.btn-signup {
    color: #631203 !important;
    background-color: #d7d3d3;
    border-color: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-signup:hover, .btn-signup:focus, .btn-signup:active,
.btn-signup.focus, .btn-signup.active {
    color: #631203 !important;
    background-color: #c5c4c4;
    border-color: #fff;
}

/** Login Modal **/
.login-modal {
    width: 400px;
    margin: 30px auto;
}

.login-content {
    position: relative;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 30px;
}

.login-content .login-title {
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
}

.login-content input[placeholder] {
    color: #888;
    font-weight: normal;
}

/**********************/
/** Account Settings **/
/**********************/
/** My Account **/
.user-account-column .user-account-panel {
    background-color: #c2bdbc;
    border-right: 20px solid #d7d3d3;
    padding: 30px 35px;
}

.user-account-column .user-account-panel .user-account h2, .navigation-menu > h2 {
    font-size: 22px;
    color: #fff;
    font-family: "texgyreadventorbold";
    cursor: default;
    margin-top: 0;
}

.user-account-column .user-account-panel .user-account p {
    color: #555;
}

.user-account-facets {
    border-bottom: 1px solid #5e6061;
}

.user-account-facets dt {
    border-top: 1px solid #5e6061;
    color: white;
    font-family: "texgyreadventorregular";
    padding: 12px 0;
}

.user-account-facets dt a {
    color: #fff;
}

.user-account-facets dt a:hover,
.user-account-facets dt a.active:hover {
    color: #ca2c09;
    text-decoration: none;
}

.user-account-facets dt a.active {
    color: #f52d00;
}

.user-account hr {
    /* Henner border-bottom: 1px solid #333; */
}

.user-account a {
    color: #f52d00;
    cursor: pointer;
}

.user-account a:hover {
    color: #ca2c09;
}

.user-account h4 {
    font-size: 18px;
    color: #666;
    font-family: "texgyreadventorbold";
    padding-bottom: 5px;
    cursor: default;
}


/** Account Information **/
.account-info {
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.account-info h4 {
    font-size: 22px;
}

.user-account table {
    text-align: left;
    font-family: texgyreadventorregular, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 40px;
    border-spacing: 0;
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px;
}

.user-account table tbody {
    border: 1px solid #ddd;
}

.user-account table tbody tr:hover {
    background-color: rgba(237, 28, 64, .1);
    cursor: default;
}

.user-account table tbody tr:last-child td {
    border: none;
}

.user-account table tbody td {
    border-bottom: 1px solid #ddd;
    padding: 0 15px 0 20px;
}

select.form-control {
    background: url("/Images/caret_down.svg") right center no-repeat;
    background-color: #ebe7e7; /*#d7d3d3;*/
    -moz-appearance: none;
    -webkit-appearance: none;
}

select.form-control::-ms-expand {
    display: none;
}

/** Buttons **/
.btn-user-primary {
    color: #fff !important;
    background-color: #e6350e;
    border-color: #fff;
    border-radius: 0;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-user-primary:hover, .btn-user-primary:focus, .btn-user-primary:active,
.btn-user-primary.focus, .btn-user-primary.active {
    color: #fff;
    background-color: #ca2c09;
    border-color: #fff;
}

.btn-user-secondary {
    color: #631203 !important;
    background-color: #d7d3d3;
    border-color: #fff;
    border-radius: 0;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
}

.btn-user-secondary:hover, .btn-user-secondary:focus, .btn-user-secondary:active,
.btn-user-secondary.focus, .btn-user-secondary.active {
    color: #631203 !important;
    background-color: #d7d3d3;
    border-color: #fff;
    outline: none;
}

/* Capatcha s*/
#randomfield {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 300px;
    color: #888;
    border-color: black;
    text-align: center;
    font-size: 30px;
    font-style: italic;
    font-stretch: expanded;
    font-weight: 400;
    background-image: url("/Images/bg.jpg");
}

/* 404 */
.notfound404 a {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #f52d00;
}

.notfound404 a:hover {
    color: #ca2c09;
}

#links-table a {
    font-size: 12px;
    color: #333;
}

.not-found {
    height: 400px;
}

/*custom style for RTE*/
ul {
    margin: 0;
}

ul.dashed {
    list-style-type: none;
}

ul.dashed > li {
    text-indent: -14px;
    word-wrap: break-word;
}

ul.dashed > li:before {
    content: "\2014 \00a0";
    text-indent: -5px;
}

.navigation-menu {
    padding: 30px;
    background-color: #C3BDBD;
}

.navigation-menu ul {
    list-style: none;
    padding: 0px;
    margin-top: 30px;
}

.navigation-menu hr {
    margin: 0px;
    border: 1px solid #8D8A8A;
}

.navigation-menu a:hover {
    text-decoration: none;
}

/* - - - - - - */
/* new settings menu (dropdown) for B2C and for B2B */
/* - - - - - - */
.account-settings-menu {
    display: none;
    position: absolute;
    z-index: 10001;
    top: 86px;
    left: auto;
    box-sizing: border-box;
    background-color: #fff;
    max-width: 250px;
}

.new-header .account-settings-menu {
    top: 72px;
}

.account-settings-menu li ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 10px 0 0;
    box-sizing: border-box;
}

.account-settings-menu a,
.account-settings-menu .dropdown-header {
    color: #000 !important; /*#ca2c09 !important*/
    font-family: "Source Sans Pro", sans-serif !important;
}

.account-settings-menu a:hover {
    color: #f52d00 !important;
    -moz-transition: color 0.5s ease !important;
    -o-transition: color 0.5s ease !important;
    -webkit-transition: color 0.5s ease !important;
    transition: color 0.5s ease !important;
}

.account-settings-menu a {
    font-size: 11pt !important;
    padding: .2em 0;
    width: 95%;
    display: block;
}

.account-settings-menu .dropdown-header {
    padding: 0 !important;
}

.account-settings-menu .dropdown-header a {
    font-size: 13pt !important;
}

.show-menu {
    display: block;
}

.open-account-menu.no-touch {
    padding-right: 2px !important;
}

.open-account-menu.no-touch:hover {
    cursor: pointer;
}

/* - - - - - - */
/* END setting menu (dropdown) for B2C and for B2B */
/* - - - - - - */

/* PDF Export */
.export-pdf {
    color: #5e1e16;
    font-family: "texgyreadventorregular", sans-serif;
    text-decoration: none !important;
}

.e-pdf {
    color: #333;
    font-family: "texgyreadventorregular", sans-serif;
}

.dropdown-menu {
    width: 95%;
    min-width: 192px !important;
}

/* Sticky Bar in Wish List */
.sticky-bar-head {
    font-family: Arial, sans-serif;
    color: #5e6061;
    font-size: 12px;
}

.sticky-bar-links {
    padding-bottom: 10px;
}

.sticky-bar-links a {
    font-family: Arial, sans-serif;
    color: #333 !important;
    font-size: 13px;
}

.sticky-bar-btn {
    color: #333 !important;
    background-color: #e5e5e5 !important;
    border-radius: 0;
    font-size: 13px !important;
    font-family: "texgyreadventorregular", sans-serif !important;
    height: 32px !important;
}

.box-white.checkout .form-control .sticky-bar-btn:hover, .sticky-bar-btn:focus, .sticky-bar-btnt:active,
.sticky-bar-btn.focus, .sticky-bar-btn.active {
    color: #000;
    background-color: #ccc;
}

/* Custom Products */
.custom-product-label {
    font-family: Arial, sans-serif;
    color: #333 !important;
    font-size: 13px;
    text-align: right;
    padding-top: 8px;
}

.custom-product-label .error {
    color: #f52d00 !important;
}

.form-row {
    padding-bottom: 4px;
}

/*  B2B Cart  */
.well-b2b {
    min-height: 20px;
    padding: 30px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
}

.well-b2b h2 {
    color: #fff;
    font-family: "texgyreadventorbold";
    font-size: 26px;
    margin-top: 0;
}

.well-b2b.primary {
    background-color: #a8a4a4;
    color: white;
    height: auto;
}

#cart-details h1.grey {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}


.b2b-link {
    color: #ca2c09 !important;
    font-size: 14px;
}

.change-address {
    display: block;
    height: 20px;
    margin-right: -29px;
}

.b2b-address {
    line-height: 1.5;
    font-size: 15px;
}

.b2b-left-title {
    font-size: 14px;
    text-align: left;
}

/** B2B Magic Radio Button **/
.b2b-magic-radio + label::before {
    background-color: #fdebbc;
}

.b2b-magic-radio:checked + label::before {
    border: 1px solid #ed4c30;
}

.b2b-magic-radio {
    position: absolute;
    display: none;
}

.b2b-magic-radio[disabled] {
    cursor: not-allowed;
}

.b2b-magic-radio + label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.b2b-magic-radio + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.b2b-magic-radio + label:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #fdebbc; /* Was ed4c30 */
}

.b2b-magic-radio + label:after {
    position: absolute;
    display: none;
    content: '';
}

.b2b-magic-radio[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.b2b-magic-radio[disabled] + label:hover,
.b2b-magic-radio[disabled] + label:before,
.b2b-magic-radio[disabled] + label:after {
    cursor: not-allowed;
}

.b2b-magic-radio[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.b2b-magic-radio[disabled] + label:before {
    border-color: #e4e4e4;
}

.b2b-magic-radio:checked + label:before {
    animation-name: none;
}

.b2b-magic-radio:checked + label:after {
    display: block;
}

.b2b-magic-radio + label:before {
    border-radius: 50%;
}

.b2b-magic-radio + label:after {
    width: 10px; /* Was 14 */
    height: 10px; /* Was 15 */
    left: 5px;
    top: 4px;
    border-radius: 50%;
    background: #ed4c30;
}

.b2b-magic-radio:checked + label:before {
    border: 1px solid #fdebbc; /* Was ed4c30 */
}

.b2b-magic-radio:checked[disabled] + label:before {
    border: 1px solid #fff;
}

.b2b-magic-radio:checked[disabled] + label:after {
    background: #fff;
}


/* B2B Order Field Settings */
.b2b-table {
    table-layout: fixed;
    white-space: nowrap;
    width: 100%;
    border-bottom: 1px solid #666; /* Was 5e6061 */
}

.b2b-table > div {
    display: table-cell;
}

.b2b-table.head {
    border-top: 1px solid #666; /* Was 5e6061 */
    font-family: Arial, sans-serif;
    color: #666; /* Was 5e6061 */
    font-size: 12px;
}

.b2b-sm-label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #2f3435;
    padding-bottom: 10px;
}

.b2b-padding-top {
    padding-top: 5px;
    padding-bottom: 5px;
}

.no-padding-sides {
    padding-left: 0;
    padding-right: 0;
}

/* B2B Toggle (Yes/No) */
.b2b-switch {
    position: relative;
    display: inline-block;
    height: 20px;
}

.b2b-switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebe6e6;
    -webkit-transition: .4s;
    transition: .4s;
}
/* Grey One */
.slider:before {
    position: absolute;
    content: "";
    height: 20px; /* Was 16 */
    width: 20px; /* Was 16 */
    left: 0; /* Was 2 */
    bottom: 2px;
    top: 0; /* Was 2 */
    background-color: #c3bdbd;
    -webkit-transition: .4s;
    transition: .4s;
}

/* Green One */
input:checked + .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 20px;
    bottom: 2px;
    top: 0;
    background-color: #99cc33;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

input:checked + .slider {
    background-color: #ffeec2;
}

input:focus + .slider {
    -moz-box-shadow: 0 0 1px #ffeec2;
    -webkit-box-shadow: 0 0 1px #ffeec2;
    box-shadow: 0 0 1px #ffeec2;
}

/* Rounded sliders */
.slider.round {
    position: relative;
    border-radius: 34px;
    width: 54px; /* Was 60 */
    height: 20px;
    margin-top: 5px;
}

.slider.round:before {
    border-radius: 50%;
}

/* (-) and (+) */
.btn-price-increase {
    color: #eb3819;
    background-color: #fdebbc;
    border-color: #fff;
    border-radius: 0;
    width: 100%;
    font-size: 16px;
}

.btn-price-increase:hover, .btn-price-increase:focus, .btn-price-increase:active,
.btn-price-increase.focus, .btn-price-increase.active {
    color: #eb3819;
    background-color: #fcdc8a;
    border-color: #fff;
}

/**  (-/+)  **/
.numeric-range-input-b2b {
    border-top: 1px solid #2f3435;
    border-bottom: 1px solid #2f3435;
    padding: 5px 0;
}

.numeric-range-input-b2b .btn.small {
    font-weight: normal;
    height: 20px;
    line-height: 0;
    padding: 0;
    width: 20px;
}

.numeric-range-input-b2b input[type=text] {
    width: 20px;
    min-width: unset;
    border: none;
    text-align: center;
    font-family: Arial, sans-serif;
}


/* Add/Edit B2B User  */
.add-new-user-wrapper {
    float: left;
    padding: 0px;
    margin-top: 5px;
}

/* WishList Name */
.edit-wishlist-name {
    font-weight: normal;
    font-family: "texgyreadventorbold";
    font-size: 24px;
    color: #5e6061;
    background-color: #eee;
    border: 1px solid #fff;
    border-radius: 0;
    height: 35px;
    padding: 4px 15px;
}

/* B2B Left menu */
.b2b-accordion-menu {
    background: #fff;
    padding-left: 0;
    font-family: "texgyreadventorregular", sans-serif;
}

.b2b-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
    list-style: none;
    padding-left: 0;
}

.b2b-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}

.b2b-accordion-menu label, .b2b-accordion-menu a i.menu-item {
    position: relative;
    display: block;
    color: #f52d00;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    border-bottom: 1px solid #5e1e16;
    padding: 10px 17px;
    background-color: white;
}

.b2b-accordion-menu a {
    position: relative;
    display: block;
    color: #5e1e16;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 17px;
}

.b2b-accordion-menu .has-children label::before,
.b2b-accordion-menu .has-children label::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.b2b-accordion-menu label {
    cursor: pointer;
}

.b2b-accordion-menu label::before {
    /* arrow icon */
    left: 0px;
    background-position: 0 0;
    background-image: url('/Images/icons/red-arrow.svg');
    background-repeat: no-repeat;
}

/******menu3levels*/
.b2b-accordion-menu label.active::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.b2b-accordion-menu ul ul ul a {
    background: white;
    padding-left: 31px;
}

.b2b-accordion-menu ul ul label {
    background: white;
}

.b2b-accordion-menu ul ul li a {
    background: white;
}
/******menu3levels*/
.b2b-accordion-menu input[type=checkbox]:checked + label::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.b2b-accordion-menu input[type=checkbox]:checked + label + ul,
.b2b-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
}

.b2b-accordion-menu ul label, .b2b-accordion-menu ul a {
    border-bottom: none;
    background: #e2e2e2;
}

.b2b-accordion-menu ul {
    background-color: #e2e2e2;
}

.label-levels {
    color: #5e1e16 !important;
    padding: 10px 30px !important;
}

.b2b-accordion-menu .label-levels::before {
    background-image: url('/Images/icons/blackred-arrow.svg');
    left: 13px !important;
}

.b2b-accordion-menu ul label:hover, .b2b-accordion-menu ul a:hover {
    background: #ccc;
}

.no-link-padding li a {
    padding: 0px;
}
/* ------------------------ */
/* B2B Dashboard Add Widget */
/* ------------------------ */
.b2b-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999999; /* Sit on top */
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    overflow-x: hidden;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

.box-body .umb-grid {
    overflow-y: auto;
    overflow-x: hidden !important;
}
/* Modal Content */
.b2b-modal-content {
    position: relative;
    float: right;
    background-color: #fefefe;
    width: 450px;
    min-height: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* The Close Button */
.close {
    color: #222;
    padding-right: 10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.b2b-modal-header {
    padding: 10px 0 24px 24px;
    color: #5e6061;
    font-size: 24px;
    border-bottom: 1px solid #eee;
}

.b2b-search-widget {
    width: 98%;
    font-size: 14px;
    padding: 5px;
    height: 36px;
}

.b2b-modal-body {
    padding: 2px;
    min-height: 82vh;
}

.b2b-modal-body label {
    font-size: 16px;
    font-weight: normal;
}

.b2b-modal-body .text {
    font-size: 16px;
    font-weight: normal;
}

/* Search Icon */
.search-widget {
    position: relative;
}

.search-widget input {
    text-indent: 5px;
}

.search-widget .fa-search {
    position: absolute;
    top: 14px;
    right: 17px;
    font-size: 15px;
}

ul#tiles-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.widget-list {
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

li.widget-list:last-child {
    border-bottom: none;
}

li.widget-list:hover {
    background-color: #eee;
}

li.widget-list a {
    color: #333;
}

li.widget-list a:hover {
    text-decoration: none;
}

.side-panel-form .form-group {
    padding: 0 20px;
}

.side-panel-form .form-control,
.side-panel-form.input-group-addon {
    border-radius: 0;
    background-color: transparent;
}

.datepicker {
    border-radius: 0 !important;
}

.rbl-item {
    color: #333;
    font-family: "texgyreadventorregular", sans-serif;
}

.rbl-item:hover {
    color: #333;
    text-decoration: none;
}

.b2b-modal-footer {
    padding: 10px;
    font-size: 22px;
    border-top: 1px solid #eee;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/* ---------- END --------- */


/* Custom Icons From Sack */
.sack-icon {
    width: 23px;
    height: 23px;
    /*margin-top: 2px;*/
    margin-right: 5px;
}

/* Dashboard Tile Maximize */
.tile-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 9999;
    margin: 0 !important
}

.nl-form-body {
    margin: 0 !important;
}


.left-space {
    margin-left: 100px;
}

.invalid-validation {
    border-color: red;
    color: red;
}

.valid-validation {
    border-color: #CCC;
}

.modal-open {
    overflow: auto;
    padding-right: 0px !important;
}

/* B2B Filter */
.active-filters {
    margin-bottom: 10px;
}

.active-filters .active-filter {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #d7d3d3;
    margin: 0 5px 5px 0;
    white-space: nowrap;
    font-size: 11px;
}

.active-filters .active-filter.clear-filters, .active-filters .active-filter:hover {
    border: 1px solid #ca2c09;
    color: #ca2c09;
}

.active-filters .active-filter:hover {
    cursor: pointer;
}

.active-filters .active-filter label {
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
}

.active-filters .active-filter a {
    text-decoration: none;
    color: #ca2c09;
}

.active-filters .active-filter .icon {
    display: inline-block;
    margin-left: 5px;
}

.filter-group {
    padding-bottom: 3px;
}

.filter-group .input-search-filter {
    background-color: white;
    background-image: url('/Images/searchicon.png');
    padding-right: 28px;
    background-position: 150px 6px;
    background-repeat: no-repeat;
}

.filter-group .scroll-bar {
    overflow-y: auto;
    padding-top: 5px;
}

.filter-group label.text span {
    word-wrap: break-word;
    white-space: normal;
    display: inline-block;
    max-width: 105px;
    cursor: pointer;
}

.filter-group label.text.selected-filter span {
    font-weight: bold;
}

.filter-group .text {
    color: #2f3435;
    font-size: 13px;
    font-weight: normal;
    display: table;
    padding-bottom: 5px;
    margin: 0;
}

.filter-group label.text {
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
}

.filter-group a.text {
    padding: 0;
    text-decoration: none;
}

.filter-group .text.selected-filter span {
    font-weight: bold;
}

.filter-group .count {
    float: right;
    font-size: 11px;
    font-family: Arial, sans-serif;
}

#add-filter-panel, #search-filters-panel {
    font-family: "texgyreadventorregular", sans-serif;
}

.draggable-icon {
    width: 14px;
    height: 14px;
    background-image: url("/Images/icons/reorder-gray.svg");
    background-repeat: no-repeat;
    display: none;
}

.draggable-icon:hover {
    background-image: url("/Images/icons/reorder-red.svg");
    background-repeat: no-repeat;
}

.draggable-icon:active {
    background-image: url("/Images/icons/reorder-black.svg");
    background-repeat: no-repeat;
}

/* B2B Tabs Container */
#tabs-container > li > a {
    background-color: #fff;
}

#tabs-container > li.active > a {
    background-color: #ffefc2;
    color: #f52d00;
}

/*B2B Order send message button*/

.send-order-msg {
    height: 40px;
    display: block;
    width: 93px;
    text-align: center;
    padding-top: 6px;
    margin-top: 10px;
    cursor: pointer;
    background-color: #e6350e;
    border-color: #fff;
    color: #fff !important;
    border-radius: 0;
    font-size: 16px;
    font-family: "texgyreadventorbold", sans-serif;
}

/* OrderInvoice - table body */
.order-invoice {
    font-family: "Source Sans Pro", sans-serif;
}

.top-bottom-border {
    border-top: 1px solid black;
    padding: 10px;
    border-bottom: 1px solid black;
}

/* B2B Toggle (Yes/No) */
.slider-filter {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent !important;
    background-image: url(/Images/icons/star-normal.svg) !important;
    background-repeat: no-repeat;
    -webkit-transition: .4s;
    transition: .4s;
}
/* Hover Star */
.slider-filter:hover:before {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent !important;
    background-image: url(/Images/icons/star-hover.svg) !important;
    background-repeat: no-repeat;
    -webkit-transition: .4s;
    transition: .4s;
}
/* Normal Star */
.slider-filter:before {
    position: absolute;
    content: "";
    height: 20px; /* Was 16 */
    width: 20px; /* Was 16 */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: transparent !important;
    background-image: url(/Images/icons/star-normal.svg) !important;
    background-repeat: no-repeat;
    -webkit-transition: 0;
    transition: 0;
}

/* Active Star */
input:checked + .slider-filter:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: transparent !important;
    background-image: url(/Images/icons/star-active.svg) !important;
    background-repeat: no-repeat;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider-filter:before {
    -webkit-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
}

input:checked + .slider-filter {
    background-color: transparent !important;
    background-image: url(/Images/icons/star-active.svg) !important;
    background-repeat: no-repeat;
}

input:focus + .slider-filter {
    background-color: transparent !important;
    background-image: url(/Images/icons/star-hover.svg) !important;
    background-repeat: no-repeat;
}

/* Rounded sliders */
.slider-filter.round {
    border-radius: 0 !important;
    width: 0 !important;
}

.slider-filter.round:before {
    border-radius: 0 !important;
}


/* Filter Builder Buttons */
.btn-abort {
    color: #eb3819 !important;
    background-color: #fdebbc !important;
    border-width: 0 !important;
    border-color: #fff !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-family: "texgyreadventorbold", sans-serif !important;
}

.btn-abort:hover {
    color: #eb3819 !important;
    background-color: #fcdc8a !important;
    border-color: #fff !important;
}

.btn-apply {
    color: #fff !important;
    background-color: #e6350e !important;
    border-width: 0 !important;
    border-color: #fff !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-family: "texgyreadventorbold", sans-serif !important;
}

.btn-apply:hover {
    color: #fff !important;
    background-color: #ca2c09 !important;
    border-color: #fff !important;
}

.btn-gray {
    color: #fff !important;
    background-color: #c2c2c2 !important;
    border-width: 0 !important;
    border-color: #fff !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-family: "texgyreadventorbold", sans-serif !important;
}

.btn-gray:hover {
    color: #fff !important;
    background-color: #acacac !important;
    border-color: #fff !important;
}

.btn-reset {
    color: #631203 !important;
    background-color: #d7d3d3 !important;
    border-width: 0 !important;
    border-color: #fff !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-family: "texgyreadventorbold", sans-serif !important;
}

.btn-reset:hover {
    color: #631203 !important;
    background-color: #dea117 !important;
    border-color: #fff !important;
}

/* Cookies Bar */
.cookies-modal {
    position: fixed;
    z-index: 111111;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.cookies-bar {
    background-color: #FFFFFF;
    color: #000000;
    padding: 35px;
    position: fixed;
    z-index: 99999999999;
    left: 50%;
    width: 50em;
    margin-left: -25em;
    font-size: 14px;
    font-family: "texgyreadventorregular", sans-serif;
    text-align: center;
}

.cookies-bar a {
    color: #000000;
    text-decoration: underline;
    padding: 10px;
    font-size: 10px;
}

.cookies-bar button {
    color: #FFFFFF !important;
    background-color: #99CC05;
    border-radius: 0;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 10px;
    width: 240px;
}

/* Customize Tool Tip */
i.tip span, a.tip span {
    display: none
}

i.tip:hover span, a.tip:hover span {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 1501;
    background: #f0f0f0 no-repeat 100% 5%;
    right: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 20px;
    text-decoration: none
}

div[role="tooltip"] .tooltip-arrow {
    border-top-color: #d6d1d1 !important;
}

div[role="tooltip"] .tooltip-inner {
    background: #d6d1d1 no-repeat 100% 5%;
    padding: 5px 20px 5px 5px;
    color: black;
}

li div[role="tooltip"] .tooltip-arrow {
    border-top-color: #f4f4f4 !important;
}

li div[role="tooltip"] .tooltip-inner {
    width: 250px;
    margin-left: -80px;
    background: #f4f4f4 no-repeat 100% 5%;
    padding: 5px 20px 5px 5px;
    color: black;
}

#custom-product-frm div[role="tooltip"] .tooltip-arrow {
    border-top-color: #fff !important;
}

#custom-product-frm div[role="tooltip"] .tooltip-inner {
    max-width: 250px;
    background: #ffffff no-repeat 100% 5%;
    padding: 5px 20px 5px 5px;
    color: black;
}

.red {
    color: red;
}

.ui-autocomplete {
    z-index: 999999999999999;
}

.ui-autocomplete-loading {
    background-image: url("/images/redbutnloading.gif");
    background-position: right;
    background-repeat: no-repeat;
    background-size: 35px;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover {
    background-color: #f52d00;
    border: 1px solid #f52d00 !important;
}

/* B2B Flyout Menu */
nav .b2b-flyout::before {
    display: block;
    content: " ";
    background-color: #c42517;
    height: 41px;
}

/*Mailing work checkboxs label display inline */
.nl-form-body label {
    display: inline;
}
/**under construction **/
.underConstruction {
    display: block !important;
    font-family: Arial, sans-serif;
}

.underConstruction hr {
    margin-right: 15px;
    border-bottom: 1px solid #333;
}

.underConstruction a {
    color: #666;
}

.underConstruction a:hover {
    color: #ca2c09;
}

.underConstruction label {
    width: 100%;
    font-weight: normal;
    margin-bottom: 0;
}

.underConstruction label > span {
    display: inline-block;
    padding-bottom: 5px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #333;
}




.no-margin-bottom .progress {
    margin-bottom: 0;
}

.underConstruction-p {
    padding-left: 15px;
    display: inline-block;
    padding-bottom: 5px;
    font-weight: normal;
    font-family: "texgyreadventorbold";
    font-size: 12px;
    color: #5e6061;
}

.underC {
    margin-bottom: 39px;
    padding-top: 0;
    margin-top: 0;
    font-weight: normal;
    color: #5e6061;
    font-family: "texgyreadventorbold";
    font-size: 21px;
}
/** underConstruction Modal **/
.bacground-Construction {
    background-image: url("/Images/backgroundundercon.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgeunder {
    margin-top: -16px;
    float: right;
    display: inline-block;
}

.underConstruction-modal {
    width: 400px;
    margin: 83px auto;
    margin-left: 100px;
    float: left;
}

.underConstruction-content {
    position: relative;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 30px;
}

.underConstruction-content input[placeholder] {
    color: #888;
    font-weight: normal;
}

/********poupotder**************/
.oredrPoup {
    width: 100%;
    margin-bottom: 8px;
}

.oredrPoup2 {
    width: 100%;
    margin-left: -2px !important;
}

.orderPoupText {
    margin-bottom: -14px;
    font-size: 13px;
    margin-top: -17px;
}

.modal-headerpopup {
    padding: 0px 0 25px;
}

.professional-yearpicker + a {
    display: block;
    color: black !important;
    text-decoration: none;
    overflow: hidden;
    position: absolute;
    right: 4px;
    z-index: 10;
    margin: 10px 3px 0px 0px;
    font-size: 12px;
    top: 83% !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}

.yearpicker .clear-input {
    top: 1px;
    right: 30px;
}

/******tap description*/
.tab-content a {
    color: #ca2c09;
}

.char-counter-span {
    text-align: left;
    font-size: 13px;
    padding-left: 5px;
}

.main-b {
    margin-right: 39px;
}

.count-charsexapnd {
    max-width: 100%;
}

.count-chars {
    max-width: 100%;
}

#info-form-header .mobileviewradio, #item-orderfields-container .mobileviewradio {
    word-break: normal !important;
}

.textarearoll {
    max-width: 300px;
    min-height: 100px;
}

/*Wishlist picker*/

.btn-list,
.btn-test {
    color: #eb3819;
    background-color: #fdebbc;
    border-color: #fff;
    border-radius: 0;
    font-size: 15px;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 6px 12px;
}

.btn-list:hover, .btn-list:focus, .btn-list:active, .btn-list.focus, .btn-list.active,
.btn-test:hover, .btn-test:focus, .btn-test:active, .btn-test.focus, .btn-test.active {
    color: #eb3819;
    background-color: #fcdc8a;
    border-color: #fff;
}

.btn-list + .dropdown-menu {
    font-family: "texgyreadventorregular", sans-serif;
    padding: 0;
}

.btn-list + .dropdown-menu > .input-group > * {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}

.btn-list + .dropdown-menu > .list-wrapper {
    max-height: 160px;
    overflow: auto;
}

.btn-list + .dropdown-menu > .list-wrapper > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.btn-list + .dropdown-menu > .list-wrapper > ul > li {
    display: flex;
    flex-flow: row nowrap;
    padding: 6px 0px 6px 10px;
    min-height: 36px;
}

.btn-list + .dropdown-menu > .list-wrapper > ul > li.wishlist-template {
    background-color: #fdebbc;
    border: 1px dotted lightgray;
}

.btn-list + .dropdown-menu > .list-wrapper > ul > li > span {
    flex: 1 1 auto;
    max-width: 120px;
    margin-right: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-list + .dropdown-menu > .list-wrapper > ul > li > a {
    flex: 0 0 auto;
    padding: 0 6px;
    text-align: center;
    color: #333;
}

.btn-list + .dropdown-menu > .list-wrapper > ul > li > a:hover,
.btn-list + .dropdown-menu > .list-wrapper > ul > li > a:focus,
.btn-list + .dropdown-menu > .list-wrapper > ul > li > a:active,
.btn-list + .dropdown-menu > .list-wrapper > ul > li > a.focus,
.btn-list + .dropdown-menu > .list-wrapper > ul > li > a.active {
    color: #262626;
}

.btn-list + .dropdown-menu > .list-wrapper > ul > li:not(.wishlist-template):hover {
    background-color: #f5f5f5;
    color: #262626;
}

.filter-trigger + label {
    top: 0px !important;
}

.b2b-accordion-menu a img {
    width: 16px;
    position: relative;
    display: block;
    float: right !important;
    top: 1px;
    right: -5px;
}
/****new wishlist function label***/
#edit-name-btn {
    margin-left: 5px;
    text-decoration: none;
    margin-right: 4px;
}

.user-account .slider-filter {
    left: -6px;
    top: 7px;
}

#wishlist-name {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 10px;
    color: gray;
    background-color: rgb(229, 229, 229);
    border-radius: 0px;
    font-size: 17px !important;
    font-family: texgyreadventorregular, sans-serif;
    border: none;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    padding-right: 10px;
    min-width: 200px;
}

#wishlist-name .caret {
    margin-left: 10px;
}

input::-ms-clear {
    display: none;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menusearch {
    overflow-y: auto;
    height: 166px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.wishlistright .row_cart_button {
    width: 96%;
}

.in-item-details-add-to-wishlist:not(.wishlistright) {
    width: 100%;
}

.in-item-details-add-to-wishlist .btn-list + .dropdown-menu {
    left: 0;
    width: 100%;
}

.wishlist-a a {
    padding-left: 19px;
    padding-right: 20px;
}

.label2 {
    top: 18px;
}

.cartlabel2 {
    position: relative;
}

a.default-wishlist {
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
}

a.default-wishlist:hover {
    text-decoration: none;
}

.wishlist-default-item {
    font-weight: bold !important;
}

.wishlist-sortable-icon.pull-right {
    width: 14px;
    min-width: 14px;
}

.pdfp {
    display: inline-block;
    margin-left: 100px;
    font-weight: bold;
    padding-top: 7px;
}

.perrorpdf {
    padding-top: 7px;
    display: inline-block;
    font-weight: bold;
}

.pdfbtn {
    margin-right: -17px;
    float: right;
}

.imgpluspdf {
    margin-right: 4px;
    width: 27px;
    height: 27px;
    margin-top: -7px;
}

.hrpdflist {
    border-top: 1px solid #666;
}

.savepdfbutton {
    margin-top: -2px;
    float: right;
}

.pdlistinput {
    display: inline-block;
    right: -14px;
    position: relative;
}

.pdlistinput {
    width: 90%;
}

.savepdf {
    margin-bottom: 1px;
    margin-top: 6px;
    padding-top: 8px;
}

.no-mar {
    margin-top: 0px !important;
}

.pdflistbutton {
    margin-left: -22px;
    padding: 12px 3px;
    font-size: 16px;
    color: #333 !important;
    top: 7px;
    cursor: pointer;
    position: relative;
}

.pdflistbutton:hover {
    background-color: #ebe7e7;
    text-decoration: none !important;
}
/*.grey:before {
    content: url('../Images/icons/pdf-gray.svg') !important;
}*/

.din-title {
    color: #333 !important;
    overflow: hidden;
    display: -webkit-box;
    line-height: 20px;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.din-preview-title {
    background-color: #fff;
    margin-left: 0;
}

.din-preview-title h1.grey strong {
    margin-top: 15px;
    margin-bottom: 15px;
}

.din-preview-title .loading-image {
    margin-top: -55px;
}

.mainbody {
    position: relative;
    height: 100%;
}
/****new sidemenu****/
.off-screen-menu {
    margin-left: -340px;
    width: 340px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    height: calc(100% - 503px);
    top: 103px;
    z-index: 2000;
    /*-moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;*/
}

@media (min-width: 1350px) {
    .large-container {
        width: 1300px;
    }

    .large-container .filter-group label.text span {
        max-width: 160px;
    }

    .large-container .filter-group .input-search-filter {
        background-position: 180px 6px;
    }
}

@media (max-width: 1025px) {
    .account-settings-menu {
        top: 63px !important;
    }
}

@media (max-width: 768px) {
    .off-screen-menu {
        top: 136px !important;
        height: calc(100% - 536px) !important;
    }

    .account-settings-menu {
        top: 44px !important;
    }
}

@media (max-width: 1280px) {
    .off-screen-menu {
        top: 94px !important;
        height: calc(100% - 494px) !important;
    }

    .account-settings-menu {
        top: 82px;
    }
}

.off-screen-menu.close {
    margin-left: -340px;
    background-color: #ffffff;
    z-index: 2000;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
    opacity: 1;
}

.off-screen-menu:before {
    display: block;
    content: " ";
    background-color: #912913;
    height: 41px;
}

.off-screen-menu:after {
    background: rgba(0, 0, 0, 0) url("/Images/dropshadow_right.png") repeat-y scroll 0 0;
    content: " ";
    height: 100%;
    position: absolute;
    right: -19px;
    top: 0;
    width: 19px;
    opacity: 0;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    display: none;
    transition: opacity 0.5s ease;
    transition: display 0s;
}

.off-screen-menu.open:after {
    display: block;
    opacity: 1;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition: display 0s;
}

.off-screen-menu.open {
    margin-left: 0;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.closeoffest {
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.openoffest {
    margin-left: 320px;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}


/****end new sidemenu****/
/***email screen***/
.downloademail {
    left: 15px;
    border-radius: 10px !important;
    height: 44px;
    font-weight: bold;
    font-size: 19px !important;
}

.downloademail:hover {
    background-color: #621200;
}

.user-account .items-container .overview-table {
    min-height: 180px;
}

.maincontent {
    min-height: 485px;
}


/* Din-Normen*/
a.din-hint {
    font-size: 15px;
    color: #5e6061;
}
/***product recommend page****/
.productrecondRow {
    padding-left: 9px;
}

.productrecondRow .numeric-range-input {
    width: 65px;
}

.product-recomnd-cart {
    margin-top: 10px;
    width: 38px;
}

@media (max-width: 768px) {
    .add-cart-recomnd {
        padding-left: 17px;
    }

    .wishlist-recomd-product {
        padding-left: 49px !important;
    }
}

@media (max-width: 992px) {
    .wishlist-recomd-product {
        padding-left: 49px !important;
    }
}
/*** end product recommend page ****/
.deletccartbutton {
    margin-bottom: 25px;
}

#error-dialouge {
    z-index: 9999999999;
}
/**new main page edits**/
.headerSlider {
    font-size: 18px !important;
    font-family: 'Source Sans Pro';
    font-weight: bold;
}

/****new b2c cart edit****/
@media (min-width: 1200px) {
    .checkoutb2c {
        padding: 60px;
        width: 77%;
    }

    .side-checkoutb2c .well {
        padding-left: 20px;
        min-height: 20px;
        margin-bottom: 20px;
        border: none;
        border-radius: 0;
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .side-checkoutb2c .well h2 {
        font-size: 24px !important;
    }

    .side-checkoutb2c {
        width: 23%;
    }

    a.back-to-top {
        background: #f52d00;
        position: fixed;
        bottom: 0px;
        left: 50%;
        padding: 0.3em;
        z-index: 1000;
        text-decoration: none;
        margin-left: -45px;
    }

    body a.back-to-top span {
        display: inline;
        color: #ffffff;
    }
}

.checkoutb2c .overview-table.body > div.bibliography h2.author-title {
    font-family: 'texgyreadventorregular';
    font-size: 17px;
}

.checkoutb2c .overview-table.body > div.bibliography h2 strong {
    font-family: 'texgyreadventorbold';
    font-size: 17px;
}

.checkoutb2c .overview-table.body > div.bibliography h2 strong a {
    font-weight: normal;
    color: #333333 !important;
}

.checkoutb2c dl.basket-sm {
    margin-top: 20px;
    margin-bottom: 23px;
}

.checkoutb2c .overview-table.body > div.bibliography h2 {
    font-family: texgyreadventorregular;
    font-size: 17px;
    color: #333333;
}

.overviewform {
    margin-top: 30px !important;
    margin-bottom: 36px !important;
    font-size: 17px;
    color: #777;
}
/*****second tab*****/
.addressbilling .form-control {
    font-weight: normal !important;
    font-size: 15px !important;
    font-family: "Source Sans Pro", sans-serif;
    color: #333 !important;
}

.box-white.checkout .form-control {
    font-weight: normal !important;
    font-size: 15px !important;
    font-family: "Source Sans Pro", sans-serif;
    color: #333 !important;
}

.checkoutb2c .b2csecondh {
    margin-top: 28px !important;
    margin-bottom: 0px !important;
}

.footerb2c {
    margin-top: 35px;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.overviewtotal .subtotal {
    top: 7px !important;
}

.overviewtotal .amount {
    position: relative;
    top: 7px !important;
}

.char-counter-span {
    font-weight: normal !important;
    font-size: 15px !important;
    font-family: "Source Sans Pro", sans-serif;
    color: #333 !important;
}

.footeroverview label {
    font-size: 14px !important;
    font-family: Arial !important;
}

.footeroverview {
    margin-top: 20px;
    margin-bottom: 23px;
}
/*.ebook-cover:before {
    content: "E-Book ";
    position: absolute;
    z-index: 1;
    bottom: 1px;
    color: white;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 1px;
    padding-left: 60px;
}
div.ebook-cover img:first-child
{
    border-bottom: 22px solid #f52d00;
}
.bibliography .ebook-cover img {
    border-bottom: 22px solid #f52d00;
}

.whislistpage .overview-table .ebook-cover:before {
    content: "E-Book ";
    position: absolute;
    z-index: 1;
    color: white;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 1px;
    padding-left: 26px;
    top: 346px;
    display: block;
}
.main-cart-details .overview-table .ebook-cover:before {
    content: "E-Book ";
    position: absolute;
    z-index: 1;
    color: white;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 1px;
    padding-left: 26px;
    top: 191px;
    display: block;
}
.result-list .ebook-cover:before {
    content: "E-Book ";
    position: absolute;
    z-index: 1;
    bottom: 1px;
    color: white;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 1px;
    padding-left: 46px;
}
.overview-table.ebook-cover img:first-child {
    border-bottom: 22px solid #f52d00;
}
    .overview-table.head > div.amountheadr {
    top: 0px !important;
}
.dx-master-detail-cell .ebook-cover:before {
    content: "E-Book ";
    position: absolute;
    z-index: 1;
    bottom: 261px;
    color: white;
    font-family: "texgyreadventorbold", sans-serif;
    padding: 0px;
    padding-left: 14px;
    font-size: 12px;
}
.dx-master-detail-cell .ebook-cover img:first-child {
    border-bottom: 19px solid #f52d00;
}

@media (max-width: 714px) 
{
    .dx-master-detail-cell .ebook-cover:before {
        bottom: 215px;
    }
}
@media (max-width: 991px)
{
    .mobile-view .basket-title-xs .ebook-cover:before {
        bottom: 1px;
        padding-left: 44px;
    }
        .result-list .ebook-cover:before {
        padding-left: 34px;
    }
    .ebook-cover:before {
       
        bottom: 20px;
    }
    .main-cart-details .overview-table .ebook-cover:before
    {
        top:206px;
    }
    .whislistpage .overview-table .ebook-cover:before {
        top: 398px;
    }
    }*/
.textlabel {
    width: 90% !important;
    word-break: break-word;
}

.textlieferadresse {
    margin-top: 6px;
}

.wishlistbuttondetails {
    position: relative;
    text-align: right;
}

.wishlistbuttondetails .wishlistspanname {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    white-space: nowrap;
    display: inline-block;
}

.wishlistbuttondetails .cartspan {
    height: 13px;
}

#wishlist-dropdown .dropdown-menu,
.wishlist-picker ~ .dropdown-menu,
#cart-details .wishlist-picker ~ .dropdown-menu {
    width: 100%;
}

.wishlistbuttondetails .dropdown-menu {
    left: 0;
    width: 100%;
}

.av2 .label2 {
    top: 12px !important;
}

.wishlist-a > a {
    margin-right: 11px !important;
}

.hint {
    font-family: Arial !important;
    font-size: 15px !important;
    position: relative;
    top: 4px;
}

.footerb2c-text {
    font-family: Arial !important;
    font-size: 15px !important;
}

#group-logic .dropdown-menu {
    width: 100% !important;
}
/*****ebook**/
.imgebook {
    position: relative;
    text-align: center;
    color: white;
    display: inline-block;
}

.cover-column .imgebook {
    display: inline-block;
}

.b2c-ebook.imgebook {
    text-align: left;
}

.bottom-rightebook {
    padding: 2px;
    font-size: 13px;
    font-family: texgyreadventorregular;
    background: #f52d00;
    bottom: -1px;
    right: 0px;
    text-align: center;
}

.bottom-rightebook:not(.product-info-details) {
    position: absolute;
    width: 100%;
}

.imagebook-ads .bottom-rightebook {
    position: relative;
    width: calc(100% - 54px);
    color: #fff;
    margin-top: -20px;
    margin-left: 10px;
}

.b2c-cart-ebook.imgebook {
    width: 100% !important;
}

.wishlist-recomd-product {
    padding-left: 33px !important;
}

.according-smallscreen {
    display: none;
}
/**new edit overview cart b2c**/
.overview-table .ship {
    /*padding-right: 115px;*/
    overflow: hidden;
}

.overview-table .ship h4 {
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px;
    margin-top: 0px
}

.shipping-address-parg, .billing-address-parg {
    color: #333;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
}

.overview-table .bill {
    overflow: hidden;
}

.overview-table .bill h4 {
    text-align: left;
    font-size: 16px;
}

.unlogin li {
    padding: 0 10px !important;
}

.unlogin {
    padding-left: 45px !important;
    display: inline-block;
}

.call-us-img {
    margin-top: -5px;
    margin-right: 6px;
}

.truck-delivery {
    margin-top: -2px;
    width: 15px;
    height: 15px;
    margin-right: 6px;
}

.b2c-ul-bar {
    float: right;
    display: inline-block;
}
/***benfit list**/
.benefits-ul {
    margin-left: -35px;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    display: block;
    list-style: none;
}

.benefits-ul .benefits-li {
    padding-bottom: 4px;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
}

.fa-check-circle {
    top: 4px;
    right: 5px;
    color: #99c437;
    font-size: 22px;
    position: relative;
}

.fa-exclamation-circle {
    left: 3px;
    padding-right: 3px;
    color: #fcb23f;
    font-size: 12px;
    position: relative;
}

.fa-circle-1 {
    top: 4px;
    right: 5px;
    color: #99c437;
    font-size: 22px;
    position: relative;
}

.fa-circle-1:before {
    content: "\f058";
}

.fa-circle-2 {
    top: 4px;
    right: 5px;
    color: #fcb23f;
    font-size: 22px;
    position: relative;
}

.fa-circle-2:before {
    content: "\f111";
}

.fa-circle-3 {
    top: 4px;
    right: 5px;
    color: #d9534f;
    font-size: 22px;
    position: relative;
}

.fa-circle-3:before {
    content: "\f111";
}

.fa-print {
    padding-right: 3px;
}

.user-account .items-container .price-and-availability .availability .label2 {
    top: 7px;
}

/**** Kunden und Nutzer verwalten tabs**/
.float-right {
    float: right !important;
}

.a-impersonate {
    margin-top: -19px;
    padding-right: 5px;
    padding-left: 16px;
}

.li-text h1 {
    line-height: 0px;
}

.li-text strong {
    margin-bottom: 0PX !important;
}

.span-nutzer {
    margin-bottom: 10px;
    display: block;
    text-align: right;
}

.kund-h4 {
    font-family: "texgyreadventorbold";
    MARGIN-TOP: 18PX;
    MARGIN-BOTTOM: 15PX;
    FONT-WEIGHT: BOLD;
}

.textkund small {
    margin-left: 33px;
}

.textkund {
    margin-bottom: 12px;
}

.magic-checkbox-new {
    top: 6px;
}

.details-column .price-columns .wishlistbuttondetails button {
    width: 100% !important;
    margin-left: 0px !important;
}

.main-cart-details .b2b-address {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px !important;
}

.deletccartbuttoncart {
    margin-top: 15px;
}

.deletccartbuttoncart a {
    display: inline-block;
    color: #ca2c09 !important;
    font-size: 13px;
    font-family: "texgyreadventorbold", sans-serif;
}

.deletccartbuttoncart a:disabled {
    margin-bottom: -4px;
}

.deletccartbuttoncart a:hover {
    color: #e8330a !important;
    text-decoration: underline;
}

.user-account .items-container .price-and-availability .availability .label2 {
    top: 7px;
}

.textkund1 {
    top: 0px !important;
    left: 35px;
}

.textkund1-input {
    left: 53px;
}

.overview-table.head > div.amountheadr {
    top: 0px !important;
}

.huser-name {
    padding-right: 49px;
    margin-top: -29px;
    padding-right: 49px;
}

.huser-name span {
    font-family: texgyreadventorregular;
    font-size: 22px;
    color: #444;
    font-weight: normal;
}

.h4user-name {
    font-weight: normal;
    font-size: 14px;
    margin-top: 21px !important;
}

.tabs-nutzer {
    margin-top: -14px;
}

.h4user-name a {
    padding-left: 44px !important;
}

@media (max-width: 1236px) {

    .nunamediv {
        margin-top: 31px;
        float: none !important;
    }
}


.details-column .price-columns .wishlistbuttondetails button {
    width: 100% !important;
    margin-left: 0px !important;
}

.main-cart-details .deletccartbutton {
    margin-left: 70px;
    margin-bottom: 25px;
}

.user-account .items-container .price-and-availability .availability .label2 {
    top: 7px;
}

.overview-table.head > div.amountheadr {
    top: 0px !important;
}

.customer-adressen {
    padding-top: 45px !important;
}

.customer-adressen h4 {
    font-weight: bold;
}

.nunamediv {
    margin-top: -25px;
}

.orderfields-dbox {
    height: 30px;
}

/*******edit-user-Bestellfelder-frm*****/
#edit-user-Bestellfelder-frm .magic-checkbox + label {
    top: -1px !important;
    left: 33px !important;
}

.edit-user-address > div {
    margin-bottom: 15px;
}


.details-column .price-columns .wishlistbuttondetails button {
    width: 100% !important;
    margin-left: 0px !important;
}

.main-cart-details .deletccartbutton {
    margin-left: 70px;
    margin-bottom: 25px;
}

.loading-layer {
    font-size: 16px;
    font-family: texgyreadventorregular !important;
    color: #fff;
    margin-top: -17px;
    border: none;
    text-align: center;
    background: #0000005c;
    z-index: 1;
    position: absolute;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 94%;
    display: none;
}

.userbestfelder .Bestellfeld {
    padding-left: 0px !important;
}

.userbestfelder .Bestellfeldtext {
    padding-left: 19px !important;
}

.userbestfelder .Standardwert {
    width: 25% !important;
    margin-left: 0px !important;
}
/*******edit-user-Bestellfelder-frm*****/
#edit-user-Bestellfelder-frm .magic-checkbox + label {
    top: -1px !important;
    left: 33px !important;
}

.user-account .items-container .price-and-availability .availability .label2 {
    top: 7px;
}

.overview-table.head > div.amountheadr {
    top: 0px !important;
}

.customer-adressen {
    padding-top: 45px !important;
}

.customer-adressen h4 {
    font-weight: bold;
}

.nunamediv {
    margin-top: -25px;
}
/*******edit-user-Bestellfelder-frm*****/
#edit-user-Bestellfelder-frm .magic-checkbox + label {
    top: -1px !important;
    left: 33px !important;
}

.label2code {
    width: 245px !important;
}

.succes .fa-check-circle {
    top: 2px;
    right: -6px;
    color: #99c437;
    font-size: 19px;
    position: relative;
}

.error .fa-check-circle {
    display: none !important;
}

.box-white.checkout label.required > .labeltext:after {
    display: none;
}

/* Shopping Cart Code */
.code-line {
    border-bottom: 1px solid;
}

@media (max-width:768px) {
    div.code-line {
        margin: 0 !important;
        padding: 0 !important;
    }

    .code-line {
        /*border-top: 1px solid;*/
        border-bottom: 1px solid;
    }
}

.code-info {
    border-bottom: 1px solid;
}

.aktion {
    float: left;
    margin-top: 7px !important;
}

.aktion h4 {
    font-size: 15px;
    text-align: left;
}

.aktion p {
    font-size: 15px;
}

.code-info .footer {
    float: right;
    margin-top: 30px;
    font-size: 15px !important;
}

.edit-user-address > div {
    margin-bottom: 15px;
}

.edit-user-address > div {
    margin-bottom: 15px;
}

.main-cart-details .count-chars {
    height: 68px;
    width: 108% !important;
    max-width: 112%;
}

.edit-user-address > div {
    margin-bottom: 15px;
}

.main-cart-details .count-chars {
    height: 68px;
    width: 108% !important;
    max-width: 112%;
}

/****pickList*/
.pickList {
    margin-left: -29px;
    margin-bottom: 29px;
}

.pickList #dx-SelectedItems-Standorte {
    margin-left: -15px;
}

.pickList .pickList-button {
    margin-bottom: 1px;
    border: 2px solid #fdebbc;
    background: #fdebbc;
    font-family: "texgyreadventorregular";
    font-size: 16px;
    width: 37px;
    color: #ed4c30;
    font-weight: bold;
    height: 37px;
}
/***code input***/
#mailing-list {
    margin-top: 19px;
}

.button-addcode {
    font-family: "texgyreadventorbold", sans-serif;
    color: #fff !important;
    background: #e6350e;
    z-index: 999;
    position: relative;
    border-radius: unset !important;
}

.action-display-switcher {
    top: 3px;
    padding-left: 0;
    margin-left: 15px;
}

.action-display-switcher-btn {
    height: 26px;
    border: none;
    color: #fff;
    background-color: #ccc;
}

.action-display-switcher-btn:active,
.action-display-switcher-btn:focus {
    outline: none;
}

.action-code-input {
    visibility: hidden;
}

.input-visible {
    visibility: visible;
}

.checkout-announcements {
    top: 30px;
}

.guest-form-input-fields .form-group {
    padding-bottom: 15px;
}

.select-academicdegree {
    /*padding-right: 0;*/
}

.checkout-form .address-header,
.checkout-form .addressbilling,
#shipping-address-frm .addresses-form {
    padding-left: 0;
}

.checkout-form #PanelLieferadresse {
    margin-left: 0;
}

.checkout-form #ShippingToPackstation,
.checkout-form #PanelLieferadresse {
    display: none;
}

.checkout-form #PanelLieferadresse .select-academicdegree {
    padding-right: 0;
}

#find-post-office {
    background-color: #cbcbcb !important;
}

#find-post-office a:focus,
#find-post-office a:hover {
    outline: none;
    text-decoration: none;
    color: #5e1e16;
}

.checkout-form hr {
    width: 100%;
    /*float: left;*/
}

.order-type-description {
    font-family: "texgyreadventorregular", Arial, sans-serif;
    padding-top: 20px;
}

.order-type-description .success {
    color: #1eca21;
    padding-top: 2px;
}

.order-type-description .success,
.order-type-description .minus {
    padding-right: 10px;
}

.order-type-description .minus {
    padding-top: 2px;
    color: red;
}

.order-type-description .advice-text {
    padding-left: 10px;
    padding-bottom: 10px;
}

.checkout-advices {
    padding-bottom: 30px;
}

.checkout-form-salutation-title,
.col-form-label {
    font-family: "texgyreadventorregular", arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    bottom: 6px;
}

.checkout-step {
    display: none;
    position: relative;
    font-size: 18pt;
    top: 8px;
    left: 1px;
}

.enabled .checkout-step {
    display: inline-block;
}

.enabled .step-number {
    display: none;
}

.personal-address-toggler input,
.shipping-address-toggler input {
    margin-bottom: 20px;
}

form .personal-address-toggler label {
    width: auto;
}

.e-book-agreement .checkbox-agreement {
    width: 30px;
    top: 1px;
}

.e-book-agreement .label-agreement {
    width: calc(100% - 40px);
}

.e-book-agreement .checkbox-agreement,
.e-book-agreement .label-agreement {
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.ebook-agreement-warning {
    color: #f52d00;
    font-size: 1em;
    font-family: "texgyreadventorregular", arial, sans-serif;
    display: none;
}

body .checkout-form .new-checkout .overview-table.body > div.footer div {
    padding-left: 0;
    padding-right: 0;
}

body .checkout-form .new-checkout .overview-table {
    display: table;
}

.checkout-form .order-agb-line {
    min-height: 30px;
}

.checkout-form .row.datepicker-container {
    padding-top: 30px !important;
}

.box-white.checkout label.required > .labeltext:after {
    display: none;
}

.code-hr {
    margin-top: 5px;
    border-bottom: 1px solid;
}

.code-info {
    border-bottom: 1px solid;
}

.aktion {
    float: left;
    margin-top: 7px !important;
}

.aktion h4 {
    font-size: 15px;
    text-align: left;
}

.aktion p {
    font-size: 15px;
}

.code-info .footer {
    float: right;
    margin-top: 30px;
    font-size: 15px !important;
}

.order-field-form .b2b-magic-radio + label {
    padding-left: 29px !important;
}
/***code input***/
#mailing-list {
    margin-top: 19px;
}
/***tiles***/
.tile-p {
    display: flex;
}

.tile-p span {
    flex: 0.5;
}

/******bootsrap colom*****/
.col-bootsrap.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-bootsrap.row > .col, .col-bootsrap.row > [class^=col-] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: #ffefc2;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

.col-sm {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    white-space: normal !important;
}

.col-sm .col-sm-12 {
    padding-bottom: 12px;
}

.footer-col .col-sm {
    border-top: 1px solid#000;
}

.errordatpiker {
    white-space: initial;
}

@media (max-width:768px) {
    .datepickerdiv {
        width: 62%;
        margin-right: 3px;
    }

    .datepicker.datepicker-dropdown.dropdown-menu {
        left: 147px !important;
    }
}

/** Amount **/
.textareaSpan {
    display: inline-block;
    position: relative;
}

.textarea_wrapper {
    border-bottom: 1px solid #aaa5a5;
    display: inline;
    border-right: 1px solid #aaa5a5;
    width: 26px;
    height: 23px;
    font-size: 12px;
    background-color: transparent;
    color: inherit;
    display: block;
    line-height: 1;
    min-width: 26px;
    resize: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.draggable {
    font-size: 12px;
    line-height: 18px;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3)
}

.loading-img {
    position: absolute;
    top: 24%;
    left: 37.5%;
    width: 25%;
}

.numeric-up-down .loading-img {
    position: absolute;
    top: 18%;
    left: 35.5%;
    width: 25%;
}

.numeric-up-down .counter-plus,
.numeric-up-down .counter-digit,
.numeric-up-down .counter-minus {
    padding: 0;
}

textarea {
    /*Required for IE to wrap the text*/
    white-space: pre-wrap;
}

.up-down-box {
    font-size: 12px;
    line-height: 18px;
    width: 30px;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .up-down-box {
        height: 24px;
    }
}

body label.form-label {
    margin-top: 7px;
}

/* Checkout-Form */
.position-relative {
    position: relative !important;
}

body .checkout-form .input-addon-container .form-control {
    padding-right: 30px;
    position: relative;
}

body .checkout-form .input-addon {
    position: absolute;
    right: 25px;
    top: 6px;
    font-size: 20px;
    display: block;
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

body .box-white.checkout-box {
    padding: 50px;
}

body .box-white.checkout-box .order-question {
    font-family: "texgyreadventorregular", arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #333;
}


body .checkout-form label,
.payment-error-text {
    font-family: "texgyreadventorregular", arial, sans-serif;
    font-weight: normal;
}

.payment-error-text {
    color: red;
}

.label-paypal,
.label-creditcard,
.label-debit,
.label-rechnung {
    border: 1px solid #ccc;
}

.payments-available #paypal,
.payments-available #creditcard,
.payments-available #rechnung,
.payments-available #lastschrift,
.payments-available #debit {
    margin-right: 30px;
    cursor: pointer;
}

.payments-available #paypal:disabled,
.payments-available #creditcard:disabled,
.payments-available #debit:disabled,
.payments-available #rechnung:disabled {
    cursor: not-allowed;
}

body .checkout-form .address-header,
body .checkout-form .address-header h2,
body .overviewtotal.new-checkout .cart-overview-title {
    font-family: "texgyreadventorregular", arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

body .checkout-form .overview-table.body > div.footer {
    font-size: initial;
    color: initial;
    font-size: 14px;
    color: #333;
}

body .checkout-form .shipping-address-parg,
body .checkout-form .billing-address-parg {
    color: #333;
    font-family: "texgyreadventorregular", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
}

body .checkout-form dl.basket-sm {
    margin-bottom: 0;
}

body .checkout-form .overview-table.body {
    padding: 0;
    margin: 20px 0;
    white-space: normal;
}

body .checkout-form .pbottom {
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: solid 1px #5e6061;
}

body .checkout-form label.col-form-label {
    margin-top: 7px;
    margin-bottom: 5px;
    font-family: "texgyreadventorregular", arial, sans-serif;
}

body .checkout-form input[type=radio] {
    margin-right: 5px;
}

body .checkout-form .form-control {
    font-family: "texgyreadventorregular", arial, sans-serif;
    background-color: #fff;
    /*border: 1px solid #cecece;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    color: #444;
    border-radius: 0;
}

body .checkout-form .form-text {
    font-family: "texgyreadventorregular", arial, sans-serif;
}

body .checkout-form .form-control:focus {
    border: 1px solid #000;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body .checkout-form fieldset[disabled] .form-control,
body .checkout-form .form-control[disabled],
body .checkout-form .form-control[readonly] {
    background-color: #eee;
}

.checkout-progress {
    margin-bottom: 30px;
    overflow: hidden;
}

.checkout-progress table {
    width: 100%;
    table-layout: fixed;
}

.checkout-progress table td {
    padding: 0 1em;
    vertical-align: top;
    text-align: center;
}

.checkout-progress table td hr {
    border-color: #333;
}

.checkout-progress a {
    text-decoration: none;
    display: block;
    text-align: center;
    vertical-align: top;
    cursor: default;
}

.checkout-progress a.enabled {
    cursor: pointer !important;
}

.checkout-progress a .circle {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #c2c2c2;
    color: #fff;
    position: relative;
    display: inline-block;
}

.checkout-progress a.active .circle {
    background-color: red;
    color: #fff;
}

.checkout-progress a .circle span {
    top: 8px;
    left: 13px;
    line-height: 1em;
    font-size: 24px;
    position: absolute;
    font-family: monospace;
    font-weight: bold;
}

.checkout-progress a label {
    display: block;
    color: #333;
    font-family: "texgyreadventorregular", arial, sans-serif;
    font-size: 16px;
}

/*Toast*/

[data-notify="icon"] {
    margin-right: 12px;
}

[data-notify="dismiss"] {
    top: 26% !important;
}

[data-notify="container"] {
    border: 0px;
    height: 55px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px;
    -moz-box-shadow: 0px 2px 3px 0px transparent;
    -webkit-box-shadow: 0px 2px 3px 0px transparent;
    box-shadow: 0px 2px 3px 0px transparent;
    border-radius: 6px;
}

[data-notify="container"].alert-success, .dx-toast-success {
    background-color: #99c437 !important;
}

[data-notify="container"].alert-info {
    background-color: #337ab7;
}

[data-notify="container"].alert-warning {
    background-color: #f0ad4e;
}

[data-notify="container"].alert-danger {
    background-color: #d9534f;
}


.toast-icon {
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.icon-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==");
}

.icon-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC);
}

.icon-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==);
}

.icon-danger {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC);
}

#wishlist-wrapper {
    overflow: unset;
}

a.back-to-top span {
    display: none;
}

a.back-to-top {
    display: none;
}

.back-to-start {
    font-family: texgyreadventorregular;
    font-size: 15px;
}

.back-to-previous,
.forward-to-cart {
    font-family: 'texgyreadventorregular';
    font-size: 15px;
    padding-bottom: 10px;
    padding-right: 0;
}

.back-to-start,
.back-to-previous-text a,
.forward-to-cart-text a {
    position: relative;
}

.back-to-start-icon {
    color: #ccc;
}

.back-to-start .text,
.back-to-previous-text a,
.forward-to-cart-text a {
    text-decoration: none;
    color: #000;
    position: relative;
}

.back-to-start .text,
.back-to-previous-text,
.forward-to-cart-text {
    left: 5px;
}

.feedback-success .form-control {
    border-color: #1eca21;
}

.sack-success .form-control-feedback {
    display: none;
}

.feedback-success .form-control-feedback {
    color: #1eca21;
    right: 15px;
    display: block;
}

.feedback-success .form-control.error {
    border-color: #f52d00;
}

.feedback-success .form-control.error ~ .form-control-feedback {
    display: none;
}

.customized-grey-icon i,
.customized-grey-icon.small-icon i {
    margin-right: 8px;
}

.customized-grey-icon i {
    color: #333;
}

.customized-grey-icon.small-icon i {
    color: #ccc;
    font-size: 18px;
}

.bottom-text-right {
    text-align: start;
    word-spacing: unset;
    white-space: nowrap;
}

.bottom-text-right div {
    padding: 0;
}

.bottom-text-right.item-details {
    margin-top: 20px;
}

#popup-access {
    display: none;
}

.text-default {
    color: #333;
}

.text-underline {
    text-decoration: underline;
}

.text-red {
    color: #ca2c09;
}

.sack-dropdown-menu {
    border-radius: 0 !important;
}

.action-code-form {
    bottom: 8px;
}

/* --------------------- */
/* Checkout -> Warenkorb */
/* --------------------- */
/* Header */
.checkout-header-icons {
    position: absolute;
    width: 170px;
    right: 0;
    bottom: 0;
}

.checkout-header-icons img {
    width: 50px;
    height: 40px;
    padding-left: 10px;
}

.checkout-header-icons .shop-seal {
    height: auto;
}

.checkout-form.checkout-box .trusted-icons img {
    width: 40px;
}

.checkout-progress .row {
    padding: 0;
}

#cardtype:focus-visible {
    border-image-width: 0;
}

/*------*/
/* TABS */
/*------*/
.checkout-progress .first-step,
.checkout-progress .second-step,
.checkout-progress .third-step {
    border-bottom: 1px solid #000;
}

.checkout-progress .first-step .custom-arrow + i,
.checkout-progress .second-step .custom-arrow + i,
.checkout-progress .third-step .custom-arrow + i {
    position: absolute;
    top: 0.9em;
    right: 0;
}

.checkout-tabs.cart-labels div {
    display: block;
    color: #333;
    font-family: "texgyreadventorregular", arial, sans-serif;
    font-size: 16px;
    text-align: center;
}

.custom-btn {
    background: none;
    font-size: 1.4em !important;
}

.img-size-defined {
    height: 360px;
    overflow: hidden;
}

.umb-grid .responsiveSlider .slick-slider-img-holder {
    height: 100%;
    aspect-ratio: 162/226;
}

.umb-grid .responsiveSlider .slick-slider-img-holder img {
    padding: 0 35px 20px 10px;
}

.umb-grid .responsiveSlider .slick-slider-img-holder .imagebook-ads {
    padding: 0 0 20px 10px;
}

/* for slider in the content col-md-8, col-md-9 */
/* Ticket# 20220816410389 - Umbraco 9: Layout Recommendation Slider */
/*.umb-grid .col-md-8 .responsiveSlider .slick-slider-img-holder,
.umb-grid .col-md-9 .responsiveSlider .slick-slider-img-holder {
	aspect-ratio: 100/110;
	
}*/

.umb-grid .col-md-8 .responsiveSlider .slick-slider-img-holder .imagebook-ads,
.umb-grid .col-md-9 .responsiveSlider .slick-slider-img-holder .imagebook-ads {
    /*padding-left: 0;*/
    width: 100%;
}

.umb-grid .col-md-8 .responsiveSlider .slick-slider-img-holder img,
.umb-grid .col-md-9 .responsiveSlider .slick-slider-img-holder img {
    padding: 0 15px 0 0;
}
/*----------------------*/

.recommendation-grid .imagebook-ads.row {
    margin-left: 0;
}

.width100 {
    width: 95% !important;
    height: auto;
}

.slick-slider-lazyload.lazyload {
    min-height: 96%;
    background-color: #f3f3f3;
}

.slick-placeholder {
    max-height: 340px;
    overflow: hidden;
}

.grid-section img.ad-image {
    width: 100%;
}

#cms_slider .start-page-banner {
    height: 100%;
    width: 100%;
}

.full-width-banner {
    height: 280px;
    width: auto;
}

.share-link {
    position: relative;
    left: 20px;
    top: -6px;
}

.share-link-icon {
    width: 30px;
    height: 30px;
}

.share-text {
    position: relative;
    left: 6px;
    top: 6px;
}

.share-dialog {
    display: none;
    position: absolute;
    border: 1px #dfdfdf solid;
    height: 38px;
    width: max-content;
    border-radius: 3px;
    box-shadow: 3px 4px 4px 0px #848484;
    background: #fff;
}

.share-dialog.display-inline-block {
    display: inline-block;
}

.share-target {
    display: inline;
    padding: 10px 2px;
}


/*
    Ticket#20250710410171
    .advertising {
    border: solid 1px grey;
}*/

.advertising p {
    margin: 0 0 0px;
}

.product-collateral .description {
    position: relative;
}


.viewer-epub-pager {
    margin-top: 20px;
}

.viewer-epub-pager #prev,
.viewer-epub-pager #next {
    width: 70px;
}

.viewer-epub-pager .prev-icon,
.viewer-epub-pager .next-icon {
    top: 3px;
}

/************************/
/* UMBRACO: SACK PRODUCT GRID */
/************************/
.sack-product-grid .slick-slider-lazyload {
    height: inherit;
    width: inherit;
    max-width: 100%;
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.sack-product-grid .pennons.top {
    display: flex;
    left: 0 !important;
    top: 0;
}

.sack-product-grid .authors-and-title-in-grid {
    font-family: "Source Sans Pro", sans-serif;
    color: #333;
}

.sack-product-grid .authors-and-title-in-grid .authors,
.sack-product-grid .authors-and-title-in-grid .title {
    font-size: 18px;
}

.sack-product-grid .authors-and-title-in-grid .authors {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sack-product-grid .authors-and-title-in-grid .title {
    height: 78px;
    overflow: hidden;
    font-family: "texgyreadventorregular";
}

.sack-product-grid .price {
    font-size: 20px;
}

.sack-product-grid .price-container {
    text-align: right;
    text-align: -webkit-right;
    width: calc(100% - 50px);
    display: inline-block;
    position: relative;
    top: 3px;
}

.sack-product-grid .edition-statement {
    height: 40px;
    overflow: hidden;
    margin-bottom: 6px;
}

.sack-product-grid .shop-btn {
    float: right;
}

.sack-product-grid .price-and-shop-button {
    position: relative;
    right: 30px;
}

.sack-product-grid .price-and-shop-button ~ .price-description {
    text-align: end;
}

.sack-product-grid [id^=sack_product_grid_] {
    height: 240px;
}

.sack-product-grid .imagebook-ads {
    display: flex;
    float: left;
    padding-left: 15px;
}

.sack-product-grid .imagebook-ads .bottom-rightebook {
    width: inherit;
}

.sack-product-grid .img-holder {
    display: flex;
    flex-direction: column;
    height: 240px;
}

.sack-product-grid .img-holder img,
.sack-product-grid .img-holder .bottom-ebook {
    -ms-flex: 1;
    flex: 1;
}

/*****************************/
/* UMBRACO SACK IMAGE GALERY */
/*****************************/
.image-gallery,
.image-gallery .slick-track {
    height: 150px;
}

.image-gallery.preview .image-item {
    width: 80px;
}

.image-gallery .image-item {
    height: 120px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.gallery-preview .href:hover,
.image-gallery .href:hover,
.image-gallery-preview .href:hover {
    cursor: pointer;
}

.image-gallery-preview,
.image-gallery-preview .slick-track {
    height: 400px;
}

.image-gallery-preview .image-gallery-content {
    height: 100%;
}

.image-gallery-preview .gallery-item {
    width: 100%;
    height: 100%;
    text-align: center;
    text-align: -webkit-center;
}

.image-gallery-preview .image-item {
    width: auto;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.image-gallery-popup {
    position: absolute;
    width: auto;
    max-width: 98%;
    height: 660px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.gallery-popup,
.selected-image-preview {
    height: 100%;
}

.image-gallery-popup .close-btn,
.gallery-popup .close-btn {
    width: 20px;
    height: 20px;
    background-image: url("/Images/cross_red.svg");
    background-repeat: no-repeat;
}

.image-gallery-popup .close-btn {
    float: right;
}

.image-gallery-popup .close-btn:hover,
.gallery-popup .close-btn:hover {
    cursor: pointer;
    background-color: #ca2c0973;
}

.gallery-popup .close-btn {
    position: absolute;
    padding: 5px;
    right: 10px;
    top: 10px;
    background-color: #fff;
}

.image-gallery-popup .image-item {
    height: 600px;
}

.image-gallery-popup .image-gallery-content {
    top: 40px;
}

.image-gallery-popup .image-gallery-content {
    aspect-ratio: 46/62;
}

.image-gallery-modal,
.gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4500;
    display: none;
}

.image-gallery-modal {
    background-color: #dddddda1;
}

.gallery-modal {
    background-color: #121212e3;
}

.gallery-modal .gallery {
    width: 90%;
    margin: 20px auto;
    height: 100%;
}

.gallery-modal .popup-preview .slick-list,
.gallery-modal .popup-preview .slick-list .slick-track,
.gallery-modal .popup-preview .slick-list .slick-slide .gallery-item {
    height: 100%;
}

.image-gallery-modal .preview-content {
    padding: 30px 56px;
}

.gallery-modal .preview-content {
    position: relative;
    top: 30px;
    height: 70%;
}

.gallery-modal .preview-content .gallery-item,
.gallery-modal .preview-content .item {
    margin-left: auto;
    margin-right: auto;
}

.gallery-modal .preview-content .gallery-item {
    float: none;
}

.highlight-current-image {
    border: 2px solid #fff;
}

.gallery-modal .preview-content .href:focus {
    outline: none;
}

.gallery-preview .href:focus,
.image-gallery .href:focus,
.image-gallery-preview .href:focus {
    outline: none;
}

.gallery-preview .gallery-content {
    padding-left: 5px;
    padding-right: 5px;
}

.gallery-preview .gallery-content .gallery-item .href,
.gallery-modal .gallery-items-for-preview-popup .gallery-item .href {
    height: inherit;
}

.gallery-modal .gallery-items-for-preview-popup .gallery-item .href {
    display: block;
}

.gallery-modal .gallery-popup .popup-preview .gallery-item .href {
    display: inline;
}

.gallery-preview .gallery-content .href.for-image {
    height: 100%;
}

.gallery-item {
    height: 120px;
    width: 100%;
}

.gallery-preview .gallery-content .padding-bottom-sm {
    padding-left: 0;
    padding-right: 0;
}

.gallery-preview-lightboxed .gallery-item {
    height: 180px;
}

.selected-image-preview .gallery-item {
    height: 100%;
    text-align: center;
    text-align: -webkit-center;
    width: 100%;
}

.gallery-preview .gallery-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.gallery-items-for-preview-popup .gallery-item img {
    max-height: 97%;
    height: auto;
    width: 100%;
    object-fit: contain;
}

.gallery-preview-lightboxed .gallery-item img {
    width: 100%;
}

.gallery-preview .gallery-item img,
.gallery-preview-lightboxed .gallery-item img {
    margin-left: auto;
    margin-right: auto;
}

.gallery-preview-lightboxed .gallery-item img:hover {
    cursor: zoom-in;
}

.gallery-preview .gallery-item:focus a,
.gallery-preview-lightboxed .gallery-item a {
    outline: none;
}

.popup-preview .gallery-item img {
    height: 90%;
    padding-bottom: 0;
}

.gallery-modal .popup-preview .image-title,
.gallery-modal .popup-preview .image-description {
    padding: 5px;
    color: #fff;
    text-align: center;
}

.gallery-modal .popup-preview .image-description {
    font-size: 1.5rem;
}

.gallery-modal .popup-preview .image-title {
    font-size: 1.5em;
    font-weight: bold;
}

/*******************/
/* Resizable Image */
/*******************/
.resizable-image a:hover {
    cursor: zoom-in;
}

#BusyOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: wait;
    background: transparent;
    top: 0;
    left: 0;
    display: none;
}

.resizable-img-custom {
    height: 100%;
}

.resizable-image {
    padding-bottom: 20px;
}

/***************/
/* Menu Picker */
/***************/
.menu-picker {
    background: #fff;
    padding: 25px 30px;
}

.menu-picker .title,
.menu-picker .title a {
    font-size: 14pt;
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
}

.menu-picker .line-level-1 {
    border-top: 1px solid #f52d00;
}

.menu-picker .name-level-1 {
    font-size: 12pt;
    font-family: "texgyreadventorbold", sans-serif;
    color: #f52d00;
}

.menu-picker .line-level-1,
.menu-picker .line-level-2 {
    margin: 8px 0;
}

.menu-picker .name-level-2 {
    font-size: 12pt;
    font-family: "texgyreadventorregular", sans-serif;
    color: #666;
    padding-left: 16px;
    display: inline-block;
}

.menu-picker .menu-items-level-2 {
    text-align: left;
}

/* Umbraco 9 - custom style for bullet list */
ul[style='list-style-type: checkmark;'] li {
    list-style-type: none;
    font-family: "Fontawesome";
    padding-left: 5px;
}

ul[style='list-style-type: checkmark;'] li::marker {
    content: "\f00c";
    font-size: 16pt;
    color: #f52d00;
}

/* Login Popup - Password input field - icon show-hide-password */
.show-hide-password {
    display: inline-block;
    position: absolute;
    color: #adacac;
}

#login-frm .show-hide-password {
    top: 115px;
    left: 325px;
}

.show-hide-password:hover {
    cursor: pointer;
}

.show-hide-password .message {
    color: #333;
    background-color: #fff;
    border: 1px solid #efefef;
    padding: 12px 16px;
    position: absolute;
    width: 300px;
    top: -60px;
    left: -140px;
    font-size: 0.95em;
    z-index: 1;
}

.show-hide-password .message .arrow-down {
    position: absolute;
    background-color: #fff;
    width: 20px;
    height: 20px;
    top: 33px;
    left: 136px;
    transform: rotate(45deg);
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

/* Umbraco Forms - elements */
.umbraco-forms-page .umbraco-forms-field {
    padding-top: 20px;
    max-width: 100%;
}

.umbraco-forms-form select {
    max-width: 400px !important;
    padding: 5px;
    display: block;
    width: 95%;
}

.umbraco-forms-form select * {
    padding: 5px 0;
    background-color: #fff;
}

.umbraco-forms-page .umbraco-forms-field input[type="checkbox"],
.umbraco-forms-page .umbraco-forms-field input[type="radio"] {
    display: block;
}

.umbraco-forms-form span.checkboxlist,
.umbraco-forms-form span.radiobuttonlist,
.umbraco-forms-form span.checkbox {
    padding: 10px 10px 10px 0;
}

.umbraco-forms-form .checkboxlist {
    width: 100%;
}

.umbraco-forms-form .radiobuttonlist input {
    margin-right: 7px;
    display: block !important;
    float: left;
}

.umbraco-forms-form .radiobuttonlist label {
    line-height: 2em;
    position: relative;
    top: -2px;
    display: block !important;
    float: left;
    width: calc(100% - 24px);
    clear: unset !important;
}

.umbraco-forms-form .checkboxlist input {
    float: left;
    margin-right: 10px;
}

.umbraco-forms-form .checkboxlist label {
    line-height: 2em;
    position: relative;
    top: -2px;
    display: block;
    width: calc(100% - 30px);
    clear: unset !important;
}

.umbraco-forms-form .sack-data-consent .consent-checkbox {
    float: left;
}

.umbraco-forms-form .sack-data-consent .accept-label {
    float: right;
    width: calc(100% - 24px);
    margin-top: 2px;
}

.umbraco-forms-form fieldset {
    padding: 0 !important;
    margin: 0 !important;
}

@media screen and (max-width: 575px) {
    .umbraco-forms-page .umbraco-forms-field input[type="checkbox"],
    .umbraco-forms-page .umbraco-forms-field input[type="radio"] {
        float: left;
    }

    .umbraco-forms-page .umbraco-forms-field div label {
        display: -webkit-inline-box;
        word-wrap: break-word;
    }

    .umbraco-forms-page input[type=checkbox],
    .umbraco-forms-page input[type=radio] {
        margin-top: 5px;
    }
}

/* Naix iframe */
.naix-iframe {
    width: 100%;
}

.clickable-image-test {
    width: 80px;
    height: 80px;
    padding: 20px;
}

/* Umbraco 13 Content && Container */
.container-umbraco-content .container,
.container-umbraco-content .content {
    background-color: #fff;
    position: relative;
    padding-top: 30px;
    top: 30px;
}

/* Image Slider */
.image-slider .cms-slider {
    padding-left: 5px;
    padding-right: 5px;
}

.image-slider .cms-slider img {
    margin: 0 auto;
}

.image-slider .cms-slider:focus {
    outline: none;
}

.image-slider-container * {
    height: inherit;
}

.image-slider {
    padding: 0 30px;
}

.image-slider img {
    height: inherit;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 769px) and (max-width: 1024px) {
    .image-slider {
        padding-top: 10px;
    }
}

/* Full Width Landing Page */
.full-width-content .full-width-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.full-width-content .full-width-row .grid-item {
    margin-bottom: 15px;
    margin-right: 7.5px;
    margin-left: 7.5px;
    padding-bottom: 15px;
    border: 1px solid #eff3ef;
    width: 280px;
    display: grid;
}

.full-width-content .full-width-row .grid-item a.no-padding-left {
    width: inherit;
    height: 340px;
}

.full-width-content .full-width-row .grid-item ul.pennons.top {
    position: relative;
    right: 35px;
    left: unset !important;
}

.full-width-content .full-width-row .grid-item a .imagebook-ads {
    padding: 15px;
    width: 280px;
    height: fit-content;
}

.full-width-content .full-width-row .grid-item a .imagebook-ads .img-holder {
    background-color: #eff3ef;
    padding: 15px;
    width: 250px;
    height: 340px;
}

.full-width-content .full-width-row .grid-item a .imagebook-ads .img-holder .bottom-rightebook {
    width: 100%;
}

.full-width-content .full-width-row .grid-item .price-and-shop-button {
    right: 15px;
}

.full-width-content .recommendation-grid {
    padding-left: 15px;
}

.full-width-content .recommendation-grid .full-width-row .grid-item .imagebook-ads img {
    width: 120px;
    max-width: 100%;
}

.full-width-content .recommendation-grid .full-width-row .grid-item .text-productrecommend {
    height: 100%;
    display: grid;
}

.full-width-content .recommendation-grid .full-width-row .grid-item .text-productrecommend .info-block {
    align-self: flex-start;
}

.full-width-content .recommendation-grid .full-width-row .grid-item .text-productrecommend .shop-options {
    align-self: flex-end;
}

.full-width-content .full-width-row .grid-item a .imagebook-ads .img-holder img {
    width: 220px;
    height: 310px;
    object-fit: contain;
}

.full-width-content .sack-product-grid .slick-slider-lazyload {
    /*max-width: 100%;*/
    object-fit: contain;
}

.full-width-content .sack-product-grid .authors-and-title-in-grid .title {
    hyphens: auto;
}

.full-width-content .sack-product-grid .authors-and-title-in-grid .authors {
    overflow:hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    white-space:normal;
}

@media(max-width: 991px) {
    .full-width-content .recommendation-grid .full-width-row .grid-item .text-productrecommend {
        display: block;
    }
}