@charset "utf-8";

/* TODO */
*:active,
*:focus {
    outline: 0 none !important;
}

.form-control:focus {
    outline: 0 none !important;

}

.plr {
    padding-left: 0;
    padding-right: 0;
}

.mlr {
    margin-left: 0;
    margin-right: 0;
}

.mb10 {
    margin-bottom: 10px;
}

[class*="cookie-warn---sticky-"] {
    z-index: 999999;
}

.xxx--product--amount .form-control:focus,
.artikeldetail_button .form-control:focus {
    border-color: #A72920;
}

.form-control:focus.xxx--elastic-search-suggestion--input {
    border-color: #ccc;
}

iframe#launcher {
    max-width: 114px;
    margin-bottom: 50px !important;
}

.menue .dropdown-menu {
    height: 0;
    -webkit-transition: height 4s;
    transition: height 4s;
}

.dropdown-menu > li > a {
    text-transform: initial !important;
}

.menue:hover > .dropdown-menu {
    display: block;
    width: 100%;
    min-width: 230px;
    background-color: #858585;
    min-height: 0px;
    height: auto;
}

.dropdown-menu > li > a:hover {
    background-color: transparent;
}


.menue:hover > .dropdown-menu li {
    background-color: #f2f2f2;
    border: #858585 4px solid;
    border-radius: 25px;
}

.infocontainer {
    margin: 30px 0;
    background-color: #F2F2F2;
    height: 50px;
    padding-top: 10px;
}

.fa.fas.fa-plus-circle,
.infocontainer span .fa.fas.fa-user,
.infocontainer span .fa.fas.fa-edit,
.infocontainer span .fa.fas.fa-shopping-cart,
.infocontainer span .fa.fas.fa-question-circle {
    color: #A72920;
    margin-right: 5px;
    font-size: 26px;

}

.infocontainer span .fa.fas.fa-shopping-cart,
.infocontainer span .fa.fas.fa-question-circle {
    margin-left: 10px;
}

.warenkorbvoransicht_preis,
.infocontainer span {
    white-space: nowrap;
    font-weight: 500;
    font-size: 13px;
}


.text-position {
    display: flex;
    align-items: center;
}

.col-md-3 .text-position,
.col-sm-4 .text-position {
    height: 35px;
}

.container_kontakt,
.container_niedelassungen,
.container_oeffnungszeiten,
.container_karte {
    min-height: 290px;
    padding: 0 10px 10px 10px;
}

.container_kontakt h3,
.container_niedelassungen h3,
.container_oeffnungszeiten h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
}

.container_oeffnungszeiten h4 {
    color: #fff;
    text-align: center;
}

.container_niedelassungen,
.container_oeffnungszeiten {
    border-right: 1px solid #fff;

}

.container_karte {
    border-left: 1px solid #fff;
    text-align: center;
    padding-top: 25px;

}

.xxx--portal-mod--block-knt h5.xxx--portal-mod--block-knt--headline {
    text-align: center;
}

.xxx--portal-mod--block-knt h5.xxx--portal-mod--block-knt--headline a {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-variant: small-caps;
    color: #A72920;
}

.foot-content,
.foot-content p,
.foot-content p a {
    text-align: center;
    color: #fff;
    font-size: 15px;
}

.foot-content .fa {
    font-family: Font Awesome 5 Free;
    /*font-style: normal;*/
    /*font-weight: 900;*/
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 3px;
    font-variant: small-caps;
    margin-top: 12px;
}

.xxx--page-footer-foot1 .nav > li > a {
    color: #fff;
}

.xxx--page-footer-foot1 .nav > li > a:hover {
    color: #333 !important;
}

.navbar_dropdown {
    position: absolute;
    top: 50px;
    left: 0;
}

.dropdown ul li a:link,
.dropdown ul li a:visited,
.dropdown ul li a:hover,
.dropdown ul li a:active,
.dropdown ul li a:focus {
    font-size: 14px;
    text-transform: initial;
}

.k_list div.galbild_vorsch img {
     bottom: unset;
}

/*.portal-home-galerie {*/
/*    border: 1px solid green;*/
/*}*/

.portal-home-willkommen {
    /*border: 1px solid red;*/
    padding-right: 25%;
}
.portal-home-artikel-slider {
    margin:15px -15px;
}
.portal-home-artikel-slider .left.carousel-control,
.portal-home-artikel-slider .right.carousel-control {

    height: 35px;
    width: 35px;
    top: 33%;
    margin: 0;
    padding: 0;
}
.portal-home-artikel-slider .left.carousel-control {
    left: 50px;
}
.portal-home-artikel-slider .right.carousel-control {
    right: 50px;
}

/*.portal-home-nachrichten {*/
/*    border: 1px solid blue;*/
/*}*/

/*.portal-home-aktuelles {*/
/*    border: 1px solid cyan;*/
/*}*/
/*.portal-home-es-slider {*/
/*    border: 1px solid darkblue;*/
/*}*/

.xxx--page-content .galbild_vorsch img {
     bottom: unset;
}

.panel-heading  {
    background-color: #ccc;
    border-radius: 10px;
    padding: 0px 15px;
}
.panel-heading a {
    display: block;
    padding: 8px 0;

}
.mitarbeiter {
    line-height:14px;
}

.teaser_button .btn.btn-primary {
    width: auto;
    padding: 6px 15px;
    float: right;
}
.xxx--portal_standorte {
    height: auto;
    min-height: 120px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.xxx--portal_standorte div.galbild_vorsch {
    position: relative;
    width: 100%;
    height: 60vw;
    max-height: 275px;
}

.xxx--portal_standorte div.galbild_vorsch {
    position: relative;
    width: 100%;
    /* height: 60vw; */
    min-height: 200px;
    height: auto;
}

.xxx--portal-6,
.xxx--portal-6>.clearfix,
.xxx--portal-6>.clearfix>div,
.xxx--portal-6>.clearfix>div>div,
.xxx--portal-6>.clearfix>div>div>div {
    padding: 0;
}

.xxx--nichtsgefunden {
    margin:15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.xxx--product--unit .xxx--product--unit-label {
    position: absolute;
    bottom: 10px;
    right: 40px;
    z-index: 3;
}

.xxx--product--unit .xxx--product--unit-label:before {
    content: '/';
}

.input-group-addon:last-child,
.input-group-addon:first-child {
    background-color: #FFF;
    color: #A72920;
}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    transition: none;
    /*border-color: #ccc;*/
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 34px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

@media (max-width: 767px) {
    .xxx-scroll-sticky {
        position: relative !important;
        display: none !important;
    }
    .container {

        width: 100%;
    }
    .navbar-header img {
        margin-top: 10px;
        max-width: 100%;

    }

    .navbar-icon {
        float: left;
        width: 20%;
        text-align: center;
        background-color: #f2f2f2;
    }

    .navbar-icon > a .fa {
        font-size: 15px;
        border: 3px solid #fff;
        border-radius: 20px;
        color: #FFF;
        padding: 10px;
        background: linear-gradient(180deg, #A72920 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #A72920 0%, rgba(255, 255, 255, 0) 100%), #A72920;
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.19);
    }

    .navbar-default .navbar-collapse {
        border: none;
        margin-top: 0;
        background-color: #858585;
        z-index: 10;

    }

    .navbar-collapse.collapse.in {

        background-color: #858585;

    }

    .navbar-default .navbar-collapse li > div {
        background-color: #f2f2f2;
        border: #858585 4px solid;
        border-bottom: 0;
        border-radius: 20px;
        padding: 8px 0px 0 33px;
        height: auto;
        min-height: 40px;
    }

    .smp_u .cruess {
        position: absolute;
        top: 4px;
        left: 11px;
        right: unset;
        font-size: 26px;
        color: #000;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #000;
        padding-top: 0;
        padding-bottom: 4px;
    }

    .navbar-nav .open .dropdown-menu li > div {
        border-top: #000 4px solid;
        border-bottom: #000 0px solid;
        border-right: #000 4px solid;
        border-left: #000 4px solid;
        padding-bottom: 0;
    }

    .xxx--page-header--menu .navbar-nav > li > div > a {
        font-size: 14px;
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 20px;
        margin-top: 0;
    }

    .navbar-nav .open .dropdown-menu li > div > a {
        display: block;
    }

    .navbar-nav {
        margin: 0.5px -15px 4.5px -15px;
    }

    .smp {


    }

    .smp a .fa {
        display: none;
    }

    .dropdown > a {

        margin: 0 -15px;
    }

    .xxx--page-content,
    .xxx--page-footer-foot0 {
        margin: 0;
        padding: 0;
    }

    .xxx--elastic-search-result--object.xxx--list-item > div {
        padding: 0;
    }

    .btn[name~=Verwerfen] {
        margin-bottom: 5px;
    }

    .container_niedelassungen, .container_oeffnungszeiten, .container_karte {
        border: 0;
    }

    iframe#launcher {
        max-width: 53px;
    }
    .infocontainer span .fa.fas.fa-edit,
    .infocontainer span .fa.fas.fa-shopping-cart,
    .infocontainer span .fa.fas.fa-question-circle {
        margin-left: 3px;
    }

    .container_karte img {
        width: 100%;
        max-width: 140px;
    }
    .warenkorbvoransicht_preis {
        padding: 0 0px 5px 0px;
        text-align: center;
    }
    .xxx--portal.xxx--portal-1 .portal-home-galerie,
    .xxx--portal.xxx--portal-1>div .portal-home-galerie,
    .xxx--portal.xxx--portal-1>div>div .portal-home-galerie {
        height: 30vw;
    }
    .container>.col-xs-12 .xxx--portal {
        padding: 0;
        margin: 0 -30px;
    }
    .portal-home-nachrichten .galbild_vorsch img,
    .portal-home-aktuelles .galbild_vorsch img {
        bottom: unset;
        right: unset;
    }
    div.galbild_vorsch {
        position: relative;
        width: 100%;
        /* height: 60vw; */
        min-height: 200px;
        height: auto;
    }
    .xxx--product--unit .xxx--product--unit-label {
        position: absolute;
        bottom: 10px;
        right: 60px;
        z-index: 3;
    }
    .input-group .form-control:not(:first-child):not(:last-child) {
        padding-right: 45px;
        text-align: right;

    }
    .input-group-btn:last-child > .btn {
        border-radius: 17px;
    }
    #input_object_Menge {
        border-left: 2px solid #A72920 !important;
        border-right: 2px solid #A72920 !important;
        border: 2px solid #A72920;
        border-radius: 15px !important;
        width: 100%;
        text-align: right;
        padding-right: 43px;
    }
    .infocontainer {
        background-color: #fff;
        height: 50px;
        padding-top: 10px;
    }
    .xxx--page-header--menu {
        background-color: #fff;
        height: 100px;
    }

}
@media (max-width: 450px) {
    .container_kontakt h3, .container_niedelassungen h3, .container_oeffnungszeiten h3 {
        font-size: 4vw;
    }
}

@media (min-width: 768px) {
    .container {
        width: unset;
    }

    .navbar_dropdown {
        width: 95vw !important;
    }

    .xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared {
        margin-top: 0;
        margin-left: -15px;
        margin-right: 5px;
    }

    .xxx--page-header--block {
        background-image: url(../../template/images/site-header.png);
        background-size: auto 24vw;
        background-position: 50% 0;
        height: 18vw;
        padding-top: 3.5vw;
    }

    .xxx--page-header--img {
        width: 30%;
    }

    .xxx--page-header--img img {
        width: 100%;
    }

    .navbar-collapse.collapse {
        display: block !important;
    }

    .navbar-default .navbar-nav {
        margin-left: -30px;
    }

    .xxx--page-header--menu .navbar-nav {
        width: 100%;
    }

    .navbar-nav > li {
        float: left !important;
    }

    .navbar-nav > li > div > a {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 20px;
        margin-top: -13px;
    }

    .xxx--page-header--menu .navbar li a:link,
    .xxx--page-header--menu .navbar li a:visited,
    .xxx--page-header--menu .navbar li a:hover,
    .xxx--page-header--menu .navbar li a:active,
    .xxx--page-header--menu .navbar li a:focus {
        font-size: 1.88vw;
        text-decoration: none;
    }

    .xxx--page-header--menu .navbar-nav > li > a .fa,
    .xxx--page-header--menu .navbar-nav > li > div > a .fa {
        padding: 1.4vw;
    }

    .xxx--page-header--menu .navbar-nav > li {
        white-space: nowrap;
        min-width: auto;
    }

    .navbar_dropdown ul li.col-sm-4 {
        padding-left: 10px;
        height: 45px;
        line-height: 13px;
    }

    .navbar_dropdown ul li.col-sm-4 a:link,
    .navbar_dropdown ul li.col-sm-4 a:visited,
    .navbar_dropdown ul li.col-sm-4 a:hover,
    .navbar_dropdown ul li.col-sm-4 a:active,
    .navbar_dropdown ul li.col-sm-4 a:focus {
        font-size: 12px;
        white-space: normal;
        /*text-transform: initial;*/
    }

    .xxx--elastic-search-nav--square--list-item {
        padding: 15px 15px 0 15px;
    }

    .xxx--scroll-sticky .navbar-logo {
        width: 13vw;
        padding-top: 7px;
        margin-right: 10px;
    }

    .xxx--scroll-sticky .nav > li > a {

        padding: 0;
    }

    .xxx--elastic-search-result--filter-container {
        position: relative;
        min-height: 106px;
        margin-top: 0px;
        margin-left: -45px;
        margin-right: -30px;
    }
}

@media (min-width: 992px) {
    .navbar_dropdown {
        width: 95vw !important;
    }

    .xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared {
        display: block;
        width: 100%;
        min-width: unset;
        /*background-color: #858585;*/
        min-height: 0px;
        height: auto;
        margin-left: -15px;
        margin-top: -30px;
    }

    .xxx--elastic-search-result--filter-container {
        margin-right: -15px;
    }

    .xxx--page-header--menu .navbar li a:link,
    .xxx--page-header--menu .navbar li a:visited,
    .xxx--page-header--menu .navbar li a:hover,
    .xxx--page-header--menu .navbar li a:active,
    .xxx--page-header--menu .navbar li a:focus {
        font-size: 16px;
    }

    .xxx--page-header--menu .navbar-nav > li > a .fa,
    .xxx--page-header--menu .navbar-nav > li > div > a .fa {
        padding: 15px;
    }

    .xxx--page-header--menu .navbar-nav > li {
        white-space: nowrap;
        min-width: 18%;
    }

    .navbar_dropdown ul li.col-md-3 {
        padding-left: 10px;
        height: 45px;
        line-height: 13px;
    }

    .navbar_dropdown ul li.col-md-3 a:link,
    .navbar_dropdown ul li.col-md-3 a:visited,
    .navbar_dropdown ul li.col-md-3 a:hover,
    .navbar_dropdown ul li.col-md-3 a:active,
    .navbar_dropdown ul li.col-md-3 a:focus {
        font-size: 12px;
        white-space: normal;
        /*text-transform: initial;*/
    }

    .xxx--elastic-search-result--filter-container {
        position: relative;
        min-height: 106px;
        margin-top: -30px;
        margin-left: -45px;
        margin-right: -15px;
    }
}

@media (min-width: 1200px) {
    .navbar_dropdown {
        width: 1160px !important;
    }

    .xxx--page-header--menu .navbar li a:link,
    .xxx--page-header--menu .navbar li a:visited,
    .xxx--page-header--menu .navbar li a:hover,
    .xxx--page-header--menu .navbar li a:active,
    .xxx--page-header--menu .navbar li a:focus {
        font-size: 16px;

    }

    .xxx--elastic-search-result--filter-container {
        position: relative;
        min-height: 106px;
        margin-top: -30px;
        margin-left: -45px;
        margin-right: -15px;
    }
}

.xxx--scroll-sticky .xxx--page-header--menu .navbar-nav > li > img {
    margin: 5px;
}

.xxx--scroll-sticky {
    height: 65px;
}

.xxx--page-header.xxx--scroll-sticky .navbar_dropdown {
    position: absolute;
    top: 55px;
    left: -140px;
}

.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list xxx--list---root.xxx--list---cleared.xxx--list---level.xxx---level-0.xxx---block {

}


.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item {
    background-color: #f2f2f2;
    border: #858585 4px solid;
    border-bottom: 0;
    border-radius: 20px;
    padding: 0;
    height: auto;
    min-height: 40px;
}

.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item.xxx---is-active {
    background-color: #FFFFFF;
}


.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item > .xxx--collapse .xxx--list---level .xxx--list---level {
    padding-left: 0px;
}


.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item .xxx--elastic-search-nav--link,
.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item .xxx--elastic-search-nav--link:hover {
    padding: 0;
    transition: unset;
    margin: 0;
    height: 38px;
    display: flex !important;
    align-items: center;
    line-height: 12px;

}


.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item > .xxx--collapse,
.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item > .xxx--collapse.xxx---is-collapsed,
.xxx--list-item:last-of-type > .xxx--collapse {
    border: 0 !important;
}

.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item .xxx--elastic-search-nav--link-count {
    top: 14px;
    right: 10px;
}

.xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list.xxx--list---cleared .xxx--elastic-search-nav--list-item .xxx--elastic-search-nav--link-label {
    padding: 0 45px 0 35px;
    font-size: 12px;
    text-transform: initial;
}

.xxx--elastic-search-nav--caret {
    position: absolute;
    top: 6px;
    right: unset;
    left: 7px;
    padding: 0;
    background: transparent;
    border-left: 0;
}

.xxx--elastic-search-nav--caret > i {
    transition: unset;
    background: transparent;
}

.xxx--elastic-search-nav--caret:hover {
    right: unset;
    padding-left: 0px;
    padding-right: 0px;
    background: transparent;
    border-color: transparent;
}

.xxx--elastic-search-nav--link + .xxx--elastic-search-nav--caret > i {
    color: #000;
    font-size: 26px;
    background: transparent;
}

.xxx--elastic-search-nav--link:hover + .xxx--elastic-search-nav--caret > i {
    background-color: #F2F2F2;
}

.xxx--elastic-search-nav--link-border {
    border-bottom: 4px solid #858585;
}

/*.xxx--collapse.xxx--collapse---close.xxx---is-expanded {*/
/*    border: 1px solid red;*/
/*}*/

.xxx--collapse.xxx--collapse---close.xxx---is-expanded .xxx--elastic-search-nav--list.xxx--list.xxx--list---cleared.xxx--list---level.xxx---level-1.xxx---block {
    background-color: black;
    margin-top: 4px;
    padding-bottom: 2px;
}

.xxx--collapse.xxx--collapse---close.xxx---is-expanded .xxx--elastic-search-nav--list.xxx--list.xxx--list---cleared.xxx--list---level.xxx---level-1.xxx---block > li {
    background-color: #fff !important;
    border-left: black 4px solid;
    border-right: black 4px solid;
    border-bottom: black 2px solid;
    border-top: black 2px solid;
    border-radius: 20px;
    padding: 0;
    height: auto;
    min-height: 40px;
}


.fed-konto .dss-menu-konto {
    background-color: #858585;
    padding: 2px 0px;
    margin-left: -30px;
    margin-top: -30px;
}

.fed-konto .dss-menu-konto .sidemenu_row {
    /* min-height: 30px; */
    border-top: 0 !important;
}


.fed-konto .dss-menu-konto .sidemenu_ug_row {
    min-height: 30px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-left: 0px;
    list-style: none;
    text-align: left;
    background-color: #000;
}

.fed-konto .dss-menu-konto .sidemenu_ug_row:hover {
    background: #000;
}

.fed-konto .dss-menu-konto .sidemenu_row .sidemenu_ug_row a {
    border: #000 4px solid;
}

.fed-konto .dss-menu-konto .sidemenu_row:hover ul .sidemenu_ug_row a {
    border: #000 4px solid;
}

.fed-konto .dss-menu-konto .nav-pills > li.active:hover > a {
    background: transparent !important;
}

.fed-konto .dss-menu-konto .sidemenu_row a,
.fed-konto .dss-menu-konto .sidemenu_row.active:hover a,
.fed-konto .dss-menu-konto .sidemenu_row:hover a,
.fed-konto .dss-menu-konto .sidemenu_row a:hover {
    background-color: #f2f2f2;
    border: #858585 4px solid;
    border-radius: 25px;
    padding: 0;
    height: 40px;
}

/*.fed-konto  .dss-menu-konto .sidemenu_row  .sidemenu_ug_row a {*/
/*    border: #000 4px solid;*/
/*}*/


.fed-konto .dss-menu-konto .sidemenu_row a .label,
.fed-konto .dss-menu-konto .sidemenu_row.active:hover a.label,
.fed-konto .dss-menu-konto .sidemenu_row:hover a .label,
.fed-konto .dss-menu-konto .sidemenu_row a:hover .label {
    height: 22px;
    display: flex !important;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    padding: 0 35px;
}

.fed-konto .dss-menu-konto .sidemenu_row .sidemenu_ug_row a .label,
.fed-konto .dss-menu-konto .sidemenu_row.active:hover .sidemenu_ug_row a.label,
.fed-konto .dss-menu-konto .sidemenu_row:hover .sidemenu_ug_row a .label,
.fed-konto .dss-menu-konto .sidemenu_row .sidemenu_ug_row a:hover .label {
    height: 33px;
    padding-left: 35px;
    font-width: 300;
}

.fed-konto .dss-menu-konto .sidemenu_row .cruess {
    position: absolute;
    top: -9px;
    left: 5px;
    right: unset;
    font-size: 26px;
    color: #000;
}

.xxx--elastic-search-result--list .xxx--list-item {
    border-bottom: 1px solid black;
    border-radius: 0;
    border-left: 0;
    padding-bottom: 10px;
}

.xxx--elastic-search-result--list .xxx--product--price {
    float: right;
}

.xxx--page-content .btn,
.xxx--elastic-search-result--btn {
    border: 2px solid #A72920;
    border-radius: 17px;
    width: 100%;
    height: 34px;
    margin-bottom: 3px;
}

.xxx--list-button-list .input-group-btn .btn.btn-default {
    border-radius: 16px !important;
    padding: 5px 10px;
}


.xxx--list-button-list .artikeldetail_button {
    margin-top: 0px;
}

.xxx--list-button-list .artikeldetail_button > div {
    padding-bottom: 0;
    margin-bottom: 3px;
}


.xxx--elastic-search-result--btn > * {
    color: #A72920;
    line-height: 28px;
}


.xxx--list-button-list .input-group-btn,
.xxx--elastic-search-result--btn,
.xxx--elastic-search-result--list .xxx--elastic-search-result--btn-action {
    padding-top: 0;
    padding-bottom: 0;
}

.xxx--list-button-list .xxx--elastic-search-result--btn-action-cart {
    background-color: #A72920;
}

.xxx--list-button-list .xxx--elastic-search-result--btn-action-cart .fa {
    color: #fff !important;
}


.xxx-detail-btn-white {
    background-color: #FFF;
    color: #A72920;
    padding: 0;

}

.btn-info {
    background: #A72920 !important;
    border: 1px solid #A72920 !important;
}

.xxx--product-detail-btn-label {
    font-family: 'Hind', sans-serif !important;
}

.artikeldetail_tabset ul {
    margin: 15px 0 -1px 0;
}

.artikeldetail_tabset .nav-tabs > li > a {
    margin-right: 0;
}

.artikeldetail_tabset > .tab-content {
    padding: 10px;
    border: 2px solid #CFCFCF;
    border-radius: 0 0px 0px 0px;
    /*background: #E5E5E5;*/
}


.artikeldetail_tabset > .nav-tabs > li.active > a {
    color: #333;
    font-size: 14px;
    border: none;
    /*background: #E5E5E5;*/
}

.artikeldetail_tabset > .nav-tabs > li > a {
    color: #333;
    font-size: 14px;
    border: none;
}

.artikeldetail_tab {
    border-left: 2px solid #CFCFCF;
    border-top: 2px solid #CFCFCF;
    border-right: 2px solid #CFCFCF;
    border-bottom: 0px solid #CFCFCF;
    border-radius: 5px 5px 0 0;
}


.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

form.login_modal_form > .input-group > .input-group-addon {
    color: #A72920;
    background-color: transparent;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}



.input-group-addon:last-child {
    border-left: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.form-control {
    border-radius: 16px;
}

.xxx--list-button-list select,
.xxx--list-button-list input {
    border-left: 2px solid #A72920 !important;
    border-right: 2px solid #A72920 !important;
    border: 2px solid #A72920;
    border-radius: 15px !important;
    width: 100%;
    text-align: right;
    padding-right: 43px;
}

.artikeldetail_preis p {
    font-size: 22px;
    font-weight: 700;
    color: #A72920;
}

.xxx--produkt-detail-ihrpreis {
    font-weight: 700;
    font-size: 16px;
}


.xxx--product--detail-table-staffel {
    border: 2px solid #A72920;
    border-radius: 10px;
    background-color: #f2f2f2;
}

.form-control.xxx--product-detail-btn-zub {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.xxx--elastic-search-nav--list.xxx--list.xxx--list---cleared.xxx--list---level {
    padding-left: 0px;
    background-color: #858585;
}

.xxx--elastic-search-nav--square--link {
    border: thin solid #A72920;
    border-radius: 10px;
}

.xxx---square-background-colored {
    background-color: #fff;
    outline: none;
    border: thin solid #fff;
    border-radius: 10px;
}

.xxx--elastic-search-nav--square--link-label {
    width: 100%;
}

.btn-success {
    color: #fff;
    background-color: #A72920 !important;
    border-color: #A72920 !important;
}

.btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #A72920 !important;
    border-color: #A72920 !important;
}

.wk_stufen .symbol.active {
    color: #A72920 !important;
}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-nav--accordion.xxx--elastic-search-nav--list {
    margin-top: 0px;

}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--block-head-title {
    display: block;
    padding: 10px 50px 10px 24px;
}


.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--block-head {
    margin: 0 0 15px 0;
    color: #fff;
    background: #858585;
    border-bottom: 0;
    border-radius: 25px;
}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--option-count {
    top: 4px !important;
    right: 4px !important;
}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--option {
    padding: 2px 10px 2px 10px;
}

.xxx--elastic-search-result--filter--block-head-caret {
    position: absolute;
    top: 10px;
    right: 50px;
    font-size: 16px;
    color: #fff !important;
}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--block-head-caret {
    position: absolute;
    top: 5px;
    right: 23px;
    font-size: 26px;
    color: #fff !important;
}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--block-body {

    border: thin solid #858585;
}

.xxx--elastic-search-result--filter-container .xxx--elastic-search-result--filter--block-head-reset {
    color: #858585;
}

.test {
    height: 35px;
    margin-bottom: 5px;
}

.infocontainer span .fa.fas.fa-edit {
    margin-right: 10%;
}

.galerie0vorschau {

    padding: 15px;
}

.xxx--product--availability---r,
i.circle_red {
    color: #f00;
}
.xxx--product--availability---y,
i.circle_yellow {
    color: #ff7f00;
}
.xxx--product--availability---g,
i.circle_green {
    color: #0f0;
}
.xxx--product--availability-label {
    color: black;
}
@media (min-width: 1200px) {
    .galerie0bild {
        height: 205px;
    }
}

@media (min-width:992px) and (max-width: 1199px) {
    .galerie0bild {
        height: 17.5vw;
    }
}

@media (min-width: 768px ) and (max-width: 991px) {
    .galerie0bild {
        height: 16vw;
    }
}

@media (max-width: 767px) {
    .galerie0bild {
        height: 48vw;
    }

}
.galerie0bild {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 2px solid #666;
    border-right: 2px solid #666;
    border-top: 2px solid #666;
    background-color: #f5f5f5;
}

.galerie0titel {
    padding: 1px 10px 4px 10px;
    background-color: #A72920;
    /*background-image: -webkit-linear-gradient(transparent 20%, #A72920 80%);*/
    /*background-image: -moz-linear-gradient(transparent 20%, #A72920 80%);*/
    /*background-image: -ms-linear-gradient(transparent 20%, #A72920 80%);*/
    /*background-image: -o-linear-gradient(transparent 20%, #A72920 80%);*/
    /*background-image: linear-gradient(transparent 20%, #A72920 80%);*/
    height: 60px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    border-right: 2px solid #666;
}

.galerie0titel h5{
    color: #fff;
}
.lz_chat_unselectable.lz_overlay_wm_button {
    background: #A72920 !important;
    border-color: #A72920 !important;
}
.index-button-blue{
    background: #A72920 !important;
    padding:8px 24px;
}
.doklist>div>div {
    margin-bottom: 15px;
}
.kostst {
    margin: 15px 0;
}
.kostst_list::after {
    content: ', ';
}
.kostst_list:last-child::after {
    content: '';
}


