.cycle-pager {
    top: 0;
}

#logindetails > ul > li {
    display: block;
}

div.alert.alert-info, div.alert.alert-danger, div.alert.alert-success, div.alert.alert-warning {
    z-index: 502 !important;
}

.noMargin {
    margin: 0 -5px 0 -2.5px;
}

ul.list-unstyled.manufacturer > li > span {
    min-width: 200px;
    display:   inline-block;
}

h3.headline {
    margin-top:      0;
    text-decoration: underline;
}

.searchWithPicturesLink {
    float:         left;
    margin-right:  10px;
    min-height:    150px;
    border:        1px solid #252a2f;
    margin-bottom: 10px;
}

.balken {
    background-color: unset;
    margin:           10px 0 10px 5px;
}

div.balkenOhneMargin {
    background-color: unset;
    margin:           10px 0;
    font-weight:      bold;
}

.balken > span {
    font-size: 16px;
    margin:    0;
}

div.balkenOhneMargin > span {
    font-size: 16px;
    margin:    0;
}

#vgkl_tree > ul {
    border: none !important;
}

.toast-centered {
    position: fixed;
    top:      calc(50% - 25px);
    width:    250px;
    right:    calc(50% - 125px);
    height:   auto;
    z-index:  5 !important;
}

.cycle-pager {
    bottom: 0 !important;
}

.blue-button {
    position:           absolute;
    width:              20px;
    height:             20px;
    background-color:   #337ab7;
    background-image:   -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image:   -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image:   linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
    background-repeat:  repeat-x;
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    filter:             none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border:             0px solid transparent;
    border-radius:      50%;
    color:              #555555;
    text-decoration:    none;
    background-image:   -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image:   -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image:   linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
}

/*.ui-state-active,*/
/*.ui-widget-content .ui-state-active,*/
/*.ui-widget-header .ui-state-active {*/
/*background-color:  #337ab7;*/
/*background-image:  -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);*/
/*background-image:  -o-linear-gradient(top, #149bdf 0%, #0480be 100%);*/
/*background-image:  linear-gradient(to bottom, #149bdf 0%, #0480be 100%);*/
/*background-repeat: repeat-x;*/
/*}*/

.noColor {
    color: #252a2f;
}

#basket_table_box > .shopping-cart-table > table > thead > tr > th {
    font-size: 14px;
}

#basket_table_box > .shopping-cart-table > table > tbody > tr > td {
    font-size: 12px;
}

.bold > td {
    font-weight: bold;
    font-size:   13px !important;
}

#manuelle_artikel_box > .panel-body > form > fieldset > div.form-group > label {
    text-align: left;
}

.bs-caret {
    color: black;
}

.centeredImageInDiv {
    display: block;
    margin:  auto;
}

textarea.verticalOnly {
    resize: vertical;
}

#basket_table > tbody > tr > td[name="description"] > ul > li > span {
    min-width: 150px;
    display:   inline-block;
}

#basket_table > tbody > tr > td.centeredImage {
    vertical-align: middle;
}

#basket_table > tbody > tr > td.centeredImage > div {
    display:         flex;
    justify-content: center;
}

#basket_table > tbody > tr > td > span {
    overflow:    hidden;
    white-space: pre-wrap;
}

.col-xs-12 > .product-col.list.clearfix {
    position: inherit;
}

#btn-save-address, #btn-add-address {
    float:  right;
    margin: 10px 15px;
}

#edit_address_form > fieldset > .form-group {
    padding: 15px 0;
}

#edit_address_form > fieldset > .form-group > label {
    padding-top: 7px;
    white-space: nowrap;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.paddingLeftRight {
    padding: 0 12.5px;
}

i.remove {
    color: red;
}

#change_abs_fieldset > .row > .form-group {
    padding: 15px 0;
}

.dropdown-menu[aria-labelledby="dropdown_edit_deliv_address"] {
    margin-left: 5px;
}

.text_panel_header {
    float:        left;
    margin-top:   6px;
    margin-right: 5px;
}

.image_info_text {
    margin-top: 10px;
}

.product-info-box .image {
    width: auto;
}

#order_article > .form-group {
    margin: 10px 0 0 0;
}

table[name="similarArticleTable"], span.artbes {
    max-width:   calc(100% - 50px);
    margin-left: 10px;
}

table[name="similarArticleTable"] > tbody > tr > td:not(2) {
    text-align: center;
}

#search .input-group-btn .btn.btn-lg {
    border-radius: 0 !important;
}

#input_suche {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius:    0 !important;
}

#detailsuche {
    border-left-width:         0 !important;
    border-top-left-radius:    0 !important;
    border-bottom-left-radius: 0 !important;

}

#detailsuche > i.fa {
    font-size: 14px !important;
}

@media (max-width: 533px) {
    div.boxtyp1, div.boxtyp2, div.boxtyp3, div.boxtyp4, div.boxtyp5, div.boxtyp6, div.boxtyp7 {
        width: 100% !important;
    }

    div.boxtyp1, div.boxtyp2, div.boxtyp3, div.boxtyp4, div.boxtyp5, div.boxtyp6, div.boxtyp7 {
        margin: 4px 0 !important;
    }
}

.single-row {
    float: left;
}

.no_float {
    float: none !important;
}

.table_same_attributes {
    position:       relative;
    left:           10px;
    padding-bottom: 5px;
}

#header-area .header-top .pull-left {
    text-align: left;
}

.not-hidden {
    background-image: none !important;
}

@media (max-width: 425px) {
    div#advanced_search > div.input-group {
        width: 126%;
    }

    #filter_articles_table > tbody > tr > td > div.filter_selects {
        width: 140px;
    }

    #filter_articles_table > tbody > tr > td > div.slider_div > div.filter-slider {
        width: 150px;
    }

    div.search-hst-logo img.hst-logo {
        right: 0 !important;
    }

    #basketBreadcrumb > div {
        display: block !important;
        width:   100%;
    }

    #basketBreadcrumb > div:nth-of-type(1) {
        margin-bottom: 10px;
    }

    #basketBreadcrumb > div:nth-of-type(2) {
        float: none;
    }

    #basketBreadcrumb > div:nth-of-type(2) > div {
        width: 100%;
    }

    #delAndInvoiceDiv > div {
        width: 100%;
    }
}

@media (max-width: 360px) {
    div#advanced_search > div.input-group {
        width: 120%;
    }

    #filter_articles_table > tbody > tr > td > div.filter_selects {
        width: 130px;
    }

    #filter_articles_table > tbody > tr > td > div.slider_div > div.filter-slider {
        width: 130px;
    }
}

@media (max-width: 320px) {
    div#advanced_search > div.input-group {
        width: 105%;
    }

    #filter_articles_table > tbody > tr > td > div.filter_selects {
        width: 120px;
    }

    #filter_articles_table > tbody > tr > td > div.slider_div > div.filter-slider {
        width: 110px;
    }

    div.filter_selects {
        width: auto;
    }
}

.table-striped thead .headerSortUp, .table-striped thead .tablesorter-headerSortUp, .table-striped thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.table-striped thead .headerSortDown, .table-striped thead .tablesorter-headerSortDown, .table-striped thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.tablesorter-headerRow > th {
    background:  transparent url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat right center;
    cursor:      pointer;
    padding:     4px 20px 4px 4px;
    white-space: normal;
}

.table-striped > tbody > tr.not-hidden:nth-of-type(2n+1) {
    background-color: #E7F1FD;
}

#submit_filter {
    margin-left: 20px;
}

#search_content .result_pic_art .table_same_attributes {
    width: auto !important;
}

.table_same_attributes {
    margin-left:  250px !important;
    margin-right: 20px !important;
}

.table_same_attributes > tbody > tr > td {
    padding: 0 5px;
}

#filter_articles_table > tbody > tr > td {
    margin: 10px 20px;
}

div.filter-slider {
    width:   200px;
    display: inline-block;
}

.footer {
    z-index: 501 !important;
}

.footer ul {
    margin: 0;
}

#bes-search-link > a {
    color: #ed7743;
}

h4.warengruppen {
    margin: 10px 0;
}

#filter_articles_div > .form-inline {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .explanationDoc {
        margin-left: -4px;
    }
}

@media (min-width: 768px) {
    #search_content .result_pic_art img {
        max-width: none !important;
    }

    .image {
        width: 210px;
    }

    #search_content img.hst-logo {
        max-width:  100px !important;
        max-height: 50px !important;
        margin:     0 !important;
    }
}

button#toggleOtherCategories, button#toggleRelevantCategories {
    margin-top: 10px;
}

p.cataloggroupArticles, p.cataloggroup {
    margin-bottom: 0;
}

p.cataloggroupArticles > a, p.cataloggroup > a {
    color: #ed7743;
}

#categories_div > div.panel {
    margin-bottom: 10px;
}

#categories_div h4, #filter_articles_div h4 {
    font-size: 18px;
}

h4.warengruppen {
    font-size:     14px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .product-head, .product-col {
        text-align: left !important;
    }

    #bild {
        display:         flex;
        justify-content: center;
        width:           auto !important;
    }

    .table_same_attributes {
        margin-left: 0 !important;
    }

    .table_same_attributes > img.hst-logo {
        max-width: 100px !important;
        margin:    0 !important;
    }

    #filter_articles_table > .row:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .preview_list {
        margin-top: 15px;
    }

    .inner_slider_div {
        display: block !important;
    }

    .inner_slider_div > div.bootstrap-select.form-control {
        width: calc(100% - 20px);
    }

    .inner_slider_div > div.bootstrap-select.form-control:first-of-type {
        margin-bottom: 5px;
    }

    .inner_slider_div > div.bootstrap-select.form-control:last-of-type {
        margin-top: 5px;
    }

    .inner_slider_div > div.bootstrap-select.form-control, .inner_slider_div > span {
        margin-left: 20px;
    }

    #submit_filter {
        margin-left: 0;
    }

    table[name="similarArticleTable"] {
        margin-left: 0;
    }

    #search_content > div.result_pic_art > div {
        width: calc(100% - 15px);
    }

    #logindetails ul {
        padding-left: 40px;
        margin-left:  -40px;
        margin-right: 0;
    }

    #logindetails ul > li {
        width: 100% !important;
    }
}

div.picture {
    padding-left:  10px;
    padding-right: 10px;
}

#search_content > div.panel {
    margin: 0 10px 10px 10px;
}

#search_content .imgTooltip img {
    max-width: none !important;
}

div.col-xs-12 > div.product-col {
    min-height: 150px;
}

a.compare_articles, span.multi_row_links {
    margin: 0 !important;
}

a.show_hide_articles, a.compare_articles {
    color: #ed7743;
}

.space_left {
    margin: 5px 0 5px 15px;
}

#search_content .result_pic_art img.pic200300 {
    max-width: none;
}

div.artbes > a, span.show_hide_articles {
    cursor: pointer;
}

div.image > a > img {
    float:        left;
    margin-right: 15px;
}

div.boxtyp1, div.boxtyp2, div.boxtyp3, div.boxtyp4, div.boxtyp5, div.boxtyp6, div.boxtyp7 {
    float: left;
}

div.boxtyp1 > div.content_start1, div.boxtyp1 > div.content_start2,
div.boxtyp2 > div.content_start1, div.boxtyp2 > div.content_start2,
div.boxtyp3 > div.content_start1, div.boxtyp3 > div.content_start2,
div.boxtyp4 > div.content_start1, div.boxtyp4 > div.content_start2,
div.boxtyp5 > div.content_start1, div.boxtyp5 > div.content_start2,
div.boxtyp6 > div.content_start1, div.boxtyp6 > div.content_start2 {
    height:   calc(100% - 52px - 5px);
    overflow: hidden;
    margin:   5px;
}

div[class^="boxtyp"].empty {
    opacity: 0;
}

#startseite div.style1, div.style1 {
    float:   left;
    border:  1px solid #9da2a8;
    margin:  7px;
    padding: 0;
}

#startseite div.style2, div.style2 {
    float:   left;
    margin:  8px;
    padding: 0;
}

button.text-search {
    color: #ed7743;
}

input.full-width, button.full-width {
    width: 100% !important;
}

fieldset.login-form {
    padding: 20px;
}

fieldset.login-form > input {
    max-height: none;
}

button[name="anmelden"] {
    margin-top: 10px;
}

#login {
    margin-top: -1.5px;
}

#logindetails {
    z-index:          500;
    /*display:          none;*/
    position:         absolute;
    top:              40px;
    left:             20%;
    background-color: #ffffff;
    border:           1px solid #e3e3e3;
    border-radius:    10px;
    padding:          10px 50px 10px 10px;
}

#logindetails > li, #logindetails > ul > li {
    list-style-type: none;
}

li.dropdown:hover > ul.dropdown-menu {
    display: block;
    float:   left;
}

.dropdown:hover > a:after {
    display: block;
    float:   left;
}

ul.dropdown-menu {
    margin: 0;
}

body {
    background: #fff;
    color:      #252a2f;
    font:       14px/22px 'Lato', sans-serif;
}

/* Standard Styles Starts */

a, .ui-widget-content a {
    color: #ed7743;
}

a:hover {
    color:  #252a2f;
    cursor: pointer;
}

a:focus {
    outline: none;
}

fieldset > a {
    padding-left: 10px;
}

fieldset fieldset {
    padding-left: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    color:       #252a2f;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

.main-heading {
    font-size: 30px;
}

.main-heading span {
    font-size: 18px;
    color:     #878a8c;
}

.main-heading2 {
    font-size: 24px;
}

.main-heading,
.main-heading2,
.sub-heading {
    text-transform: uppercase;
}

.sub-heading {
    font-size: 24px;
    padding:   10px 0;
}

hr {
    border-color: #8c8f92;
}

/* Form & Buttons Styles Starts */

.btn-black {
    background-color: #303030;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-main {
    background-color: #ed7743;
}

.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active {
    background-color: #303030;
}

.btn-black,
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-main,
.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active {
    color: #fff;
}

/* Header Area Styles Starts */

#header-area {
    background:    #fff;
    margin-bottom: 20px;
}

#header-area.home {
    margin-bottom: 0;
}

.header-top {
    padding-top:    10px;
    padding-bottom: 10px;
    background:     #e7e7e7;
}

/* Header Links Styles Starts */

.header-links ul {
    margin: 5px 0 0;
}

.header-links li {
    display: inline-block;
}

.header-links li .fa {
    margin-right: 3px;
}

.header-links li,
.header-links li a {
    color:     #252a2f;
    font-size: 15px;
}

.header-links li a {
    padding: 0 15px 0 0;
}

.header-links li a:hover,
.header-links li a:focus,
.header-links li.active a {
    background: none;
    color:      #c1592b;
}

/* Currency & Languages Drop Down Styles Starts */

.header-top .btn-link {
    color:           #252a2f;
    text-decoration: none;
    margin:          0;
    font-size:       13px;
}

.header-top .open .btn-link,
.header-top .btn-link i.fa {
    color: #c1592b;
}

.header-top .btn-link i.fa {
    margin-left: 5px;
}

/* Main Header & Search Styles Starts */

.main-header {
    /*padding: 25px 0;*/
}

div.input-group {
    margin-right: 10px;
}

#logo {
    height: 80px;
    width:  auto !important;
    margin: 10px 0;
}

#search {
    margin-top:    13px;
    margin-bottom: 13px;
}

#search .input-group {
}

#search .input-group .form-control {
    background:            none;
    border:                solid #e4e4e4;
    border-width:          1px 0 1px 1px;
    color:                 #878a8c;
    font-size:             14px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
}

#search .input-group .btn {
    background:         none;
    border:             1px solid #e4e4e4;
    color:              #ed7743;
    height:             46px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

#search .input-group .btn .fa {
    font-size: 24px;
}

/* Cart Style Starts */

#cart .btn {
    margin-top:            13px;
    margin-bottom:         13px;
    color:                 #878a8c;
    background:            #fff;
    border:                1px solid #e4e4e4;
    text-align:            left;
    padding:               4px 0;
    font-size:             12px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
}

#cart .btn .fa-shopping-cart {
    color:       #ed7743;
    line-height: none;
    padding:     3px 12px;
    font-size:   30px;
}

#cart .btn span {
    margin-top:  9px;
    margin-left: 3px;
    color:       #ed7743;
    font-size:   14px;
}

#cart .btn span#cart-total {
    color:       #878a8c;
    font-size:   12px;
    font-weight: bold;
    padding:     2px 8px 0 5px;
}

#cart .btn .fa-shopping-cart,
#cart .btn span {
    /*float: left;*/
}

#cart .btn i.fa-caret-down {
    color:        #ed7743;
    margin-top:   11px;
    margin-right: 20px;
    font-size:    16px;
    float:        right;
}

#cart .dropdown-menu {
    min-width:             100%;
    margin-top:            10px;
    background:            #383838;
    color:                 #fff;
    border:                none;
    z-index:               1001;
    padding:               5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
}

#cart .open > .dropdown-menu {
    display: block;
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu table,
#cart .dropdown-menu table td {
    background: none;
    border:     none;
}

#cart .dropdown-menu table.hcart td,
.line-bottom {
    border-bottom: 1px solid #54575b;
}

.line-top,
.btn-block1 {
    border-top: 1px solid #54575b;
}

#cart .btn-block1 {
    padding: 20px 0 0;
}

#cart .btn-block1 a {
    padding:         8px 12px;
    margin-left:     10px;
    text-transform:  uppercase;
    font-size:       12px;
    text-decoration: none;
}

#cart .btn-block1 a:hover, #cart .btn-block1 a + a {
    background: #ed7743;
    color:      #fff;
}

#cart .btn-block1 a, #cart .btn-block1 a + a:hover {
    background: #fff;
    color:      #ed7743;
}

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding:   0 10px;
}

#cart .dropdown-menu li p {
    margin: 20px 0;
}

#cart .dropdown-menu table.total {
}

#cart .dropdown-menu table.total td {
    padding: 2px 8px;
}

#cart .dropdown-menu table td a {
    color: #fff;
}

#cart .dropdown-menu table td a:hover {
    color: #ed7743;
}

/* Main Menu Styles Starts */

#main-menu {
    background: #383838;
}

#main-menu.navbar {
    margin:                0;
    padding:               0;
    border:                none;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

#main-menu .navbar-nav > li {
}

#main-menu .navbar-nav > li + li {
}

#main-menu .navbar-nav > li a {
    color:          #fff;
    text-transform: uppercase;
}

#main-menu .navbar-nav > li.active a,
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > li.open a {
    background: #ed7743;
}

#main-menu .dropdown-menu {
    background:            #ed7743;
    border:                none;
    padding:               0;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
}

#main-menu .navbar-nav > li > .dropdown-menu li a {
    color:          #fff;
    font-size:      13px;
    padding-top:    8px;
    padding-bottom: 8px;
    font-weight:    normal;
}

#main-menu .dropdown-menu li:hover a {
    background:      #c05d32;
    text-decoration: none;
}

#main-menu .dropdown-inner {
    display:        table;
    padding-bottom: 10px;
}

#main-menu .dropdown-inner ul {
    display: table-cell;
}

#main-menu .dropdown-inner .dropdown-header {
    font-size:      15px;
    text-transform: uppercase;
    color:          #fff;
    padding:        15px 0 10px 15px;
}

#main-menu .dropdown-inner li a {
    min-width: 160px;
    display:   block;
    padding:   3px 20px;
    clear:     both;
}

/* Breadcrumb Styles Starts */

.breadcrumb {
    /*text-transform:        uppercase;*/
    padding:               10px;
    border:                1px solid #dedede;
    background:            #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    margin:                10px 10px 0 10px;
    font-weight:           bold;
}

.breadcrumb li {
    color:     #878a8c;
    font-size: 13px;
}

.breadcrumb > li + li:before {
    content: "\00BB";
    color:   #878a8c;
}

.breadcrumb li a {
    color: #252a2f;
}

div.breadcrumb.basket {
    margin: 10px 0 20px 0;
}

/* Slider Section Styles Starts */

.slider-wrap {
    margin-bottom:    30px;
    padding-top:      30px;
    padding-bottom:   30px;
    background-color: #ed7743;
}

.slider {
}

#main-carousel .carousel-control.left,
#main-carousel .carousel-control.right {
    background: none;
    color:      #fff;
}

#main-carousel .carousel-control:hover.left,
#main-carousel .carousel-control:hover.right {
    color: #ed7743;
}

#main-carousel .carousel-indicators {
}

#main-carousel .carousel-indicators li {
    width:            17px;
    height:           17px;
    background-color: #292d30;
    margin-right:     10px;
}

#main-carousel .carousel-indicators .active {
    width:            18px;
    height:           18px;
    background-color: #292d30;
}

/* Categories Banner Styles Starts */

.categories-banner-box {
    margin-top: 10px;
}

.categories-banner-box img {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius:    3px 3px 0 0;
    border-radius:         3px 3px 0 0;
}

.categories-banner-box h4 {
    margin-top:            0;
    margin-bottom:         0;
    padding:               15px 20px;
    background-color:      #1d1b1c;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius:    0 0 3px 3px;
    border-radius:         0 0 3px 3px;
}

.categories-banner-box h4,
.categories-banner-box h4 a {
    color: #fff;
}

/* Column Banner Styles Starts */

.col1-banners,
.col2-banners,
.col3-banners {
    margin-bottom: 20px;
}

/* Products Box Styles Starts */

.products-list {
    margin-bottom: 15px;
}

.product-head {
    padding:               12px 20px;
    margin:                0 0 20px;
    font-size:             24px;
    color:                 #fff;
    background:            #ed7743;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            0 3px #a45f41;
}

.product-col {
    padding:               10px;
    margin-bottom:         20px;
    border:                1px solid #dedede;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
}

.product-col.list {
    padding: 15px;
}

.product-col .image img {
    margin-left:  auto;
    margin-right: -5px;
}

.product-col .image {
    display:         flex;
    justify-content: center;
}

div.picture > div.image {
    justify-content: inherit;
    display:         block;
}

.product-col.list .image {
    padding: 0;
    float:   left;
}

.product-col .caption {
    padding:    10px 0;
    text-align: center;
}

.product-col.list .caption {
    padding-top: 0;
    text-align:  left;
}

.product-col h4 {
    font-size: 16px;
}

.product-col h4,
.product-col h4 a {
    color:       #252a2f;
    font-weight: bold;
}

.product-col h4 a:hover,
.product-col h4 a:focus {
    color: #ed7743;
}

.product-col .description {
    padding:     5px 10px;
    font-size:   12px;
    line-height: 18px;
    color:       #8b8b8b;
    font-weight: bold;
}

.product-col.list .description {
    padding-right: 20px;
}

.product-col .price {
    padding:     10px 0;
    font-weight: bold;
}

.product-col .price .price-tax {
    font-size: 14px;
    color:     #212121;
}

.product-col .price span.price-new {
    color:         #ed7743;
    font-size:     24px;
    padding-right: 5px;
}

.product-col .price span.price-old {
    font-size:       14px;
    color:           #5a5a5a;
    text-decoration: line-through;
}

.product-col .cart-button {
    padding-top: 5px;
}

.product-col .cart-button .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.product-col .btn-wishlist,
.product-col .btn-compare {
    color:       #ed7743;
    background:  #fff;
    margin-left: 5px;
    border:      1px solid #d5d5d5;
}

.product-col .btn-wishlist:hover,
.product-col .btn-compare:hover {
    background:   #ed7743;
    color:        #fff;
    border-color: #ed7743;
}

.product-col .btn-cart {
    font-size:   14px;
    color:       #fff;
    font-weight: bold;
    background:  #ed7743;
}

.product-col .btn-cart .fa {
    font-size:    20px;
    margin-right: 2px;
}

.product-col .btn-cart:hover {
    background: #383838;
}

/* Shopping Cart Page Styles Starts */

.shopping-cart-table {
    margin-top: 30px;
    background: #fff;
    /*text-transform: uppercase;*/
}

.shopping-cart-table thead > tr > td {
    font-size:     15px;
    font-weight:   600;
    border-bottom: none;
}

.shopping-cart-table tbody > tr > td {
    font-size: 16px;
}

.shopping-cart-table tbody > tr > td a:hover {
    color: #252a2f;
}

/* Compare Page Styles Starts */

.compare-table {
    margin-top:     30px;
    background:     #fff;
    text-transform: uppercase;
}

.compare-table thead {
    background: #f9f9f9;
}

.compare-table thead > tr > td {
    font-size:     15px;
    font-weight:   600;
    border-bottom: none;
}

.compare-table tbody > tr > td {
    font-size: 14px;
}

.compare-table tbody > tr > td a:hover {
    color: #252a2f;
}

.compare-table td {
    text-align: center;
}

.compare-table .rating .fa-star {
    color: #d86a3a;
}

/* Login & Registration Section Styles Starts */

.login-area {
    padding-top: 30px
}

.registration-area {
    padding-top: 20px;
}

.panel-smart {
    padding:               20px;
    background:            #fff;
    border:                1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.panel-smart .panel-heading {
    padding:       5px 0 15px 0;
    color:         #252a2f;
    border-bottom: 1px solid #929497;
}

.panel-smart h3.panel-title {
    font-size: 24px;
}

#search_content .panel-title {
    font-size: 22px;
}

.panel-smart .panel-body {
    padding: 20px 0 0;
}

.registration-area .inner {
    margin-top:    30px;
    margin-bottom: 20px;
}

.registration-area .control-label {
    color:       #8b8b8b;
    font-weight: 600;
}

.registration-area .form-control, .registration-area .btn {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.registration-area .dl-horizontal {
}

.registration-area .dl-horizontal dt {
    font-weight: normal;
}

.registration-area .dl-horizontal dd {
    font-weight: bold;
}

.registration-area .dl-horizontal dt, .registration-area .dl-horizontal dd {
    margin-bottom: 5px;
}

.registration-area .dl-horizontal.total {
    color:     #d86a3a;
    font-size: 18px;
}

.registration-area .dl-horizontal.total dt,
.registration-area .dl-horizontal.total dd {
    margin-bottom: 0;
}

/* Main Container Styles Starts */

#main-container {
    margin-bottom: 35px;
}

#main-container-home {
    margin-bottom: 0;
}

/* Product Carousel Styles Starts */

.product-carousel .product-head {
}

.product-carousel .row {
    margin-left:  -5px;
    margin-right: -5px;
}

.product-carousel .col-xs-12 {
    padding-left:  0;
    padding-right: 0;
}

#owl-product .item {
    padding-left:  5px;
    padding-right: 5px;
}

#owl-product .owl-controls {
    margin: 0;
}

#owl-product .owl-controls .owl-buttons div {
    position:   absolute;
    background: none;
    font-size:  24px;
}

#owl-product .owl-controls .owl-buttons .owl-prev,
#owl-product .owl-controls .owl-buttons .owl-next {
    top:   -58px;
    color: #fff;
}

#owl-product .owl-controls .owl-buttons .owl-prev {
    right: 60px;
}

#owl-product .owl-controls .owl-buttons .owl-next {
    right: 20px;
}

/* Category Intro Content Styles Starts */

.cat-intro {
    padding-top: 10px;
}

.cat-intro .img-thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.cat-intro .cat-body {
    color:        #8b8b8b;
    font-size:    13px;
    padding-left: 5px;
    text-align:   justify;
}

/* Product Filter Styles Starts */

.product-filter {
    margin:       15px 10px;
    padding:      8px 0;
    border:       solid #d0d0d0;
    border-width: 1px 0;
}

.product-filter .display {
    padding-top: 5px;
}

.product-filter .display a {
    color:        #2f353b;
    font-size:    24px;
    margin-right: 6px;
}

.product-filter .display a.active {
    color: #ed7743;
}

.product-filter .control-label {
    padding-top: 5px;
    font-size:   18px;
    font-weight: normal;
}

.product-filter .form-control {
    height:                30px;
    padding:               3px 6px;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

/* Side Products Lists Styles Starts */

.side-products-list {
    margin:     0 0 20px;
    padding:    0;
    list-style: none;
    border:     1px solid #ddd;
}

.side-products-list li {
    padding: 10px 15px;
}

.side-products-list li + li {
    border-top: 1px solid #ddd;
}

.side-products-list h5 {
    margin-bottom: 7px;
    font-size:     16px;
}

.side-products-list h5 a {
    color: #252a2f;
}

.side-products-list h5 a:hover {
    color: #d86a3a;
}

.side-products-list img {
    margin-right: 15px;
}

.side-products-list img,
.side-products-list h5,
.side-products-list .price {
    float: left;
}

.side-products-list .price span.price-new {
    color:         #d86a3a;
    font-size:     18px;
    padding-right: 5px;
}

.side-products-list .price span.price-old {
    font-size:       14px;
    color:           #808080;
    text-decoration: line-through;
}

/* Product Page Styles Starts */

.product-info {
    padding-top: 10px;
}

.product-info .images-block {
}

.product-info .images-block .thumbnail {
    padding:               10px;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.product-info.full .images-block .list-inline {
    margin-left: -5px;
}

.product-info.full .images-block .list-inline li {
    padding-left:  5px;
    padding-right: 5px;
}

.product-info .images-block .list-inline {
    margin-left: -2px;
}

.product-info .images-block .list-inline li {
    padding-left:  2px;
    padding-right: 2px;
}

.product-info .images-block .list-inline .thumbnail {
    padding: 5px;
}

.product-info .product-details {
}

.product-info .product-details h2 {
    margin-top: 0;
    font-size:  24px;
}

.product-info .product-details h3 {
    font-size: 22px;
}

.product-info .product-details .manufacturer {
    color:          #808080;
    text-transform: uppercase;
}

.product-info .product-details .manufacturer span {
    min-width: 180px;
    display:   inline-block;
    color:     #2f353b;
}

.product-info .product-details .price {
}

.product-info .product-details .price-head {
    padding-right:  10px;
    font-size:      24px;
    color:          #212121;
    text-transform: uppercase;
}

.product-info .product-details .price-tax {
    padding-top:    5px;
    font-size:      14px;
    color:          #212121;
    text-transform: uppercase;
}

.product-info .product-details .price-new {
    color:         #ed7743;
    font-size:     24px;
    padding-right: 5px;
}

.product-info .product-details .price-old {
    font-size:       18px;
    color:           #212121;
    text-decoration: line-through;
}

.product-info .product-details .options {
}

.product-info .product-details .options h3 {
    margin-bottom: 20px;
}

.product-info .product-details .options h6 {
    font-weight: 700;
}

.product-info .product-details .cart-button {
}

.product-info .product-details .cart-button .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.product-info .product-details .btn-wishlist,
.product-info .product-details .btn-compare {
    color:        #fff;
    background:   #303030;
    margin-right: 5px;
}

.product-info .product-details .btn-wishlist:hover,
.product-info .product-details .btn-compare:hover,
.product-info .product-details .btn-cart {
    background: #ed7743;
}

.product-info .product-details .btn-cart {
    font-size: 14px;
    color:     #fff;
}

.product-info .product-details .btn-cart:hover {
    color:      #fff;
    background: #303030;
}

.product-info-box {
    padding-top: 10px;
}

.product-info-box + .product-info-box {
    padding-top: 30px;
}

.product-info-box .heading {
    padding:               13px 20px;
    font-size:             18px;
    color:                 #ed7743;
    background:            #fff;
    border-top:            1px solid #dedede;
    border-right:          1px solid #dedede;
    border-bottom:         4px solid #ed7743;
    border-left:           1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.product-info-box .content {
    color:     #212121;
    font-size: 13px;
}

/* Tabs Styles Starts */

.tabs-panel {
    margin-top: 20px;
}

.tabs-panel.panel-smart {
    padding: 0;
}

.tabs-panel .nav-tabs {
    font-size:     16px;
    border-bottom: 4px solid #ed7743;
}

.tabs-panel .nav-tabs > li {
    margin-bottom: 0;
}

.tabs-panel .nav-tabs > li > a {
    color:  #ed7743;
    margin: 0;
}

.tabs-panel .nav-tabs > li > a,
.tabs-panel .btn,
.tabs-panel .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.tabs-panel .nav-tabs > li.active > a,
.tabs-panel .nav-tabs > li.active > a:hover,
.tabs-panel .nav-tabs > li.active > a:focus,
.tabs-panel .nav > li > a:hover,
.tabs-panel .nav > li > a:focus {
    background: none;
}

.tabs-panel .nav-tabs > li > a,
.tabs-panel .nav-tabs > li.active > a,
.tabs-panel .nav-tabs > li.active > a:hover,
.tabs-panel .nav-tabs > li.active > a:focus,
.tabs-panel .nav-tabs > li > a:hover {
    border: none;
}

.tabs-panel .nav-tabs > li.active,
.tabs-panel .nav-tabs > li.active > a {
    background: #ed7743;
    color:      #fff;
}

.tabs-panel .nav-tabs > li > a:hover {
    background: #f4f4f4;
}

.tabs-panel .tab-content {
    padding:   20px;
    font-size: 13px;
}

.tabs-panel label.control-label {
    text-transform: uppercase;
    font-weight:    normal;
}

.tabs-panel label.control-label.ratings {
    padding-top: 1px;
}

.tabs-panel .btn {
    margin-left: -10px;
}

/* Pagination Styles Starts */

.pagination {
    margin: 0;
}

.pagination > li > a {
    color: #444c53;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background:   #ed7743;
    border-color: #d86a3a;
}

.results {
    padding-top: 10px;
    text-align:  right;
}

/* Page Content Styles Starts */

.page-box {
    color:         #8b8b8b;
    font-size:     13px;
    margin-bottom: 40px;
}

.page-box h3 {
    margin:    0;
    font-size: 24px;
    color:     #252a2f;
}

.page-box h3, .page-box h4 {
    text-transform: uppercase;
}

.page-box h4 {
    margin:    5px 0 15px;
    color:     #808080;
    font-size: 18px;
}

.page-box .sm-links {
    margin-bottom: 20px;
}

.page-box .sm-links li {
    background:            #ed7743;
    width:                 34px;
    text-align:            center;
    padding:               5px 0 4px;
    margin:                0 0 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.page-box .sm-links li:hover {
    background: #383838;
}

.page-box .sm-links li a .fa {
    color:     #fff;
    font-size: 24px;
}

/* Content Box Styles Starts */

.content-box {
    border:                1px solid #e9e9e9;
    background:            #fff;
    margin-top:            20px;
    padding:               30px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.content-box .special-heading {
    font-size:     100px;
    color:         #ed7743;
    margin-top:    0;
    margin-bottom: 30px;
}

/* Map Wrapper Styles Starts */

#map-wrapper {
    border: 1px solid #feffff;
    margin: 20px 0;
    height: 250px;
}

/* Sidebar Styles Stars */

.side-heading {
    margin-top:            0;
    margin-bottom:         20px;
    padding:               12px 20px;
    font-size:             24px;
    color:                 #fff;
    background:            #ed7743;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            0 3px #a45f41;
}

.list-group,
.list-group-item:first-child,
.list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.list-group-item:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius:    5px 5px 0 0;
    border-radius:         5px 5px 0 0;
}

.list-group-item:last-child {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:    0 0 5px 5px;
    border-radius:         0 0 5px 5px;
}

.list-group-item {
    color:            #1d1b1c;
    font-weight:      bold;
    background-color: #fff;
    border-color:     #dedede;
}

.list-group.categories a.list-group-item:hover,
.list-group.categories a.list-group-item:focus {
    background: none;
}

.list-group.categories a.list-group-item:hover,
.list-group.categories a.list-group-item:focus,
.list-group.categories a.list-group-item:hover .fa,
.list-group.categories a.list-group-item:focus .fa {
    color: #ed7743;
}

.list-group-item .fa {
    padding-left:  5px;
    padding-right: 7px;
    color:         #ed7743;
    font-weight:   bold;
}

.filter-group {
    margin-left: 20px;
}

/* Blockquote Styles Starts */

.panel-smart blockquote {
    margin:    0;
    padding:   5px 15px;
    color:     #8b8b8b;
    font-size: 13px;
    border:    none;
}

.panel-smart blockquote footer {
    padding-top: 10px;
    color:       #252a2f;
    font-size:   14px;
}

/* Contact Details Box Styles Starts */

.contact-details li + li {
    margin-top: 20px;
}

.contact-details li .fa {
    color:     #ed7743;
    padding:   5px 10px 0 0;
    font-size: 18px;
}

/* Footer Links Styles Starts */

.footer-links {
    padding:          25px 0 40px;
    background-color: #fff;
    border-top:       1px solid #d1d1d1;
}

.footer-links h5 {
    text-transform: uppercase;
    margin-bottom:  20px;
}

.footer-links ul {
    list-style: none;
    margin:     0;
    padding:    0;
}

.footer-links li {
    padding-top: 2px;
    font-size:   12px;
}

.footer-links li + li {
}

.footer-links .last li + li {
    border: none;
}

.footer-links li,
.footer-links li a {
    color: #8b8b8b;
}

.footer-links li a:hover {
    color: #0f0f0f;
}

.footer-links .last li a {
    color: #232323;
}

.footer-links .last h4 {
    font-weight: 300;
}

.footer-links .last h4.lead {
    font-size:     24px;
    margin-bottom: 0;
    color:         #8b8b8b;
}

.footer-links .last h4.lead span {
    color: #151515;
}

/* Copyright Styles Starts */

.copyright {
    background: #161616;
}

.copyright,
.copyright a,
.copyright a:hover {
    color:       #fff;
    font-weight: 500;
}

.copyright p {
    padding-top: 4px;
}

/* Genric Styles Starts */

.img-center {
    margin-left:  auto;
    margin-right: auto;
}

.cart-button .btn,
.product-col .btn-cart {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}

div.header-links > ul.pull-right > li#user_details_name1 {
    padding:     0 0 0 0;
    line-height: 20px;
}

.login-form > input {
    max-height: 20px;
    width:      100px;
}

#filterDiv div.panel.panel-default {
    margin: 10px;
}

.adDoc > .boxtyp1 {
    margin-right: 0;
}

.explanationDoc {
    margin-left: 2.5px;
}

.explanationDoc > div.boxtyp2 {
    /*border: 1px solid #004e98;*/
    position: relative;
}

.explanationDoc + .pagination {
    float: right;
}

#search_content > div.result_pic_art {
    margin: 0 -5px;
}

#search_content > div.result_pic_art > div:not(:first-of-type) {
    margin-top: 10px;
}

#search_content > div.result_pic_art > div.col-xs-12 {
    padding-right: 5px;
}

#search_content .adDoc > div[class^="boxtyp"] > div[class^="content_start"] {
    margin-top: 41px;
}

#search_content .searchStockImage {
    position: absolute;
    left:     25px;
    z-index:  11;
    top:      15px;
}

.row > img.hst-logo {
    top:        0;
    right:      0;
    position:   absolute;
    max-height: 100px;
    margin:     15px 15px 0 0 !important;
}

.product-col.list.clearfix > img.hst-logo, #right.product-info img.hst-logo {
    top:        0;
    right:      0;
    position:   absolute;
    max-height: 40px;
    max-width:  100px !important;
    margin:     15px 15px 0 0 !important;
}

.container_pic > div.imageSearchHeading h2 {
    font-size: 20px;
    display:   inline-block;
}

#right.product-info > div.panel-smart.product-details > h1 {
    font-size:    25px;
    margin-right: 205px;
}

a.detail-page-link {
    top:      35px;
    right:    0;
    position: absolute;
    margin:   0 20px 0 0;
}

a.detail-page-link > img, img.detail-page-image {
    max-width:  100px;
    max-height: 32px;
}

.panel-smart.product-details > img.detail-page-image {
    top:      35px;
    right:    0;
    position: absolute;
    margin:   0 20px 0 0;
}

#referencedArticles .product-col {
    height: 320px;
}

#dokuForm label {
    min-width:  200px;
    text-align: left;
}

#dokuForm p {
    margin: 12px 0 !important;
}

#guestLinkDiv {
    margin-right: 0;
}

#commentAllUsers, #commentArticle {
    margin-right: -40px;
}

#similarArticleProperties {
    position: relative;
}

#propertyListForArticle {
    float:        left;
    padding-left: 15px;
}

.additionalHeaders {
    margin: 0 0 10px -4px;
}

@media (max-width: 586px) {
    div.adDoc {
        display: none;
    }

    li > webshop-catalog-group-tree-menu {
        display: none !important;
    }
}

img.stockImage {
    top:      11px;
    left:     26px;
    position: absolute;
    border:   none !important;
}

.vertical-top {
    vertical-align: top;
    min-width:      200px !important;
}

.noMinWidth {
    min-width: 0 !important;
    right:     22px;
    position:  absolute;
}

textarea.commonTextarea {
    resize: vertical;
    width:  calc(100% - 115px);
    float:  left;
}

#commentSection > li {
    margin: 10px 0;
}

#order_article input[name="com_order"] {
    margin-left: -30px;
}

.warengruppe {
    margin-right: 10px;
}

#referencedArticles .product-col {
    height: 410px;
}

#referencedArticles .image {
    height: 300px;
}

#referencedArticles .caption {
    height:     80px;
    overflow-y: hidden;
}

img.img-responsive {
    position: absolute;
    top:      100px;
    right:    50px;
}

div.search-hst-logo {
    position: relative;
}

div.search-hst-logo > a, div.search-hst-logo > img {
    position: absolute;
    top:      0;
    right:    30px;
    z-index:  1;
}

div.search-hst-logo > a > img.hst-logo {
    top: 0;
    /*right: 50px;*/
}

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

div.commonPropertiesDiv {
    min-height: 120px;
}

div.commonPropertiesDiv > p {
    margin-bottom: 0;
    margin-left:   10px;
}

div.commonPropertiesDiv > p:last-of-type {
    margin-bottom: 10px;
}

div.commonPropertiesDiv > h3 {
    margin-left: 10px;
}

div.commonPropertiesDiv > a {
    margin-left: 10px;
}

#search_content .result_pic_art .attribute_name {
    padding-right: 10px;
    margin-bottom: 0;
}

#search_content .result_pic_art .commonPropertiesDiv > p {
    display: table-row;
}

#search_content .result_pic_art .attribute_name, #search_content .result_pic_art .attribute_value {
    display:     table-cell;
    white-space: nowrap;
}

.search_price_info .attribute_value {
    display: inline-block;
}

.search_price_info .attribute_name {
    vertical-align: top;
}

.pagination {
    display: block;
}

.paginationContent {
    display: inline;
}

#logindetails > a {
    color: black;
}

#logindetails > a > i {
    position:  absolute;
    right:     10px;
    font-size: large;
}

div#similarArticleProperties > a {
    position: absolute;
    right:    10px;
    z-index:  1;
}

img.hst-logo {
    max-width:  100px;
    max-height: 50px;
}

img.kein-bild {
    border: 2px black solid !important;
}

.hstliste > h4 {
    color: #ed7743;
}

.hstliste > ul > li > a {
    color: #ed7743;
}

#s393 .balken {
    margin-bottom: 0;
}

.additionalHeaders {
    margin: 0 0 10px -4px;
}

.pointerCursor {
    cursor: pointer;
}

#searchInput {
    margin: 0;
}

#advanced_search {
    margin-left: -1px;
}

#advanced_search > div.input-group > div.bootstrap-select > button:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius:    0;
}

table#addresses_to_edit td {
    font-size: 13px;
}

input#artikelMenge {
    z-index: 0;
}

#hugePreview {
    z-index: 1;
}

/**
 * Mobiler Warenkorb
 */

#basket_table.mobileBasketTable td, #basketCostSummary td {
    word-wrap:   break-word;
    white-space: normal;
}

#basket_table.mobileBasketTable ul.list-unstyled.manufacturer {
    margin-bottom: 0;
}

#basket_table.mobileBasketTable ul.list-unstyled.manufacturer > li > span {
    min-width:   unset;
    font-weight: bold;
}

#basket_table.mobileBasketTable > thead > tr > th {
    border-bottom-width: 1px;
}

#basket_table.mobileBasketTable > thead > tr > th:nth-of-type(1), #basket_table.mobileBasketTable tr.basketSum > td:nth-of-type(1) {
    text-align:    right;
    border-right:  none;
    padding-right: 0;
}

#basket_table.mobileBasketTable > thead > tr > th:nth-of-type(2), #basket_table.mobileBasketTable tr.basketSum > td:nth-of-type(2) {
    text-align:   left;
    border-left:  none;
    padding-left: 8px;
}

#basket_table.mobileBasketTable > tbody > tr.article > td {
    border-bottom: unset;
}

#basket_table.mobileBasketTable > tbody > tr.article:not(:first-of-type) > td {
    border-top: unset;
}

#basket_table.mobileBasketTable > tbody > tr.article > td:nth-of-type(1) {
    border-right: unset;
}

#basket_table.mobileBasketTable > tbody > tr.article > td:nth-of-type(1) > div {
    display:         flex;
    justify-content: center;
}

#basket_table.mobileBasketTable > tbody > tr.article > td:nth-of-type(2) {
    border-left: unset;
}

#basket_table.mobileBasketTable > tbody > tr.modifyArticle > td {
    border-top:    unset;
    border-bottom: unset;
}

#basket_table.mobileBasketTable > tbody > tr.article > td .price_article {
    font-weight: bold;
    font-size:   1.5rem;
}

#basket_table.mobileBasketTable > tbody > tr.modifyArticle > td > hr {
    border-color:  #ddd;
    margin-bottom: 0;
}

#basket_table.mobileBasketTable > tbody > tr.modifyArticle:nth-last-of-type(2) > td > hr {
    border-color: black;
}

#basket_table.mobileBasketTable > tbody > tr.modifyArticle > td > div.input-group {
    margin-right: 0;
    width:        100%;
}

#basket_table.mobileBasketTable tr.basketSum > td {
    font-weight: bold;
    font-size:   1.5rem;
    border-top:  unset;
}

div.table-responsive.shopping-cart-table.mobileBasketDiv > hr {
    width:        95%;
    margin:       10px 2.5%;
    border-color: black;
}

#basketCostSummary {
    width:  95.5%;
    margin: 20px 2.5%;
}

#basketCostSummary th, #basketCostSummary td {
    border:      1px solid #ddd;
    white-space: normal;
    word-wrap:   break-word;
}

#basket_table_box > p {
    margin: 10px;
}

/**
 * Panels im Warenkorb
 */

#change_abs_fieldset.mobileBasket > div.row > div.form-group {
    padding-bottom: 0;
    margin-bottom:  0;
}

#basketCostSummary tr.costDescription > td {
    padding-right: 10%;
    word-wrap:     break-word;
    white-space:   normal;
    border-bottom: unset;
}

#basketCostSummary tr.costDescription.paymentMethod {
    border-bottom: 1px solid #ddd;
}

#basketCostSummary tr.costValue > td {
    border-top: unset;
}

#basketCostSummary tr.costValue > td:nth-of-type(1) {
    width:         99%;
    text-align:    right;
    padding-right: 0;
    border-right:  unset;
}

#basketCostSummary tr.costValue > td:nth-of-type(2) {
    width:       1%;
    word-wrap:   unset;
    white-space: nowrap;
    border-left: unset;
}

#order_man_art.mobileBasket div.bootstrap-select {
    width: 100%;
}

/**
 * Bearbeitung von Liefer- und Rechnugnsadressen
 */

#addresses_to_edit.mobileTable tr.addressRow > td {
    padding-right: 20%;
}

#addresses_to_edit.mobileTable tr.actionsRow > td {
    display:         flex;
    justify-content: flex-end;
}

#addresses_to_edit.mobileTable tr.actionsRow > td > button:not(:last-of-type) {
    margin-right: 5px;
}

#addresses_to_edit.mobileTable td {
    border: unset;
}

#addresses_to_edit.mobileTable > tbody:not(:last-of-type) {
    border-bottom: unset;
}

#addresses_to_edit.mobileTable > tbody:not(:first-of-type) {
    border-top-width: 1px;
}

#sendTo {
    margin-bottom: 15px;
}

#basket_box > .panel:first-of-type > .panel-heading > .panel-title {
    font-weight: bold;
}

#basketInformationTable table tr:not(:last-of-type) > td {
    padding-bottom: 5px;
}

#basketInformationTable table tr > td:first-of-type {
    padding-right: 5px;
    font-weight:   bold;
}

.user_data_fieldset p {
    clear:   left;
    display: table;
}

.basketOptions {
    float: left;
}

.basketOptionsNext {
    float:         right;
    font-size:     large;
    padding-top:   2rem;
    padding-right: 1rem;
}

.fade.out {
    opacity: 0;
}

.searchVgklMimeImg {
    width: 45px;
}

.table_same_attributes > h3 {
    margin-right: 230px;
}

.container > .row > div.search-hst-logo {
    position: absolute;
    right:    0;
    z-index:  1;
}

#addressListFilterLabel {
    margin-top: 5px;
}

#addresses_to_edit thead .sorter-false {
    background-image: none;
    cursor:           default;
    padding:          4px;
}

#addresses_to_edit thead th {
    background-position-x: left;
}

#addresses_to_edit .tablesorter-header-inner {
    margin-left: 15px;
}

.tab-content {
    border-left:   1px solid #dddddd;
    border-right:  1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding:       10px;
}

.input-group-addon:not(:first-child) {
    border-left: none;
}

.input-group-addon:not(:last-child) {
    border-right: none;
}

.input-group-btn:not(:last-child) .btn {
    border-top-right-radius:    0;
    border-bottom-right-radius: 0;
}

.input-group-btn:not(:first-child) .btn {
    border-top-left-radius:    0;
    border-bottom-left-radius: 0;
}

label,
.ui-dialog label {
    font-weight: normal;
}

.ui-widget {
    font-size: 1em;
    z-index:   1050;
}

#mobileFavourites span.grp_bez, #mobileFavourites span.grp_bes, #mobileFavourites tr[id^="fav_article_"] td > span {
    display: block;
}

#mobileFavourites span.grp_bes:empty {
    display: none;
}

#mobileFavourites .favouriteGroupButtons {
    margin-top:  10px;
    padding-top: 10px;
    border-top:  1px solid #dddddd;
}

#mobileFavourites tr[id^="fav_article_"] td button.btn-danger {
    margin-top: 10px;
}

#merkmale_gruppen_uebersicht .tablesorter-headerRow > th {
    background: unset;
}

#merkmale_gruppen_uebersicht tr.filtered {
    display: none;
}

table.helpTable td {
    vertical-align: top;
}

table.helpTable td img {
    height: 50px;
    width:  50px;
}

@media (max-width: 991px) {
    .explanationDoc {
        margin-left: -4px;
    }
}

@media (min-width: 768px) {
    #search_content .result_pic_art img {
        max-width: none !important;
    }

    .image {
        width: 210px;
    }

    #search_content img.hst-logo {
        max-width:  100px !important;
        max-height: 50px !important;
        margin:     0 !important;
    }
}

@media (max-width: 767px) {
    .product-head, .product-col {
        text-align: left !important;
    }

    #bild {
        display:         flex;
        justify-content: center;
        width:           auto !important;
    }

    .table_same_attributes {
        margin-left: 0 !important;
    }

    .table_same_attributes > img.hst-logo {
        max-width: 100px !important;
        margin:    0 !important;
    }

    #filter_articles_table > .row:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .preview_list {
        margin-top: 15px;
    }

    .inner_slider_div {
        display: block !important;
    }

    .inner_slider_div > div.bootstrap-select.form-control {
        width: calc(100% - 20px);
    }

    .inner_slider_div > div.bootstrap-select.form-control:first-of-type {
        margin-bottom: 5px;
    }

    .inner_slider_div > div.bootstrap-select.form-control:last-of-type {
        margin-top: 5px;
    }

    .inner_slider_div > div.bootstrap-select.form-control, .inner_slider_div > span {
        margin-left: 20px;
    }

    #submit_filter {
        margin-left: 0;
    }

    table[name="similarArticleTable"] {
        margin-left: 0;
    }

    #search_content > div.result_pic_art > div {
        width: calc(100% - 15px);
    }

    #logindetails ul {
        padding-left: 40px;
        margin-left:  -40px;
        margin-right: 0;
    }

    #logindetails ul > li {
        width: 100% !important;
    }
}

@media (max-width: 586px) {
    div.adDoc {
        display: none;
    }

    li > webshop-catalog-group-tree-menu {
        display: none !important;
    }
}

@media (max-width: 533px) {
    div.boxtyp1, div.boxtyp2, div.boxtyp3, div.boxtyp4, div.boxtyp5, div.boxtyp6, div.boxtyp7 {
        width: 100% !important;
    }

    div.boxtyp1, div.boxtyp2, div.boxtyp3, div.boxtyp4, div.boxtyp5, div.boxtyp6, div.boxtyp7 {
        margin: 4px 0 !important;
    }
}

@media (max-width: 425px) {
    div#advanced_search > div.input-group {
        width: 126%;
    }

    #filter_articles_table > tbody > tr > td > div.filter_selects {
        width: 140px;
    }

    #filter_articles_table > tbody > tr > td > div.slider_div > div.filter-slider {
        width: 150px;
    }

    div.search-hst-logo img.hst-logo {
        right: 0 !important;
    }

    #basketBreadcrumb > div {
        display: block !important;
        width:   100%;
    }

    #basketBreadcrumb > div:nth-of-type(1) {
        margin-bottom: 10px;
    }

    #basketBreadcrumb > div:nth-of-type(2) {
        float: none;
    }

    #basketBreadcrumb > div:nth-of-type(2) > div {
        width: 100%;
    }

    #delAndInvoiceDiv > div {
        width: 100%;
    }
}

@media (max-width: 360px) {
    div#advanced_search > div.input-group {
        width: 120%;
    }

    #filter_articles_table > tbody > tr > td > div.filter_selects {
        width: 130px;
    }

    #filter_articles_table > tbody > tr > td > div.slider_div > div.filter-slider {
        width: 130px;
    }
}

@media (max-width: 320px) {
    div#advanced_search > div.input-group {
        width: 105%;
    }

    #filter_articles_table > tbody > tr > td > div.filter_selects {
        width: 120px;
    }

    #filter_articles_table > tbody > tr > td > div.slider_div > div.filter-slider {
        width: 110px;
    }

    div.filter_selects {
        width: auto;
    }
}

.cycle-slideshow > a.slide[href=""] {
    cursor: default;
}

a.weeeToolLink {
    display:       inline-block;
    padding-right: 10px;
    border-radius: 10px;
    margin:        10px 0;
}

a.weeeToolLink:hover {
    color: white;
}

a.weeeToolLink > img {
    height: 30px;
}

#livesearchAutocomplete {
    position:         absolute;
    z-index:          999;
    margin-top:       10px;
    background-color: #ffffff;
    border:           3px solid #dedede;
    width:            1100px;
    overflow-y:       auto;
    height:           min(500px, calc(100vh - 220px));
    font-size:        medium;
    right:            0;
}

#livesearchAutocompleteWrapper {
    display:               grid;
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-template-columns: repeat(auto-fill, minmax(200px, 400px));*/
    grid-template-columns: 270px minmax(300px, 600px) 270px;
    grid-template-rows: repeat(2, 1fr);
    /*grid-auto-rows: minmax(10px, auto);*/
}

#livesearchAutocompleteWrapper > div {
    padding: 10px;
    border:  1px solid #dedede;
}

#livesearchAutocompleteWrapper ul.ui-autocomplete, #livesearchAutocompleteWrapper ul.ui-autocomplete dd > a {
    padding: 0;
}

#livesearch_keyword {
    margin-bottom: 10px;
}

#livesearch_hst_div > ul {
    list-style-type: none;
    padding:         0 0 0 15px;
    margin:          0;
}

#livesearch_hst_div > dd ~ dd {
    border-top:    1px solid #dedede;
    padding:       0;
    margin-bottom: 3px;
    margin-top:    3px;
}

#livesearch_hst_div > dd > span > a {
    display: inline-block;
}

#livesearch_art dt {
    margin-bottom: 10px;
}

#livesearch_art button {
    float: right;
}

#livesearch_art dd {
    display:               grid;
    grid-template-columns: auto 1fr;
    grid-column-gap:       10px;
}

#livesearch_art dd + dd {
    margin-top: 10px;
}

#livesearch_art dd img {
    vertical-align: top;
}

#livesearch_art .articleImage {
    width:    50px;
    height:   100%;
    float:    left;
    position: relative;
}

#livesearch_art .articleImage.count_0 + .liveSearchIconWrapper {
    display: none;
}

#livesearch_art .articleImage.count_1 {
    min-height: 30px;
}

#livesearch_art .articleImage.count_2 {
    min-height: 65px;
}

#livesearch_art .articleImage.count_3 {
    min-height: 100px;
}

#livesearch_art .articleImage.count_4 {
    min-height: 135px;
}

#livesearch_art .articleImage > img {
    margin: 0 auto;
}

#livesearch_art .articleImage .stockImage {
    position:         absolute;
    left:             0;
    top:              0;
    background-image: url('/navigationsimages/dreieckgruen.png');
    width:            15px;
    height:           15px;
}

.liveSearchIconWrapper {
    margin-left: 5px;
    width:       30px;
    height:      100%;
    display:     inline-block;
    display:     none; /* Wenn Icons verwendet werden für Lager & Co, dann display: inline-block setzen im Shop CSS */
}

.liveSearchIconWrapper + a {
    vertical-align: top;
}

.liveSearchIcon {
    max-width:         30px;
    max-height:        30px;
    width:             100%;
    height:            100%;
    float:             left;
    background-repeat: no-repeat;
    background-size:   contain;
}

.liveSearchIcon + .liveSearchIcon {
    margin-top: 5px;
}

.liveSearchManufacturerImage {
    max-width:  50px;
    max-height: 50px;
    display:    inline-block;
    margin-top: 5px;
}

.liveSearchManufacturerImage + span {
    display:     inline-block;
    max-height:  50px;
    width:       calc(100% - 60px);
    margin-left: 10px;
    margin-top:  5px;
}

.one {
    grid-column: 1;
    grid-row:    1/3;
}

.two {
    grid-column: 2;
    grid-row:    1 /3;
}

.three {
    grid-column: 3;
    grid-row:    1 /2;
}

.four {
    grid-column: 3;
    grid-row:    2/2;
}

#suchvorschlag > .ui-autocomplete {
    position: static !important;
    border:   0;
}

.sorter-false {
    background-image: none !important;
    cursor:           default !important;
}

tr.filtered {
    display: none;
}

@media (max-width: 1200px) {
    #livesearchAutocomplete {
        width: 100%;
        left:  0;
    }

    #livesearchAutocompleteWrapper {
        grid-template-columns: min-content 1fr;
        grid-template-rows: min-content 1fr;
    }

    .one, .two, .three, .four {
        grid-column: auto;
        grid-row:    auto;
    }

    .three, .four {
        grid-row: 2;
    }
}

@media (max-width: 600px) {
    #livesearchAutocompleteWrapper {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .three, .four {
        grid-row: auto;
    }
}

input[type=checkbox][name="search_allowed"] {
    height:     32px;
    margin-top: 0;
}

div.favDoc {
    margin: 10px;
}

div.favDoc > h2 {
    margin-top: 0;
}

.paddingAround {
    padding: 10px;
}

.paddedTopBottom {
    padding: 10px 0;
}

.checkbox-group .more-values.hidden {
    display: none;
}