@import url("bootstrap.min.css");
@import url("font-awesome.min.css");

:root {
    --color-background-grey: #f9f9f9;
    --color-primary: #009B7B;
    --color-dark: #333333;
    --color-dark-light: #5C666F;
    --color-black: #000000;
    --color-white: #FFFFFF;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #FFFFFF;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: var(--color-white) url("../img/ajax-loader.gif") center center no-repeat
}

.slick-list.dragging {
    cursor: hand;
}

.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    z-index: 5
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25
}

.slick-prev:before, .slick-next:before {
    font-family: "FontAwesome", serif;
    font-size: 20px;
    line-height: 1;
    color: var(--color-white);
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 20px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 0
}

.slick-prev:before {
    content: ""
}

[dir="rtl"] .slick-prev:before {
    content: ""
}

.slick-next {
    right: 20px
}

[dir="rtl"] .slick-next {
    left: 0;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir="rtl"] .slick-next:before {
    content: ""
}

.slick-slider {
    margin-bottom: 0
}

.slick-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    font-family: "FontAwesome", serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #333;
    opacity: 0.75
}

@media (min-width: 1260px) {
    .container {
        width: 1260px
    }
}

p {
    line-height: 150%
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: var(--color-primary);
    border: 0
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: var(--color-dark-light)
}

.pagination > li > a, .pagination > li > span {
    color: var(--color-dark-light);
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

input[type=checkbox] {
    display: none
}

input[type=checkbox] + label:before {
    font-family: 'FontAwesome', serif;
    display: inline-block;
    color: var(--color-primary)
}

input[type=checkbox] + label {
    font-weight: normal;
    line-height: 180%;
    vertical-align: middle;
    position: relative
}

input[type=checkbox] + label:before {
    content: "\f096";
    font-size: 22px;
    letter-spacing: 10px;
    display: inline-block;
    height: 30px;
    vertical-align: top
}

input[type=checkbox]:checked + label:before {
    content: "\f046";
    letter-spacing: 7px
}

html {
    min-height: 100%;
    position: relative
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #e7e7e7;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 100vh;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

img {
    width: 100%;
    height: auto
}

.product-header {
    background-color: var(--color-primary);
    border-radius: 5px 5px 0 0;
    padding: 1rem 2rem;
}

.product-header .product-headline, .product-header a {
    font-size: 130.0%;
    margin: 0;
    padding: 0;
    color: var(--color-white);
    line-height: 150%
}

@media (min-width: 34.28571em) {
    .product-header .product-headline, .product-header a {
        font-size: 150%
    }
}

.product-header a {
    position: relative;
    z-index: 5
}

.product-header a i {
    margin-right: 10px;
    font-size: 26px
}

.pl-15 {
    padding-left: 15px
}

.form-control:focus {
    outline: none;
    border-color: #ccc;
    box-shadow: none
}

.content-element {
    background-color: var(--color-white);
    padding: 15px;
    position: relative;
    border-radius: 5px
}

.content-element a {
    color: var(--color-primary)
}

.content-element a.btn-primary {
    color: var(--color-white)
}

.content-element h3 {
    margin-top: 0
}

.btn:focus {
    outline: none
}

.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 0;
    font-size: 16px;
    padding: 1rem 3rem;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
    background-color: var(--color-primary);
    color: var(--color-white);
    cursor: pointer;
}

.btn-primary:hover {
    background-color: rgba(0, 155, 123, 0.5);
}

.btn-primary i {
    margin-left: 15px
}

.panel-primary {
    border-color: var(--color-primary);
    position: relative
}

.panel-primary > .panel-heading {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    padding-right: 40px;
    position: relative
}

.panel-primary > .panel-heading h1 {
    color: var(--color-white);
    font-size: 22px
}

.panel-primary > .panel-heading .btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 0
}

.panel-primary > .panel-heading .btn i {
    color: var(--color-primary);
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 18px
}

.panel-primary .panel-body {
    position: relative
}

.panel-primary .table-item {
    padding-bottom: 15px
}

.panel-primary .table-item .acc-action {
    width: 100%
}

.panel-primary .btn-right {
    position: absolute;
    right: 15px;
    bottom: 15px
}

.panel-primary .panel-flex {
    flex-wrap: wrap
}

.panel-primary .panel-flex .panel-flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 15px
}

@media (min-width: 54.85714em) {
    .panel-primary .panel-flex .panel-flex-item {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
    }
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body {
    position: relative;
    height: 100%;
    padding: 15px;
    border: 1px solid var(--color-primary);
    border-radius: 5px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body h3 {
    margin-top: 0
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body .btn-box {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 5px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body .btn-box .btn {
    width: 100%;
    margin-bottom: 10px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body.with-btn {
    padding-bottom: 60px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body .btn-right {
    position: absolute;
    right: 15px;
    bottom: 15px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body .as-standard-box {
    position: absolute;
    right: 15px;
    bottom: 0
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body.addional-btn-box {
    padding-bottom: 150px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body.standard-adress {
    padding-bottom: 60px
}

.panel-primary .panel-flex .panel-flex-item .panel-flex-item-body .removeDefaultAdress {
    position: absolute;
    right: 15px;
    top: 15px
}

.btn-edit {
    position: absolute;
    right: 30px;
    bottom: 15px
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 0
}

@media (min-width: 54.85714em) {
    .flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

a {
    cursor: pointer
}

textarea {
    resize: vertical
}

.btn-right {
    position: absolute;
    right: 15px;
    bottom: 0
}

.with-btn {
    padding-bottom: 60px
}

.spinner {
    width: 175px;
    margin-bottom: 15px
}

.spinner input {
    text-align: right;
    height: 38px
}

.spinner .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell
}

.spinner .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative;
    border-radius: 0
}

.spinner .input-group-btn-vertical > .btn:active:focus {
    outline: 0
}

.spinner .input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 4px
}

.spinner .input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px
}

.spinner .input-group-btn-vertical i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

h1, h2, h3, h4 {
    color: var(--color-primary)
}

h1 {
    margin-top: 0;
    margin-bottom: 0
}

.btn .caret {
    margin-left: 5px
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 30px
}

.has-feedback:after {
    content: '\f00d';
    color: #843534;
    font-family: 'FontAwesome', serif;
    position: absolute;
    right: 15px;
    bottom: 7px
}

.panel-group {
    width: 100%
}

.panel-group .panel-heading:before, .panel-group .panel-heading:after {
    content: " ";
    display: table
}

.panel-group .panel-heading:after {
    clear: both
}

.panel-group .panel-heading strong {
    display: block
}

.bg-danger, .bg-success, .bg-warning, .bg-info {
    padding: 10px
}

.mb-30 {
    margin-bottom: 30px
}

header {
    padding: 30px;
    background-color: var(--color-white)
}

header .header_logo {
    padding: 0
}

header .logo {
    width: 100%;
    height: auto;
    display: block;
    max-width: 350px;
    margin: 0 auto 30px auto
}

@media (min-width: 54.85714em) {
    header .logo {
        margin: 0
    }
}

header .header_nav {
    padding: 8px 0;
    text-align: center
}

@media (min-width: 54.85714em) {
    header .header_nav {
        text-align: right
    }
}

header .header_nav .btn {
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: 16px;
    margin: 0 5px;
    border: 0;
}

header .header_nav .btn i {
    margin-right: 10px;
    font-size: 20px
}

header .header_nav .btn:last-child {
    margin-right: 0;
    padding: 1rem 2rem 1rem 0;
}

header .header_nav .btn:hover {
    background-color: rgba(0, 155, 123, 0.5);
}

header .header_nav .btn-group {
    width: 100%
}

header .header_nav .btn-group .btn {
    width: 100%;
    margin-bottom: 15px
}

header .header_nav .btn-group:last-child .btn {
    margin-bottom: 0
}

@media (min-width: 34.28571em) {
    header .header_nav .btn-group {
        width: auto
    }

    header .header_nav .btn-group .btn {
        width: auto;
        margin-bottom: 0
    }
}

header .header_nav .dropdown-menu .login_as {
    padding: 3px 20px;
    text-align: center
}

header .header_nav .dropdown-menu .login_as span {
    color: var(--color-primary);
    display: block
}

header .header_nav .dropdown-menu .login_as img {
    margin: 15px 0
}

header .header_nav .header-cart-btn {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    margin-right: 0
}

header .header_nav .cart-dropdown-menu {
    position: absolute;
    z-index: 1000;
    background-color: var(--color-white);
    right: 0;
    top: 100%;
    min-width: 320px;
    display: none;
    padding: 15px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

header .header_nav .cart-dropdown-menu.menu-open {
    display: block
}

header .header_nav .cart-dropdown-menu .cart-item {
    flex-wrap: nowrap;
    position: relative;
    border-top: 1px solid var(--color-primary);
    padding: 15px 0
}

header .header_nav .cart-dropdown-menu .cart-item:first-child {
    border-top: 0
}

header .header_nav .cart-dropdown-menu .cart-item .cart-item-img {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

header .header_nav .cart-dropdown-menu .cart-item .product-headline {
    font-size: 14px
}

header .header_nav .cart-dropdown-menu .cart-item .product-nr, header .header_nav .cart-dropdown-menu .cart-item .product-anzahl, header .header_nav .cart-dropdown-menu .cart-item .mwst {
    font-size: 12px
}

header .header_nav .cart-dropdown-menu .cart-item .cart-sum {
    font-size: 18px;
    text-align: right;
    margin-bottom: 0
}

header .header_nav .cart-dropdown-menu .cart-item .mwst {
    text-align: right
}

header .header_nav .cart-dropdown-menu .cart-item .spinner {
    width: 70px
}

header .header_nav .cart-dropdown-menu .cart-item .product-price {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 18px
}

header .header_nav .cart-dropdown-menu .cart-item .sale {
    display: none
}

header .header_nav .cart-dropdown-menu .with-btn {
    padding-bottom: 60px
}

header .header_nav .cart-dropdown-menu .btn-right {
    right: 0
}

.navbar-default .navbar-nav > li > a {
    color: var(--color-white)
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: var(--color-white);
    cursor: pointer;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #94E8D6FF;
    cursor: pointer;
}

.main-nav {
    background-color: var(--color-primary);
    margin-bottom: 0;
    padding: 1rem 1rem 1rem 1rem;
}

.main-nav .container {
    position: relative
}

.main-nav .container .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.main-nav li {
    font-size: 18px;
    margin-right: 1.5rem;
}

.main-nav li a {
    color: var(--color-white)
}

.main-nav li a i {
    margin-right: 10px;
    font-size: 20px
}

.main-nav .navbar-search {
    margin: 10px 15px
}

@media (min-width: 34.28571em) {
    .main-nav .navbar-search {
        width: 100%;
        margin: 30px auto;
        max-width: 500px
    }
}

@media (min-width: 70.85714em) {
    .main-nav .navbar-search {
        max-width: 220px;
        float: right;
        margin: 8px 0
    }
}

@media (min-width: 85.71429em) {
    .main-nav .navbar-search {
        max-width: 280px
    }
}

.main-nav .navbar-search .btn {
    color: var(--color-dark-light)
}

.main-nav .dropdown .dropdown-menu li {
    margin-bottom: 15px
}

.main-nav .dropdown .dropdown-menu li a {
    color: var(--color-dark-light)
}

.main-nav .navbar-toggle .icon-bar {
    background-color: var(--color-white)
}

.main-nav .navbar-nav {
    float: none;
    display: block;
    margin: 0
}

@media (min-width: 70.85714em) {
    .main-nav .navbar-nav {
        margin: 0 auto;
        display: table
    }
}

@media (min-width: 70.85714em) {
    .main-nav .navbar-nav {
        display: block;
        margin: 0;
        float: left
    }
}

main {
    padding: 30px 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1
}

main:before, main:after {
    content: " ";
    display: table
}

main:after {
    clear: both
}

main section {
    margin-bottom: 30px
}

main section:before, main section:after {
    content: " ";
    display: table
}

main section:after {
    clear: both
}

.site-header {
    background: var(--color-primary);
    margin-bottom: 20px;
    border-radius: 5px
}

.site-header .site-header-btn-box {
    padding: 0;
    position: relative
}

.site-header .site-header-btn-box .site-header-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.site-header h1 {
    color: var(--color-white);
    margin: 0;
    padding: 0;
    font-size: 162.5%;
    line-height: 200%
}

.site-header .cat_name {
    text-align: center
}

@media (min-width: 22.85714em) {
    .site-header .cat_name {
        text-align: left
    }
}

.site-header .items-per-page {
    text-align: center;
    padding-top: 12px;
    padding-left: 0
}

@media (min-width: 34.28571em) {
    .site-header .items-per-page {
        text-align: right
    }
}

.site-header .items-per-page li {
    display: inline-block
}

.site-header .items-per-page li:after {
    content: '|';
    margin-left: 7px;
    margin-right: 5px;
    vertical-align: top;
    color: var(--color-white)
}

.site-header .items-per-page li:last-child:after {
    display: none
}

.site-header .items-per-page li a {
    color: var(--color-white)
}

.site-header .items-per-page li a.active, .site-header .items-per-page li a:hover {
    color: #333;
    text-decoration: none
}

.slick-next:before, .slick-prev:before {
    color: var(--color-primary);
    font-family: "FontAwesome", serif
}

.slick-next {
    right: 15px
}

.slick-prev {
    left: 15px
}

.slider {
    border-radius: 5px;
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
}

.slider .item {
    border-radius: 5px;
    position: relative;
    background-color: var(--color-white);
    padding-left: 0;
    padding-right: 0
}

.slider .item img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.slider .item .caption {
    padding: 15px;
    display: block;
    padding-bottom: 30px
}

@media (min-width: 54.85714em) {
    .slider .item .caption {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        background-color: rgba(115, 121, 125, 0.7);
        padding: 30px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px
    }

    .slider .item .caption h3 {
        color: var(--color-white)
    }
}

.slider .item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.product-slider {
    padding-left: 30px;
    padding-right: 30px;
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-slider .slick-track {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

.product-slider .item {
    margin: 15px;
    border: 1px solid transparent;
    position: relative;
    padding-bottom: 120px;
    float: none;
    height: inherit;
    -webkit-flex: none;
    flex: none
}

.product-slider .item:hover {
    border: 1px solid var(--color-primary)
}

.product-slider .item h3 {
    margin: 10px;
    font-size: 18px;
    text-align: center;
    font-weight: normal
}

.product-slider .item a.img_link {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block
}

.product-slider .item a.img_link img {
    max-height: 150px;
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.product-slider .item a.title_link {
    position: absolute;
    bottom: 0
}

.product-cats {
    background-color: var(--color-white);
    padding: 30px 15px;
    border-radius: 5px;
    border: 1px solid var(--color-primary);
}

.product-cats:before, .product-cats:after {
    content: " ";
    display: table
}

.product-cats:after {
    clear: both
}

.product-cats .item {
    height: 80px;
    position: relative;
    border-radius: 5px
}

.product-cats .item.airway-management {
    background-color: #00AEC5
}

.product-cats .item.anaesthesie {
    background-color: #905FDA
}

.product-cats .item.critical-care {
    background-color: var(--color-primary)
}

.product-cats .item.sauerstoff-aerosol {
    background-color: #FF5E00
}

.product-cats .item h3 {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--color-white);
    display: block;
    font-size: 20px
}

.product-cats .item:hover {
    opacity: 0.5
}

.product-cats .item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.product-cats .cat-item {
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .product-cats .cat-item {
        margin-bottom: 0
    }
}

.product-cats .col-xs-12:last-child .cat-item {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .product-cats .col-xs-12:last-child .cat-item, .product-cats .col-xs-12:nth-child(3) .cat-item {
        margin-bottom: 0
    }
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: transparent;
    border-color: transparent
}

.sidebar {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 992px) {
    .sidebar {
        padding-right: 15px
    }
}

.sidebar .panel-heading {
    padding: 13px;
    font-size: 16px
}

.sidebar .list-group * {
    border: 0;
    background-color: transparent
}

.sidebar .list-group .list-group-item {
    padding: 0
}

.sidebar .list-group .list-group-item a {
    padding: 10px 15px;
    display: block;
    color: var(--color-dark-light);
    border-top: 1px solid var(--color-primary)
}

.sidebar .list-group .list-group-item a:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
    border-top: 1px solid var(--color-white)
}

.sidebar .list-group .list-group-item.active {
    border-bottom: 1px solid var(--color-primary)
}

.sidebar .list-group .list-group-item.active > a {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.sidebar .list-group .list-group-item.active > .list-group {
    display: block
}

.sidebar .list-group .list-group-item:first-child.active a {
    border-top: 1px solid var(--color-white)
}

.sidebar .list-group .list-group-item > .list-group {
    display: none;
    margin-bottom: 0
}

.sidebar .list-group .list-group-item > .list-group .list-group-item a {
    color: var(--color-dark-light);
    background-color: #d3d6d8;
    padding: 10px 15px 10px 30px;
    border-top: 0
}

.sidebar .list-group .list-group-item > .list-group .list-group-item a:hover {
    background-color: #a7acb1;
    color: var(--color-white);
    text-decoration: none
}

.sidebar .list-group .list-group-item > .list-group .list-group-item.active {
    border: 0
}

.sidebar .list-group .list-group-item > .list-group .list-group-item.active a {
    background-color: #a7acb1;
    color: var(--color-white);
    text-decoration: none
}

.product-list .product-list-item {
    background-color: var(--color-white);
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-primary);
    border-left: 1px solid var(--color-primary);
    border-right: 1px solid var(--color-primary);
    min-height: 307px;
    border-radius: 5px;
    padding-bottom: 80px
}

@media (min-width: 992px) {
    .product-list .product-list-item {
        padding-bottom: 0
    }
}

.product-list .product-list-item .product-img {
    border: 0;
    border-bottom: 1px solid var(--color-primary)
}

@media (min-width: 992px) {
    .product-list .product-list-item .product-img {
        border-right: 1px solid var(--color-primary);
        border-bottom: 0
    }
}

.product-list .product-list-item .product-img img {
    width: auto;
    height: auto;
    max-width: 260px;
    max-height: 260px
}

.product-list .product-list-item .product-meta {
    padding: 20px 0
}

.product-list .product-list-item .product-meta ul {
    list-style: none;
    padding: 0
}

.product-list .product-list-item .product-meta ul li {
    text-align: right;
    padding: 5px;
    border-bottom: 1px solid var(--color-primary)
}

.product-list .product-list-item .product-meta ul li span:first-child {
    display: inline-block;
    color: var(--color-primary);
    float: left;
    width: auto
}

.product-list .product-list-item .product-meta ul li.inventory i {
    margin-right: 5px
}

.product-list .product-list-item .product-meta ul li.inventory .text-danger {
    color: #D8000C
}

.product-list .product-list-item .product-meta ul li.inventory .text-warning {
    color: #E8B002
}

.product-list .product-list-item .product-meta ul li.inventory .text-success {
    color: #4F8A10
}

.product-list .product-list-item .product-price-box {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px 0
}

@media (min-width: 54.85714em) {
    .product-list .product-list-item .product-price-box {
        padding: 15px
    }
}

.product-list .product-list-item .product-price-box .product-price {
    font-size: 22px;
    color: var(--color-primary)
}

.product-list .product-list-item .product-price-box label {
    clear: both;
    display: block
}

.product-list .product-list-item .product-price-box .spinner {
    float: left;
    margin-right: 10px;
    width: 100%
}

@media (min-width: 54.85714em) {
    .product-list .product-list-item .product-price-box .spinner {
        width: 175px
    }
}

.product-list .product-list-item .product-price-box .product-addional-links {
    padding: 15px 0;
    border-top: 1px solid var(--color-dark-light);
    margin-top: 15px
}

.product-list .product-list-item .product-price-box .product-addional-links li {
    display: inline-block;
    margin-right: 10px
}

.product-list .product-list-item .product-price-box .product-addional-links li a {
    color: var(--color-primary)
}

.product-list .product-list-item .product-price-box .product-addional-links li a i {
    margin-right: 5px
}

.product-list .product-list-item .product-price-box .product-add-cart-btn {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 0;
    font-size: 16px;
    z-index: 2;
    position: relative
}

.product-list .product-list-item .product-price-box .product-add-cart-btn i {
    margin-right: 10px
}

.product-list .product-list-item .product-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.artikel .product-price-box {
    width: 100%
}

.artikel .product-add-cart-btn {
    width: 100%
}

.artikel .product-img {
    min-height: 275px
}

@media (min-width: 54.85714em) {
    .search .product-content-box, .category .product-content-box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%
    }
}

.search .product-content-box .col-xs-12, .category .product-content-box .col-xs-12 {
    float: none
}

.search .product-content-box .product-content, .category .product-content-box .product-content {
    padding-bottom: 100px
}

.search .product-img, .category .product-img {
    border-right: 1px solid var(--color-primary);
    min-height: 275px
}

.search .product-img img, .category .product-img img {
    width: 100%;
    height: auto;
    max-width: 275px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.search .product-price-box, .category .product-price-box {
    padding: 15px !important
}

.site-content-item {
    margin-bottom: 30px
}

.user-account .site-content {
    padding-left: 0;
    padding-right: 0
}

.user-account .site-content .adress-item .removeDefaultAdress i {
    margin: 0
}

.user-account .site-content .content-element {
    border: 1px solid var(--color-primary)
}

.user-account .site-content .content-element:before, .user-account .site-content .content-element:after {
    content: " ";
    display: table
}

.user-account .site-content .content-element:after {
    clear: both
}

.user-account .site-content .content-element .user_newsletter {
    margin-top: 30px
}

.user-account .site-content .content-element .user_newsletter .newsletter_checkbox {
    margin-bottom: 15px
}

.user-account .site-content .content-element .user_newsletter #NewsletterEmail {
    max-width: 50%;
    margin-bottom: 30px
}

.user-account .site-content .content-element label {
    display: block
}

.user-account .site-content .content-element .save-settings-btn {
    float: right
}

footer {
    background-color: var(--color-dark-light);
    color: var(--color-white);
    padding: 30px 0
}

footer h4 {
    color: var(--color-white);
    border-bottom: 2px solid var(--color-primary);
    padding-bottom: 10px;
}

footer a {
    color: var(--color-white)
}

footer a:hover {
    color: #333;
    text-decoration: none
}

footer ul {
    padding: 0
}

footer ul li {
    list-style: none
}

footer ul li a {
    color: var(--color-white);
}

footer ul li a:hover {
    color: #CECECE;
    text-decoration: none
}

footer .socials li {
    display: inline-block
}

footer .socials li a {
    padding: 5px
}

footer .socials li a i {
    font-size: 26px
}

footer .socials li a:hover .facebook_icon {
    color: #3b5998
}

footer .socials li a:hover .twitter_icon {
    color: #55acee
}

footer .socials li a:hover .youtube_icon {
    color: #bb0000
}

footer .socials li:last-child {
    margin-right: 0
}

.form-control[readonly] {
    background-color: #FFFFFF;
    user-select: none !important;
}

.breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    font-size: 16px;
    padding: 2rem;
}

.breadcrumb a {
    color: var(--color-white)
}

.breadcrumb a:hover {
    text-decoration: none
}

.breadcrumb > .active {
    color: var(--color-white)
}

.breadcrumb > li + li::before {
    content: '\f105';
    font-family: "FontAwesome", serif;
    color: var(--color-white);
    padding: 0 12px 0 6px
}

.artikel .product-description {
    border-top: 1px solid var(--color-primary);
    padding-top: 15px;
    padding-bottom: 15px
}

.artikel .product-header {
    height: 42px
}

.artikel .product-table, .artikel .product-table-row {
    padding-left: 0;
    padding-right: 0
}

.artikel .product-table-row {
    padding-top: 5px;
    padding-bottom: 5px
}

.artikel .product-table-row .product-table-header {
    color: var(--color-primary)
}

.artikel .product-list-item {
    margin-bottom: 0
}

.artikel .product-list-item .product-price-box {
    position: relative
}

.artikel .product-list-item .default_img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    max-width: 320px
}

.artikel .product-list-item .inventory p.headline {
    color: var(--color-primary)
}

.artikel .tab-pane {
    padding-top: 30px;
    padding-bottom: 30px
}

.artikel .nav-tabs > li.active > a, .artikel .nav-tabs > li.active > a:focus, .artikel .nav-tabs > li.active > a:hover {
    color: var(--color-white);
    background-color: var(--color-primary)
}

.artikel .nav-tabs > li > a {
    color: var(--color-dark-light)
}

.artikel .product-img .gallery-main {
    position: relative;
    overflow: hidden
}

.artikel .product-img .gallery-thumbs ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    border-top: 1px solid var(--color-primary)
}

.artikel .product-img .gallery-thumbs ul li {
    display: inline-block;
    width: 25%;
    padding: 10px 0
}

.artikel .product-img .gallery-thumbs ul li a:focus {
    border: 0
}

.artikel .product-img .gallery-thumbs ul li img {
    cursor: pointer;
    max-height: 120px;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.btn-password {
    background-color: transparent;
    border: 0;
    color: var(--color-primary);
    margin-bottom: 15px;
    padding: 0
}

.btn-password:focus {
    color: var(--color-primary)
}

.btn-password:hover {
    color: #333
}

.cart .product-table, .my-account .product-table {
    margin-top: 30px;
    margin-bottom: 30px
}

.cart .product-table .table-head, .my-account .product-table .table-head {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid var(--color-dark-light);
    margin-bottom: 15px
}

.cart .product-table .table-body .table-item, .my-account .product-table .table-body .table-item {
    position: relative;
    border-bottom: 1px solid var(--color-dark-light);
    margin-bottom: 15px
}

.cart .product-table .table-body .table-item h4, .my-account .product-table .table-body .table-item h4 {
    margin-top: 0
}

.cart .product-table .table-body .table-item .img_row, .my-account .product-table .table-body .table-item .img_row {
    padding: 0
}

.cart .product-table .table-body .table-item .btn-remove, .my-account .product-table .table-body .table-item .btn-remove {
    position: absolute;
    right: 15px;
    z-index: 5;
    padding: 2px
}

.cart .product-table .table-body .table-item .btn-remove i, .my-account .product-table .table-body .table-item .btn-remove i {
    font-size: 15px
}

.cart .product-table .table-body .table-item .spinner, .my-account .product-table .table-body .table-item .spinner {
    max-width: 130px;
    width: 100%
}

.cart .product-table .table-body .table-item .hidden-md, .my-account .product-table .table-body .table-item .hidden-md {
    float: left;
    font-size: 16px;
    font-weight: 700;
    width: 50%
}

.cart .product-table .table-body .table-item .product-meta ul, .my-account .product-table .table-body .table-item .product-meta ul {
    list-style: none;
    padding-left: 0
}

.cart .product-table .table-body .table-item .product-price-sum, .my-account .product-table .table-body .table-item .product-price-sum {
    font-weight: 700
}

.cart .product-table .table-body .table-item:last-child, .my-account .product-table .table-body .table-item:last-child {
    border-bottom: 0
}

.cart .product-table .table-body .table-item .extend, .cart .product-table .table-body .table-item .changePasswordSubacc, .cart .product-table .table-body .table-item .changeActivation, .my-account .product-table .table-body .table-item .extend, .my-account .product-table .table-body .table-item .changePasswordSubacc, .my-account .product-table .table-body .table-item .changeActivation {
    margin-bottom: 10px
}

.cart .product-table .table-body .table-item img, .my-account .product-table .table-body .table-item img {
    width: auto;
    height: auto;
    max-height: 250px;
    max-width: 250px;
    margin: 15px auto;
    display: block
}

@media (min-width: 768px) {
    .cart .product-table .table-body .table-item img, .my-account .product-table .table-body .table-item img {
        max-height: 110px;
        max-width: 100%;
        margin: 0 auto
    }
}

.cart .cart-footer:before, .cart .cart-footer:after, .my-account .cart-footer:before, .my-account .cart-footer:after {
    content: " ";
    display: table
}

.cart .cart-footer:after, .my-account .cart-footer:after {
    clear: both
}

.cart .cart-footer .price-overview .prices .row, .my-account .cart-footer .price-overview .prices .row {
    margin-bottom: 5px
}

.cart .cart-footer .price-overview .prices .row strong, .my-account .cart-footer .price-overview .prices .row strong {
    font-size: 18px
}

.cart .cart-footer .price-overview .btn, .my-account .cart-footer .price-overview .btn {
    float: right;
    margin-top: 15px
}

.cart .cart-footer .price-overview .btn i, .my-account .cart-footer .price-overview .btn i {
    margin-left: 15px
}

.cart .cart-footer .coupon-box, .my-account .cart-footer .coupon-box {
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .cart .cart-footer .coupon-box, .my-account .cart-footer .coupon-box {
        margin-bottom: 0
    }
}

.cart .checkout-steps, .my-account .checkout-steps {
    overflow: hidden
}

.cart .checkout-steps ul, .my-account .checkout-steps ul {
    list-style: none
}

.cart .checkout-steps .step, .my-account .checkout-steps .step {
    padding: 0;
    padding-bottom: 40px
}

@media (min-width: 992px) {
    .cart .checkout-steps .step, .my-account .checkout-steps .step {
        padding-bottom: 0
    }
}

.cart .checkout-steps .step.disabled a, .my-account .checkout-steps .step.disabled a {
    cursor: not-allowed;
}

.cart .checkout-steps .step a, .my-account .checkout-steps .step a {
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    background: #d3d6d8;
    color: var(--color-dark-light);
    margin: 0 auto;
    border-radius: 5px
}

.cart .checkout-steps .step a span, .my-account .checkout-steps .step a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    opacity: 0.5
}

.cart .checkout-steps .step a i, .my-account .checkout-steps .step a i {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    font-size: 22px;
    z-index: 5
}

@media (min-width: 992px) {
    .cart .checkout-steps .step a i, .my-account .checkout-steps .step a i {
        bottom: auto;
        left: auto;
        right: -10px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.cart .checkout-steps .step a:focus, .my-account .checkout-steps .step a:focus {
    outline: none
}

.cart .checkout-steps .step.active a, .my-account .checkout-steps .step.active a {
    color: var(--color-primary)
}

.cart .checkout-steps .step.active a span, .my-account .checkout-steps .step.active a span {
    opacity: 1
}

.cart .checkout-steps .step.check a, .my-account .checkout-steps .step.check a {
    color: var(--color-dark-light)
}

.cart .checkout-steps .step.check a span, .my-account .checkout-steps .step.check a span {
    opacity: 1
}

.cart .checkout-steps .step.check:hover a, .my-account .checkout-steps .step.check:hover a {
    color: var(--color-primary)
}

.cart .checkout-steps .step:last-child, .my-account .checkout-steps .step:last-child {
    padding-bottom: 0
}

@media (min-width: 992px) {
    .cart .checkout-steps .step a, .my-account .checkout-steps .step a {
        border-radius: 0
    }

    .cart .checkout-steps .step:first-child a, .my-account .checkout-steps .step:first-child a {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .cart .checkout-steps .step:last-child a, .my-account .checkout-steps .step:last-child a {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

.cart .next-step-btn, .cart .refresh-btn, .my-account .next-step-btn, .my-account .refresh-btn {
    margin-top: 30px
}

.cart .next-step-btn i, .cart .refresh-btn i, .my-account .next-step-btn i, .my-account .refresh-btn i {
    margin-left: 10px
}

.cart .next-step-btn i.fa-shopping-cart, .cart .refresh-btn i.fa-shopping-cart, .my-account .next-step-btn i.fa-shopping-cart, .my-account .refresh-btn i.fa-shopping-cart {
    font-size: 20px
}

.cart .next-step-btn, .my-account .next-step-btn {
    float: right
}

.cart .checkout-meta, .my-account .checkout-meta {
    margin-top: 60px
}

.cart .checkout-meta .btn, .my-account .checkout-meta .btn {
    margin-top: 0
}

.cart .user-account .product-table, .my-account .user-account .product-table {
    margin-bottom: 0
}

#Lieferadresse .addional-btn-box, #Rechnungsadresse .addional-btn-box {
    padding-bottom: 15px
}

#Lieferadresse .addional-btn-box .btn-box, #Rechnungsadresse .addional-btn-box .btn-box {
    display: none
}

#Lieferadresse .removeDefaultAdress, #Rechnungsadresse .removeDefaultAdress {
    display: none
}

.edit-btn > i.fa {
    margin-left: 0
}

.finishOrder > i {
    margin-left: 10px
}

.sale {
    text-decoration: line-through;
    color: var(--color-dark-light) !important;
    font-size: 16px !important;
    margin-bottom: 0
}

body.pages .content-element h1, body.cart .content-element h1 {
    margin-bottom: 30px
}

body.pages .content-element .mainlabel, body.cart .content-element .mainlabel {
    display: block;
    font-weight: bold
}

.zoomLens {
    cursor: none
}

.zoomWrapper {
    margin: 0 auto
}

.product-header {
    float: none;
}

/*.btn.btn-default,*/
/*.main-nav .navbar-search .btn {*/
/*    padding: 9px 12px !important;*/
/*}*/