/* - Allgemeines - */


.azold iframe {
    display: block;
}

.azold a {
    color: #142864;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.azold .blue {
    color: #142864;
}

.azold .d-none {
    display: none !important;
}

.azold .d-flex {
    display: flex !important;
}

.azold .w-100 {
    width: 100%;
}

.azold input[type="date"] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-clip: padding-box;
    margin: 0;
    outline: 0;
    font: inherit;
    vertical-align: top;
    color: inherit;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.azold input[type="text"],
.azold input[type="date"],
.azold input[type="time"],
.azold input[type="password"],
.azold input[type="number"],
.azold input[type="tel"],
.azold input[type="email"],
.azold textarea,
.azold .select > select {
    background-color: #fff;
    background-clip: padding-box; /* Removes shadow in iOS */
    border: 1px solid #CCCCCC;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
    color: #363636;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 12px;
    height: 55px;
    float: left;
    width: 100%;
    padding: 0 20px;
    border-radius: 0;
}

.azold .select > select{
    background-color:transparent;
}

.azold input[type="text"]:focus,
.azold input[type="text"]:hover,
.azold input[type="date"]:focus,
.azold input[type="date"]:hover,
.azold input[type="password"]:focus,
.azold input[type="password"]:hover,
.azold input[type="number"]:focus,
.azold input[type="number"]:hover,
.azold input[type="tel"]:focus,
.azold input[type="tel"]:hover,
.azold input[type="email"]:focus,
.azold input[type="email"]:hover,
.azold textarea:focus,
.azold textarea:hover,
.azold .select > select:focus,
.azold .select > select:hover {
    border-color: #142864 !important;
}

.azold textarea {
    height: 130px;
    line-height: 25px;
    max-width: 100%;
    min-height: 130px;
    min-width: 100%;
    padding: 15px 20px;
    width: 100%;
}

.azold .pointer {
    cursor: pointer;
}

.azold input[type="text"]::placeholder,
.azold input[type="date"]::placeholder,
.azold input[type="time"]::placeholder,
.azold input[type="password"]::placeholder,
.azold input[type="number"]::placeholder,
.azold input[type="tel"]::placeholder,
.azold input[type="email"]::placeholder,
.azold textarea::placeholder,
.azold .select > select::placeholder {
    color: #00000066;
}



.azold input.white,
.azold textarea.white {
    background-color: #FFFFFF;
}

.azold input[disabled] {
    background-color: transparent !important;
}

.azold ::-webkit-input-placeholder {
    color: #363636;
    opacity: 1;
}

.azold :-moz-placeholder {
    color: #363636;
    opacity: 1;
}

.azold ::-moz-placeholder {
    color: #363636;
    opacity: 1;
}

.azold :-ms-input-placeholder {
    color: #363636;
    opacity: 1;
}

.azold .section_flex{
    display:flex;
    display: -ms-flexbox;
    justify-content: center;
    font-family: "century-gothic",Arial,sans-serif;
}

.azold .section_flex.flex_wrap{
    flex-wrap:wrap;
}

.azold .section_flex > .col{
    margin-top:15px;
}

.azold .checkbox {
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat scroll -139px -158px;
    height: 20px;
    overflow: hidden;
    width: 20px;
    cursor: pointer;
    float: left;
    position: relative;

    /* Animation */
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.azold .checkbox.active {
    background-position: -139px -138px;
}

.azold .checkbox.disabled {
    opacity: 0.5;
}

.azold .checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -100px;
}

.azold .checkbox label {
    display: block;
    height: 100%;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.azold .radio {
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat scroll -233px -158px;
    height: 20px;
    overflow: hidden;
    width: 20px;
    cursor: pointer;
    float: left;
    position: relative;

    /* Animation */
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.azold .radio.active {
    background-position: -233px -138px;
}

.azold .radio input[type="radio"] {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -100px;
}

.azold .radio label {
    display: block;
    height: 100%;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.azold .select {
    color: #363636;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 12px;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    position: relative;
    width: 100%;
    cursor: pointer;
    display: block;
    background: #fff;
}

.azold .select.transparent {
    background: transparent;
}

.azold select::-ms-expand {
    display: none;
}

.azold .select.white {
    background-color: #FFFFFF;
}

.azold .select.blue {
    color: #FFFFFF;
    background: #142864;
}

.azold .select > .text {
    float: left;
    height: 55px;
    overflow: hidden;
    width: 80%;
}

.azold .select > .icon {
    position: absolute;
    right: 10px;
    top: 18px;
    pointer-events: none;
}


.azold .select > .icon.small {
    width: 18px;
    height: 18px;
}

.azold .select > .icon.medium {
    margin-top: 13px !important;
}

.azold .info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 1.5em;
    height: 1.5em;
    margin-right: .25rem;
    font-size: 1em;
    font-weight: 400;
    background-color: #7C81AE;
    border-radius: 100vw;

}

.azold .info-icon::after {
    content: 'i';
    color: #fff;
}

.azold .select > select {
    background-color: transparent;
    font-size: 12px;
    height: 55px;
    left: 0;
    padding: 0 16px;
    position: absolute;
    top: 0;
    width: 100%;
    cursor: pointer;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

.azold .select > select > option {
    padding: 10px 16px;
}

.azold .select > select::-ms-expand,
.azold .lt-ie10 .select > select {
    background-color: #eee;
}

.azold label {
    cursor: pointer;
    float: left;
    line-height: 55px;
}

.azold span.signature {
    line-height: 25px;
    margin: -20px 0 0 20px;
    display: inline-block;
}

.azold label.full {
    width: 100%;
}

.azold p {
    margin: 0 0 20px;
}

.azold .text {
    color: #363636;
    display: block;
    font-weight: normal;
}

.azold .text.inline,
.aznew .text.inline {
    display: inline;
}

.azold .center {
    text-align: center;
}

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

.azold ul li {
    float: left;
    line-height: 26px;
    padding-left: 36px;
    position: relative;
    width: 100%;
}

.azold ul li > .subline {
    line-height: 26px;
}

.azold ul li + li {
    margin-top: 6px;
}

.azold ul li .icon {
    left: 0;
    position: absolute;
    top: 2px;
}

.azold h1,
.azold h2,
.azold h3,
.azold h4,
.azold h5 {
    margin: 0;
}

.azold img {
    border: medium none;
    display: block;
    outline: medium none;
}

img.azold { /*neuer img block für die app*/
    border: medium none;
    display: block;
    outline: medium none;
}

.azold .img_responsive {
    max-width: 100%;
    height: auto;
}

.clear {
    clear: both;
    float: none;
}

.azold .clear:after {
    clear: both;
    content: '';
    display: table;
}

.hidden {
    display: none !important;
}

.loading.azold {
    float: left;
    width: 100%;
    height: 5px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: -webkit-linear-gradient(left, #142864 30%, #626798 80%, #142864 100%) repeat;
    -webkit-background-size: 50% 100%;
    -webkit-animation-name: moving-gradient;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes moving-gradient {
    0% {
        background-position: left bottom;
    }

    100% {
        background-position: right bottom;
    }
}

.azold .relative {
    position: relative;
}

.azold .active_line {
    float: left;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #142864;
}

.azold .bold {
    font-weight: bold !important;
}

.visible_mobile,
.visible_mobile_inline,
.visible_mobile_inline_block,
.hidden_desktop,
.hidden-desktop {
    display: none !important;
}

/* - Tooltip - */

.azold .tooltip {
    position: absolute;
    display: none;
    z-index: 9999999999;
    background-color: #eee;
    border-radius: 3px;
    padding: 0 8px;
    line-height: 25px;
    margin-top: -37px;
    transform: translateX(-50%);
    text-align: center;
}

/* - Width - */

.azold .width_20_percent {
    width: 20% !important;
}

.azold .width_52_percent {
    width: 52% !important;
}

/* - Höhen - */

.azold .height_55 {
    height: 55px !important;
}

.azold .height_208 {
    height: 208px !important;
}

.azold .height_300 {
    height: 300px !important;
}

.azold .height_310 {
    height: 310px !important;
}

.azold .height_375 {
    height: 375px !important;
}

.azold .height_410 {
    height: 410px !important;
}

.azold .height_450 {
    height: 450px !important;
}

.azold .height_500 {
    height: 500px !important;
}

.azold .height_1000 {
    height: 1000px !important;
}

.azold .height_full {
    height: 100%;
}

@media only screen and (max-width: 1024px){
    .azold .height_450_mobil {
        height: 450px !important;
    }

    .azold .reset_height_mobile {
        height: unset !important;
    }
}

/* - separator - */

.separator {
    height: 1px;
    width: 100%;
}

.separator .light {
    height: 1px;
    width: 100%;
}

.separator.vertical {
    width: 2px;
    height: 55px;
    float: left;
}

.azold .separator.vertical .light {
    width: 1px;
    height: 100%;
    float: left;
}

.azold .separator .light {
    background-color: #dedede;
}


.azold .separator.blue .light {
    background-color: #ffffff;
    opacity: 0.08;
}

.azold .separator.blue .dark {
    background-color: #000000;
    opacity: 0.17;
}

/* - Fade - */

.fade_text {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.fade {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    display: block;
    /*background: transparent url("../bg/fade_4.png") no-repeat scroll 0 0;*/
}

.fade.grey {
    background-position: 0px -300px;
}

.fade.white {
    background-position: 0px 0px;
}

.fade.blue {
    background-position: 0px -200px;
    right: 50px;
}

.azold .table .line.even .fade_text .fade {
    background-position: 0px -100px;
}

.azold .boxed_content.grey .fade {
    background-position: 0px -100px;
}

.azold .boxed_content.download_item {
    height: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.azold .container.downloads .table .line {
    margin-bottom: 20px;
}

/* - Abstände - */

.azold .no_padding {
    padding: 0 !important;
}

.azold .padding_sides_20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

body.mobile .azold .padding_sides_0_mobile:nth-child(odd) {
    padding-left: 0 !important;
}

body.mobile .azold .padding_sides_0_mobile:nth-child(even) {
    padding-right: 0 !important;
}

@media screen and (max-width: 768px) {
    body.mobile .azold .padding_sides_0_mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

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

.padding_top_40 {
    padding-top: 40px !important;
}

.margin_top_5 {
    margin-top: 5px !important;
}

.margin_top_10 {
    margin-top: 10px !important;
}

.margin_top_15 {
    margin-top: 15px !important;
}

.margin_top_16 {
    margin-top: 16px !important;
}


.margin_top_20 {
    margin-top: 20px !important;
}

.margin_top_25 {
    margin-top: 25px !important;
}

.margin_top_30 {
    margin-top: 30px !important;
}

.margin_top_40 {
    margin-top: 40px !important;
}

.margin_top_50 {
    margin-top: 50px !important;
}

.margin_bottom_0 {
    margin-bottom: 0px !important;
}

.margin_bottom_5 {
    margin-bottom: 5px !important;
}

.margin_bottom_10 {
    margin-bottom: 10px !important;
}

.margin_bottom_20 {
    margin-bottom: 20px !important;
}

.margin_bottom_30 {
    margin-bottom: 30px !important;
}

.margin_bottom_32 {
    margin-bottom: 32px !important;
}

.margin_bottom_40 {
    margin-bottom: 40px !important;
}

.margin_bottom_60 {
    margin-bottom: 60px !important;
}

.margin_bottom_80 {
    margin-bottom: 80px !important;
}

.margin_top_0 {
    margin-top: 0px !important;
}

.margin_left_5 {
    margin-left: 5px !important;
}

.margin_left_10 {
    margin-left: 10px !important;
}

.margin_left_15 {
    margin-left: 15px !important;
}

.margin_left_20 {
    margin-left: 20px !important;
}

.margin_right_0 {
    margin-right: 0 !important;
}

.margin_right_5 {
    margin-right: 5px !important;
}

.margin_right_10 {
    margin-right: 10px !important;
}

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

.margin_right_30 {
    margin-right: 30px !important;
}

.margin_right_40 {
    margin-right: 40px !important;
}


@media (max-width: 1024px) {
    .padding_top_0_mobile {
        padding-top: 0 !important;
    }

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

/* Message - Benachrichtigungen */

.azold .message {
    background-color: #eee;
    border: 1px dashed #d9d9d9;
    line-height: 1.8;
    padding: 10px;
    text-align: center;
}

.message.default {
    border-color: #142864;
    background-color: #E8F3FF;
    color: #142864;
}

.azold .message.success {
    background-color: #E6FFF0;
    border-color: #00A03F;
}

.azold .message.success.left {
    text-align: left;
}

.azold .message.delivery_warning{
    background-image: -webkit-gradient(linear, left bottom, right top, from(#ae2c1b), color-stop(#b8301f), color-stop(#c33422), color-stop(#cd3926), to(#d83d2a));
    background-image: -webkit-linear-gradient(left bottom, #ae2c1b, #b8301f, #c33422, #cd3926, #d83d2a);
    background-image: -o-linear-gradient(left bottom, #ae2c1b, #b8301f, #c33422, #cd3926, #d83d2a);
    background-image: linear-gradient(to right top, #ae2c1b, #b8301f, #c33422, #cd3926, #d83d2a);
    color: #fff;
}


.azold .message.error {
    background-color: #efe0de;
    border-color: #a3271a;
}

.azold .message.big {
    background-color: #FFF;
    padding: 20px;
    line-height: 60px;
}

.azold .message.big p {
    float: left;
    line-height: 55px;
    margin-bottom: 0;
}

.azold .message.big .button {
    float: right;
}

.azold .message.big.half {
    width: 48.25%;
    float: left;
}

.azold .message.big.half.spacing {
    margin-right: 3.5%;
}

.azold .message > .icon-background {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

/* - Headlines - */

.azold .headline {
    font-size: 26px;
    color: #142864;
    font-weight: bold;
    line-height: 55px;
    font-family: "century-gothic",Arial,sans-serif;
    display: block;
}

.azold .headline.small {
    font-size: 20px;
    line-height: 40px;
}

.azold .subline {
    font-size: 14px;
    line-height: 30px;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: 400;
    display: block;
    color: #363636;
}

.azold .subline.small {
    font-size: 13px;
}

.azold .subline.big {
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
}

.azold .subline.blue {
    color: #142864;
}

.azold .subline.white {
    color: #FFFFFF;
}

.azold .subline.blue > .grey {
    color: #363636;
}

/* - Icons - */


.azold .icon.pointer {
    cursor: pointer;
}

.azold .icon.right {
    float: right;
}

.azold .icon.inline {
    float: none;
    display: inline-block;
    vertical-align: middle;
}


.azold .icon.small {
    width: 22px;
    height: 22px;
}

.icon.medium {
    width: 28px;
    height: 28px;
}

.azold .icon.big {
    width: 32px;
    height: 32px;
}

/* - Browser Icons - */

.azold .icon.small.info .icon_helper {
    cursor: pointer;
    display: block;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    line-height: 17px;
    margin: 1px 2px 0 2px;
    text-align: center;
    width: 18px;
    border-radius: 100%;
}

.azold .icon.small.info.grey .icon_helper {
    background-color: #636363;
    color: #ffffff;
}

.azold .icon.small.info.pale .icon_helper {
    background-color: #7C81AE;
    color: #ffffff;
}

.azold .icon.small.info.white .icon_helper {
    background-color: #FFFFFF;
    color: #142864;
}

.azold .icon.small.info.red .icon_helper {
    background-color: #a3161b;
    color: #ffffff;
}

.azold .icon.small.info.blue .icon_helper {
    color: #ffffff;
    background: #142864;
}

/* - Icons - */


.azold .filter-new {
    position: relative;
}

.azold .filter-new span {
    cursor: pointer;
    display: block;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    line-height: 17px;
    text-align: center;
    width: 18px;
    border-radius: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -1px;
    right: -8px;
    background: #142864;
}

.azold .filter-new span.number {
    right: -30px;
    border-radius: 5px;
    padding: 0 3px;
    width: auto;
}


.azold i {
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    display:inline-block;
    vertical-align: middle;
}

.azold i.small {
    width: 25px;
    height: 25px;
}

.azold i.pointer {
    cursor: pointer;
}

/* - Buttons - */

.azold .button {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 14px;
    height: 55px;
    line-height: 58px;
    padding: 0 25px;
    float: left;
    font-weight: normal;
    border: medium none;
    border-radius: 0;
    overflow: hidden;
    background: #142864;

    /* Animation */
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.azold .button.button-alt {
    height: auto;
    line-height: 1;
    padding: 1em 2em;
    font-weight: 600;
}

.azold .button:hover {
    opacity: 0.85;
}

.azold .button.big {
    height: 75px;
    line-height: 78px;
}

.azold .button.size_1_2 {
    width: 50%;
}

.azold .button.size_1_3 {
    width: 31%;
}

.azold .button.size_2_3 {
    width: 65.5%;
}

.azold .button.size_3_3 {
    width: 100%;
}

.azold .button.size_3_4 {
    width: 20%;
}

.azold .button.center {
    float: none;
    margin: 0 auto;
    padding: 0;
}

.azold .button.primary {
    color: #fff;
}

.azold .button.orderlimit {
    background: lightgray;
    color: darkgrey;
    pointer-events: none;
}

.azold .button.right {
    float: right;
    margin: 0;
}

.azold .button.left {
    float: left;
    margin: 0;
}

.azold .button.grey {
    background: #eee none repeat scroll 0 0;
    border: 2px solid #eee;
    color: #363636;
    font-size: 13px;
    line-height: 53px;
}

.azold .button.white {
    background: #fff none repeat scroll 0 0;
    /* border: 2px solid #fff; */
    color: #363636;
    /* font-size: 13px; */
    /* line-height: 53px; */
}

.azold .button.white.no_border {
    border: none;
}

.azold .button.grey.big {
    line-height: 73px;
}

.azold .button.grey:hover {
    opacity: 1;
    background-color: transparent;
}

.azold .button.outline {
    background: #fff;
    border:1px solid #142864;
    color: #142864;
    font-weight: bold;
}

.azold .button.small {
    font-size: 12px;
    height: 35px;
    line-height: 34px;
    padding: 0 13px;
}

.azold .button.small.grey {
    line-height: 33px;
}

/*.azold .button .icon {
    margin-right: 15px;
    margin-bottom: 80px;
}*/

.azold .button .icon.small {
    margin-top: 16px;
}

.azold .button.big .icon.small {
    margin-top: 27px;
}


.azold .button.big .icon.medium {
    margin-top: 23px;
}

.azold .button.icon_button {
    padding: 0;
}

.azold .button.icon_button .icon {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.azold .button.disabled {
    background: #eee;
    cursor: not-allowed;
}

.azold a.button.disabled {
    pointer-events: none;
}

/* - Formulare - */

.azold .form_stash {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.azold .form_stash .icon.small {
    margin-top: 0 !important;
}

.azold .form_element {
    margin-bottom: 20px;
    position: relative;
}

.azold .form_element.inline {
    display: inline-block;
    margin: 0;
}


.azold .form_element.employee > input[type="number"] {
    margin-right: 10px;
    width: 33%;
}

.azold .form_element.zip_city {
    display: inline-block;
    margin-bottom: 11px;
    width: 47%;
}

.azold .form_element.zip_city:first-of-type {
    margin-right: 26px !important;
}

.azold .form_element.employee > div.subline {
    display: table-cell;
    height: 55px;
    vertical-align: middle;
}

.azold .form_element.inline.half_width.booth_flex {
    display: flex;
}

.azold .form_element.inline.half_width.booth_inline_flex {
    display: inline-flex;
}


.azold .form_element > .half_width {
    vertical-align: middle;
    width: 47.5% !important;
    display: inline-block;
}

.azold .form_element > .half_width > .half {
    width: 47.5%;
    display: inline-block;
    vertical-align: middle;
}

.azold .form_element > .small_width {
    vertical-align:  middle;
    width: 30%!important;
    display: inline-block;
}

.azold .form_element > .small_width.fourth {
    width: 22%!important;
}

.azold .form_element .right {
    float: right!important;
}

.azold .form_element span.left {
    float: left;
    margin-top: 15px;
}

.azold .form_element.inline.half_width > input[type="text"] {
    display: inline-block;
    width: 42% !important;
}

.azold .form_element.inline.half_width > input[type="text"]:first-of-type {
    margin-right: 10px;
}

.azold .form_element.inline.half_width > div.subline {
    display: inline-block;
    height: 55px;
    vertical-align: middle;
}

.azold .booth_divider {
    line-height: 55px;
}

.azold .form_element .container.save {
    background-color: #ffffff;
    height: 55px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.azold .form_element .container.save.grey {
    background-color: #eee;
}

.azold .form_element .container.save > .fade {
    left: -60px;
}

.azold .form_element.disabled {
    opacity: 0.5;
}

.azold .form_element .checkbox,
.azold .form_element .radio {
    margin-top: 17px;
}

.azold .form_element .half_width {
    width: 49%;
}

.azold .form_element .checkbox.subline,
.azold .form_element .radio.subline {
    margin-top: 5px;
}

.azold .form_element label {
    padding-left: 20px;
}

.azold .form_element label.has-hint {
    line-height: 25px;
    width: calc(100% - 30px);
}

.azold .form_element label.has-hint > small.hint {
    line-height: 15px;
    display: block;
    margin-bottom: 0;
    font-size: 10px;
}

.azold .form_element label.input_error {
    color: #a3271a;
}

.azold .form_element label.sub {
    padding-left: 35px;
}

.azold .form_element label.sub ul li .icon {
    margin-top: 0;
}

.azold .form_element label.image {
    display: table;
}

.azold .form_element label.image .inner {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.azold .form_element label.image .inner img {
    max-height: 30px;
    max-width: 130px;
}

.azold .form_element input.half {
    width: 47.5%;
}

.azold .form_element input.small {
    width: 30%;
}

.azold .form_element input.big {
    width: 65%;
}

.azold .form_element input.right {
    float: right;
}

.azold .form_element input.error,
.azold .form_element select.error,
.azold .form_element textarea.error,
.azold .form_element .checkbox.error {
    background-color: #efe0de;
    border: 1px dashed #a3271a;
    padding: 14px 19px;
}

.azold .form_element .checkbox.error {
    padding: 0;
}

.azold .form_element .select.error {
    background-color: #efe0de;
    border: 1px dashed #a3271a;
    padding: 0 19px;
}

.azold .form_element .select.error select.error {
    height: 53px;
}



.azold .form_element .icon.no_top {
    margin-top: 0px;
}

@media only screen and (max-width: 769px){
    .azold .container .button.full {
        width: 100%;
        margin-bottom: 10px;
        float:none;
        text-align: center;
    }
}

@media (max-width: 1024px){
    .azold .form_element .icon.small {
        margin-top: 0;
    }
}

/*Cable reel*/

.azold .form_element .cable_address {
    float: left;
    margin-top: 15px !important;
}

.azold .form_element span.differentAddress {
    font-size: 14px;
}

.azold .form_element span.underline {
    text-decoration: underline;
}

.azold .form_element input.half_time {
    width: 61%;
}

.azold .margin_left_40 {
    margin-left: 40px;
}

.azold .margin_left_50 {
    margin-left: 50px;
}

/* width <750px */
@media only screen and (max-width: 967px){
    .azold .form_element .half_width,
    .azold .form_element .small_width.full_mobile{
        width: 100%!important;
        display: block;
    }

    .azold .form_element .small_width {
        width:47.5%!important;
    }

    .azold .form_element  .right_mobile{
        float:right !important;
    }

    .azold body.mobile form .form_element .margin_top_20_small_mobile {
        margin-top: 20px !important;
    }

    .azold .form_element .half_width .half span.margin_left_20 {
        margin-left: 0 !important;
    }

}
/*width <480*/
@media only screen and (max-width: 479px){
    .azold .form_element >.half_width span.left {
        margin-top: 0;
    }
}


/*Popup Angebote*/
.azold .form_element input.big {
    width: 65%;
}

.azold .form_element textarea.textarea_hide {
    display: none;
}

.azold .form_element textarea.textarea_show {
    display: block;
}

@media only screen and (max-width: 1450px){
    .azold .form_element input.big {
        width: 100%;
    }
}

/*Cable reel*/

.azold .form_element .cable_address {
    float: left;
    margin-top: 15px !important;
}

.azold .form_element span.differentAddress {
    font-size: 14px;
}

.azold .form_element span.underline {
    text-decoration: underline;
}



/* width <750px */
@media only screen and (max-width: 750px){
    .azold .form_element. .half_width,
    .azold .form_element. .small_width.full_mobile {
        width: 100%!important;
        display: block;
    }

    .azold .form_element .small_width {
        width:47.5%!important;
    }

    .azold .form_element  .right_mobile{
        float:right !important;
    }

    .azold body.mobile form .form_element .margin_top_20_small_mobile {
        margin-top: 20px !important;
    }

    .azold .form_element. .half_width .half span.margin_left_20 {
        margin-left: 0 !important;
    }

}
/*width <480*/
@media only screen and (max-width: 479px){
    .azold .form_element. >.half_width span.left {
        margin-top: 0;
    }
}


/* - Spalten - */

.azold .col {
    float: left;
    height: 100%;
    min-height: 1px;
    width: 100%;
}

.azold .col.right {
    float: right;
}

.azold .col.col_two {
    width: 48.25% !important;
}

.azold .col.col_two.big {
    width: 65.5%;
}

.azold .col.col_three {
    width: 31%;
}

.azold .col.col_three.big{
    width:38.5%;
}

.azold .col.col_four {
    width: 22.375%;
}

.azold .col.col_five_small {
    width: 17%;
}

.azold .col.col_four.big {
    width: 76.5%;
}

.azold .col.col_five {
    width: 62%;
}

.azold .col.col_push_two {
    position: relative;
    left: 51.75%;
}

.azold .col.col_pull_two {
    position: relative;
    right: 48.25%;
}

.azold .col.col_push_three {
    position: relative;
    left: 34.5%;
}

.azold .col.col_pull_three {
    position: relative;
    right: 34.5%;
}

.azold .col.col_pull_three_small {
    position: relative;
    right: 31%;
}

.azold .col.col_push_two_thirds {
    position: relative;
    left: 69%;
}

.azold .col.col_pull_two_thirds {
    position: relative;
    right: 69%;
}

.azold .col.col_center {
    float: none;
    margin: 0 auto;
}

.azold .col.col_spacing {
    margin-right: 3.5%;
}

.azold .col.col_spacing_left {
    margin-left: 3.5%;
}

.azold .col.col_background {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.azold .col.col_background.right {
    right: 0;
    left: auto;
}

.azold .col.col_background.white {
    background-color: #FFFFFF;
}

.azold .col.col_background.fresh-up-col > picture > img,
.azold .col.col_background.fresh-up-col .right > picture > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 900px;
    margin-top: -252px;
}

.azold .col.col_background.fresh-up-col > img,
.azold .col.col_background.fresh-up-col > picture > img {
    top: 56%;
}

.azold .col.col_background > img,
.azold .col.col_background > picture > img {
    right: 0;
    left: auto;
    position: absolute;
    top: 50%;
    margin-top: -250px;
    max-width: unset;
}

.azold .col.col_background .relative > picture > img {
    max-width: unset;
}

.azold .col.col_background.right > img,
.azold .col.col_background.right > picture > img {
    right: auto;
    left: 0;
    position: absolute;
}

.azold .col.col_background.background_position_left > img,
.azold .col.col_background.background_position_left > picture > img {
    left: 0;
    right: auto;
}

.azold .col.col_background.background_position_right > img,
.azold .col.col_background.background_position_right > picture > img {
    left: auto;
    right: 0;
}

.azold .col.col_background.background_position_center > img,
.azold .col.col_background.background_position_center > picture > img {
    left: 50%;
    margin-left: -500px;
    right: auto;
}

.col.col_background.background_position_center.blue > picture > img {
    background: #c3ccd6;
}

.azold .col.col_background .line {
    position: absolute;
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
    width: 220px;
    right: -95px;
    display: block;
    height: 120%;
    background-color: #F2F2F2;
    top: -9px;
}

.azold .col.col_background .line.rotate {
    background:none;
    right: 0;
    width: 33px;
    background-color: #eee;
    position: absolute;
    bottom: 0;
    -webkit-transform: translate(105%) skew(4deg);
    transform: translate(105%) skew(4deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.azold .col.col_background.right .line {
    left: -90px;
    top: -90px;
}

.azold .col.col_spacer {
    float: left;
    position: relative;
    width: 3.5%;
}

.azold .col.col_spacer .line {
    background-color: #F2F2F2;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 2px;
}

.azold section.inner.col_tables {
    display: table;
}

.azold section.inner.col_tables > .col {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
}

.azold .col_list li {
    margin-top: 13px;
}

.azold .col_list > .col_three:nth-child(3n),
.azold .col_list >.col_four:nth-child(4n){
    margin-right: 0 !important;
}


/* - Range - */

section.range {
    padding: 50px 0 100px;
}

section.range .value {
    float: left;
    margin-top: 20px;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 13px;
    display: none;
}

section.range .value.second {
    float: right;
}

section.range .noUi-target,
section.range .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.range .noUi-target {
    position: relative;
    background-color: #eee;
}

section.range .noUi-base,
section.range .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

section.range .noUi-connects {
    overflow: hidden;
    z-index: 0;
}

section.range .noUi-connect,
section.range .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

section.range .noUi-horizontal .noUi-origin {
    height: 0;
    left: auto;
    right: 0;
}

section.range .noUi-handle {
    position: absolute;
}

section.range .noUi-state-tap .noUi-connect,
section.range .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

section.range .noUi-state-drag * {
    cursor: inherit !important;
}

section.range .noUi-horizontal {
    height: 10px;
}

section.range .noUi-connects {
    border-radius: 3px;
}

section.range .noUi-connect {
    background: #142864;
}

section.range .noUi-handle {
    border-radius: 100px;
    background: #FFF;
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    outline: none;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -10px;
    left: auto;
}

section.range .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 7px;
    top: 25px;
}
section.range .noUi-marker {
    position: absolute;
    background: #CCC;
}

section.range .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

section.range .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    top: 28px;
}

section.range .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    display: none;
    position: absolute;
    border-radius: 3px;
    background-color: #eee;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    bottom: 45px !important;
}

section.range .noUi-active .noUi-tooltip {
    display: block;
}

section.range.inputs .value {
    display: block;
    margin-top: 75px;
}

section.range.inputs .value input {
    width: 70px;
    padding: 0;
}

section.range.inputs .value .button {
    width: 55px;
    margin-left: 10px;
}

/* - Boxen - */

.azold .boxed_content {
    padding: 15px 20px;
    border: 2px solid #eee;
    display: block;
    position: relative;
}

.azold .boxed_content.grey {
    background-color: #eee;
}

.azold .boxed_content.white {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.azold .boxed_content.blue {
    color: #FFFFFF;
    border: none;
    background: #142864;
}

.azold .boxed_content.blue_outline {
    border: 2px solid #142864 !important;
}

.azold .boxed_content.grey_outline {
    border: 2px solid #eee;
}

.azold .boxed_content.blue .subline {
    color: #FFFFFF;
}

.azold .boxed_content.dashed {
    border: 1px dashed #d9d9d9;
}

.azold .boxed_content.clickable {
    cursor: pointer;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.azold .boxed_content.clickable.grey:hover {
    background-color: #FFFFFF;
}


.azold .boxed_content.white.clickable:hover {
    border-color: #142864;
}

.azold .boxed_content.configurators {
    padding: 10px 0 0 0;
}

/* - PopUp's & Overlays - */

.overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    cursor: pointer;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    /* IE 5-7 */
    filter: alpha(opacity=15);
    /* Netscape */
    -moz-opacity: 0.15;
    /* Safari 1.x */
    -khtml-opacity: 0.15;
    /* Good browsers */
    opacity: 0.15;
}


.overlay.info {
    z-index: 990;
}

.window_popup {
    background-color: #ffffff;
    display: none;
    left: 280px;
    max-width: 1600px;
    padding: 20px;
    position: fixed;
    top: 0;
    z-index: 999;
    overflow: hidden;
}

body.sidebar-small .window_popup {
    left: 100px;
}

.window_popup.info_popup {
    height: auto !important;
    position: absolute;
    z-index: 990;
    margin-top: 32px;
    padding-right: 73px;
    line-height: 22px;
}

.window_popup.info_popup.form_info {
    margin-top: 55px;
}

.window_popup.info_popup.price_filter_warning_popup {
    min-width: 310px;
    margin-left: -200px !important;
    margin-top: 50px !important;
    text-align: center;
}

.window_popup.form_offer_message{
    max-width:660px;
    width:100%;
    position:absolute;
}

.window_popup.popup_width_35 {
    width: 35%;
}

.window_popup.popup_width_55 {
    width: 55%;
}

.window_popup.popup_width_60 {
    width: 60%;
}

body:not(.mobile) .window_popup.popup_configurator {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

.window_popup.full {
    background-color: transparent;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    right: 0 !important;
    width: auto !important;
}

.window_popup.full > section.inner {
    background-color: #FFFFFF;
    padding: 20px 0px;
}

.window_popup.full > section.inner > .col {
    padding: 0 20px;
}

.window_popup.header_popup {
    left: 300px !important;
    margin: 0 !important;
    top: 100px !important;
    max-width: 100%;
    padding: 40px 0;
    position: absolute;
    width: calc(100% - 300px - 20px);
    z-index: 200;
    right: 20px;
    background: #fff;
}

body.sidebar-small .window_popup.header_popup {
    left: 120px !important;
    width: calc(100% - 20px - 120px);
}

body.breaking-news-banner .window_popup.header_popup{
    top: 159px !important;
}

.window_popup > .close_window,
.details .close_window,
.image_popup .close{
    background-color: #eee;
    color: #636363;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 33px;
    line-height: 29px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 33px;
    border: 2px solid #eee;
    z-index: 1;

    /* Animation */
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.window_popup > .close_window:hover,
.details .close_window:hover{
    background-color: #FFFFFF;
}

.window_popup .popup_headline {
    height: 33px;
    line-height: 40px;
    margin-bottom: 20px;
}

/* - Tabellen - */

.azold .table .line {
    line-height: 28px;
    padding: 10px 15px;
}

.azold .table.no_style .line {
    border: medium none;
    padding: 0;
}

.azold .table .line.clickable {
    cursor: pointer;
}

.azold .table .line.even {
    background-color: #eee;
}

.table .line.header {
    background: #fff;
    border: medium none;
    border-bottom: 1px solid #eee;
    color: #142864;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 55px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.table.residues .line.header  {
    line-height: 25px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.azold .table.residues .line {
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {

    .azold .table.residues .line {
        display: none;
        align-items: unset;
    }

}

.azold .table .line.no_padding > .item {
    padding: 0 15px;
}

.azold .table .line > .item {
    float: left;
    width: 100%;
    min-height: 1px;
}

.azold .table .line > .item a.text {
    color: #363636;
    font-weight: normal;
}

.azold .table .line > .item span.fade_text {
    display: block;
}

.azold .table .line > .item.right_5 {
    margin-right: 5%;
}

.azold .table .line > .item.right_2 {
    margin-right: 2%;
}

.azold .table .line > .item.width_5 {
    width: 5%;
}

.azold .table .line > .item.width_7_5 {
    width: 7.5%;
}

.azold .table .line > .item.width_8 {
    width: 8%;
}

.azold .table .line > .item.width_10 {
    width: 10%;
}

.azold .table .line > .item.width_12 {
    width: 12%;
}

.azold .table .line > .item.width_12_5 {
    width: 12.5%;
}

.azold .table .line > .item.width_14 {
    width: 14%;
}

.azold .table .line > .item.width_15 {
    width: 15%;
}

.azold .table .line > .item.width_17_5 {
    width: 17.5%;
}

.azold .table .line > .item.width_20 {
    width: 20%;
}

.azold .table .line > .item.width_25 {
    width: 25%;
}

.azold .table .line > .item.width_30 {
    width: 30%;
}

.azold .table .line > .item.width_35 {
    width: 35%;
}

.azold .table .line > .item.width_40 {
    width: 40%;
}

.azold .table .line > .item.width_45 {
    width: 45%;
}

.azold .table .line > .item.width_50 {
    width: 50%;
}

.azold .table .line > .item.width_52_5 {
    width: 52.5%;
}

.azold .table .line > .item.width_55 {
    width: 55%;
}

.azold .table .line > .item.width_60 {
    width: 60%;
}

.azold .table .line > .item.width_70 {
    width: 70%;
}

.azold .table .line > .item.width_80 {
    width: 80%;
}

.azold .table .line > .item.width_85 {
    width: 85%;
}

.azold .table .line > .item.width_90 {
    width: 90%;
}

.azold .table .line > .item.right {
    text-align: right;
}

.azold .table .line > .item.left {
    text-align: left;
}

.azold .table .line > .item .icon.small {
    margin-left: 5px;
    margin-top: 2px;
}

.azold .table .line.has_inputs > .item:not(.last) {
    padding-right: 20px;
}

/* - Multi Select PopUp - */

.azold #window_popup_multi_select.window_popup .boxed_content.grey .icon {
    display: block;
    float: none;
    margin: 0 auto 10px;
}

/* - Payment PopUp - */

body:not(.mobile) .azold #window_popup_payment.window_popup {
    left: 50% !important;
    top: 150px !important;
    width: 35% !important;
    margin: 0 0 0 -17.5% !important;
    padding: 20px !important;
    right: auto !important;
    position: fixed !important;
}

#window_popup_payment.window_popup iframe {
    width: 100% !important;
}

/* - Multi Import PopUp - */

#window_popup_multi_import.window_popup {
    background-image: url("../../img/content/evi/kabel.jpg");
    background-position: 90% bottom;
    background-repeat: no-repeat;
}

#window_popup_multi_import.window_popup > .inner {
    min-height: 280px;
}

#window_popup_multi_import.window_popup .container .button i.cart-white {
    height: 33px;
}

    /* - Schnellerfassung PopUp - */

#window_popup_multi_fast_input.window_popup {
    padding: 0;
}

.azold .fast_input .select_multi_input.header-event-button,
.azold .upload .select_multi_input.header-event-button,
.azold .star .select_multi_input.header-event-button {
    padding: 0 8px;
}

.azold .fast_input .select_multi_input.header-event-button i,
.azold .upload .select_multi_input.header-event-button i,
.azold .star .select_multi_input.header-event-button i {
    margin-top: -6px;
}

.azold .upload .select_multi_input.header-event-button {
    float: left;
}

/* - Banner PopUp - */

.azold .window_popup_banner h4 {
    color: #142864;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    position: relative;
    justify-content: center;
    display: flex;
}

.azold .window_popup_banner h4 img{
    max-width: 81px;
    height: auto;
    margin-right: 10px;
}

/* Configurator */

.azold .window_popup_configurator.centerVertical {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: unset !important;
    top: 15% !important;
}

.azold .window_popup_configurator.centerVertical .container {
    width: 100%;
}

.azold .window_popup_configurator h4 {
    color: #142864;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    position: relative;
    justify-content: center;
    display: flex;
}

.azold .window_popup_configurator h4 img{
    max-width: 81px;
    height: auto;
    margin-right: 10px;
}

/* Configurator -  Navbar */

.azold img.logo_configurator_nav {
    display: inline;
    max-height: 35px;
    position: relative;
    top: calc(calc(35px / 2) / 2);
}

.azold .service_account img.logo_configurator_nav {
    height: 30px;
    min-width: 75px;
    max-width: 125px;
    object-fit: cover;
}

/* - Service Popup -*/
.azold .container.picture.aga img {
    max-height: 364px;
}

/* - Baskets PopUp - */

#window_popup_baskets.window_popup.azold {
    padding-bottom: 0;
}


#window_popup_baskets.window_popup.azold > .inner {
    padding-top: 12px;
}

@media only screen and (min-width: 1024px) {

    .azold .baskets .col .boxed_content {
        height: 137px;
    }

}

.azold .baskets .col .boxed_content:hover {
    background-color: #FFFFFF;
}

.azold .baskets .col .boxed_content.grey:hover {
    background-color: #eee;
}

.azold .baskets .col .boxed_content .subline {
    height: 30px;
}

.azold .baskets .col .boxed_content .container {
    height: 28px;
}

.azold .baskets .col .boxed_content .container .icon {
    display: inline-block;
    float: none;
    margin: 0 5px;
}

.azold .baskets .col .boxed_content .edit {
    display: none;
    height: 55px;
    left: 0;
    padding: 20px 20px 0;
    position: absolute;
    right: 0;
    top: 0;
}

.azold .baskets .col .boxed_content .edit input {
    text-align: center;
}

.azold .baskets .col .boxed_content.grey .edit {
    background-color: #eee;
}

.azold .baskets .col .boxed_content.grey .edit input {
    background-color: #ffffff;
}

.azold .baskets .col.create .boxed_content .subline {
    margin-bottom: 18px;
}

.azold .baskets .col.create .boxed_content input {
    width: 84%;
}

.azold .baskets .col.create .boxed_content .button {
    width: 13%;
}

/* - Login PopUp - */

nav.azold .link[data-loadid="login"] > .window_popup {
    background-image: url("../../img/content/evi/vorteile.jpg");
    background-position: 57% bottom;
    background-repeat: no-repeat;
}

/* - Aktionen PopUp - */


/* Neue Meine Vorgänge Icons */
i.angebote {
    background: url("../../img/fresh-up/Angebote.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

i.archiv {
    background: url("../../img/fresh-up/Archiv.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

i.archivls {
    background: url("../../img/fresh-up/Archiv LS.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}


i.auftraege {
    background: url("../../img/fresh-up/Auftrage.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

i.dokumente {
    background: url("../../img/fresh-up/Dokumente.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

i.offene-rechnungen {
    background: url("../../img/fresh-up/OffeneRechnungen.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

i.rueckstaende {
    background: url("../../img/fresh-up/Rueckstaende.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

i.calender {
    background: url("../../img/fresh-up/calender.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

i.price-increase {
    background: url("../../img/fresh-up/price-increase.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}



/* - Detailseiten PopUp - */

#window_popup_details.window_popup {
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 0;
    position: absolute;
    width: 100% !important;
}

/* - Schnell Kontakt PopUp - */

#window_popup_fast_contact.window_popup {
    height: auto !important;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100%;
    padding: 40px 0;
    width: 100% !important;
}

/* - Suche PopUp - */

#window_popup_multi_search.window_popup {
    padding-bottom: 0;
    padding-top: 0;
}

#window_popup_multi_search.window_popup .container {
    max-width: unset;
}

#window_popup_multi_search.window_popup .container.main {
    width: 70px;
}

#window_popup_multi_search.window_popup .window_popup_header,
#window_popup_search_mobile .window_popup_header {
    border-bottom: 2px solid #eeeeee;
    display: flex;
    justify-content: space-between;
    height: 45px;
}


#window_popup_search_mobile .window_popup_header {
    border-bottom: unset;
    height: unset;
}


#window_popup_multi_search.window_popup .window_popup_header > .inner {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    #window_popup_multi_search.window_popup .window_popup_header > .inner {
        justify-content: space-between;
    }
}

#window_popup_search_mobile .window_popup_header > .inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

@media (max-width: 1024px) {
    #window_popup_search_mobile .window_popup_header > .inner {
        display: flex;
        justify-content: initial;
        width: 100%;
        position: relative;
    }
}

#window_popup_multi_search.window_popup .window_popup_header > .inner  .product_request_right {
    padding-right: 65px;
    display: inline-flex;
    align-items: center;
}

#window_popup_multi_search.window_popup .inner picture img,
body.mobile .search-mobile-popup.aznew .inner picture img {
    z-index: 1;
}


#window_popup_multi_search.window_popup .window_popup_header .d-none,
body.mobile .search-mobile-popup.aznew .window_popup_header .d-none {
    display: none !important;
}

#window_popup_multi_search.window_popup .window_popup_header .inner,
#window_popup_multi_search.window_popup > .inner {
    padding: 10px 20px;
}

#window_popup_multi_search.window_popup .window_popup_header .inner > div.avibility {
    position: relative;
    display: flex;
}


#window_popup_multi_search.window_popup .window_popup_header .inner > div.avibility:hover,
body.mobile .search-mobile-popup.aznew .window_popup_header .inner > div.avibility:hover {
    cursor: pointer;
}
#window_popup_multi_search.window_popup .window_popup_header .inner > div.avibility .label,
body.mobile .search-mobile-popup.aznew .window_popup_header .inner > div.avibility .label {
    font-weight: normal;
    margin-right: 13px;
    line-height: 55px;
    color: #000;
    font-size: 13px;
}
#window_popup_multi_search.window_popup .window_popup_header .inner > div.avibility label,
body.mobile .search-mobile-popup.aznew .inner > div.avibility label {
    font-size: 13px;
    font-weight: bold;
    line-height: 55px;
}


#window_popup_multi_search.window_popup .window_popup_header .inner > div.avibility .radio,
body.mobile .search-mobile-popup.aznew .inner > div.avibility .radio,
body.mobile .search-mobile-popup.aznew .inner > div.avibility i{
    margin: 18px 8px 0 8px;
}

#window_popup_multi_search.window_popup > .inner > .list {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: unset;
    grid-row-gap: unset;
    flex-flow: wrap
}

#window_popup_multi_search.window_popup > .inner > .list .article.line {
    width: calc(50% - 20px);
    margin-right: 20px;
    display: flex;
    margin-bottom: 20px;
    position: relative;
}


#window_popup_multi_search.window_popup .article.line .container.main .button.replacement-button {
    margin-left: auto;
    background: #142864;
}

#window_popup_multi_search.window_popup .article.line .container.main .gallery.single,
#window_popup_multi_search.window_popup .article.line .container.main .gallery.single .image,
#window_popup_multi_search.window_popup .article.line .container.main .gallery.single .image > img {
    max-width: 70px;
    max-height: 70px;
}


#window_popup_multi_search.window_popup .article.line .container.title .text_container .artnum {
    margin-top: 5px;
}

#window_popup_multi_search.window_popup .article .container.tobasket {
    flex-direction: row;
    margin-left: auto;
}

#window_popup_multi_search.window_popup .article.line .container.tobasket input{
    border: 1px solid transparent;
    font-size: 14px;
    width: calc(100% - 62px);
    text-align: center;
}

#window_popup_multi_search.window_popup .article.line .container.tobasket input:hover,
#window_popup_multi_search.window_popup .article.line .container.tobasket input:focus {
    border: 1px solid #142864;
}

#window_popup_multi_search.window_popup .article.line .container.tobasket .button {
    height: 55px;
    background: #142864;
    width: 52px;
}

#window_popup_multi_search.window_popup .inner.error {
    height: 300px;
    padding: 0 20px;
    background: #fff;
}

#window_popup_multi_search.window_popup .inner.error .text_container {
    display: flex;
    height: 100%;
    align-items: center;
}

#window_popup_export_pdf.azold .article.line .container.title {
    height:auto;
}

/* - Ändern Passwort PopUp - */

#window_popup_change_password.window_popup > section.inner.headline,
#window_popup_set_user_data.window_popup > section.inner.headline {
    border-bottom: 2px solid #eee;
}

#window_popup_change_password.window_popup > section.inner.col_tables,
#window_popup_set_user_data.window_popup > section.inner.col_tables {
    background-image: url("../../img/content/evi/evi_must_change.jpg?ts=1");
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 50px 0;
}

/* - Erster Login PopUp - */

#window_popup_first_login.window_popup {
    overflow: visible;
}

#window_popup_first_login.window_popup > section.inner.headline {
    border-bottom: 2px solid #eee;
    position: relative;
}

#window_popup_first_login.window_popup > section.inner.headline > .close {
    background-color: #eee;
    color: #636363;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 33px;
    line-height: 29px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 33px;
    border: 2px solid #eee;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#window_popup_first_login.window_popup > section.inner.headline > .close:hover {
    background-color: #fff;
}

#window_popup_first_login.window_popup > section.inner.headline img {
    position: absolute;
    left: 14%;
    bottom: -79px;
    transform: scaleX(-1);
}

#window_popup_first_login.window_popup > section.inner.col_tables {
    background-image: url("../../img/content/evi/vorteile.jpg");
    background-position: 6% bottom;
    background-repeat: no-repeat;
    padding: 50px 0 30px;
}

#window_popup_first_login.window_popup > section.inner.col_tables .col.col_four.big .half {
    width: 50%;
    float: left;
    padding-right: 50px;
}

#window_popup_first_login.window_popup > section.inner.col_tables .col.col_four.big .half .item {
    margin-bottom: 20px;
}

#window_popup_first_login.window_popup > section.inner.col_tables .col.col_four.big .half .item .subline,
#window_popup_first_login.window_popup > section.inner.col_tables .col.col_four.big .half .item p {
    float: right;
    width: calc(100% - 40px);
}

/* - Serviceportal - Übersicht - */
#window_popup_account.window_popup.azold  section.user{
    position:relative;
}

#window_popup_account.window_popup.azold  section.user .col .text_container.center_verticle {
    height: 55px;
}

#window_popup_account.window_popup.azold  section.user .customer_aza_points{
    position: absolute;
    righT: 0;
    width: 14%;
    padding-left: 30px;
    text-align:right;
}

#window_popup_account.window_popup.azold section.user .customer_aza_points .number {
    line-height:55px;
    font-weight:700;
    letter-spacing: 0.2px;
    color: #142864;
    font-size:13px;
    margin-right: 20px;
    float:right;
}

#window_popup_account.window_popup.azold section.user .customer_aza_points .number .icon {
    border-radius: 50%;
    background-color: #142864;
    color: #fff;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}

.azold i.baskets {
    background: url("../../img/baskets.svg");
    width: 44px;
    height: 40px;
    background-repeat: no-repeat;
}

.azold i.project-numbers {
    background: url("../../img/project-numbers.svg");
    width: 44px;
    height: 40px;
    background-repeat: no-repeat;
}

.azold i.return-request {
    background: url("../../img/return-request.svg");
    width: 44px;
    height: 40px;
    background-repeat: no-repeat;
}

.azold i.shipping-address {
    background: url("../../img/shipping-address.svg");
    width: 44px;
    height: 40px;
    background-repeat: no-repeat;
}

.azold i.user-config {
    background: url("../../img/user-config.svg");
    width: 44px;
    height: 40px;
    background-repeat: no-repeat;
}

/* - Serviceportal - Unterseiten - */


/*Product Request*/

.azold section.inner .product_request_right {
    float: right;
    margin-top: 28px;
}

@media only screen and (max-width: 577px){
    .azold section.inner .product_request_right {
        line-height: 20px;
        float: left;
    }
}

/* special avg_details style */
body.view_tcaz_custom_avg_header .azold #window_popup_messages.window_popup > .message.success{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    line-height: 26px;
}
.azold .inner.avg_heading .headline{
    font-size:22px;
}
.azold .inner.avg_heading .avg_info{
    width: calc(75% - 2px);
    display: inline-block;
    margin-right: 1.5%;
}
.azold .inner.avg_heading .avg_info_button{
    display: inline-block;
    width: calc(23.5% - 2px );
}
.azold .inner.avg_heading .avg_info_button a{
    width:100%;
    text-align:center;
}
.azold .inner.total .avg_basket.button{
    max-width: 300px;
    float: none;
    margin: 0 auto;
    text-align:center;
    position:relative;
    line-height:55px;
}
.azold .inner.total .avg_basket.button .basket{
    position: absolute;
    left: -100px;
    right: 0;
    margin: 0 auto;
    top: 12px;
}
.azold .inner.total .avg_basket.button .title{
    color: #fff;
}
.azold .inner.total .avg_basket.button .basket.details{
    position: absolute;
    left: -125px;
    right: 0;
    margin: 0 auto;
    top: 12px;
}
.azold .inner.total .avg_basket.button .title.details{
    color: #fff;
}
.azold #collapse_avg_product_filter.collapsed section.filters{
    display:block;
}
.azold .inner.avg_details section.filters {
    padding:0 !important;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 25px;
    border-bottom:0;
    margin:30px 0 20px;

}
.azold .inner.avg_details section.filters .filter {
    display:inline-block;
    width: 49%;
    margin-right:2%;
    margin-bottom: 0;
    float:left;
}
.azold .inner.avg_details section.filters .filter.select {
    width:49%
}
.azold .inner.avg_details section.filters .filter:nth-child(2n){
    margin-right:0;
}

.azold .inner.avg_details section.filters input[name="avg_search_text"] {
    position: relative;
}
.azold .inner.avg_details section.filters #avg_clear_search {
    background:    #eeeeee;
    position:      absolute;
    top:           2px;
    right:         2px;
    padding-right: 10px;
    padding-left:  10px;
    height:        51px;
}
.azold .inner.avg_details section.filters #avg_clear_search span {
    vertical-align: bottom;
}

.azold .inner.total.avg .accordion{
    display:inline-block;
    width:100%;
}
.azold .inner.total.avg .accordion ul.innerA {
    display: none;
}
.azold .inner.total.avg .accordion ul.innerA.product-parent{
    display:block;
}
.azold .inner.total.avg .accordion > li.position{
    margin-top:30px;
}
.azold .inner.total.avg .accordion > li.position > div.blue:hover{
    background: #142864;
    opacity:1;
}
.azold .inner.total.avg li.position:first-child{
    margin-top:0;
}
.azold .inner.total.avg li.position{
    position:relative;
    padding:0;
}
.azold .inner.total.avg li.position .number_box{
    width:8%;
    text-align:center;
    height:100%;
}
.azold .inner.total.avg li.position .title_box{
    background-color: #fff;
    height: 55px;
    line-height: 55px;
    width: 100%;
    color: #142864;
    font-weight: bold;
    padding:0;
    cursor:pointer;
}
.azold .inner.total.avg .innerA li.position .title_box{
    height:70px;
    line-height:70px;
    padding-right:15px;
}
.azold .inner.total.avg .innerA li.position .title_box .number_box{
    height:100%;
    line-height:70px;
}
.azold .inner.total.avg li.position > div.blue:hover{
    background: #fff;
}
.azold .inner.total.avg li.position .right_box{
    float:right;
    height:auto;
    line-height:initial;
}
.azold .inner.total.avg li.position .right_box > span{
    padding-right:15px;
    float:right;
    line-height:53px;
    margin-top:8px;
    cursor:pointer;
}
.azold .inner.total.avg li.position.has_article .right_box > span{
    margin-top:8px;
}
.azold .inner.total.avg li.position .right_box > a.button{
    float:right;
}
.azold .inner.total.avg li.position .right_box .tobasket{
    display:inline-block;
    padding-top:10px;
}
.azold .inner.total.avg li.position .right_box .basket_position {
    float: left;
    padding-right: 30px;
    line-height:78px;
}
.azold .inner.total.avg li.position .right_box .tobasket .basket{
    position:relative;
}
.azold .inner.total.avg li.position .article .right_box .tobasket .basket input{
    height: 62px;
    font-size: 15px;
    width: 235px;
    padding: 0 60px 0 0;
}
.azold .inner.total.avg li.position .right_box .tobasket .basket .button{
    position: absolute;
    right: 0;
    width: 63px;
    height: 58px;
    margin-top: 2px;
}
.azold .inner.total.avg li.position .right_box .tobasket .basket .button .check{
    margin-left:15px;
}

.azold .inner.total.avg li.position .right_box .tobasket.second{
    float: right;
    margin-top:8px;
    padding:0;
}
.azold .inner.total.avg li.position.has_article .right_box .tobasket.second{
    margin-top:8px;
}
.azold .inner.total.avg li.position .right_box .tobasket.second .basket input{
    padding:0;
    margin:0;
    width:auto;
}
.azold .inner.total.avg li.position .right_box .tobasket.second .basket .button,
.azold .inner.total.avg li.position .tobasket .basket .button{
    position:static;
    width: 58px;
    height: 55px;
    margin-top: 0;
}
.azold .inner.total.avg li.position .tobasket .basket .button .icon{
    margin-top:12px;
}
.azold .inner.total.avg li.position .position_title{
    padding-left:15px;
    display:inline-block;
    width: calc(100% - 470px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azold .inner.total.avg li.position .title_box .icon.arrow_left{
    position: relative;
    right: 20px;
    top: 15px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    cursor: pointer;
    float: right;
    left: auto;
}
.azold .inner.total.avg li.position .title_box.top .icon.arrow_left {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.azold .inner.total.avg li.position div.grey:hover {
    background:#eee;
}
/*
.azold .inner.total.avg li.position section.articles{
    display:inline-block;
    margin-top:-5px;
}
.azold .inner.total.avg li.position .item_article{
    float:left;
}
.azold .inner.total.avg li.position .item_article > article{
    padding:0;
    margin:0;
}
.azold .inner.total.avg li.position .item_article > article .icon{
    position:static;
}
.azold .inner.total.avg li.position .item_article > article .container.tobasket{
    width: 26%;
}*/
.azold .inner.total.avg li.position .item_article > article .container.tobasket input{
    height: 55px;
    font-size: 12px;
    width: 100%;
}
.azold .inner.total.avg .item .info-icon >  a{
    display: block;
    text-align: center;
}


.inner.total.avg li.position .item_article .avg_longdesc_wrapper {
    background: #eee;
    margin-left: 0px;
    /*margin-right: 12px;*/
}
.inner.total.avg li.position .item_article .avg_longdesc_wrapper .item {
    text-align: center;
    background: #fff;
    border: 2px solid #eee;
    border-top: none;
}

.azold .message.warning.avg_copper_contingent_box {
    width: 100%;
}

.azold #collapse_avg_product_filter .inner.avg_details .inner.filters .button[type="text"] {
    pointer-events: none;
}

.azold .inner.offers .btn_inactive,
.azold .inner.offers .btn_inactive span.icon, /* for IE11*/
.azold .inner.offers .btn_inactive i, /* for IE11*/
.azold .inner.total.avg .btn_inactive,
.azold .inner.total.avg .btn_inactive span.icon,
.azold .inner.total.avg .btn_inactive i {
    opacity: 0.5 !important;
    cursor: default !important;
}

/* // approval order delete popup style */

.azold #window_popup_approval_basket {
    max-width:500px;
    width:100%;
    padding:20px;
}

.azold #window_popup_approval_basket .spacer {
    border: 1px #eee solid;
    margin: 30px 0 20px 0
}

/* // approval order delete popup style */


/* // special avg_contact popup style */

#window_popup_avg .azold ,
#window_popup_offer .azold {
    min-width: 360px;
}

@media (max-width: 1024px){
    #window_popup_avg .azold,
    #window_popup_offer .azold {
        top: 0 !important;
        margin-top: 0 !important;
        max-height: 640px;
        overflow: scroll;
    }
}

#window_popup_avg_contact.azold{
    max-width:400px;
    width:100%;
    padding:20px;
}
#window_popup_avg_contact.azold .user {
    border-bottom: 1px solid #eee;
}
#window_popup_avg_contact.azold .contact_list{
    display:inline-block;
    width:100%;
}
window_popup_avg_contact.azold .contact_list .item{
    line-height:35px;
    clear: both;
}
#window_popup_avg_contact.azold .contact_list .item .left{
    width:30%;
    float:left;
}
#window_popup_avg_contact.azold .contact_list .item .right{
    width:70%;
    float:left;
}

.azold #avg_clear_search {
    cursor: pointer;
    float:  right;
}

/* // special avg_details search-style */
.azold .customer_numbers_popup section.breadcrumb{
    margin-bottom: 0 !important;
}
.azold .customer_numbers_popup section.filters{
    padding-top: 40px;
    padding-bottom: 0 !important;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 25px;
    border-bottom:0;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter {
    width: 23.1%;
    margin-right:2%;
    margin-bottom: 0;
    float:left;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter{
    width:20.5%;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter:nth-child(4n){
    width:31%;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter:nth-child(4n) p:first-child{
    margin-bottom:10px;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter:nth-child(3n) {
    margin-right:3.5%;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter:nth-child(4n) {
    margin-right: 0;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter > .subline {
    margin-bottom: 20px;
}

.customer_numbers_popup section.filters > section.inner_filters > .filter >.button.button_search {
    display: flex;
}


/* - Artikelrückgabe PopUp - */
.returns .table .line > .trash {
    width: 100%;
    display: flex;
}

.returns > .icon.delete {
    margin-left: auto;
}


.azold .returns  .table .line > .upload,
.azold .returns  .table .line > .text-input {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.azold .returns  .table .line > .text-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

@media (max-width: 1024px) {
    .azold .returns  .table .line > .text-input {
        display: block;
        justify-content: unset;
        align-items: unset;
        margin-top: inherit;
    }
}

.azold .returns  .table .line > .upload .input {
    background-color: #fcfcfc;
    border: 1px dashed #d9d9d9;
    cursor: pointer;
    height: 55px;
    line-height: 53px;
    text-align: center;
    width: calc(52% - 20px);
    float: left;
    margin-right: 20px;
}

.azold .returns  .table .line > .upload .input.error {
    border-color: #a3271a;
    background-color: #efe0de;
}

.azold .returns  .table .line > .upload .button {
    width: 48%;
}

.azold .returns  .table .line > .upload .button .text {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 55px;
}

.azold .returns  .table .line > .upload .files {
    float: left;
}

.azold .returns  .table .line > .upload .files .file {
    float: left;
    margin: 20px 30px 10px 0;
    cursor: pointer;
}

.azold .returns .upload .button .icon.small {
    margin-top: 0;
}

/* - Artikel - Info Popup - */

#window_popup_article_info.window_popup.azold,
#window_popup_article_info_sticky.window_popup.azold  {
    box-sizing: content-box;
    margin-left: -20px;
    margin-right: -20px;
    padding-right: 20px;
}

#window_popup_article_info.window_popup.azold  > .loading.azold {
    position: absolute;
}

#window_popup_article_info.window_popup.azold .item,
#window_popup_article_info_sticky.window_popup.azold .item {
    min-height: 32px;
    line-height: 32px;
}

#window_popup_article_info.window_popup.azold .item.title,
#window_popup_article_info_sticky.window_popup.azold .item.title {
    line-height: 70px;
}

#window_popup_article_info.window_popup.azold .item .left,
#window_popup_article_info_sticky.window_popup.azold .item .left,
#window_popup_article_info_sticky.window_popup.azold .item .right,
#window_popup_article_info.window_popup.azold .item .right {
    float: left;
    width: 60%;
}

#window_popup_article_info.window_popup.azold .item .right,
#window_popup_article_info_sticky.window_popup.azold .item .right {
    text-align: right;
    width: 40%;
}

/* - Artikel - Info Popup - Zuschläge & Abholung - */
/*
#window_popup_article_info.window_popup.price_action_popup.azold,
#window_popup_article_info.window_popup.partner_popup.azold,
#window_popup_article_info.window_popup.collection_popup.azold,
#window_popup_article_info.window_popup.return_popup.azold,
#window_popup_article_info.window_popup.list_info_popup.replacements_popup.azold {
    margin: 92px 0 0;
} */

#window_popup_article_info.window_popup.list_info_popup.azold,
#window_popup_article_info.window_popup.basket_info_popup.partner_popup.azold,
#window_popup_article_info.window_popup.basket_info_popup.collection_popup.azold,
#window_popup_article_info.window_popup.basket_info_popup.additions_popu.azoldp,
#window_popup_article_info.window_popup.basket_info_popup.prices_popup.azold,
#window_popup_article_info.window_popup.basket_info_popup.basket_info_popup.azold,
#window_popup_article_info.window_popup.basket_info_popup.return_popup.azold {
    margin: 108px 0 0;
}

@media (max-width: 1024px) {
    #window_popup_article_info.window_popup.basket_info_popup.scale_prices_popup.basket_info_popup.azold {
        margin: 0 -20px;
    }
}

/* - List Artikel - Informations Popup - */

#window_popup_article_info.window_popup.list_info_popup.desc_popup.azold {
    min-width: 200px;
}

/* - List Artikel - Additions Popup - */

#window_popup_article_info.window_popup.list_info_popup.additions_popup.azold,
#window_popup_article_info.window_popup.list_info_popup.prices_popup.azold,
#window_popup_article_info.window_popup.list_info_popup.scale_prices_popup.azold {
    min-width: 220px;
}

#window_popup_article_info.window_popup.list_info_popup.basket_info_popup.additions_popup.azold,
#window_popup_article_info.window_popup.list_info_popup.basket_info_popup.prices_popup.azold {
    left: auto !important;
    margin-right: -40px;
}

/* - Artikel - Stock Procure Popup - */

#window_popup_article_info.window_popup.procure_popup.azold .link {
    color: #142864;
    cursor: pointer;
    font-weight: bold;
}

/* - Artikel - Messages PopUp - */

#window_popup_messages.window_popup.azold {
    background-color: transparent;
    left: auto;
    margin: 0;
    padding: 0;
    right: 20px;
    top: 10px;
    max-width: 50%;
    z-index: 99999999;
}

#window_popup_messages.window_popup.azold.under_nav {
    top: 65px !important;
}

#window_popup_messages.window_popup.azold.under_breadcrumb {
    top: 120px !important;
    position: fixed !important;
}

#window_popup_messages.window_popup.azold > .message {
    line-height: 33px;
    margin-top: 10px;
    padding: 20px 70px 20px 20px;
    position: relative;
    text-align: left;
    width: fit-content;
    margin-left: auto;
}

#window_popup_messages.window_popup.azold > .message.delivery_warning .close_window{
    color:#fff;
    border-left: 1px dashed #d9d9d9;
}

#window_popup_messages.window_popup.azold > .message.has_action {
    padding: 0 50px 0 0;
}

#window_popup_messages.window_popup.azold > .message.has_action .content_wrapper {
    display: table;
    width: 100%;
}

#window_popup_messages.window_popup.azold > .message.has_action .content {
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
}

#window_popup_messages.window_popup.azold > .message.has_action .action {
    border-left: 1px dashed #d9d9d9;
    cursor: pointer;
    display: table-cell;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    width: 150px;
}

#window_popup_messages.window_popup.azold > .message.success.has_action .action {
    border-color: #267113;
}

#window_popup_messages.window_popup.azold > .message.warning.has_action .action {
    border-color: #d0af13;
}

#window_popup_messages.window_popup.azold > .message.error.has_action .action {
    border-color: #a3271a;
}

#window_popup_messages.window_popup.azold > .message > .close_window {
    background-color: transparent;
    color: #636363;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
}

#window_popup_messages.window_popup.azold > .message > .close_window span {
    left: 0;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}

#window_popup_messages.window_popup.azold > .message.success > .close_window {
    border-left: 1px dashed #267113;
}

#window_popup_messages.window_popup.azold > .message.warning > .close_window {
    border-left: 1px dashed #d0af13;
}

#window_popup_messages.window_popup.azold > .message.error > .close_window {
    border-left: 1px dashed #a3271a;
}

/* - Abschluss-Auftrag PopUp - */

.azold #window_popup_order_info.window_popup.delivered_popup,
.azold #window_popup_order_info.window_popup.residue_popup {
    margin-top: 47px;
    padding-right: 20px;
    width: 300px !important;
}

/* - Favoritenlisten PopUp - */

.window_popup.favoritelist_popup.azold section.inner .col.lists .select {
    float: left;
    margin-bottom: 30px;
    margin-right: 3.5%;
    width: 22.375%;
    background-color: #eee;
    display: flex;
    align-items: center;
}

.window_popup.favoritelist_popup.azold section.inner .col.lists .select > .icon {
    margin-top: 0!important;
}

.window_popup.favoritelist_popup.azold section.inner .col.lists .select:nth-child(4n) {
    margin-right: 0;
}

.window_popup.favoritelist_popup.azold section.inner .col.lists .select > .text {
    width: 70%;
    white-space: normal;
    overflow: hidden;
    line-height: 20px;
    height: unset;
    max-height: 44px;
}

.window_popup.favoritelist_popup.azold section.inner .col.lists .select > .icon {
    display: none;
}

.window_popup.favoritelist_popup.azold section.inner .col.lists .select.active > .icon.check {
    display: block;
}

/* - Favoritenlisten PopUp - Main - */

#window_popup_favoritelist_main.window_popup.azold {
    padding-bottom: 0;
    padding-top: 0;
}

#window_popup_favoritelist_main.window_popup.azold > .close_window {
    top: 75px;
}

#window_popup_favoritelist_main.window_popup.azold section.inner .col.lists .select > .icon.delete,
#window_popup_favoritelist_main.window_popup.azold section.inner .col.lists .select > .icon.edit {
    display: block;
}

/* - Favoritenlisten PopUp - Artikel - */


#window_popup_favoritelist_article.window_popup.azold section.breadcrumb {
    display: none;
}

/* - Export PDF PopUp - */

body.sidebar-small #window_popup_export_pdf_multi.window_popup.azold,
body.sidebar-small #window_popup_export_pdf.window_popup.azold{
    left: 100px !important;
}

#window_popup_export_pdf.window_popup.azold form.upload,
#window_popup_export_pdf_multi.window_popup.azold form.upload {
    display: none;
}

#window_popup_export_pdf.window_popup.azold section.inner .col.options,
#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options,
#window_popup_export_barcode_multi.window_popup.azold section.inner .col.options,
#window_popup_export_barcode.window_popup.azold section.inner .col.options {
    border-right: 2px solid #f2f2f2;
    padding-right: 24px;
}

@media (max-width: 1024px) {
    #window_popup_export_pdf.window_popup.azold section.inner .col.options,
    #window_popup_export_pdf_multi.window_popup.azold section.inner .col.options,
    #window_popup_export_barcode_multi.window_popup.azold section.inner .col.options,
    #window_popup_export_barcode.window_popup.azold section.inner .col.options {
        border-right: 0;
        padding-right: 0;
    }
}

#window_popup_export_pdf.window_popup.azold section.inner .col.options .branding .form_element,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .all .form_element,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .prices .form_element,
#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .branding .form_element,
#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .all .form_element,
#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .prices .form_element {
    width: 31%;
    display: inline-flex;
    margin-right: 16px;
    height: 55px;
    align-items: center;
}

#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .form_element > label,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .form_element > label {
    line-height: unset;
}

#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .form_element  > .radio,
#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .form_element  > .checkbox,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .form_element  > .radio,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .form_element  > .checkbox {
    margin-top: 0;
}

#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .form_element.big,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .form_element.big {
    width: 100%;
    margin-right: 0;
}

#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .form_element:nth-child(3n),
#window_popup_export_pdf.window_popup.azold section.inner .col.options .form_element:nth-child(3n) {
    margin-right: 0;
}

#window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .upload,
#window_popup_export_pdf.window_popup.azold section.inner .col.options .upload {
    background-color: #fcfcfc;
    border: 1px dashed #d9d9d9;
    cursor: pointer;
    height: 55px;
    line-height: 53px;
    text-align: center;
}

#window_popup_export_pdf_multi.window_popup.azold section.inner .col.articles article.article.line,
#window_popup_export_pdf.window_popup.azold section.inner .col.articles article.article.line {
    margin: 10px 0 0 0;
    width: 100%;
}


#window_popup_export_pdf .articles article.article,
#window_popup_export_pdf_multi .articles article.article,
#window_popup_export_barcode_multi .articles article.article,
#window_popup_export_barcode .articles article.article {
    display: flex;
}

#window_popup_export_pdf .articles article.article > .main,
#window_popup_export_pdf_multi .articles article.article > .main,
#window_popup_export_barcode_multi .articles article.article > .main,
#window_popup_export_barcode .articles article.article > .main {
    height: 55px;
    padding: 5px;
    width: 15%
}

#window_popup_export_pdf .articles article.article > .main > .image,
#window_popup_export_pdf_multi .articles article.article > .main > .image,
#window_popup_export_barcode_multi .articles article.article > .main > .image,
#window_popup_export_barcode .articles article.article > .main > .image {
    width: 100%;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

#window_popup_export_pdf .articles article.article > .main > .image > img,
#window_popup_export_pdf_multi .articles article.article > .main > .image > img,
#window_popup_export_barcode_multi .articles article.article > .main > .image > img,
#window_popup_export_barcode .articles article.article > .main > .image > img {
    height: 45px;
}

#window_popup_export_pdf_multi .articles article.article > .title,
#window_popup_export_pdf .articles article.article > .title {
    border: 0;
    padding-right: 20px;
    text-align: left;
    height: 55px;
    width: 45%;
    overflow: hidden;
    align-items: center;
    display: flex;
    line-height: 20px;
}

#window_popup_export_pdf_multi .articles article.article > .addition,
#window_popup_export_pdf .articles article.article > .addition {
    width: 40%;
}


@media (max-width: 1024px) {
    #window_popup_export_barcode .articles article.article,
    #window_popup_export_barcode_multi .articles article.article,
    #window_popup_export_pdf_multi .articles article.article,
    #window_popup_export_pdf .articles article.article {
        flex-wrap: wrap;
    }

    #window_popup_export_barcode .articles article.article .container.title,
    #window_popup_export_barcode_multi .articles article.article .container.title,
    #window_popup_export_pdf_multi .articles article.article > .title,
    #window_popup_export_pdf .articles article.article > .title {
        width: calc(100% - 15% - 5px);
    }

    #window_popup_export_barcode .articles article.article .container.addition,
    #window_popup_export_barcode_multi .articles article.article .container.addition,
    #window_popup_export_pdf_multi .articles article.article > .addition,
    #window_popup_export_pdf .articles article.article > .addition  {
        width: 100%;
    }

}


#window_popup_export_pdf .articles article.article,
#window_popup_export_barcode .articles article.article {
    display: flex;
}

#window_popup_export_pdf .articles article.article > .main,
#window_popup_export_barcode .articles article.article > .main {
    height: 55px;
    padding: 5px;
    width: 15%
}

#window_popup_export_pdf .articles article.article > .main > .image,
#window_popup_export_barcode .articles article.article > .main > .image {
    width: 100%;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

#window_popup_export_pdf .articles article.article > .main > .image > img,
#window_popup_export_barcode .articles article.article > .main > .image > img {
    height: 45px;
}

#window_popup_export_pdf .articles article.article > .title {
    border: 0;
    padding-right: 20px;
    text-align: left;
    height: 55px;
    width: 45%;
    overflow: hidden;
    align-items: center;
    display: flex;
    line-height: 20px;
}

#window_popup_export_pdf .articles article.article > .addition {
    width: 40%;
}


@media (max-width: 1024px) {
    #window_popup_export_barcode .articles article.article,
    #window_popup_export_pdf .articles article.article {
        flex-wrap: wrap;
    }

    #window_popup_export_barcode .articles article.article .container.title,
    #window_popup_export_pdf .articles article.article > .title {
        width: calc(100% - 15% - 5px);
    }

    #window_popup_export_barcode .articles article.article .container.addition,
    #window_popup_export_pdf .articles article.article > .addition  {
        width: 100%;
    }

}

/* - Export Barcode PopUp - */

#window_popup_first_login.window_popup.azold,
#window_popup_change_password.window_popup.azold,
#window_popup_export_barcode.window_popup.azold,
#window_popup_export_pdf.window_popup.azold,
#window_popup_favoritelist_article.window_popup.azold,
#window_popup_set_user_data.window_popup.azold,
#window_popup_welcome.window_popup.azold,
#window_popup_no_price.window_popup.azold,
#window_popup_filters,
#window_popup_orderlimit_new {
    height: auto !important;
    left: 280px !important;
    margin: 0 auto!important;
    padding: 40px 0;
    position: absolute;
    width: calc(100% - 280px - 50px)!important;
    top: 120px !important;
    right: 0 !important;
    min-width: unset;
}

#window_popup_export_barcode_multi.window_popup.azold,
#window_popup_export_pdf_multi.window_popup.azold {
    height: auto !important;
    left: 280px !important;
    margin: 0 auto!important;
    padding: 40px 0;
    position: absolute;
    width: calc(100% - 280px - 50px)!important;
    right: 0 !important;
    min-width: unset;
}


body.sidebar-small #window_popup_first_login.window_popup.azold,
body.sidebar-small #window_popup_change_password.window_popup.azold,
body.sidebar-small #window_popup_export_barcode.window_popup.azold,
body.sidebar-small #window_popup_export_barcode_multi.window_popup.azold,
body.sidebar-small #window_popup_set_user_data.window_popup.azold,
body.sidebar-small #window_popup_export_pdf.window_popup.azold,
body.sidebar-small #window_popup_export_pdf_multi.window_popup.azold,
body.sidebar-small #window_popup_favoritelist_article.window_popup.azold,
body.sidebar-small #window_popup_welcome.window_popup.azold,
body.sidebar-small #window_popup_no_price.window_popup.azold,
body.sidebar-small #window_popup_filters,
body.sidebar-small #window_popup_orderlimit_new {
    left: 100px !important;
    width: calc(100% - 100px - 50px)!important;
}

#window_popup_first_login.window_popup.azold,
#window_popup_change_password.window_popup.azold {
    z-index: 101 !important;
    min-width: unset;
}

@media (max-width: 1024px) {
    body.sidebar-small #window_popup_export_barcode.window_popup.azold,
    body.sidebar-small #window_popup_export_barcode_multi.window_popup.azold,
    body.sidebar-small #window_popup_set_user_data.window_popup.azold,
    body.sidebar-small #window_popup_first_login.window.popup.azold,
    body.sidebar-small #window_popup_change_password.window.popup.azold,
    body.sidebar-small #window_popup_export_pdf.window_popup.azold,
    body.sidebar-small #window_popup_export_pdf_multi.window_popup.azold,
    body.sidebar-small #window_popup_favoritelist_article.window_popup.azold,
    body.sidebar-small #window_popup_welcome.window_popup.azold,
    body.sidebar-small #window_popup_no_price.window_popup.azold,
    body.sidebar-small #window_popup_orderlimit_new.window_popup.azold,
    body.mobile #window_popup_export_barcode.window_popup.azold,
    body.mobile #window_popup_export_barcode_multi.window_popup.azold,
    body.mobile #window_popup_export_pdf.window_popup.azold,
    body.mobile #window_popup_export_pdf_multi.window_popup.azold,
    body.mobile #window_popup_set_user_data.window_popup.azold,
    body.mobile #window_popup_first_login.window_popup.azold,
    body.mobile #window_popup_change_password.window_popup.azold,
    body.mobile #window_popup_welcome.window_popup.azold,
    body.mobile #window_popup_no_price.window_popup.azold,
    body.mobile #window_popup_favoritelist_article.window_popup.azold,
    body.mobile #window_popup_orderlimit_new.window_popup.azold {
        left: 0 !important;
        width: 100% !important;
    }
}

#window_popup_export_barcode.window_popup.azold section.inner .col.options .form_element,
#window_popup_export_barcode_multi.window_popup.azold section.inner .col.options .form_element {
    width: 48.25%;
    margin-right: 3.5%;
    float: left;
}

#window_popup_export_barcode.window_popup.azold section.inner .col.options .form_element.full,
#window_popup_export_barcode_multi.window_popup.azold section.inner .col.options .form_element.full {
    width: 60%;
}

#window_popup_export_barcode.window_popup.azold section.inner .col.options .form_element.full  > .select,
#window_popup_export_barcode_multi.window_popup.azold section.inner .col.options .form_element.full  > .select{
    width: calc(100% - 28px - 10px)
}

#window_popup_export_barcode.window_popup.azold section.inner .col.options .form_element:nth-child(2n),
#window_popup_export_barcode_multi.window_popup.azold section.inner .col.options .form_element:nth-child(2n) {
    margin-right: 0;
}

#window_popup_export_barcode.window_popup.azold section.inner .col.articles article.article.line,
#window_popup_export_barcode_multi.window_popup.azold section.inner .col.articles article.article.line {
    margin: 10px 0 0 0;
    width: 100%;
}

/* - Export Barcode PopUp - */

.azold window_popup_banner.window_popup {
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 40px 0;
    position: absolute;
    width: 100% !important;
}

.azold window_popup_configurator.window_popup {
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 40px 0;
    position: absolute;
    width: 100% !important;
}

.azold i.arrow-down-re {
    background: url("../../img/arrow-down-re.svg");
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
    position: relative;
}


#window_popup_nav_mobile .azold i.cart-grey {
    width: 35px;
}


body.customer_mode header.aznew .search .link[data-mode="customer_mode"]::after,
body.customer_mode aside.aznew .buttons .button[data-mode="customer_mode"]::after,
body.customer_mode.app header.aznew .icon-placeholder[data-mode="customer_mode"]::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #50c070;
    border-radius: 50%;
    position: absolute;
    display: block;
    bottom: 15px;
    right: 7px;
    border: 1px solid #fff;
}
body.customer_mode aside.aznew .buttons .button[data-mode="customer_mode"]::after{
    bottom: 10px;
}

body.customer_mode.app header.aznew .icon-placeholder[data-mode="customer_mode"]::after {
    bottom: 5px;
    right: -4px;
}


/* - Header - Warenkorb - */

.azold .cart-box {
    display: block;
    height: 26px;
    float: right;
    width: 80%;
    color: #fff;
}

.azold .cart-box span {
    color: #fff;
}

.azold .cart-box.title {
    background-color: #142864;
    padding: 0 20px;
    position: relative;
    width: 72%;
    z-index: 1;
}

.azold .cart-box.title .text {
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}

.azold .cart-box.price {
    background-color: #FFCD00;
    width: auto;
    min-width: 40%;
    padding: 0 20px 0 30px;
    position: relative;
    height: 26px;
    font-size: 14px;
}

.azold .cart-box.title .slant::after {
    width: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 26px solid #142864;
    border-right: 16px solid #fff;
}

.azold .cart-box.price .slant::after {
    width: 0;
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    border-top: 26px solid #fff;
    border-right: 16px solid #FFCD00;
}

.azold .cart-box.title .border {
    position: absolute;
    right: 20px;
    width: 30px;
    height: 26px;
    display: inline-block;
    top: 0px;
}

.azold .cart-box.title .border > i.arrow-down-re {
    float: unset;
    margin-top: 0 !important;
    height: 8px;
    width: 12px;
}

/* CUSTOMER MODE */

.azold .header-event-button {
    cursor: pointer;
    display: block;
    line-height: 58px;
    padding: 0 13px;
    float: left;
    border: medium none;
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #eee none repeat scroll 0 0;
    border: 2px solid #eee;
    color: #363636;
    font-size: 13px;
    line-height: 53px;
    width: 4%;
    margin-right: 8px;
    margin-left: 0;
    max-width: 46px;
    min-width: 46px;
}

.azold .header-event-button.mobile {
    background: none;;
    padding: 0 26px;
    border: none;
}

.azold .customer-mode-button:hover {
    opacity: 1;
    background-color: transparent;
}

/* - Navigation - */

nav.azold {
    /*height: 55px;*/
    position: relative;
    z-index: 210;
    background: #142864;
}

nav.azold .inner.hidden_mobile {
    height: 55px;
}

nav.azold a {
    color: #ffffff;
    font-weight: normal;
    line-height: 55px;
    display: block;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 14px;
}

nav.azold .link {
    text-decoration: none !important;
    float: left;
}

nav.azold .link:not(.icon) > a {
    margin-right: 24px;
}

nav.azold .link > a > .icon.medium {
    margin: 11px 10px 0 0;
}

nav.azold .link > .popup {
    display: none;
}

nav.azold .link[data-mode] {
    height: 55px;
    text-align: center;
    width: 75px;
    cursor: pointer;
}

nav.azold .link[data-mode] > .icon {
    margin: 11px 10px 0 0;
}

nav.azold .link[data-mode] > .icon > .text,
.azold section.breadcrumb .actions .item[data-mode] > .icon > .text,
.azold section.top_bar > section.inner .item[data-mode] > .icon > .text {
    background-color: #ffffff;
    border: 3px solid #142864;
    border-radius: 23px;
    color: #142864;
    float: left;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 25px;
    left: 12px;
    line-height: 20px;
    padding: 0 7px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 12px;
}

nav.azold .basket i.cart-white {
    margin-top: 14px !important;
}

nav.azold .multi_input {
    display: none;
}

nav.azold .service {
    float: right;
}

nav.azold .service .link > a {
    margin-right: 0;
    padding: 0 15px;
}

nav.azold .service .link:last-child > a {
    padding-right: 0;
}

nav.azold .service .link:first-child > a {
    padding-left: 0 !important;
}

nav.azold .service .link.logout {
    text-align: center;
}

nav.azold  input[type="text"] {
    background-clip: border-box;
}

body.no_shop_accsess nav.azold .link[data-loadid="branchen"] > a,
body.no_shop_accsess nav.azold .link[data-loadid="unternehmen"] > a {
    display: block;
}

.azold i.logout-white {
    background: url("../../img/fresh-up/logout.svg");
    width: 30px;
    height: 40px;
    background-repeat: no-repeat;
}

.azold i.user {
    background: url("../../img/fresh-up/user.svg");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
}

.azold i.user-white {
    background: url("../../img/fresh-up/user-white.svg");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
}

.azold i.add-user-white {
    background: url("../../img/fresh-up/add-user.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

nav.azold .service .link[data-loadid="account"] i.user-white {
    margin-top: 14px;
    margin-bottom: -5px;
}

nav.azold .service .link.logout i.logout-white {
    margin-top: 10px;
}

@media (min-width: 1590px) {

    nav.azold .link[data-loadid="branchen"] > a,
    nav.azold .link[data-loadid="unternehmen"] > a {
        display: block;
    }

}

/* - Hover/PopUp - */

nav.azold .window_popup.header_popup {
    top: 55px !important;
}

nav.azold .window_popup.header_popup p a {
    color: #142864;
    display: inline;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding: 0;
}

nav.azold .window_popup.header_popup a:not(.button).active,
nav.azold .window_popup.header_popup a:not(.button):hover {
    color: #142864;
}

nav.azold .window_popup.header_popup > .inner > .col.hidden_navigation > div {
    display: none;
}

/* - Swiper - */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    cursor:auto;
    float: left;
}

.swiper-pagination {
    bottom: 10px;
    position: absolute;
    right: 0;
    z-index: 2;
}

.swiper-pagination .swiper-pagination-switch {
    background-color: transparent;
    float: left;
    height: 15px !important;
    margin: 0 10px 0 0;
    width: 15px;
    cursor: pointer;
    border: 2px solid #142864;
}

.swiper-pagination .swiper-pagination-switcht:hover,
.swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background: #142864;
    border: 2px solid #142864;
}

.view_order .info-basket-action {
    background-color: #142864;
    border: 2px solid #142864;
    color: #FFFFFF;
}


@media (max-width: 1024px) {
    .swiper-pagination {
        bottom: 15px;
        position: absolute;
        right: 10px;
        z-index: 2;

    }
}
/* - Slider - */


.aznew section.slider .white_text .text_inner .headline,
.aznew section.slider .white_text .text_inner .subline,
.aznew section.slider .white_text .text_inner .content{
    color:#fff;
}

.aznew section.slider .headline_grey .headline {
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 2px;
    font-weight: bold;
    font-family: "century-gothic",Arial,sans-serif;
    color: #363636;
}

.aznew section.slider .headline_small .headline {
    font-size: 21px !important;
    line-height: 31px;
    margin-bottom: 2px;
    font-weight: bold;
    font-family: "century-gothic",Arial,sans-serif;
}

.aznew section.slider .subline_small .subline {
    font-size: 11px !important;
    line-height: 21px;
    font-family: "century-gothic",Arial,sans-serif;
    color: #363636;
}

.aznew section.slider .headline_big .headline {
    font-size: 48px !important;
    line-height: 69px;
    margin-bottom: 2px;
    font-weight: bold;
    font-family: "century-gothic",Arial,sans-serif;
}

.aznew section.slider .subline_big .subline {
    font-size: 21px !important;
    line-height: 45px;
    font-family: "century-gothic",Arial,sans-serif;
    color: #363636;
}

.aznew section.slider .content_1 {
    font-size: 14px;
    line-height: 30px;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: bold;
    display: block;
    color: #363636;
}

.aznew section.slider .content_2 {
    font-size: 14px;
    line-height: 30px;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: normal;
    display: block;
    color: #363636;
}

.aznew section.slider .content_3 {
    font-size: 12px;
    line-height: 30px;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: bold;
    display: block;
    color: #363636;
}

.aznew section.slider .content_4 {
    font-size: 12px;
    line-height: 30px;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: normal;
    display: block;
    color: #363636;
}

.aznew section.slider .swiper-slide {
    padding: 0 10px;
}

.aznew section.slider .swiper-slide .slide-inner.swiper-slide-line {
    background-color: #FFFFFF;
    border: 2px solid #eee;
}

.aznew section.slider .swiper-slide .slide-inner.swiper-slide-noline {
    background-color: #FFFFFF;
    border: none;
}

.aznew section.slider .swiper-slide .slide-inner.swiper-slide-line .text_container {
    padding: 28px;
}

.aznew section.banners .banner.banner-width-50 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-50 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-50 .text_container {
    width: 50%;
}

.aznew section.banners .banner.banner-width-55 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-55 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-55 .text_container {
    width: 55%;
}

.aznew section.banners .banner.banner-width-60 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-60 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-60 .text_container {
    width: 60%;
}

.aznew section.banners .banner.banner-width-65 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-65 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-65 .text_container {
    width: 65%;
}

.aznew section.banners .banner.banner-width-70 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-70 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-70 .text_container {
    width: 70%;
}

.aznew section.banners .banner.banner-width-75 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-75 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-75 .text_container {
    width: 75%;
}

.aznew section.banners .banner.banner-width-80 .text_container,
.aznew section.slider .swiper-slide .slide-inner.banner-width-80 .text_container,
.aznew section.slider .swiper-slide .slide-inner.swiper-slide-width-80 .text_container {
    width: 80%;
}


@media(max-width:1600px){
    body:not(.mobile) section.configurator-slider .aznew section.banners .banner.size_1_3 .text_container .subline{
        width:50%;
    }
}

.aznew section.slider .slide-inner {
    background-color: #fff;
    display: block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    color: #363636;
    font-weight: normal;
}

.aznew section.slider div.slide-inner {
    cursor: initial;
}

.aznew section.slider .slide-inner span {
    display: block;
    line-height: 28px;
    font-size: 13px;
}

.aznew section.slider .slide-inner .text_container {
    position: relative;
    display: table;
    height: 100%;
    padding: 30px;
    width: 100%;
}

.aznew section.slider .text_container .headline {
    font-size: 26px;
    line-height: 46px;
    margin-bottom: 2px;
}


.aznew section.slider .swiper-slide.swiper-slide-half .text_container .headline,
.aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article .headline {
    font-size: 20px;
    line-height: 30px;
}

@media (min-width: 1600px) {

    .aznew section.slider .text_container .headline {
        font-size: 32px;
    }

    .aznew section.slider .swiper-slide.swiper-slide-half .text_container .headline,
    .aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article .headline {
        font-size: 26px;
    }

}

.aznew section.slider.slider_company_info.swiper-wrapper {
    width: 1619.25px;
    height: 490px;
    transition-duration: 0s;
    transform: translate3d(0px, 0px, 0px);
}

.aznew section.slider .swiper-slide.swiper-slide-half .slide-inner {
    height: 240px;
    margin-bottom: 20px;
}

.aznew section.slider .swiper-slide.swiper-slide-thirds .slide-inner {
    height: 150px;
    margin-bottom: 20px;
}

.aznew section.slider .text_container .text_inner ul > li > .button {
    margin-left: -36px; /* Compensate li left padding */
}

/* - Mitte - */

.aznew section.slider .slide-inner .text_container.position_center_bottom .text_inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

.aznew section.slider .slide-inner .text_container.position_center_center .text_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.aznew section.slider .slide-inner .text_container.position_center_top .text_inner {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

/* - Links - */

.aznew section.slider .slide-inner .text_container.position_left_bottom .text_inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
}

.aznew section.slider .slide-inner .text_container.position_left_center .text_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.aznew section.slider .slide-inner .text_container.position_left_top .text_inner {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

/* - Rechts - */

.aznew section.slider .slide-inner .text_container.position_right_bottom .text_inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
}

.aznew section.slider .slide-inner .text_container.position_right_center .text_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.aznew section.slider .slide-inner .text_container.position_right_top .text_inner {
    display: table-cell;
    vertical-align: top;
    text-align: right;
}

/* - Banner - Artikel-Karussell - */

.aznew section.slider .swiper-slide .slide-inner.carousel {
    position: relative;
}

.aznew section.slider .swiper-slide .slide-inner.carousel .text_container {
    position: absolute;
    display: block;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.aznew section.slider .swiper-slide .slide-inner.carousel .text_container .text_inner {
    display: block;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles {
    height: 496px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles .swiper-slide {
    padding: 30px 20px;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article {
    margin: 0;
    text-align: center;
    float: none;
    width: auto;
    padding: 0;
}

.azold section.slider .swiper-slide .slide-inner.carousel section.articles article.article .headline {
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article .title.container > .headline {
    white-space: unset;
    text-overflow: unset;
    overflow: unset;
    font-size: 24px;
    width: 100%;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article .headline .big {
    font-size: 30px;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article .subline {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aznew section.slider .swiper-slide .slide-inner.carousel section.articles article.article .container {
    background-color: transparent;
    padding: 0;
}

.aznew section.slider  .swiper-slide .slide-inner.carousel section.articles article.article .container.title {
    margin-top: 125px;
    border: none;
    height: auto;
}

.aznew section.slider  .swiper-slide .slide-inner.carousel section.articles article.article .container.main {
    border: medium none;
    height: 130px;
    margin: 15px 0 10px;
}

.aznew section.slider  .swiper-slide .slide-inner.carousel section.articles article.article .container.main > .inner > .gallery .image img {
    max-height: 120px;
    max-width: 180px;
}

.aznew section.slider  .swiper-slide .slide-inner.carousel section.articles article.article .container.note {
    font-size: 13px;
    margin-top: 10px;
}

.aznew section.slider  .swiper-slide .slide-inner.carousel section.articles article.article .container.note > span {
    line-height: 20px;
}

.aznew section.slider  .swiper-slide .slide-inner.carousel section.articles article.article .container.info span {
    display: inline-block;
    margin: 0 3px;
}

/* - Plattenmöbel Banner - */

.aznew section.slider  .swiper-slide .slide-inner.plattenmoebel span.content span.subline {
    margin: 190px auto 0;
}

/* - Banner - PopUp - */

.aznew .window_popup.window_popup_banner img {
    max-height: 100%;
    max-width: 100%;
}

/* Configurator - PopUp */

.azold .window_popup.window_popup_configurator img {
    max-height: 100%;
    max-width: 100%;
}

/* - Content - */

.azold section.inner {
    width: 95%;
    margin: 0 auto;
    max-width: 1800px;
}

.azold section.inner.fullsize,
.aznew section.inner.fullsize {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.azold section.inner.grey {
    background-color: #F2F2F2;
    padding: 40px 0;
}

.azold section.inner.blue {
    padding: 40px 0;
    color: #FFF;
    background: #142864;
}

.azold section.inner.white {
    background-color: #FFFFFF;
    padding: 40px 0;
    color: #142864;
}

.azold section.inner.background {
    overflow: hidden;
    padding: 0;
    position: relative;
}

.azold .text_container.center_verticle,
.azold .image_container.center_verticle {
    display: table;
    height: 100%;
    width: 100%;
}

.azold .text_container.center_verticle .inner,
.azold .image_container.center_verticle .inner {
    display: table-cell;
    vertical-align: middle;
}

.azold section.inner.fullsize .col > p,
.azold .text_container.center_verticle .inner > p{
    font-family: "century-gothic",Arial,sans-serif;
}

.azold section.image img {
    display: block;
    width: 100%;
}

.azold section.hr {
    background-color: #eee;
    height: 2px;
    position: relative;
}

.azold.relaunch .manufactures section.hr {
    background: none;
}

.azold section.hr .headline {
    position: absolute;
    top: -23px;
    left: 0;
    background-color: #ffffff;
    padding-right: 10px;
    text-transform: uppercase;
}


.azold form.upload .input {
    background-color: #fcfcfc;
    border: 1px dashed #d9d9d9;
    cursor: pointer;
    height: 55px;
    line-height: 53px;
    text-align: center;
}

.azold form.upload .input.error {
    background-color: #efe0de;
    border: 1px dashed #a3271a;
}

.azold form.upload input {
    display: none;
}


/* - FOOTER RELAUNCH - */
footer.azold {
    background-color: #F2F2F2;
    width:100%;
    margin-bottom: 0;
    margin-top: 40px;
}

footer.azold.relaunch {
    margin-top: 0;
    padding-top: 40px;
}

footer.azold .col {
    padding: 20px 0;
}

footer.azold .col.col-2 {
    width: 18.66%;
}

footer.azold .col.col-2,
footer.azold .col.col-3 {
    padding: 20px 0;
}

footer.azold > .inner {
    display: flex;
    justify-content: space-between;
}

footer.azold p {
    margin: 0;
}

footer.azold .inner .col .links,
footer.azold .inner .col .container,
footer.azold .inner .col .contact .links {
    display: flex;
    flex-direction: column;
}

footer.azold > .inner .links a {
    float: left;
    color: #363636;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: none;
    width: fit-content;
}

footer.azold .inner .copyright {
    width: 100%;
    padding: 20px 0;
}

footer.azold .inner .copyright a {
    color: #363636;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: none;
}


footer.azold .col .container .subline {
    font-size: 12px;
}

footer.azold .contact.mobile {
    display: none;
}

footer.azold .social i.big {
    width: 28px;
    height: 28px;
}

.azold i.phone {
    background: url("../../img/phone.svg");
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

.azold i.fax {
    background: url("../../img/fax.svg");
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

.azold i.mail {
    background: url("../../img/envelope.svg");
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

@media (min-width: 621px) {
    footer.azold > .inner .links a.delivery-terms {
        display: block;
    }

    footer.azold > .inner .links a.jobs {
        display: none;
    }
}

@media (max-width: 620px) {
    footer.azold > .inner .links a.delivery-terms {
        display: none;
    }

    footer.azold > .inner .links a.jobs {
        display: block;
    }
}


/* - Real Person Chat - */
#realperson_text_status_button {
    display: none;
    margin-right: 62px !important;
    margin-bottom: 10px !important;
    z-index: 101 !important;
}

.realperson-chat-button {
    height: 40px !important;
    width: 40px !important;
}

#realperson-chat-button-image {
    height: 26px !important;
    width: 26px !important;
}

#optiRealPersonContent #realperson_text_status_button .realperson-chat-button {
    background-size: 0 !important;
    border-radius: 0;
}

/* - Meinungen - */
main.azold .inner.reviews {
    position: relative;
    overflow: hidden;
    padding: 0;
}

main.azold .inner.reviews > .left {
    position: absolute;
    left: 5%;
    bottom: -25px;
}

main.azold .inner.reviews > .right {
    position: absolute;
    right: 5%;
    top: -25px;
    transform: rotate(180deg);
}

main.azold .inner.reviews > .inner {
    text-align: center;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    width: 60%;
    line-height: 42px;
    max-width: 60%;
    min-width: 60%;
}

main.azold .inner.reviews > .inner p {
    margin: 0;
}

main.azold .inner.reviews > .inner .swiper-container .swiper-slide {
    padding: 40px 0 75px;
}

main.azold .inner.reviews > .inner .swiper-container .swiper-pagination {
    bottom: 30px;
    width: 100%;
    text-align: center;
    height: 15px;
}

main.azold .inner.reviews > .inner .swiper-container .swiper-pagination .swiper-pagination-switch {
    float: none;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

main.azold .inner.reviews > .inner .swiper-container .swiper-pagination .swiper-pagination-switcht:hover,
main.azold .inner.reviews > .inner .swiper-container .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background: transparent;
    border: 2px solid #142864;
}



/* - Info Boxen - Kunde werden + Shopzugang  - */

.azold section.start-info-box {
    width: calc(100% - 40px);
    max-width: 100%;
}

.azold section.start-info-box > .col.col_two {
    background: #eee;
    padding: 60px 76px;
}

.azold section.start-info-box > .start-info-first-col {
    width: 50.4%;
}

.azold section.start-info-box > .col.col_spacing {
    margin-right: 1.3%;
}

.azold section.start-info-box > .col.col_two > ul li {
    display: flex;
    padding: 6px 0;
}

.azold i.check-circle {
    background: url("/out/master/img/circle-check.svg");
    width: 46px;
    height: 28px;
    background-repeat: no-repeat;
}

.azold .start-list {
    margin: 0 !important;
    font-size: 16px;
    line-height: 30px;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: normal;
    display: block;
    color: #142864;
}

.azold start-info-box > .col.col_two > .button {
    font-size: 16px;
    font-weight: bold;
}


/* - Kompetenzen - */

main.azold .inner.kompetenzen .boxed_content.grey .icon {
    background-image: url("../bg/kompetenzen_new.png?ts=2019-06-17_10-00");
    display: block;
    float: none;
    height: 75px;
    margin: 0 auto 10px;
    width: 80px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.e_installation {
    background-position: -13px -6px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.kabel {
    background-position: -120px -6px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.haussystem {
    background-position: -224px -6px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.komm_sicherheit {
    background-position: -12px -103px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.konsum {
    background-position: -122px -102px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.media {
    background-position: -229px -101px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.licht {
    background-position: -11px -200px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.industrie {
    background-position: -122px -200px;
}

main.azold .inner.kompetenzen .boxed_content.grey .icon.schiff {
    background-position: -224px -199px;
}

/* - Fehler - */

.window_popup section.inner.error > img,
.window_popup section.inner.error > picture > img,
main.azold section.inner.error > img {
    bottom: -40px;
    position: absolute;
    right: 15%;
    z-index: -1;
}

/* - Listern Header - */

.azold section.header .actions .button.icon_button {
    width: 55px;
}

/* - Artikel - */

.azold section.articles > .wrapper {
    margin: 0 -10px;
}

/*section.articles > .wrapper .message.warning{*/
/*    margin: -10px 10px 10px 10px;*/
/*}*/
/*.azold article.article {
    float: left;
    position: relative;
    margin: 20px 0 0;
    padding: 0 10px;
    width: 20%;
}*/

.azold article.article:first-child {
    margin-top: 0;
}

.azold article.article:last-of-type {
    margin-bottom: 20px;
}

.azold article.article.main-article {
    margin-top: 0;
}

.azold article.article.main-article .main-box {
    position: relative;
}

.azold article.article.main-article .main-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    width: calc(100% - 40px);
    background-color: #F2F2F2;
    z-index: 10;
}

.azold article.article.sub-article {
    margin-top: 0;
}

@media (max-width: 1899px) {
    .azold article .article {
        width: 25%;
    }
}


.azold .article  {
    font-family: "century-gothic", Arial, sans-serif;
    font-size: 13px;
    line-height: 26px;
}

.azold .article .options .small {
    font-size: 10px;
}

.azold .article  a {
    font-weight: normal;
    color: #363636;
}

.azold .article  .highlighted {
    color: #142864;
}

/*.article [data-info-popup="dispo_i"] {
    height: 30px;
}*/

.azold .article  .text_container {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.azold .article  .text_container > .inner {
    display: table-cell;
    vertical-align: middle;
}

.azold .article  .container.main {
    background-color: #fff;
    border: none;
    display: block;
    height: 160px;
    padding: 10px 0 10px 14px;
    position: relative;
}

.azold .article  .container.main .container.note,
#window_popup_image_expand.window_popup.azold .container.note {
    height: 20px;
}

.azold .featured-articles .article .container.main .container.note {
    height: auto;
}

.azold .article .container.main > .flags {
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    display: block;
}
.azold .details section.article .container.main > .flags{
    bottom: -11px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 10;
    background-color: #FFFFFF;
    line-height: 20px;
    padding: 0 15px;
}

.azold .details section.article .container.main > .flags .item.abakus,
.azold .details section.article .container.main > .flags .item.abakusPlus,
.azold .details section.article .container.main > .flags .item.danto {
    position: static;
    background-color: transparent;
}

.azold .article  .container.main > .flags .item.abakus,
.azold .article  .container.main > .flags .item.abakusPlus,
.azold .article  .container.main > .flags .item.danto {
    display: inline-block;
    width: 70px;
    height: 10px;
    background: #fff url(../bg/shop.png?ts=2019-06-11_14-34) no-repeat scroll 12px -340px;
    margin-bottom: -1px;
    position: relative;
    top: 0;
}

.azold .article .container.main > .flags .tecselect {
    margin: 0 auto;
    max-width: 120px;
    padding: 0 20px;
    background-color: #FFF;
}

.azold .details section.article .container.main > .flags .tecselect {
    margin: 0;
    padding: 0;
    max-width: 120px;
    background-color: transparent;
}

.azold .article.list .container.main > .flags{
    position:absolute;
}

.azold .article .container.main > .flags .item.abakusPlus {
    width: 95px;
    background-position: 10px -358px;
}

.azold .article  .container.main > .flags .item.danto {
    width: 39px;
    background-position: 0 -377px;
}

.azold .article  .container.main > .custom_action {
    display: none;
    z-index: 2;
}

.article .aza-main .custom_action.aza_points {
    position: relative;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    display: block;
    width: 49px;
    height: 50px;
    background-repeat: no-repeat;
    background-size:cover;
    z-index: 6;
}

.article .aza-main .custom_action.aza_points > span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: normal;
    font-size: 0.6em;
    line-height: 1;
    bottom: 9px;
}

article.article.list .aza-main .custom_action.aza_points {
    width: 45px;
    height: 45px;
    float: right;
    font-size: 1.0em;
}

article.article .aza-main .custom_action.aza_points .value,
section.details .article .aza-main .custom_action.aza_points .value,
body[data-view="details"].app .article .aza-main .custom_action.aza_points .value {
    overflow:hidden;
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1;
    width: 45px;
}
.azold .window_popup.form_offer_message {
    max-width: 660px;
    width: 100%;
    position: absolute;
}

@media(min-width:1201px) {
    section.details section.article .aza-main .custom_action.aza_points {
        top: 10px;
    }
}

.azold .article .container.main > .custom_action.aza_review {
    position: absolute;
    right: -2px;
    top: -2px;
    display: block;
    width: 100px;
    height: auto;
    background-size:cover;
    /*background-image: url("../bg/aza_product_info.png?ts=2019-06-17_10-00");*/
    z-index: 100;
    background-color: #142864;
    color: #FFF;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    padding: 5px;
}

.azold article.article.list .container.main > .custom_action.aza_review {
    top: auto;
    right: auto;
    left: -2px;
    bottom: -2px;
}

.azold .article  .container.main > .badge {
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 15;
}

.azold .article  .container.main > .badge > .triangle {
    background: url(../bg/shop.png?ts=2019-06-11_14-34) 1000px 1000px no-repeat scroll transparent;
    height: 52px;
    width: 52px;
    position: relative;
    z-index: 1;
}

.azold .article  .container.main > .badge > .triangle.blue {
    background-position: -11px -268px;
}

.azold .article  .container.main > .badge > .triangle.red {
    background-position: -81px -268px;
}

.azold .article  .container.main > .badge > .triangle.yellow {
    background-position: -151px -268px;
}

.azold .article  .container.main > .badge > .triangle.white {
    background-position: -166px -333px;
}

.azold .article  .container.main > .badge > .triangle > .text {
    color: #fff;
    font-size: 17px;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 9px;
}

.azold .article  .container.main > .badge > .percent {
    background: #eee;
    height: 52px;
    width: 52px;
    position: absolute;
    right: 0;
    top: 0;
}

.azold .article  .container.main > .badge > .percent > .text {
    bottom: 8px;
    line-height: 1;
    position: absolute;
    left: 6px;
}

.azold article.article .checkbox {
    position: absolute;
    top: 12px;
    z-index: 20;
}

.azold article.article .checkbox > label {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    line-height: 20px;
}

.azold article.article .checkbox > label i {
    opacity: 0;
}

.azold article.article .checkbox > label i:hover {
    opacity: 0.3;
}

.azold article.article .checkbox.active > label i {
    opacity: 1;
}

.azold article.article .checkbox.active {
    background-position: -139px -158px;
}

.azold article.article .checkbox.active > label {
    background: #142864;
}

.azold article.article .checkbox.active > label > i svg path {
    fill: #fff;
}

.article .container.main > .inner {
    height: calc(100% - 26px);
    width: 100%;
    display: block;
}

.azold .article.warranty .container.main > .inner {
    height: 100%;
}

.article .container.main > .inner > .gallery {
    display: table;
    height: 100%;
    width: 100%;
}

.article .container.main > .inner > .gallery .image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.article .container.main > .inner > .gallery .image img {
    margin: 0 auto;
    max-height: 100px;
    max-width: 130px;
    width: unset;
}

.article .list .container.main > .inner > .gallery .image img {
    max-width: 100%;
}

.article .container.note {
    padding: 0;
    background-color: transparent;
    position: relative;
    text-align: center;
    height: 0;
}

article.article .container.note > span {
    font-weight: normal;
    color: #999999;
    font-size: 12px;
    white-space: nowrap;
}


@media (min-width: 1201px) {
    .azold article[data-type="list"].article .container.note > span {
        font-size: 10px;
        position: relative;
    }
}

/*
.azold article.article.list .container.note > span {
    position: initial;
    display: inline-block;
    vertical-align: top;
}*/

.azold .article  .container.functions > .icon {
    margin-right: 15px;
}

.azold .article  .container.functions > .separator.vertical {
    display: none;
}

.azold .article .container.title {
    background-color: #fff;
    padding: 15px 18px;
    position: relative;
    text-align: center;
    height: 110px;
}

.azold .article  .container.manufacturer {
    background-color: transparent;
    padding-bottom: 22px;
    padding-top: 0;
    text-align: center;
}

.azold .article  .container.manufacturer img {
    margin: 0 auto;
    max-height: 40px;
    max-width: 100px;
}

.azold .article  .container.info .item,
.azold section.details .container.info .item {
    overflow: hidden;
    line-height: 30px;
}

.azold .article :not(.list) .container.info .item {
    height: 26px;
}

.azold .article  .container.info .item .left,
.azold section.details .container.info .item .left {
    float: left;
    width: 50%;
}

.azold .article  .container.info .item .right,
.azold section.details .container.info .item .right {
    float: left;
    width: 50%;
    text-align: right;
}

.azold .article  .container.info .item.text,
.azold .article  .container.info .item.desc {
    cursor: pointer;
}

.azold section.article .links .configurator a {
    color: #fff;
}

.article .container.tobasket > .stock,
.article.article.basket .container.amount .stock {
    width: 100%;
    white-space: nowrap;
}

.article.article.basket .container.amount .stock {
    display: flex;
    flex-direction: column;
}

 .article .container.tobasket > .stock.stock_warning .icon_helper,
 article.article.basket .container.amount .stock.stock_warning .icon_helper {
    background-color: #d0af13;
}

.details .article .container.tobasket > .stock.stock_warning svg {
    height: 24px;
    width: 24px;
}

.article .container.tobasket > .stock .item small {
    font-weight: 400;
    font-size: 10px;
    display: inline;
}

.article .container.tobasket > .basket,
.article.article.basket .container.amount .amount {
    display: flex;
    float: none;
    vertical-align: middle;
    width: 100%;
    text-align: right;
    justify-content: space-between;
}

.article .container.tobasket > .basket > .row {
    width: inherit;
}

.article .container.tobasket > .basket > .row[data-info-popup="partner"] {
    width: inherit;
    align-items: center;
}

.azold .article .container.tobasket input,
.azold article.article.basket .container.amount input {
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 15px;
    height: 62px;
    padding: 0 5px;
    width: calc(100% - 52px - 4px);
}

.azold .article  .container.tobasket input,
.azold .article  .container.amount .amount input{
    border:2px solid #fff;
}

.azold .article  .container.tobasket input:hover,
.azold .article  .container.tobasket input:focus,
.azold .article  .container.amount .amount input:hover,
.azold .article  .container.amount .amount input:focus{
    border-color: #142864;
}

.azold .article  .container.last_buy{
    cursor:pointer;
}
.azold .article  .container.last_buy .icon {
    background-position:-465px -310px;
    width: 22px;
    height: 22px;
    display: inline-block;
    float: none;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.azold article.article.basket .container.amount input.full {
    width: 100%;
}

.azold article.article.basket .container.amount .available_amount {
    text-align: center;
    display: flex;
    white-space: nowrap;
}

.article .container.tobasket input[name="amount"].warning,
.article .container.amount input[name="amount"].warning {
    border: 1px dashed #d0af13;
    background-color: #faf5e0;
}

.azold .article .container.tobasket .button,
.azold article.article.basket .container.amount .button {
    height: 62px;
    width: 62px;
}



.azold .article .container.tobasket > .basket > .static,
.azold article.article.basket .container.amount .amount > .static {
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
}

.azold .article .container.tobasket.rest > .basket,
.azold .details-bware .container.tobasket >.basket,
.azold article.article-bware.article.list .container.tobasket >.basket,
.azold article.article-bware.article .container.tobasket >.basket,
.azold article.article.basket .container.amount.rest .amount  {
    width: 100%;
}

.azold .article .container.tobasket.rest > .basket > .static,
.azold .details-bware .container.tobasket > .basket > .static,
.azold .article-bware .container.tobasket > .basket > .static,
.azold article.article.basket .container.amount.rest .amount > .static {
    width: calc(100% - 52px - 4px);
    float: left;
    line-height: 52px;
    height: 52px;
    background: #f2f2f2;
}

.azold article.article.basket .container.amount.rest .amount > .static {
    width: calc(100% - 62px);
}

.azold .details-bware .container.tobasket > .stock,
.azold .article-bware .container.tobasket > .stock,
.azold article.article-bware.article.basket .container.amount .stock{
    display:none;
}

.azold .article .deactivated {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    left: 10px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 79;
}

.azold .article .deactivated .checkbox {
    position: absolute;
    top: 12px;
    left: 18px;
}

.azold .article.no_article .checkbox.multi {
    display: none;
}

.azold article.no_article .amount > .checkbox,
.azold article.deactivatable .amount > .checkbox {
    position: relative;
    background: none;
    top: 0;
    height: 52px;
    width: 52px;
    margin-left: 5px;
}

.azold article.no_article .amount > .checkbox > label,
.azold article.deactivatable .amount > .checkbox > label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.azold article.no_article .amount > .checkbox > label svg,
.azold article.deactivatable .amount > .checkbox > label svg {
    height: 25px;
    width: 25px;
}

.azold article.article.article-bware .text_container .article_title:before,
.azold section.details.details-bware section.header h1:before{
    content:"B-Ware";
    color: #fff;
    font-weight: 300;
    padding: 0 15px;
    margin-right: 5px;
    font-size: 12px;
    background: #142864;<
    display: inline-block;
    height: 22px;
    line-height:25px;
}

/* - Artikel - Bware */
.azold article.article.article-bware.list .text_container .article_title:before{
    height: 18px;
    line-height: 17px;
    padding: 0 5px;
}

.azold article.article.article-bware .container.price.info{
    position:relative;
}

/* - Artikel - WG */


.azold article.article.article-wg{
    margin-bottom: 100px;
}

.azold article.article.article-wg .message.message-wg{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

@media (min-width: 1201px) and (max-width: 1530px) {
    .azold article.article.article-wg .message.message-wg {
        white-space: nowrap;
    }
}

@media (max-width: 1540px) {
    .azold article.article.article-wg .message.message-wg {
        text-overflow: ellipsis;
        overflow-x: scroll;
    }
}

@media (max-width: 1580px) {
    .azold article.article.article-wg {
        margin-bottom: 120px;
    }
}

.azold article.article.article-wg .message.message-wg a{
    color:#142864;
    font-weight: bold;
}

/* - Artikel - List */

.azold article.article.list {
    height: 108px;
    width: 100%;
}

.azold article.article.list:not(.warranty) .deactivated {
    padding-bottom: 10px;
}

.azold article.article.list > .separator {
    float: left;
    height: 100%;
    width: 2px;
}

/*.azold article.article.list > .separator .light,
.azold article.article.list > .separator .dark {
    float: left;
    height: 100%;
    width: 1px;
}*/

.azold article.article.list .container {
    float: left;
    height: 100%;
}

.azold article.article.list .container.main {
    width: 8%;
}

.azold article.article.list .container.main > .badge {
    right: 0;
}

.azold article.article.list .container.main > .flags {
    left: 50%;
    right: auto;
    padding: 0;
    background-color: transparent;
    z-index: 10;
}

.azold article.article.list .container.main > .flags > .inner {
    left: -50%;
    position: relative;
    background-color: #FFFFFF;
}

@media (max-width: 1450px) {

    .azold article.article.list .container.main > .flags > .inner {
        padding: 0 5px;
    }
}

.azold article.article.list .container.functions {
    position: relative;
    float: left;
    width: 50px;
    background-color: #eee;
    padding: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.azold article.article.list .cotainer.functions > .icon {
    margin: 0 10px;
}

.azold article.article.list .container.functions > .icon.scanner {
    margin-top: 7px;
}

.azold article.article.list .container.functions > .icon.pdf {
    margin-top: 5px;
    margin-bottom: 5px;
}

.azold article.article.list .container.functions > .separator.vertical {
    display: block;
    height: 100%;
    float: right;
}

.azold article.article.list .container.functions > .icon.info {
    position: absolute;
    margin: -11px 0 0 -11px;
    left: 50%;
    top: 50%;
}

.azold article.article.list .container.title {
    background-color: #eee;
    border: none;
    text-align: left;
    width: 25%;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.azold article.article.list .container.info {
    width: calc(22% - 2px);
}

.azold article.article.list .container.info.price {
    width: calc(19% - 2px);
}

.azold article.article.list .container.info .item .left {
    width: auto;
}

.azold article.article.list .container.info .item .right {
    float: right;
    width: auto;
}

.azold .article .container.info .item.artnum .left,
.azold article.article.list .container.info .item.artnum .left {
    width: 32%;
    white-space: nowrap;
}

.azold .article .container.info .item.artnum .right,
.azold article.article.list .container.info .item.artnum .right {
    float: left;
    width: 68%;
}


.azold .article .container.info .item.artnum .right i.edit-small svg {
    margin-top: 4px;
}

.azold .article .container.info .item.artnum .right .article_number.custom {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: calc(100% - 30px);
}

.azold .article .container.info .item.artnum .right .article_number.custom.has_replacement {
    width: calc(100% - 75px);
}

.azold article.article.list .container.tobasket {
    width: 25.5%;
}

.azold article.article.list .container.tobasket > .stock {
    width: 45%;
}

.azold article.article.list .container.tobasket > .basket {
    width: 55%;
    text-align: right;
}

.azold article.article.list .container.tobasket.rest > .basket {
    width: 100%;
}

/* AZA */

.azold article .container.total .price-action,
.azold .article .container .item.price .price-action,
.azold article .container.info.price .price-action {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: #002e6e;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

.azold article .container .item.price .price-action,
.azold article .container.info.price .price-action {
    margin-bottom: 4px;
}

.azold article .container.total .price-action > .icon-bell,
.azold .article .container .item.price .price-action > .icon-bell,
.azold article .container.info.price .price-action > .icon-bell {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    position: relative;
    top: -1px;
    -webkit-animation: alarm 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: alarm 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: alarm 5s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    background-image: url("/out/master/src/bg/icon-alarm.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.azold @keyframes alarm {/*azoldrichtig?*/
           0% { transform: rotate(0); }
           1% { transform: rotate(30deg); }
           3% { transform: rotate(-28deg); }
           5% { transform: rotate(34deg); }
           7% { transform: rotate(-32deg); }
           9% { transform: rotate(30deg); }
           11% { transform: rotate(-28deg); }
           13% { transform: rotate(26deg); }
           15% { transform: rotate(-24deg); }
           17% { transform: rotate(22deg); }
           19% { transform: rotate(-20deg); }
           21% { transform: rotate(18deg); }
           23% { transform: rotate(-16deg); }
           25% { transform: rotate(14deg); }
           27% { transform: rotate(-12deg); }
           29% { transform: rotate(10deg); }
           31% { transform: rotate(-8deg); }
           33% { transform: rotate(6deg); }
           35% { transform: rotate(-4deg); }
           37% { transform: rotate(2deg); }
           39% { transform: rotate(-1deg); }
           41% { transform: rotate(1deg); }
           43% { transform: rotate(0); }
           100% { transform: rotate(0); }
       }

@media (max-width: 1500px) {

    .azold article.article.list .container.info .item.uvp .small {
        display: none;
    }

}

/* - Artikel - Warenkorb */

article.article.basket .container.info,
article.article.basket .container.amount,
 article.article.basket .container.total {
    height: 108px;
}

article.article.basket.no_article.cutting_cost .info.container {
    height: 50px;
}

article.article.basket.no_article.cutting_cost .amount .container {
    height: unset;
}

.azold article.article.basket .container.amount > .wrapper,
.azold article.article.basket .container.amount > .wrapper.download{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.azold article.article.basket .container.amount > .wrapper.download .stock {
    display: none;
}

.azold article.article.basket .container.amount > .wrapper.download .download-article {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

article.article.basket .container.total {
    text-align: center;
}

.azold article.article.basket .container.price .item,
.azold article.article.basket .container.total .item {
    line-height: 26px;
    overflow: hidden;
}

.azold article.article.basket .container.total .item.desc .full_text{
    font-size:11px;
    text-align:center;
    line-height:14px;
}
.azold article.article.list.basket.cutting_cost.no_product{
    height:108px;
}

.azold article.article.list.basket .value,
.azold article.article.basket .container.total .item.total > .sum {
    white-space: nowrap;
}

@media(min-width: 1201px) and (max-width: 1735px) {
    .azold article.article.list.basket .container.amount input,
    .azold article.article.list.basket .text_container,
    .azold article.article.list.basket .value,
    .azold .article .container.tobasket > .basket > .static,
    .azold article.article.basket .container.amount .amount > .static {
        font-size: 12px !important;
    }

    .azold article.article.list.basket .text_container {
        line-height: 1.8 !important;
    }
}

@media(min-width: 1201px) and (max-width: 1400px){
    .aznew article.article,
    .aznew article .functions .basket input[type="tel"],
    article .stock .value {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }

    .aznew article[data-type="gallery"] .functions {
        margin-top: 0 !important;
    }

    .aznew article .data.container .col-5,
    .aznew article .data.container .col-7 {
        line-height: 1.6;
    }
}

@media (max-width: 350px){
    .aznew article.article,
    .azold article.article.basket .text_container,
    .aznew article .functions .basket input[type="tel"],
    .azold article.article.basket .container.amount input,
    article .stock .value {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }
}

.azold article.article.basket.hidden {
    display: none;
}

.azold article.article.list.basket .container.title .return {
    display: inline-block;
    margin-left: 10px;
}

.azold article.article.list.basket .container.info {
    width: calc(21% - 1px);
    height: 100%;
}

.azold article.article.basket .container.info .item .left,
.azold article.article.basket .container.info .item.artnum .left,
.azold article.article.basket .container.info .item.artnum .fade_text {
    width: 46%;
}

.azold article.article.basket .container.info .item .right,
.azold article.article.basket .container.info .item.artnum .right {
    width: 54%;
}

.azold article.article.basket .container.info .item.text .fade_text,
.azold article.article.basket .container.info .item.desc .fade_text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azold article.article.basket .container.info .item.text .icon,
.azold article.article.basket .container.info .item.desc .icon {
    position: relative;
    top: 3px;
    float: right;
}

.azold article.article.basket .container.info .item.text .icon.medium,
.azold article.article.basket .container.info .item.desc .icon.medium {
    top: -1px;
}

.azold article.article.basket .deactivated .spacer {
    height: 250px;
}

.azold article.article.basket .deactivated .separator.last {
    display: none;
}

.azold article.article.basket .deactivated .container {
    display: table;
    width: 100%;
}


.azold article.article.basket .deactivated .container > .item {
    display: table-cell;
    vertical-align: middle;
}

.azold article.article.basket .deactivated .container > .item.notice {
    padding-right: 10px;
    width: 100%;
}

.azold article.article.basket .deactivated .container > .item.activate {
    width: 62px;
}

.azold article.article.basket .deactivated .container > .item.activate .button {
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
}

.azold article.article.list.basket .container.price {
    width: 13%;
}

.azold article.article.list.basket .container.amount {
    width: 17%;
    height: 100%;
}

.azold article.article.list.basket .container.total {
    width: 12.8%;
    height: 100%;
    flex-grow: 1;
}

.azold article.article.list.basket .deactivated .spacer {
    float: left;
    height: 100%;
    width: calc(33% - 2px);
}

.azold article.article.list.basket .deactivated .separator {
    height: 100%;
    width: 2px;
    float: left;
}

.azold article.article.list.basket .deactivated .separator.last {
    display: block;
}

.azold article.article.list.basket .deactivated .separator .light,
.azold article.article.list.basket .deactivated .separator .dark {
    height: 100%;
    width: 1px;
    float: left;
}

.azold article.article.list.basket .deactivated .container {
    height: 100%;
    width: calc(54% - 3px);
    background: #fff;
    padding-right: 48px;
}

.azold article.article.list.basket.warranty .deactivated .container {
    padding-right: 0;
}

.azold article.article.list.basket .deactivated .container > .item.notice > .wrapper {
    height: 150px;
    overflow: hidden;
}

.azold article.article.list.basket.no_article.warranty .deactivated .container > .item.notice > .wrapper {
    height: 100%;
}

/* - Artikel - Small & Restlängen */

article.article.small {
    width: 16.6666%;
    background-color: #fff;
    border: medium none;
    padding: 0 15px;
}

.article.small .container {
    background-color: transparent;
    padding: 0;
}

.article.small .container.main {
    height: 60px;
    border: none;
}

.article.small.bware .container.main {
    height: unset
}

.article.small .container.title {
    border: 0;
    height: 40px;
    overflow: hidden;
    margin-bottom: 14px;
    text-align: center;
}

.article.small .container.title > .subline {
    width: 100%;
    height: 60px;
    white-space: normal;
    overflow: hidden;
}

.article.small .container.title > p {
    width: 100%;
}

.article.small .container.tobasket input {
    width: calc(100% - 48px);
}

/*
.article.small .container.tobasket .button {
    height: 62px;
    width: 62px;
}*/

.article.small.rest .container.title {
    padding-bottom: 20px;
    padding-top: 0;
}

.article.small.rest .container.title > .subline {
    height: 30px;
}

.article.small.rest .container.tobasket input,
.article.small.bware .container.tobasket input{
    background-color: #eee !important;
}

/* - Artikel - Line */

.azold article.article.line {
    border: medium none;
    margin-bottom: 14px;
    margin-right: 3.5%;
    padding: 0;
    width: 48.25%;
}

.azold article.article.line:nth-child(2n) {
    margin-right: 0;
}

.azold .article.line .container {
    padding: 0;
    float: left;
    background-color: #fff;
}

.azold .article.line .container.main {
    border: 0 none;
    height: 55px;
    padding: 10px;
    width: 15%;
}

.azold .article.line .container.main > .inner > .gallery .image img {
    max-height: 35px;
    max-width: 35px;
}

.azold .article.line .container.title {
    border: 0;
    padding-right: 20px;
    text-align: left;
    height: 55px;
    width: 45%;
    overflow: hidden;
}

.azold .article.line .container.title .title {
    display: block;
    max-height: 50px;
    overflow: hidden;
}

.azold .article.line .container.title .note {
    display: inline-block;
}

.azold .article.line .text_container .note > span {
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
}

#window_popup_multi_search.window_popup .article.line .text_container .note > span::after {
    content: '-';
    padding-left: 10px;
}

.azold .article.line .container.title .artnum {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.azold .article.line .container.tobasket {
    height: 62px;
    margin-top: 5px;
    width: 30%;
}

.azold .article.line .container.addition {
    width: 40%;
}

.azold .article.line .container.addition.two input {
    width: 48.25%;
}

.azold .article.line .container.addition.two input.right {
    float: right;
}

.azold .article.line.favoritelist .container.title {
    width: calc(85% - 62px);
}

.azold .article.line.favoritelist .container.favoritelist {
    margin-top: 5px;
}

.azold .article.line.favoritelist .container.favoritelist .button {
    width: 62px;
    height: 62px;
}

.azold .article.line.favoritelist .container.favoritelist .button .icon {
    margin-top: 19px;
}

/* - Artikel - Schnittkosten - */

.azold article.article.list.cutting_cost .container {
    height: 56px;
}

.azold article.article.list.cutting_cost .container.main{
    display: none;
}

.azold article.article.list.cutting_cost .container.title {
    width: 33%;
}

.azold article.article.list.cutting_cost .container.functions {
    width: calc(12% + 50px);
}

.azold article.article.list.cutting_cost .container.info,
.azold article.article.list.cutting_cost .container.amount,
.azold article.article.list.cutting_cost .container.total {
    height: 56px;
}

.azold article.article.list.cutting_cost .container.amount .amount > .static {
    font-size: 13px;
    background: #fff;
    width: 100%;
}

/* - Detailseite - */


.azold section.details section.inner .container.main.bottom_line{
    border-bottom: 1px solid #eee;
    padding-bottom:20px;
}

.azold section.details section.header .col.actions .button.icon_button {
    margin-top: 15px;
}

.azold section.details .section_title{
    border-bottom: 1px solid #eee;
    /*padding-bottom:30px;*/
    position:relative;
}

.azold section.details .section_title .close_window{
    right:0;
}

.azold section.details .headline{
    text-transform:uppercase;
}

/*.azold section.details .breadcrumb{
    margin-bottom:40px;
} */

.azold section.details .breadcrumb .actions{
    float:right;
}

.azold section.details .breadcrumb .actions > div{
    padding: 0 15px;
    margin-right: 0 !important;
    border-left: 1px solid #d9d9d9;
}

.azold section.details .breadcrumb .actions > div:first-child{
    border-right: 1px solid #d9d9d9;
}

.azold section.details section.article .separator {
    margin: 0;
}

.azold section.details section.article .separator.has_no_data {
    display: none;
}

.azold section.details section.article .container.main {
    border: medium none;
    height: auto;
    padding: 0;
    text-align: center;
}

.azold section.details section.article .container.main > .badge {
    right: 0;
    top: 0;
}

.azold section.details section.article .container.main > .flags {
    bottom: auto;
    top: 0;
    left: 0;
    right: auto;
    line-height: 52px;
    background-color: transparent;
    width: auto;
    margin-left: 0;
    padding: 0;
}

.azold section.details section.article .container.main > .inner .gallery {
    height: 260px;
    position: relative;
}

.azold section.details section.article .container.main > .inner .gallery > .icon {
    bottom: 10px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index:5;
}

.azold section.details section.article .container.main > .inner .gallery a.image {
    cursor: zoom-in;
}

.azold section.details section.article .container.main > .inner .gallery .image img {
    max-height: 260px;
    max-width: 380px;
}

.azold section.details section.article .container.main > .inner .gallery .videoWrapper,
.azold #window_popup_image_expand .videoWrapper {
    position: relative;
    padding-bottom: 62.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.azold section.details section.article .container.main > .inner .gallery .videoWrapper iframe,
.azold #window_popup_image_expand .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1440px) {

    .azold section.details section.article .container.main > .inner .gallery .image img {
        max-width: 340px;
    }

}

.azold section.details section.article .container.main > .inner .gallery_thumbs,
#window_popup_image_expand.window_popup.azold > .inner .gallery_thumbs {
    display: inline-block;
    margin-right: -20px;
}

.azold section.details section.article .container.main > .inner .gallery_thumbs .item,
#window_popup_image_expand.window_popup.azold > .inner .gallery_thumbs .item {
    border: 2px solid #fff;
    cursor: pointer;
    float: left;
    height: 70px;
    line-height: 66px;
    margin: 20px 20px 0 0;
    padding: 0 6px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}

#window_popup_image_expand.window_popup.azold > .inner .gallery_thumbs .item[data-type="youtube"]{

}

#window_popup_image_expand.window_popup.azold > .inner .gallery_thumbs .item[data-type="360"]{
    padding: 0px 7px;
}

.azold section.details section.article .container.main > .inner .gallery_thumbs .item.active,
#window_popup_image_expand.window_popup.azold > .inner .gallery_thumbs .item.active {
    border-color: #eee;
}

.azold section.details section.article .container.main > .inner .gallery_thumbs .item img,
#window_popup_image_expand.window_popup.azold > .inner .gallery_thumbs .item img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.azold section.details section.article .container.info.has_no_data {
    display: none;
}

.azold section.details section.article .container.info .item {
    height: auto;
}

.azold section.details section.article .container.info .item.price.highlighted{
    color:#142864;
    font-weight:bold;
}

.azold section.details .col_tobasket .col_container{
    display:inline-block;
    width:100%;
}

.azold section.details .col_tobasket .col_container .links{
    float:left;
}

.azold section.details .col_tobasket .col_container .links.config{
    width:100%;

}

.azold section.details section.article .no_user .container {
    background-color: transparent;
    padding: 0;
}

.azold section.details section.article .no_user .container a {
    display: block;
    float: left;
    width: 48%;
}

.azold section.details section.article .no_user .container a.right {
    float: right;
}

.azold section.details section.article .no_user .container a .icon {
    display: block;
    float: none;
    margin: 10px auto;
}

.azold section.details section.article .no_user .container a .text_container.center_verticle > .inner {
    height: 60px;
}

.azold section.details section.article .links > .jumper > a {
    line-height: 55px;
    margin: 0 10px;
}

.azold section.details section.article .image_box .info {
    background-color:#fff;
    padding:15px 0;
}

.azold section.details section.article .image_box .info .success .label{
    margin-bottom:10px;
}

.azold section.details section.article .col_data .info.container{
    background-color:#fff;
    padding:15px 0;
}

.azold section.details section.article .col_data .item{
    padding-bottom:10px;
}

.azold section.details section.article .col_data .item .right img{
    float:right;
    max-height:28px;
}

.azold section.details section.article .col_data .energy-triangle{
    position: relative;
    padding: 0 10px;
    line-height:28px;
    display: inline-block;
    width: 60px;
    max-height:28px;
}
.azold section.details section.article .col_data .energy-triangle:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: -20px;
    top: 0;
}

.azold section.details section.article .col_data .energy-triangle.classA---{
    background-color:#009136;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classA---:before{
    border-right: 20px solid #009136;
}

.azold section.details section.article .col_data .energy-triangle.classA--{
    background-color:#58ab27;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classA--:before{
    border-right: 20px solid #58ab27;
}

.azold section.details section.article .col_data .energy-triangle.classA-{
    background-color:#c9d100;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classA-:before{
    border-right: 20px solid #c9d100;
}

.azold section.details section.article .col_data .energy-triangle.classA{
    background-color:#feed01;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classA:before{
    border-right: 20px solid #feed01;
}

.azold section.details section.article .col_data .energy-triangle.classB{
    background-color:#fbbb01;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classB:before{
    border-right: 20px solid #fbbb01;
}

.azold section.details section.article .col_data .energy-triangle.classC{
    background-color:#eb690b;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classC:before{
    border-right: 20px solid #eb690b;
}

.azold section.details section.article .col_data .energy-triangle.classD{
    background-color:#e3001b;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
}

.azold section.details section.article .col_data .energy-triangle.classD:before{
    border-right: 20px solid #e3001b;
}

.azold section.details section.article .links > .jumper > a.button{
    margin: 0;
    color: #142864;
    font-weight: 700;
}

.azold section.details section.article .links.orginal_article a{
    color: #142864;
    font-weight: 700;
}

.azold section.details section.article .links .configurator .button,
.azold section.details section.more .description .button{
    color: #142864;
    font-weight: 700;
    height: auto;
}

.azold section.details section.article.inner .container.main>.inner .gallery_thumbs .item{
    height: 40px;
    line-height: 26px;
    width: 40px;
    padding: 5px;
}
.azold section.details section.article.inner .container.main>.inner .gallery_thumbs .item[data-type="youtube"]{
    padding: 3px 5px 6px;
}
.azold section.details section.article.inner .container.main>.inner .gallery_thumbs .item[data-type="360"]{
    padding: 4px 2px;
}
.azold section.details section.article.inner .container.main>.inner .gallery_thumbs .item.active{
    border-color: #142864;
}

.azold section.details section.loadbee {
    display: none;
}

.azold section.details #nextmart-dataview-container.dataview-loading {
    height: 250px;
    background-image: url("../../img/app_loading.gif");
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* - Detailseite - Image expand - */

#window_popup_image_expand.window_popup.azold {
    max-width: 100%;
    left: 0 !important;
    margin: 0 !important;
    padding: 20px;
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: "century-gothic", Arial, sans-serif;
    font-size: 13px;
    line-height: 26px;
}

#window_popup_image_expand.window_popup.azold > .inner .gallery {
    display: table;
    margin: 0 auto;
    min-height: 500px;
}

#window_popup_image_expand.window_popup.azold > .inner .gallery .image {
    display: table-cell;
    vertical-align: middle;
}

#window_popup_image_expand.window_popup.azold > .inner .gallery .image img {
    margin: 0 auto;
    max-width: 100%;
}

#window_popup_image_expand.window_popup.azold > .inner .gallery iframe.schneider_3d {
    height: 665px;
}

/* - Magic Zoom - */

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.mz-figure {
    overflow: hidden;
    margin: 0 !important;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mz-thumb,
.mz-thumb:focus {
    outline: none;
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}

.mz-lens img {
    -webkit-transition: none !important;
    transition: none !important;
}

.mz-zoom-window {
    z-index: 999;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mz-zoom-window img  {
    width: auto;
    height: auto;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform-origin: 50% 50% !important;
    -ms-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;
}

.mz-fade {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.mz-hidden {
    opacity: 0;
}

.mz-visible {
    opacity: 1;
}

.mz-expanded-view-open,
.mz-expanded-view-open body {
    overflow: hidden !important;
}

.mz-expanded-view-open body {
    height: auto !important;
}

.mz-figure.mz-active {
    cursor: crosshair;
}

.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
    opacity: 1;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
    filter: alpha(opacity=0);
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}

.mz-zoom-window > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
    transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}

.mz-loading {
    background: url("../bg/loader.gif") no-repeat scroll center center #fff;
    border-radius: 100%;
    display: none;
    height: 42px;
    left: 50%;
    margin: -21px 0 0 -21px;
    position: absolute;
    top: 50%;
    width: 42px;
}

.mz-loading.shown {
    display: block;
    z-index: 1;
}

.mz-hint {
    bottom: 10px;
    display: inline-block;
    font-size: 13px;
    left: 0;
    line-height: 26px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1000;
    -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
    transition: opacity 0.25s ease, z-index 0.25s ease;
}

.mz-hint-message {
    display: inline-block;
    background-color: #eee;
    padding: 15px 20px;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

/* -Detailpage - Bware - */

.azold section.details.details-bware .info-bware{
    background-color: #faf5e0;
    border: 2px solid #d0af13;
    padding: 15px;
    line-height: 24px;
    margin-bottom: 10px;
    font-size:13px;
}

.azold section.details.details-bware section.header{
    text-align:center;
}

.azold section.details.details-bware section.header .headline{
    position:relative;
    display:inline-block;
}
.azold section.details.details-bware section.header .headline:before {
    position: absolute;
    margin-left: -95px;
    height: 20px;
    top:15px;
    line-height: 22px;
}

.azold section.details article.bware .tobasket{
    height:62px;
}

.azold section.details.details-bware .bware .articles .inner,
.azold section.details .bware .articles .inner{
    padding:0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}

/* - Detailseite - Eigenschaften - */

.azold section.details section.more .col .subline {
    color: #142864;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
}

.azold section.details section.more .table .icon {
    margin-bottom: 2px;
}

.azold section.details section.more .col[data-type="specifications"] .images{
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.azold section.details section.more .col[data-type="specifications"] .images .pictogram-elements {
    width:20%;
}

.azold section.details section.more .col[data-type="specifications"] .images img {
    width: 75%;
    height: auto;
    margin: 10px auto;
}

.azold section.details section.more .col[data-type="specifications"] .table a {
    display: block;
}
.azold section.details section.more .inner.section_flex .description,
.azold section.details section.more .inner.section_flex .specification{
    max-width:31%;
    width:100%;
}

.azold section.details section.more .inner.section_flex .documents{
    max-width:100%;
    width:100%;
}

.azold section.details section.more .inner.section_flex .description .article_description{
    padding-right:25px;
    font-size:13px;
}

.azold section.details section.more .inner.section_flex .description.more_visible{
    max-width:66%;
    margin:0 auto;
}

.azold section.details section.more .inner.section_flex .specification.more_visible{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    -webkit-column-rule: 1px solid #eee;
    -moz-column-rule: 1px solid #eee;
    column-rule: 1px solid #eee;
    max-width: 66%;
    margin: 0 auto;
}

.aznew section.details section.documents .top_line {
    border-top: 1px solid #eee;
    padding: 10px;
    display:inline-block;
    width:100%;
}

.azold section.details section.more .inner.section_flex .documents .table .line{
    padding:10px 0;
}


.aznew section.details section.documents .top_line .line .item a > span {
    word-break: break-all;
    hyphens: auto;
    display: inline;
}

.azold section.details section.more .article_description b{
    color: #142864;
    font-size: 15px;
    line-height:22.5px;
    font-weight: 700;
}

.azold section.details section.more .table .line{
    border:none;
    /*padding: 0 0 10px;*/
    font-size: 13px;
    line-height: 30px;
}

.azold section.details section.more .table .line.even {
    background-color: #fff;
}

.azold section.details section.more .table .line.even:first-child{
    padding-top:0;
}

.azold section.details section.more .table .line .group_heading{
    font-weight:700;
}
.azold section.details section.more .table .line .group_heading:after{
    content:':'
}
.azold section.details section.more .specification .specification_category{
    display:none;
    width:100%;
    text-align-last: center;
}
.azold section.details .custom-select{
    display:none;
}

.azold section.details section.more h4 {
    color: #142864;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    position: relative;
    justify-content: center;
    display: flex;
}

.azold section.details section.more h4 img{
    max-width: 81px;
    height: auto;
    margin-right: 10px;
}

/* - Featured Articles Carousel - */

.azold .pagination .swiper-pagination-switch {
    display: none;
}
@media (max-width: 1215px){
    .azold .pagination .swiper-pagination-switch:nth-child(2n + 1) {
        display: block;
    }
}

@media (min-width: 1216px){
    .azold .pagination .swiper-pagination-switch:nth-child(3n + 1) {
        display: block;
    }
}


.azold .pagination {
    top: 25px;
    position: absolute;
    right: 3px;
    z-index: 2;
}

.azold .pagination .swiper-pagination-switch {
    background-color: #142864;
    float: left;
    height: 15px !important;
    margin: 0 0 0 10px;
    width: 15px;
    cursor: pointer;
}

.azold .pagination .swiper-pagination-switcht:hover,
.azold .pagination .swiper-pagination-switch.swiper-active-switch {
    background: transparent;
    border: 2px solid #142864;
}

[data-view="start"] [data-slider] {
    font-family: "century-gothic", Arial, sans-serif;
}

[data-view="start"] [data-slider="basket"] > .slider{
    height: unset;
}

.azold .catalogue-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #142864;
    color: #fff;
    padding: .5rem 1rem;
    display: flex;
    gap: .5em;
}


.azold section.article-sliders [data-slider] .tobasket.container .row > .col.col-6 i.pickup,
.azold section.article-sliders [data-slider] .tobasket.container .row > .col.col-6 i.pickup > svg {
    width: 22px;
    height: 22px;
}


    /* - Crossselling - */


.azold section.crossselling section.articles {
    padding: 60px 0 80px 0;
}

[data-jump="assortment"] .slider-assortment .prev,
[data-jump="assortment"] .slider-assortment .next,
section.crossselling section.articles .prev,
section.crossselling section.articles .next {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translatey(-50%);
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: #fff;
    opacity: 0.9;
    box-shadow: 0px 3px 3px rgba(20, 40, 100, 0.1);
    border-radius: 33px;
}

[data-jump="assortment"] .slider-assortment .prev,
section.crossselling section.articles .prev {
    left: -10px;
    border: none;
    background: #fff;
    opacity: 0.9;
    box-shadow: 0px 3px 3px rgba(20, 40, 100, 0.1);
    border-radius: 33px;
}


#crossselling_start.crossselling section.articles .prev {
    left: 10px;
}

[data-jump="assortment"] .slider-assortment .prev {
    left: -10px;
}

#crossselling_start.crossselling section.articles .next {
    right: 10px;
}

#crossselling_start.crossselling .article.small .main {
    height: 64px;
}

#crossselling_start.crossselling .article .container.main .container.note {
    margin-top: 8px;
}

[data-jump="assortment"] .slider-assortment .next,
section.crossselling section.articles .next {
    right: -10px;
    border: none;
    background: #fff;
    opacity: 0.9;
    box-shadow: 0px 3px 3px rgba(20, 40, 100, 0.1);
    border-radius: 33px;
}

[data-jump="assortment"] .slider-assortment .next {
    right: -10px
}

[data-jump="assortment"] .slider-assortment .prev.grey,
section.crossselling section.articles .prev.grey,
[data-jump="assortment"] .slider-assortment .next.grey,
section.crossselling section.articles .next.grey {
    opacity: .4;
}

[data-jump="assortment"] .slider-assortment .prev i,
section.crossselling section.articles .prev i,
[data-jump="assortment"] .slider-assortment .next i,
section.crossselling section.articles .next i {
    left: 50%;
    margin-left: -13px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
}

[data-jump="assortment"] .slider-assortment .prev i {
    margin-left: -13px;
}
[data-jump="assortment"] .slider-assortment .next i {
    margin-left: -10px;
}


[data-jump="assortment"] .slider-assortment.next i,
section.crossselling section.articles .next i {
    left: auto;
    margin-right: -12px;
    right: 50%;
}

#crossselling_start.crossselling section.articles article.article {
    margin: 0;
    padding: 20px;
    border-left: 10px solid #f2f2f2;
    border-right: 10px solid #f2f2f2;
}

section.crossselling section.articles article.article {
    margin: 0;
    padding: 10px;

}

/*section.crossselling section.articles article.article .tobasket.container input,*/
section.featured-articles .article.small .container.tobasket input,
section.bware section.articles article.article .tobasket.container input,
section.restlaengen section.articles article.article .tobasket.container input{
    background-color:#fff;
    border: 2px solid #142864;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
}

section.crossselling section.articles article.article .tobasket.container input:hover,
section.crossselling section.articles article.article .tobasket.container input:focus,
section.bware section.articles article.article .tobasket.container input:hover,
section.bware section.articles article.article .tobasket.container input:focus,
section.restlaengen section.articles article.article .tobasket.container input:hover,
section.restlaengen section.articles article.article .tobasket.container input:focus{
    border-color: #142864;
}

/* - Breadcrumb - */

section.breadcrumb {
    background-color: #F2F2F2;
    position: relative;
}

section.breadcrumb.white {
    background-color: transparent;
    margin-top: 0;
}

.azold section.bar_breadcrumb {
    margin-bottom: 0;
    display: none;
}

[data-view="order"] .azold section.bar_breadcrumb {
    display: block;
}

section.breadcrumb > section.inner > .breadcrumb_actions {
    float: left;
}

.azold section.filters > section.inner > .item_container {
    float: right;
    min-width: 250px;
}

section.breadcrumb > section.inner > .breadcrumb_actions .item,
section.breadcrumb > section.inner > .item_container > .item,
section.breadcrumb > section.inner > .item_container > .actions .item {
    color: #363636;

    font-family: "century-gothic",Arial,sans-serif;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    font-size: 13px;
    cursor: pointer;
}

body[data-view="details"] .section.breadcrumb > section.inner > a.item:hover {
    background: #fff;
}


body[data-view="tcaz_custom_list_product_group"] section.breadcrumb > section.inner > .icon {
    color: #999;
    fill: #999;
}

section.breadcrumb > section.inner > .item.first > .fade_text {
    padding-left: 0;
}

section.breadcrumb > section.inner > .item > .fade_text,
section.breadcrumb > section.inner > .item_container > .item > .fade_text {
    display: block;
    padding-right: 46px;
}

section.breadcrumb > section.inner > .item > .fade_text > .breadcrumb-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}


section.breadcrumb > section.inner > .item.breadcrumb-arrow:last-of-type > .fade_text::after {
    content: "";
}

section.breadcrumb > section.inner > .item_container > .item.filter > .fade_text {
    max-width: inherit;
    padding-left: 66px;
}

section.breadcrumb > section.inner > .item_container > .item.filter > .fade_text .icon span.remove {
    display: none;
}

.azold section.breadcrumb > section.inner > .breadcrumb_actions.article_actions > .item > .fade_text {
    opacity: .55;
}

section.breadcrumb > section.inner > .breadcrumb_actions.basket_actions .item,
section.breadcrumb > section.inner > .breadcrumb_actions.article_actions.active > .item {
    cursor: pointer;
}

section.breadcrumb > section.inner > .breadcrumb_actions.article_actions.active > .item > .fade_text {
    opacity: 1;
}

section.breadcrumb > section.inner .basket_sync > .item {
    cursor: pointer;
    padding: 0;
    text-indent: -9999px;
    width: 55px;
}

section.breadcrumb > section.inner .basket_sync > .item > .fade_text {
    padding: 0;
}


section.breadcrumb > section.inner .basket_sync > .item > .fade_text > .icon.medium {
    left: 13px;
}

section.breadcrumb > section.inner > .item > .fade_text > .container,
section.breadcrumb > section.inner > .breadcrumb_actions .item > .fade_text > .container,
section.breadcrumb > section.inner > .item_container > .item > .fade_text > .container {
    height: 55px;
    left: 172px;
    position: absolute;
    top: 0;
    width: 42px;
}

section.breadcrumb > section.inner > .breadcrumb_actions .item > .fade_text > .container {
    display: none;
}

section.breadcrumb > section.inner > .item > .fade_text > .container > .fade,
section.breadcrumb > section.inner > .breadcrumb_actions .item > .fade_text > .container > .fade,
ection.breadcrumb > section.inner > .item_container > .item > .fade_text > .container > .fade {
    right: -40px;
}

body.app section.breadcrumb > section.inner > .item > .fade_text > .container > .fade {
    right: 18px;
}

section.breadcrumb > section.inner > .item > .fade_text > .icon,
section.breadcrumb > section.inner > .breadcrumb_actions .item > .fade_text > .icon,
section.breadcrumb > section.inner > .item_container > .item > .fade_text > .icon {
    position: absolute;
    right: 10px;
    top: 17px;
}

section.breadcrumb > section.inner > .item > .fade_text > .icon.medium,
section.breadcrumb > section.inner > .breadcrumb_actions .item > .fade_text > .icon.medium,
section.breadcrumb > section.inner > .item_container > .item > .fade_text > .icon.medium {
    top: 13px;
}

section.breadcrumb > section.inner > .item > .icon.inline,
section.breadcrumb > section.inner > .item_container > .item > .icon.inline {
    margin: 0;
}

section.breadcrumb > section.inner > .item.long > .fade_text,
section.breadcrumb > section.inner > .item_container > .item.long > .fade_text {
    max-width: 400px;
    padding-right: 20px;
}

section.breadcrumb > section.inner > .item.long > .fade_text > .container,
section.breadcrumb > section.inner > .item_container > .item.long > .fade_text > .container {
    left: 380px;
}

.azold section.breadcrumb > section.inner > .item_container > .item,
.azold section.breadcrumb > section.inner > .flex,
.azold section.filters > section.inner > .item_container .item {
    cursor: pointer;
}

section.breadcrumb > section.inner > .item_container > .item.filter > .window_popup.header_popup {
    overflow: visible;
    padding: 0;
    top: 55px !important;
}

section.breadcrumb > section.inner > .item.back,
section.breadcrumb > section.inner > .item_container > .item.back {
    cursor: pointer;
}

.azold section.breadcrumb > section.inner > .item.back .icon,
.azold section.breadcrumb > section.inner > .item_container > .item.back .icon {
    left: 0px;
    right: auto;
}

.azold section.breadcrumb > section.inner > .item_container > .item > .fade_text,
.azold section.breadcrumb > section.inner > .breadcrumb_actions .item > .fade_text {
    padding-right: 40px;
}

.azold section.breadcrumb > section.inner > .item_container > .item > .fade_text > .icon,
.azold section.breadcrumb > section.inner > .breadcrumb_actions .item .icon {
    left: 0;
    right: auto;
}

section.breadcrumb > section.inner > .breadcrumb_actions .item .icon.basket,
section.breadcrumb > section.inner > .breadcrumb_actions .item .icon.check {
    margin: 0 !important;
}

section.breadcrumb > section.inner > .item_container > .actions {
    float: right;
}

section.breadcrumb > section.inner > .item_container > .actions .item {
    padding: 0;
}

section.breadcrumb > section.inner > .item_container > .actions .item .select {
    margin-right: 100px;
}

.aznew section.filters .select {
    display: inline-block;
}

.aznew section.filters .select.transparent > select {
    border: none
}

.aznew section.filters > .item_container > .actions .item .select > select {
    color: #363636;
    font-family: "century-gothic", Arial, sans-serif;
    font-size: 13px;
    padding-left: 50px;
}

@media (-webkit-min-device-pixel-ratio:0) {

    .azold section.filters > section.inner > .item_container > .actions .item .select > select {
        padding-left: 70px;
    }

}

.azold section.filters > section.inner > .item_container > .actions .item .select > select > option {
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 12px;
}

section.breadcrumb > section.inner > .item_container > .actions .item .select > .icon.medium {
    float: none;
    position: absolute;
    right: 10px;
    margin: 0 !important;
    top: 13px;
}

section.breadcrumb > section.inner > .item_container > .actions .item.events,
section.breadcrumb > section.inner > .item_container > .actions .item.request_invoice {
    text-align: center;
    width: 75px;
}

section.breadcrumb > section.inner > .item_container > .actions .item.events.big,
section.breadcrumb > section.inner > .item_container > .actions .item.request_invoice.big {
    width: 110px;
}

section.breadcrumb > section.inner > .item_container > .actions .item.view {
    text-align: center;
    padding: 0;
    margin-left: 26px;
}

/* - Navigation - Produkte - */

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup {
    padding-top: 0;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

    -webkit-column-gap: 3.5%;
    -moz-column-gap: 3.5%;
    column-gap: 3.5%;

    -webkit-column-rule: 2px solid #eee;
    -moz-column-rule: 2px solid #eee;
    column-rule: 2px solid #eee;

    margin-top: 40px;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.breadcrumb ~ section.list {
    margin-top: 10px;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.list .subline {
    height: 40px;
    padding: 5px 0;
    overflow: hidden;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.list .subline.configurator{
    height:auto;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup .subline[data-loadid='configuration']{
    display:none;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.configurator_box {
    display: none;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.configurator_box .configurators {
    border:none;
    border-top: 2px solid #eee;
    height: auto !important;
    padding: 40px 0 0;
    margin-top: 40px;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.configurator_box .configurators .button {
    width:33%;
    margin-top: 15px;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.configurator_box a.subline{
    width: 33%;
    float: left;
    margin-bottom: 20px !important;
    position: relative;
}

nav.azold > .inner > .link[data-loadid="produkte"] .window_popup.header_popup section.configurator_box a.subline p{
    display: inline;
    margin-left: 5px;
}

/* - Paging - */

.azold section.pages .sort {
    padding-right: 20px;
    text-align: right;
    user-select: none;
}

.azold section.pages .sort.small {
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 13px;
    line-height: 23px;
    padding-right: 0;
}

.azold section.pages .sort.small a {
    color: #363636;
}

.azold section.pages .sort a {
    display: inline-block;
    float: none;
    font-weight: normal;
    color: #FFFFFF;
}

.azold section.pages .sort a.icon.arrow_left {
    margin-right: 10px;
}

.azold section.pages .sort a.icon.arrow_right {
    margin-left: 10px;
    margin-right: 0px;
}

.azold section.pages .sort .container {
    vertical-align: top;
}

/* - Filter - */

section.filters {
    min-height: 55px;
    color: #363636;
    font-family: "century-gothic",Arial,sans-serif;
    font-weight: normal;
    line-height: 40px;
    font-size: 13px;
    background-color: none;
}

section.filters [data-deactivated="true"],
#window_popup_filters.window_popup.azold [data-deactivated="true"] {
    opacity: 0.5;
    cursor: default;
}

section.filters [data-deactivated="true"] * {
    cursor: default;
}

section.filters .open,
section.filters .back,
section.filters .show-all,
section.filters .product_request{
    display: inline-block;
    cursor: pointer;
    padding: 0 24px;
    background: #FFCD00;
    color: #fff;
    height: 42px;
    line-height: 40px;
    font-size: 13px;
    margin-bottom: 6px;
}


section.filters .button.small {
    margin-top: 10px;
}

section.filters .selected {
    width: calc(100% - 250px);
}

section.filters .selected > .label {
    font-weight: bold;
    margin-right: 20px;
    display: inline-block;
    margin-top: 6px;
}
section.filters .selected a.avibility {
    color: #363636;
}

section.filters .selected a.avibility .label {
    font-weight: normal;
    margin-right: 13px;
}

section.filters .selected a.avibility .radio {
    margin: 10px 8px 0 0;
}

section.filters .selected .filter {
    display: inline-block;
    margin-right: 11px;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    padding: 0 16px;
    font-weight: normal;
    color: inherit;
    line-height: 40px;
    font-size: 13px;
}

section.filters .selected .filter > .label,
section.filters .selected .filter > .values {
    display: inline-block;
}

section.filters .item_container {
    width: 250px;
    padding-left: 20px;
    display: flex;
    justify-content: end;
}

section.filters .item_container > .actions > .item.view {
    height: 42px;
}

section.inner.d-flex {
    display: flex;
}

section.inner .col.d-flex {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

@media (max-width: 1215px) {
    .azold section.inner.d-t-block {
        display: block !important;
    }
}

.azold section.price-ranges .boxed_content .justify-content-between {
    justify-content: space-between;
}

.azold section.price-ranges .boxed_content input::-webkit-outer-spin-button,
.azold section.price-ranges .boxed_content input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.azold section.price-ranges .boxed_content input[type=number] {
    -moz-appearance:textfield;
}

.azold section.price-ranges .boxed_content input {
    height: 50px;
    border: 2px solid #E7E7E7;
    width: 86px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding: 0 10px;
}

section.price-ranges .boxed_content input:focus,
section.price-ranges .boxed_content input:active {
    outline: none !important;
}

section.price-ranges .noUi-target,
section.price-ranges .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.price-ranges .noUi-target {
    position: relative;
    direction: ltr;
}

section.price-ranges .noUi-base,
section.price-ranges .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

section.price-ranges .noUi-connects {
    overflow: hidden;
    z-index: 0;
}

section.price-ranges .noUi-connect,
section.price-ranges .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

html:not([dir="rtl"]) section.price-ranges .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

section.price-ranges .noUi-horizontal .noUi-origin {
    height: 0;
}

section.price-ranges .noUi-handle {
    position: absolute;
}

section.price-ranges .noUi-state-tap .noUi-connect,
section.price-ranges .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

section.price-ranges .noUi-state-drag * {
    cursor: inherit !important;
}
/* Slider size and handle placement;
 */
section.price-ranges span.example-val {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #363636;
    margin-bottom: 15px;
}

section.price-ranges .noUi-horizontal {
    height: 7px;
    margin-left: 3px;
    margin-right: 3px;
}

section.price-ranges .noUi-horizontal .noUi-handle {
    width: 22px;
    height: 22px;
    left: -9px;
    top: -8px;
}

html:not([dir="rtl"]) section.price-ranges .noUi-horizontal .noUi-handle {
    right: -9px;
    left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
section.price-ranges .noUi-target {
    background: #FFF;
    border-radius: 30px;
}

section.price-ranges .noUi-connects {
    border-radius: 3px;
}

section.price-ranges .noUi-connect {
    background: #142864;
}
/* Handles and cursors;
 */
section.price-ranges .noUi-draggable {
    cursor: ew-resize;
}

section.price-ranges .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

section.price-ranges .noUi-handle {
    border: 1px solid #fff;
    border-radius: 50%;
    background: #142864;
    cursor: default;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
}

 section.price-ranges .noUi-handle:focus {
    outline: none;
}

section.price-ranges .noUi-handle:hover {
    cursor: pointer;
}

 section.price-ranges .noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Disabled state;
 */
section.price-ranges [disabled] .noUi-connect {
    background: #B8B8B8;
}

section.price-ranges [disabled].noUi-target,
section.price-ranges [disabled].noUi-handle,
section.price-ranges [disabled] .noUi-handle {
    cursor: not-allowed;
}
/* Base;
 *
 */
section.price-ranges .noUi-pips,
section.price-ranges .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.price-ranges .noUi-pips {
    position: absolute;
    color: #999;
}
/* Values;
 *
 */
section.price-ranges .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}
section.price-ranges .noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}
/* Markings;
 *
 */
section.price-ranges .noUi-marker {
    position: absolute;
    background: #CCC;
}

section.price-ranges .noUi-marker-sub {
    background: #AAA;
}

section.price-ranges .noUi-marker-large {
    background: #AAA;
}
/* Horizontal layout;
 *
 */
section.price-ranges .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

section.price-ranges .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

section.price-ranges.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

section.price-ranges.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

section.price-ranges .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

section.price-ranges .noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}
/* Vertical layout;
 *
 */
section.price-ranges .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}
section.price-ranges .noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

section.price-ranges .noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

section.price-ranges .noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

section.price-ranges .noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

section.price-ranges .noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

section.price-ranges .noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

section.price-ranges .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

section.price-ranges .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

section.price-ranges .price-range {
    border: 2px solid #EEEEEE;
    padding: 10px;
    margin-bottom: 20px;
    width: 31.33%;
    margin-left: 1%;
    margin-right: 1%;
    min-width: 220px;
}

section.inner .price-range span.price-range-count {
    float: right;
    font-size: 14px;
    color: #969696;
}

.azold section.inner .price-range span.price-range-label {
    font-size: 14px;
    color: #363636;
}

 section.inner.d-flex .price-range.active {
    border: 2px solid #142864;
}

 section.filters .selected .filter[data-filter="price"] .label {
    position: relative;
}

section.filters .selected .filter[data-filter="price"] .label i.lock {
    display: none;
}

section.filters .selected .filter.disabled[data-filter="price"] .label i {
    display: inline-block;
    margin-top: -2px;
}

 section.filters .selected .filter.disabled[data-filter="price"] .label span.new-label{
    display: none;
}

section.filters .selected .filter .label span.new-label.hidden {
    display: none !important;
}

section.filters .selected .filter .label span.new-label span{
    position: absolute;
    top: 3px;
    left: 5px;
    text-align: center;
    width: 100%;
    line-height: 1;
}

section.filters .selected .filter .values .item {
    display: inline-block;
    padding: 0 8px;
    font-weight: bold;
}

section.filters .selected .filter .values .item > .label {
    display: none;
}

section.filters .selected .filter .values .item > .icon {
    margin-left: 5px;
}

/* - Filter - Jobs - */

.azold .job_filters .filter .filter_value .checkbox {
    position: absolute;
    top: 17px;
    left: 0;
    margin: 0;
}

.azold .job_filters .filter .filter_value label {
    line-height: 1.6;
    display: block;
    float: none;
    padding: 18px 0 18px 30px;
}

/* - Filter PopUp - */

.popup.filters section.letters {
    margin-bottom: 30px;
}

.popup.filters section.letters .letter {
    float: left;
    height: 33px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 10px 0;
    font-size: 13px;
    font-family: "century-gothic",Arial,sans-serif;
    border: 2px solid #eee;
    color: #363636;
    padding: 0 12px;
    cursor: pointer;
}

.popup.filters section.letters .letter.active {
    color: #FFFFFF;
    border: none;
    padding: 2px 14px;
    background: #142864;
}

.popup.filters section.list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

    -webkit-column-gap: 3.5%;
    -moz-column-gap: 3.5%;
    column-gap: 3.5%;

    -webkit-column-rule: 2px solid #eee;
    -moz-column-rule: 2px solid #eee;
    column-rule: 2px solid #eee;
}

.popup.filters section.list .subline {
    height: 40px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    width: 100%;
    line-height: 30px;
}
#window_popup_filters.window_popup.azold section.list > .subline[data-filter="fair_review"] .text{
    color: #142864;
}
#window_popup_filters.window_popup.azold section.list > .subline[data-filter="fair_review"] .text img{
    float: left;
    max-width: 60px;
    position:relative;
    top: 8px;
    margin-right: 5px;
}

#window_popup_filters.window_popup.azold section.list .subline.image {
    height: 80px;
    padding: 10px 0;
    line-height: 60px;
}

#window_popup_filters.window_popup.azold section.list .subline.image > img {
    width: 60px;
    float: left;
    margin-right: 20px;
}

#window_popup_filters.window_popup.azold section.list .subline > .text {
    float: left;
}

#window_popup_filters.window_popup.azold section.list .subline > .selected {
    font-weight: bold;
    margin-left: 5px;
    float: left;
}

#window_popup_filters.window_popup.azold section.list .subline > .action {
    float: right;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .icon.small {
    margin-top: 4px;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .icon.medium {
    margin-top: 1px;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .item {
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .item > .radio {
    margin-top: 5px;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .item > label {
    line-height: 30px;
    margin-left: 11px;
    width: 30px;
    text-align: center;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .item[data-deactivated="true"] {
    opacity: 0.5;
    cursor: initial;
}

#window_popup_filters.window_popup.azold section.list .subline > .action > .item[data-deactivated="true"] > .radio,
#window_popup_filters.window_popup.azold section.list .subline > .action > .item[data-deactivated="true"] > label {
    cursor: initial;
}

#window_popup_filters.window_popup.azold section.list .subline.back > .icon {
    margin: 4px 15px 0 0;
}

#window_popup_filters.window_popup.azold section.boolean > .item {
    float: left;
    width: 50%;
}

#window_popup_filters.window_popup.azold section.boolean > .item > .radio,
#window_popup_filters.window_popup.azold section.boolean > .item > .checkbox {
    margin-top: 5px;
    margin-right: 4px;
}

#window_popup_filters.window_popup.azold section.boolean > .item > label {
    line-height: 30px;
    margin-left: 11px;
}

#window_popup_filters.window_popup.azold section.paging {
    cursor: pointer;
}


/* - Banner - */

.azold section.banners:not(.heyflow) > .banner,
.aznew section.banners:not(.heyflow) > .banner {
    background-color: #fff;
    background-repeat: no-repeat;
    float: left;
    height: 200px;
    width: 31%;
    cursor: pointer;
}

.azold section.banners > .banner.line,
.aznew section.banners > .banner.line,
.azold section.banners > .banner.swiper-slide-line,
.aznew section.banners > .banner.swiper-slide-line {
    background-color: #fff;
    border: 2px solid #eee;
}

.azold section.banners > .spacer,
.aznew section.banners > .spacer {
    float: left;
    height: 1px;
    width: 3.5%;
}

.azold section.banners > .spacer.line,
.aznew section.banners > .spacer.line {
    height: 40px;
    width: 100%;
}

.azold section.banners > .banner.size_3_3,
.aznew section.banners > .banner.size_3_3 {
    width: 100%;
}

.azold section.banners > .banner .text_container,
.aznew section.banners > .banner .text_container {
    display: table;
    height: 100%;
    padding: 20px 30px;
    position: relative;
    text-align: center;
    width: 100%;
}

.azold section.banners > .banner .text_container .text_inner .white-font,
.aznew section.banners > .banner .text_container .text_inner .white-font {
    color: #fff;
}

.azold .window_popup section.banners > .banner .text_container .text_inner .headline,
.aznew .window_popup section.banners > .banner .text_container .text_inner .headline {
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

.azold .counter_day.text_container img,
.aznew .counter_day.text_container img {
    position:absolute;
    right:0;
    top:0;
}

/* - Mitte - */

.azold section.banners > .banner .text_container.position_center_bottom .text_inner,
.aznew section.banners > .banner .text_container.position_center_bottom .text_inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

.azold section.banners > .banner .text_container.position_center_center .text_inner,
.aznew section.banners > .banner .text_container.position_center_center .text_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.azold section.banners > .banner .text_container.position_center_top .text_inner,
.aznew section.banners > .banner .text_container.position_center_top .text_inner {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

/* - Links - */

.azold section.banners > .banner .text_container.position_left_bottom .text_inner,
.aznew section.banners > .banner .text_container.position_left_bottom .text_inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
}

.azold section.banners > .banner .text_container.position_left_center .text_inner,
.aznew section.banners > .banner .text_container.position_left_center .text_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.azold section.banners > .banner .text_container.position_left_top .text_inner,
.aznew section.banners > .banner .text_container.position_left_top .text_inner {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

/* - Rechts - */

.azold section.banners > .banner .text_container.position_right_bottom .text_inner,
.aznew section.banners > .banner .text_container.position_right_bottom .text_inner {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
}

.azold section.banners > .banner .text_container.position_right_center .text_inner,
.aznew section.banners > .banner .text_container.position_right_center .text_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.azold section.banners > .banner .text_container.position_right_top .text_inner,
.aznew section.banners > .banner .text_container.position_right_top .text_inner {
    display: table-cell;
    vertical-align: top;
    text-align: right;
}

.azold section.banners > .banner .subline.big,
.aznew section.banners > .banner .subline.big {
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    display: block;
}

.azold section.banners > .banner .subline.blue,
.aznew section.banners > .banner .subline.blue {
    color: #142864;
}


/* - Kundenmodus - */

body.customer_mode .azold .article .container.info .item.price,
body.customer_mode .azold .article .container.info .item.additions,
body.customer_mode .azold .article .container.info .item.total,
body.customer_mode .azold .article .container.price .text_container,
body.customer_mode .azold .article .container.total .text_container,
body.customer_mode header .basket .cart-price-box,
body.customer_mode #popup-baskets .box .sum,
body.customer_mode .azold .function_bar .service .link.basket .price,
body.customer_mode .azold section.slider .swiper-slide .slide-inner.carousel section.articles article.article .container.info {
    visibility: hidden;
}

body.customer_mode[data-view="order"] .boxed_content.white > div:not(.general-infos) {
    display: none;
}

body.customer_mode .azold .article.small.rest .container.title,
body.customer_mode.view_order main.azold form[name="order"] section.inner.total .col.col_three .boxed_content.grey {
    display: none;
}

body.customer_mode #window_popup_baskets .boxed_content .subline {
    margin-bottom: -30px;
}

/* - Order - */

body.view_order main.azold,
body.view_basket main.azold {
    min-height: calc(100vh - 200px);
}

body.view_tc_ppp_transfer main.azold > .load {
    height: 400px;
    background-image:  url(../bg/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/* - Order - */

/* teile vom neuen commercegrid deaktivieren */ /* <!-- commercegrid edit --> */
body.view_order main.azold form[name="order"] .triangle::after {
    border-top: 0;
}

body.view_order main.azold form[name="order"] .article .container {
    background: #eee;
}

body.view_order form[name="order"] .article .main.container {
    background: #fff;
    height: 100%;
}

body.view_order main.azold form[name="order"] .article .note.container {
    background: none;
    width: 100%;
}

body.view_order main.azold form[name="order"] .article .note.container .image {
    margin-bottom: 6px;
    line-height: 1.4;
}

body.mobile.view_order main.azold form[name="order"] .article .note.container .image {
    z-index: 1;
    margin-bottom: -26px;
}

body.view_order main.azold form[name="order"] .article .container.functions > .icon {
    margin: 0 10px;
}

body.view_order main.azold form[name="order"] article.article.list .container.functions > .icon.pdf,
body.view_order main.azold form[name="order"] article.article.list .container.functions > .icon.pdf-2,
body.view_order main.azold form[name="order"] article.article.list .container.functions > .icon.scanner,
body.view_order main.azold form[name="order"] article.article.list .container.functions > .icon.star {
    margin-top: 5px;
}

@media (max-width: 1024px){
    body.view_order main.azold form[name="order"] .article .title.container,
    body.view_order main.azold form[name="order"] .article .functions.container {
        background: #fff;
        height: 100%;
    }
}

body.view_order main.azold section.sticky .separator {
    margin: 10px 0;
    width: auto;
}

body.view_order main.azold section.sticky .icon,
body.view_order main.azold.relaunch .sticky .actions .item i {
    margin-top: 2px;
    margin-right: 8px;
}

body.view_order main.azold.relaunch .sticky .actions .item i svg {
    margin-top: 2px;
    height: 22px;
    width: 22px;
}

body.view_order main.azold section.sticky .coupons .button .icon {
    margin-top:10px;
    margin-right:auto;
}

body.view_order main.azold section.sticky .item .left,
body.view_order main.azold section.sticky .item .right {
    float: left;
    width: 65%;
}

body.view_order main.azold section.sticky .item.aza {
    font-weight: bold;
    color: #142864;
}

body.view_order main.azold section.sticky .item.aza .left img {
    display: inline-block;
    width: 90px;
    vertical-align: middle;
}

body.view_order main.azold section.sticky .item .right {
    text-align: right;
    width: 35%;
}

body.view_order main.azold section.sticky .col.actions.completion_orders .boxed_content {
    border: none;
    padding-left: 0;
    padding-right: 0;
}

body.view_order main.azold section.sticky .col.actions.completion_orders .boxed_content .item.first {
    margin-left: 20px;
}

body.view_order main.azold section.sticky .col.actions.completion_orders .labels_wrapper {
    float: right;
    margin-right: calc(15% + 2px);
    padding: 0 20px;
    width: calc(25.5% - 2px);
}

body.view_order main.azold section.sticky .col.actions.completion_orders .labels_wrapper .label {
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    width: 50%;
}

body.view_order main.azold section.sticky .col.actions.completion_orders .labels_wrapper .label .icon {
    margin-left: 8px;
    margin-right: 0;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .item > .select.blue .icon {
    display: none;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .options.tcaz_hasright  {
    position: relative;
    background-color: #FFF;
    cursor: pointer;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .item > .options {
    display: none;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .item > .options .actions {
    font-size: 11px;
    height: 24px;
}


body.view_order main.azold form[name="order"] section.options .col.shipping .content.shipments .radio {
    min-width: 20px;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .content.shipments label.tour_info {
    flex-grow: 1;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .small,
body[data-view="order"] section.sticky .general-infos > p,
body[data-view="order"] form[name="order"] .order-text p {
    font-size: 10px;
    line-height: 1.5em;
    color: #666666;
}

.azold .delivery-time-info-group .acceptanceTimeInfo {
    gap: 0.5rem;
    display: flex;
    line-height: 1.5em;
    margin-top: .5em;
}

.azold [data-type="pick_up"] .delivery-time-info-group .acceptanceTimeInfo {
    display: block;
}

.azold [data-id="pick-up"] .solidjs-stash {
    align-self: flex-start;
    min-width: fit-content;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .content.shipments label small {
    display: block;
}

/* - Subuser - PopUp - */
.azold .inner.subuser_inner::after {
    content: "";
    display: block;
    clear: both;
}

.azold .subuser .form_element .prefix {
    display: block;
    padding-top: 17px;
    text-align: center;
    height: 55px;
}

.azold .subuser .form_element.fix .prefix {
    background-color: transparent;
    background-clip: padding-box;
    border: 2px solid transparent;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
    color: gray;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 12px;
    height: 55px;
    float: left;
    width: 100%;
    padding: 0 20px;
    border-radius: 0;
    border-right: none;
    text-align: left;
}

.azold .subuser .form_element .suffix {
    width: 100%;
}

.azold .subuser .form_element.fix .suffix {
    width: 207%;
    margin-left: -100%;
    padding-left: 70px;
}

.azold .subuser .prefix-wrapper {
    position: relative;
    z-index: 15;
    pointer-events: none;
    margin: 0 -6px;
}
.azold .subuser .suffix-wrapper {
    position: relative;
    z-index: 10;
}

.azold .subuser .form_element.fix {
    margin-bottom: 0;
}

.azold .subuser .container small {
    margin-bottom: 20px;
}

.azold .subuser .container div.hint {
    margin-bottom: 20px;
}

.azold .subuser_inner {
    display:block;
}
.azold .subuser_inner .subuser_heading {
    display: inline-block;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
}

.azold #window_popup_orderlimit_new{
    position: absolute;
    margin-top: 10px;
    width: 100%;
    max-width:700px;
    padding:20px 25px;
}
.azold #window_popup_orderlimit_new .inner{
    display: inline;
}

.azold#window_popup_orderlimit_goto {
    position: absolute;
    margin-top: 10px;
    max-width: 700px;
    width: 500px;
    padding:25px;
}

.azold #window_popup_orderlimit_goto .goto_inner label{
    line-height:32px;
}

.azold #window_popup_orderlimit_goto form h1.subline{
    max-width: 435px;
    margin: 0 auto;
}

.azold .container.submit {
    background-color: #eeeeee;
    padding: 20px;
}

@media (max-width: 950px) {
    .azold .container.submit .form_element label {
        padding-left: 40px;
        display: block;
        float: none;
    }
}

.azold .orderlimit_form{
    display: inline-block;
    width: 100%;
}

.azold .orderlimit_form .form_element {
    margin: 0;
    padding: 15px 0;
}
.azold#window_popup_orderlimit_goto .orderlimit_form .form_element {
    margin: 0;
    padding: 15px 0;
    display: flex;
    align-items: center;
}

.azold#window_popup_orderlimit_goto .orderlimit_form .form_element label {
    padding: 0;
}
.azold .orderlimit_form > .form_element{
    border:none;
    padding:0;
}

.azold .orderlimit_form > .form_element > .form_element{
    border-bottom: 1px solid #eee;
    padding:20px 0;
}

.azold .orderlimit_form > .form_element > .form_element .creditinfo{
    position: relative;
    padding-left: 25px;
}

.azold .orderlimit_form > .form_element > .form_element .creditinfo span[data-info="orderlimit"]{
    position: absolute;
    top: 3px;
    margin-top: 0;
    left: 0;
}

.azold .orderlimit_form > .form_element > .form_element span{
    font-size:11px;
}

.azold .orderlimit_form .goto_inner{
    width: 100%;
    display: inline-block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin-bottom: 20px;
}

.azold#window_popup_orderlimit_goto .orderlimit_form .form_element .checkbox{
    margin: 0 15px 0 0;
}

.azold .orderlimit_form .form_element .checkbox{
    margin: 5px 15px 0 0;
}

.azold .orderlimit_form > .button{
    width:100%;
    text-align:center;
}
.azold .orderlimit_form > .button:last-child{
    margin-top:25px;
}

.azold .orderlimit_form .form_element .radio-group label {
    color: #5A667F;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease;
    background: #eee;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 40px;
    font-size:11px;
}

.azold .orderlimit_form .form_element .radio-group input:checked + label {
    background: #142864;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    cursor: default;
    color:#fff;
}
.azold .orderlimit_form .form_element .radio-group input,
.azold .orderlimit_form .form_element .radio-group input + label span {
    display:none;
}
.azold .orderlimit_form .form_element .radio-group input:checked + label span{
    display: inline-block;
    width: 20px;
    height: 18px;
    background: transparent url(../bg/shop.png) no-repeat scroll -207px -103px;
    margin-left: 5px;
    vertical-align: middle;
}

.azold .orderlimit_form .form_element .has_date_range label {
    float:right;
    padding-left:20px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
}

.azold .orderlimit_form .form_element .has_date_range .subtitle {
    font-size: 11px;
    float:right;
    color: #000;
    cursor:pointer;
}

.azold .orderlimit_form .form_element .has_date_range .subtitle label{
    line-height:2.8;
}

.azold .orderlimit_form .form_element .has_date_range .subtitle span{
    margin-top:5px;
}

.azold .orderlimit_form .form_element .request_col select {
    text-align-last: center;
}

.azold .orderlimit_form .form_element .has_date_range .date_col{
    margin:15px 0 0;
}

.azold .orderlimit_form .form_element .has_date_range .date_col input{
    width:46%;
    height:50px;
    appearance: none;
    box-sizing: border-box;
    background: transparent;
    font-size: 14px;
    padding: 12px;
}

.azold .orderlimit_form .form_element .has_date_range .date_col span{
    padding:0 2%;
    float: left;
    margin-top: 12px;
}

.azold .limit_box .limit_information {
    padding:25px 20px;
    background-color: #eee;
}
.azold .limit_box .limit_information .order_output{
    margin-bottom:20px;
}


.azold .limit_box .admin_limit_buttons .col_four{
    width:17.2%;
}

.azold .limit_box .input_range {
    outline: none;
    padding: 0;
    width: 100%;
    height: 10px;
    margin:20px 0 10px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #004b97), color-stop(100%, #004b97));
    background-size: 0 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-appearance: none;
}

.azold .limit_box .input_range::-webkit-slider-runnable-track{
    box-shadow: none;
    border: none;
    background: transparent;
    -webkit-appearance: none;
}

.azold .limit_box .input_range::-moz-range-track{
    box-shadow: none;
    border: none;
    background: transparent;
}

.azold .limit_box .input_range::-ms-track{
    box-shadow: none;
    border: none;
    background: transparent;
}

.azold .limit_box .input_range::-webkit-slider-thumb{
    height: 20px;
    width: 20px;
    border: 0;
    background:#004b97;
    border-radius: 50%;
    -webkit-appearance: none;
}

.azold .critical_thumb::-webkit-slider-thumb{
    background: #f3cf2e!important;
}
.azold .critical_thumb::-moz-range-thumb{
    background: #f3cf2e!important;
}

.azold .exceeded_thumb::-webkit-slider-thumb{
    background: #a3271a!important;
}
.azold .exceeded_thumb::-moz-range-thumb{
    background: #a3271a!important;
}

.azold .orderlimit_rights_box_active {
    display: initial;
    pointer-events: auto;
}

.azold .orderlimit_rights_box_inactive {
    display: none;
    pointer-events: none;
}
.azold .orderlimit_rights_button_active {
    background: linear-gradient(45deg, #004b97 0%,#0b65c0 100%);
    pointer-events: auto;
}
.azold .orderlimit_rights_button_inactive {
    background: linear-gradient(45deg, #009 0%,#fff 100%);
    pointer-events: none;
}

.azold .orderlimit_rights_activation_info {
    padding-left: 10px;
}

.azold .orderlimit_rights_activation_info a {
    padding-left: 0;
}

.azold form .submit .creditinfo{
    position:relative;
}

.azold form .submit .creditinfo > div{
    padding-left:30px;
    line-height:24px;
}

.azold form .submit .creditinfo .icon.info{
    position:absolute;
    left:0;
    top:2px;
}

.azold form .subline {
    font-weight: 600;
}

.azold .boxed_content.customer_address {
    height: auto;
}

.azold .limit_box .input_range::-moz-range-thumb{
    height: 20px;
    width: 20px;
    border: 0;
    background:#142864;
    border-radius: 50%;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
}

.azold .limit_box .input_range::-ms-thumb{
    height: 20px;
    width: 20px;
    border: 0;
    background:#142864;
    border-radius: 50%;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
}

.azold form:nth-child(3n+1) > .col_three {
    margin-right:0;
}

.azold .field_hidden{
    display:none;
}
.azold .active.field_hidden{
    display:block;
}

/* - Lieferadresse ändern - PopUp - */

#window_popup_change_shipping.window_popup.azold {
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 40px 0 0;
    position: absolute;
    width: 100% !important;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .address_search_results > .container,
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .pickpoint_search_results > .container{
    float: left;
    margin-bottom: 30px;
    margin-left: 1.16%;
    margin-right: 1.16%;
    width: 31%;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .address_search_results > .container > .boxed_content,
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .pickpoint_search_results > .container > .boxed_content{
    min-height: 184px;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .address_search_results > .container > .boxed_content > span,
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .pickpoint_search_results > .container > .boxed_content > span{
    display: block;
}
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .pickpoint_search_results > .container > .boxed_content > span.bold{
    width:calc(100% - 35px);
}
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .address_search_results > .container > .button.choose,
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .pickpoint_search_results > .container > .button.choose{
    float: left;
    width: 70%;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .address_search_results > .container > .button.change {
    float: left;
    width: 30%;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .address_search_results > .container{
    width: 22.375%;
    margin-right: 1.16%;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .pickpoint_search_results > .container{
    width: 22.65%;
    margin-right: 1.16%;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .address_search_results > .container:nth-child(4n){
    margin-right: 0;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .pickpoint_search_results .pickpoint_used {
    background-image: url("/out/master/src/bg/pickpoint.png");
    background-position:unset;
    position:absolute;
    right:20px;
    top:15px;
}
#window_popup_change_shipping.window_popup.azold section.inner .col.addresses > .pickpoint_search_results > .container > .boxed_content{
    position:relative;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .address_search_results > .container > .button.choose,
#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .pickpoint_search_results > .container > .button.choose {
    width: 100%;
}

#window_popup_change_shipping.window_popup.azold section.inner .col.col_one.addresses > .address_search_results > .container > .button.change {
    display: none;
}

/* - Lieferadresse ändern - PopUp - */

.azold #window_popup_change_pickup.window_popup {
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 40px 0 10px;
    position: absolute;
    width: 100% !important;
}

.azold #window_popup_change_pickup.window_popup section.inner .container {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 30px;
}

.azold #window_popup_change_pickup.window_popup section.inner .container:nth-child(3n) {
    margin-right: 0;
}

/* - Thankyou - */

main.azold .inner.thankyou > .text_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 100%;
}

main.azold section.inner.thankyou .text_container .warning{
    line-height: 1.6;
    margin-bottom: 15px;
}

main.azold section.inner.thankyou .text_container p.back_to_app {
    color: #142864;
    font-size: 12px;
    font-weight: bold;
}

main.azold section.inner.thankyou .text_container .icon.info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhBwoMJirdLu1lAAACXklEQVRYw+2YvWuTURSHH5PUwa/BipA06qBUJ4c0+QPazSJdCq2g4HAdLKb5C6SDCrq3Ba29ukSkoktQu9nZfpAlgwYd1NQOGhc/wFSqixXMeW/ufd9c6PL+xnvO+3s45/2650KsWLF2WrvcU1WCAoPk6aePvcB31qmzyhIresszUGW5wnmOGMIfeMCsbngCql6ucYndlrQW80zpZtdANcYshxz79ZmiXugCqFJMc9kRtq3bTOpfkYBqDwucDYkDeMq4/hEaqFI8YSQCDqDCqKnKhPGimcg4GGHGFEoa6hvnVmQcQD5Xr9aCAoEtVb28cn4yTfrCKf1JLge39IYFt0iGDIsdcw5y3bFCdZQ39HQ0y+gNUGk+dsza5IR+71LhhAW3rd+WeA8TDhWqBO/IWqyeo0gyx7Alr8Gx9s96SiQVrDgYZsOpB1kKvPx/SbZ0yMnKVYPtC7LCAbuL/nsjlO0uQr59QVZ40muFwk0C016Bwk0C93sFCrdEFJduJIFfvfoLNwl0e8NcJdwk8LVXoHCTwDWvwFU7cMkrULhJ4DJOG1onNVixAvUWZW/AshwBgn7AWd5a99kuanFcbv8DXnzdYN5LffeCpo3gL80U1hnBqiZXg5YDgbpJsWtgKXiwMexLq7VcWv7LQmhO3wwOmD/eJSqRcRUmTaHOw8xjzkTAPWPMPMwkzddVN3OPOBy6sXe4qH+aw/aB9BzTIQbSkn7YOSVp86jWcvc5wGlrZou7jOplm5/7oUKRC/QZwuuUmfF2qPAPmqDAEAP0k2Uf8I0GddZ4EebYJFasWDuvP5sRifLMxIr2AAAAAElFTkSuQmCC);
    background-position: 0 0;
    background-size: 35px;
    float: left;
}

/* - Scroll - */

#scroll.azold {
    bottom: 20px;
    position: fixed;
    right: 140px;
    z-index: 100;
}


#scroll.azold .more {
    float: left;
}

#scroll.azold .button.icon_button {
    width: 40px;
    height: 40px;
}

#scroll.azold .button.icon_button.top {
    border: 1px solid #F2F2F2;
}

#scroll.azold.no_shop_accsess .button.icon_button.top {
    margin: 10px 10px 10px 10px;
}

#scroll.azold .button.icon_button.mail {
    margin-right: -38px !important;
    margin-left: -46px;
    position: relative;
    border: 1px solid #F2F2F2;
}

#scroll.azold .button.icon_button i.back-to-top{
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.azold i.back-to-top {
    background: url("../../img/back-to-top.svg");
    background-repeat: no-repeat;
}


/* - Planet Wissen - */

.azold .view_tcaz_custom_planet_wissen form .form_element.error label {
    color: #a3271a;
}

.azold .view_tcaz_custom_planet_wissen form .form_element.error .checkbox {
    border: 1px solid #a3271a;
}

.azold .view_tcaz_custom_planet_wissen .inner .workshop_list {
    overflow-y: scroll;
    max-height: 840px;
    padding-right: 5px
}

.azold .view_tcaz_custom_planet_wissen .grey {
    color: #363636;
}

.azold .view_tcaz_custom_planet_wissen .subline.big {
    font-size: 16px;
    font-weight: bold;
    text-transform: none

}

.azold .planetwissen_header{
    margin: 0 auto;
}

.azold .planetwissen_header img{
    width: 100%;
}

.azold .view_tcaz_custom_planet_wissen .table.planet_wissen .line.workshop .col.col_three {
    font-weight: 600;
}

.azold .view_tcaz_custom_planet_wissen.mobile form.boxed_content {
    padding: 0;
    border: none;
}

.azold .view_tcaz_custom_planet_wissen.mobile .table.planet_wissen .line.header {
    display: block;
}

.azold .view_tcaz_custom_planet_wissen.mobile .table.planet_wissen .line.header .item.width_7_5 {
    display: none;
}

.azold .view_tcaz_custom_planet_wissen.mobile .table.planet_wissen .line.workshop .item.width_7_5 .hidden_desktop {
    margin-left: 10px;
    float: left;
}

.azold .view_tcaz_custom_planet_wissen .table.planet_wissen .line.workshop .item.width_7_5 .radio {
    display: inline-block;
    float: none;
}

/* Planet Wissen */

body.view_tcaz_custom_planet_wissen main.azold .inner.margin_bottom_40.col_tables .col.col_two .subline {
    margin-bottom: 0px;
}

body.view_tcaz_custom_planet_wissen main.azold .inner.margin_bottom_40.col_tables .col.col_two .subline i {
    vertical-align: unset;
}


/* - Innovazion - */

.azold .innovazion_header{
    margin: 0 auto;
}

.azold .innovazion_header img{
    width: 100%;
}


/* - Hardfix - */

.azold .function_bar .item.search input {
    font-size: 12px;
    font-family: "century-gothic",Arial,sans-serif;
}

.azold .print_logo {
    height: 60px;
    width: auto;
}

/* - Loading Popup - */

.azold #window_popup_loading.window_popup > .loading {
    position: absolute;
}

/* - Tracking Pixel - */

#tracking_pixel.azold {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 1px;
}

/* - Function Bar - */

.azold.function_bar {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* - Function Bar - Search - */

.azold.function_bar .item.search {
    float: left;
    position: relative;
    width: 430px;
}

.azold.function_bar .item.search .icon.search,
.azold.function_bar .service .link.basket .icon.basket {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    pointer-events: none;
}

.azold.function_bar .item.search .icon.search {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhBRkOCDQXzqZVAAAC3klEQVRYw+2XTUhUURiGn9G0NpmaBCmkVgQFRlyFhChLxYIk1Cz6WwgXXJRQmIQkihotosRMIgpOBYERRDpEJEVUBoJmXrBFuqigUMFIxEDMcZw202GcuX9zm4EW867e79zvnud8Zz7mnAsxxRRTTNGWy16aupISSthJJsn4mOErA/TySniiAFRTqOU0qTqPpujkhpiNKFA9RTtpJgmT1IgnEQKqCdxCtTHLdeqE1x4w3gSXyGOO25oln02KW/PZSY0zeXabQwHRAvepIJMEEsnmCF0sBjw9SZu9Cg23VK3iXkD4iAviW1DGZtqWLalMuB0D1TRGWesPvFSLuwZ5Z2mXc4yzVfxyuqXnJQ7OGeFAdNAogwzOOKxQXcUkyf7goThhNoHq4ikH/cEEG6y6Vb/CUombp958AuGjTrZPOoVWFeoDi6XrCm4VHeQoz3TeDAuYJ1231QQAuHXeDAuYJd0HW8Bh6TY6A8oOFZO2gBPSpTgDhqsF6SyPK33gz79GzbAFTJdu2hnwi3S5toC7pLPsaX3gkHSHbQHLpRt0Bnwh3THVsu/UHPbLoMcZ8Ln8LRK5YoFzcU2eqp/Ee0dA8ZubMqhUzf+S6ymR3saZaHQ8JTPGOn+wRK3oMKiugdaA4ylLLGIhgyuGNq98p1Iu6oCyXRnUZoJwW3hAdcCSk1jS3jqsEEDtpCYg9NCDmyGmgPXkUUGpznKbRYtzYDxdHLVacYhaRLODLQXQfEo3a8gPE7hXcWlvHAFB82m9ygi7WW2SNE5SCDLOGGkKBNBGlTvMsk0XOsZFqvCyL2i8wBhp92MmnkKKyCWbVDxM85kBXjIgfABqE6Gtckk0/QPQckGNtNpDWm6pPWl9ijfkAlWgrNBeRwlogNyjzGn9UQKC1qcshiB3aFeXD0TmiuGXuExD0NBwcE4EKwTQ3ikeimT4kTJtLqrAZcgRisWPKFfoR06TQz/lobiYYorpf9Af9P/EMjVsFmYAAAAASUVORK5CYII=);
    position: absolute;
    top: 14px;
    left: 17px;
}

.azold.function_bar .item.search input {
    background-color: #fff;
    float: left;
    height: 45px;
    margin-top: 5px;
    padding-left: 58px;
    width: 87%;
}

.azold.function_bar .item.search .button {
    background: none;
    float: left;
    width: 13%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.azold.function_bar section.breadcrumb > section.inner > .item_container > .item.filter.hidden_desktop,
.azold.function_bar section.breadcrumb > section.inner > .item_container > .separator.hidden_desktop {
    display: block !important;
}

@media (max-width: 1599px) {

    .azold.function_bar .item.search {
        width: 330px;
    }

    .azold.function_bar .item.search input {
        width: 83%;
    }

    .azold.function_bar .item.search .button {
        width: 17%;
    }

}

@media (max-width: 1349px) {

    .azold.function_bar .item.search + .separator {
        display: none;
    }

}

/* - Function Bar - Basket - */

.azold.function_bar .service .link.basket {
    color: #fff;
    float: left;
}

.azold.function_bar .service .link.basket > a {
    padding-right: 15px;
}

.azold.function_bar .service .link.basket .icon_container {
    float: left;
    width: 50px;
}

.azold.function_bar .service .link.basket .icon.basket {
    background-image: url("../../img/cart-white.svg");
    display: block;
    float: none;
    margin-top: 13px;
    position: relative;
}

.azold.function_bar .service .link.basket .number {
    background-color: #fff;
    border: 3px solid #142864;
    border-radius: 23px;
    color: #142864;
    float: left;
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 25px;
    left: 15px;
    line-height: 20px;
    padding: 0 7px;
    position: absolute;
    text-align: center;
    top: 10px;
}

.azold.function_bar .service .link.basket .price {
    float: left;
    padding-right: 10px;
}

.azold.function_bar .service .link.basket .icon.small {
    margin-top: 16px;
}

.azold.function_bar .service .clear {
    display: block;
}

.azold.function_bar section.breadcrumb .item_container .actions {
    display: none;
}

.azold .suggestion > .form,
.azold .coupons > .form{
    display: none;
    padding-top: 15px;
}

/*.azold .suggestion > .label,*/
.azold .coupons > .label {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #142864;
    cursor: pointer;
}
.azold .coupons > .label {
    text-align: left;
}

.azold .suggestion > .form input,
.azold .coupons > .form input {
    width: calc(100% - 40px);
}

.azold .suggestion > .form .button,
.azold .coupons > .form .button{
    height: 40px;
    width: 40px;
}
.azold .coupons > .label span{
    transition-duration: 0.5s;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.azold .coupons > .label.open span{
    transition-duration: 0.5s;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.azold .suggestion.error > .label {
    color: #E8003E;
}
.azold .suggestion.success > .form {
    padding-top: 0;
}

.azold .suggestion.success > .form input {
    width: 100%;
}

/* - Management Mode- */

body.tcaz_management_mode header.azold {
    height: auto;
}

body.tcaz_management_mode header.azold hr {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background-color: #eeeeee;
}

body.tcaz_management_mode header.azold > .inner.center > * {
    display: inline-block;
    vertical-align: middle;
}

.body.tcaz_management_mode header.azold > .inner.center > .logo {
    margin: 0 20px 10px 0;
    padding: 11px 20px 10px 0;
    border-right: 1px solid #eee;
}

body.tcaz_management_mode header.azold .user_switcher__login,
body.tcaz_management_mode header.azold .favorites__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.tcaz_management_mode header.azold  .user_switcher .button,
body.tcaz_management_mode header.azold  .favorites__list > .button {
    padding: 0 18px;
}

body.tcaz_management_mode header.azold .select .icon {
    float: right;
}

body.tcaz_management_mode header.azold .multi_input .star {
    display: block;
}

body.tcaz_management_mode header.azold .multi_input .star input {
    width: 100%;
}

.body.tcaz_management_mode #window_popup_multi_search.window_popup {
    top: 573px !important
}

body.tcaz_management_mode .azold .article .container.main > .checkbox,
body.tcaz_management_mode .azold .article .container.functions > .icon.scanner,
body.tcaz_management_mode .azold .article .container.functions > .icon.pdf {
    display: none !important;
}

body.tcaz_management_mode .azold article.article.list .container.functions > .icon {
    margin-top: 40px;
}

/* - News - */

body.view_tc_news_list_news section.inner.pages .azold .button {
    cursor: inherit;
}

body.view_tc_news_list_news section.inner.pages .azold .button {
    opacity: inherit;
}

body.view_tc_news_list_news section.inner.pages .azold .col.sort {
    text-align: center;
    padding-right: 0;
}
body.view_tc_news_list_news section.inner.pages .azold .sort .container {
    line-height: inherit;
}

/* - Cookie Leiste - */

.azold .fixed-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    background-color: #FFF;
    border-top: 2px solid #eee;
    display: none;
}

.azold .fixed-bar section.inner {
    padding: 20px 0;
}

.azold .fixed-bar section.inner p {
    margin: 0;
    line-height: 55px;
    float: left;
}

/* - Manufacturers - */

.manufacturer-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

@media (min-width: 768px) {
    .manufacturer-grid-wrapper {
        display: contents;
    }

    .manufacturer-grid-wrapper .show-all-button,
    [data-view="start"] .manufactures .show-all-button {
        display: none;
    }
}

@media (max-width: 768px) {

    .manufacturer-grid-wrapper {
        position: relative;
    }

    .manufacturer-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .manufacturer-grid-wrapper .show-all-button,
    [data-view="start"] .manufactures .show-all-button {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);

        padding: .5rem 1rem;
        color: #fff;
        font-weight: 700;
        background-color: hsla(234, 24%, 58%, 1);
        box-shadow: 0px 4px 16px #0002;
        cursor: pointer;
        transition: opacity 250ms;

        display: flex;
        align-items: center;
        gap: .5em;
    }

    [data-view="start"] .manufactures .show-all-button {
        bottom: 130px;
    }

    .manufacturer-grid {
        height: 320px;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to top, transparent 5%, black 25%);
        mask-image: linear-gradient(to top, transparent 5%, black 25%);
    }

    .manufacturer-grid.revealed {
        height: auto;
        overflow: initial;
        -webkit-mask-image: none;
        mask-image: none;
    }
}

.manufactures-header {
    /* outline: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 550px) {
    .manufactures-header {
        flex-wrap: wrap;
    }

    .manufactures-header-title {
        flex-basis: 100%;
    }
}

a.manufactures-catalogue-button {
    background-color: #142864;
    color: #fff;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: .5em;
}

a.manufactures-catalogue-button.outlined {
    background-color: transparent;
    outline: 1px solid #142864;
    color: #142864;
    margin-right: auto;
}

@media (max-width: 550px) {

    .manufactures-catalogue-button {
        margin: initial !important;
        padding: .5em;
        flex: 1 1 30%;
        text-align: center;
        justify-content: center;
    }

    .manufactures-catalogue-button.outlined {
        margin: initial;
    }
}

.manufacturer-section {
    display: grid;
    grid-template-columns: 100px 1fr;
    border-bottom: 1px solid #0002;
    padding: 2rem;
}

.manufacturer-items-list {
    column-count: 2;
    gap: 2rem;
    column-rule: 1px solid #0002;
}

@media screen and (max-width: 769px) {

    .manufacturer-section {
        display: block;
        padding: 1rem 0;
    }

    .manufacturer-items-list {
        column-count: 1;
    }
}

.manufacturer-catalogue-indexes {
    position: sticky;
    top: 100px;
    padding: .5rem 0;
    /* grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); */
    /* box-shadow: 0px 4px 16px #0001; */
}

.manufacturer-catalogue-indexes .letters {
    width: 100%;
    display: flex;
    gap: .5rem;
    overflow-x: scroll;
    scrollbar-width: none;
    padding: 0 38px;
}

.manufacturer-catalogue-indexes .letters::-webkit-scrollbar{
    display: none;
}

.manufacturer-catalogue-indexes .scroll-button {
    position: absolute;
    top: 0;
    height: 100%;
    width: 32px;
    text-align: center;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 0 16px #0001;
}

.manufacturer-catalogue-indexes .scroll-button[aria-direction="left"]  {
    left: 0;
}
.manufacturer-catalogue-indexes .scroll-button[aria-direction="left"] i  {
    transform: scaleX(-1);
}

.manufacturer-catalogue-indexes .scroll-button[aria-direction="right"]  {
    right: 0;
}

@media screen and (max-width: 1024px) {
    .manufacturer-catalogue-indexes {
        top: 0;
    }

    .manufacturer-catalogue-indexes .letters  > .letter{
        background: #F2F2F2;
    }
}

.manufacturer-catalogue-indexes .letter {
    display: inline-block;
    background-color: #fff;
    padding: .25rem 1rem;
    color: #142864;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.manufacturer-section .manufacturer-catalogue-letter {
    text-transform: uppercase;
    color: #142864;
    font-weight: 700;
    font-size: 2rem;
}

.manufacturer-items-list .manufacturer-item {
    color: #142864;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0 1rem;
    transition: background-color 350ms;
}

.manufacturer-items-list .manufacturer-item:hover {
    background-color: #0001;
}

@media screen and (max-width: 769px) {
    .manufacturer-items-list .manufacturer-item {
        padding: 0;
    }
}

.manufacturer-items-list .manufacturer-item .manufacturer-name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.manufacturer-items-list .manufacturer-item .manufacturer-name .tec-select {
    width: 64px;
    height: 20px;
    outline: 1px solid #0003;
    background-color: #fff;
    background-image: url("/out/pictures/master/service/tecselect/tecselect.png");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
}


.manufacturer-items-list .manufacturer-item .manufacturer-count {
    color: #0003;
}

section.inner.manufactures section.image img {
    width: 100%;
}

 section.inner.manufactures {
    position:relative;
}

@media (max-width: 1024px) {
    .azold section.inner.manufactures {
        margin: 0;
    }

}

 section.inner.manufactures .catalog_icon{
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50px;
    background: #E7E9EF;

    display: flex;
    justify-content: center;
    align-items: center;
}

/*
section.inner.manufactures .catalog_icon i {
    background: #eee url(../bg/open-book.svg?ts=2019-06-11_14-34) no-repeat;
    background-size: 30px;
    background-position: center;
    width: 52px;
    height: 52px;
}

section.inner.manufactures .catalog_icon i:hover{
    background-color:#fff;
}*/

 section.inner.manufactures .container.filters {
    max-width: 900px;
}

@media (max-width: 1024px) {
     section.inner.manufactures .container.filters {
        max-width: none;
    }
}

 section.inner.manufactures .container.filters .button {
    height: 55px;
    line-height: 55px;
}

 section.inner.manufactures .container.filte .button.col_spacing {
    margin-right: 2%;
}

 section.inner.manufactures.catalogs .container.filters {
    max-width: 950px;
}

 section.inner.manufactures .marken_letters {
    text-align: center;
}

 section.inner.manufactures .marken_letters .letter {
    font-family: "century-gothic", Arial, sans-serif;
    line-height: 30px;
    width: 30px;
    margin: 10px 8px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    background: #fff;
}

 section.inner.manufactures .manufacturer_icon {
    text-align: center;
    display: block;
    height: auto;
}

 section.inner.manufactures .manufacturer_icon .row {
    display: table;
    height: 60px;
    width: 100%;
}

@media (min-width: 1024px) {
     section.inner.manufactures .manufacturer_icon {
        /* width: 18%; */
    }
}

 section.inner.manufactures .manufacturer_icon a.title {
    color: inherit;
    font-weight: inherit;
    font-family: "century-gothic",Arial,sans-serif;
    height: 2em;
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
}
section.inner.manufactures .manufacturer_icon a.article_link{
    color:#142864;
    width:100%;
    height:auto;
    display: inline-block;
    font-weight: bold;
}
section.inner.manufactures .manufacturer_icon .catalog_link{
    height:30px;
}

 section.inner.manufactures .manufacturer_icon .catalog_link a{
    color:#142864;
    font-weight: bold;
}

/* - Manufacturers - OXOMI */

.catalogue-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalogue-button {
    display: flex;
    align-items: center;
    justify-content: space-between;

    background-color: #142864;
    color: #fff;
    padding: 0.5rem 1rem;
    display: flex;
    gap: .5em;
}

section.inner.catalog_list .oxomi-brand-grid{
    /* display: flex;
    flex-wrap: wrap;
    grid-gap: 0; */
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-rows: auto;
}



section.inner.catalog_list .oxomi-brand-header{
    display:none;
}

section.inner.catalog_list .oxomi-btn.oxomi-back-link{
    width: calc(33.32% - 20px);
    font-family: "century-gothic",Arial,sans-serif;
    font-weight:normal;
    display: block;
    font-size: 14px;
    height: 55px;
    line-height: 34px;
    margin-left: auto;
    margin-right: auto;
    min-width: 280px;
    padding: 10px;
    background: #142864;
    color: #fff;
    margin-bottom: 40px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius:0;
}

.azold section.inner.catalog_list .oxomi-btn.oxomi-back-link:hover{
    opacity:0.85;
}

.azold section.inner.catalog_list .oxomi-brand img {
    /* max-width: 80%;
    max-height: 80%; */
}

.azold section.inner.catalog_list .oxomi-brand-grid .oxomi-brand-cell {
    /* width: calc(20% - 30px);
    margin: 0 15px 30px;
    float: left;
    height: auto !important;
    min-height: 100px;
    padding: 0;
    max-width: inherit; */
}

.azold section.inner.catalog_list .oxomi-brand-grid .oxomi-brand-cell .oxomi-border {
    border: none;
    border-radius: 0;
    padding: 1rem;
}

.azold section.inner.catalog_list .oxomi-content-container{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.azold section.inner.catalog_list .oxomi-floater{
    width: calc(20% - 30px);
    margin: 0 15px 30px;
    padding: 0;
    height: auto !important;
}

.azold section.inner.catalog_list .oxomi-floater .oxomi-catalog-wrapper{
    height: 100%;
    background: #fff;
    padding: 10px;
}

.azold section.inner.catalog_list .oxomi-brand-container {
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: -20px;
}

.azold section.inner.catalog_list .oxomi-floater .oxomi-catalog-wrapper .oxomi-width-master{
    margin: 0;
    width: 100%;
    height: calc(100% - 40px);
    position: relative;
    padding: 10px;
    border-radius: 0;
    border: 2px solid #eee;
}

.azold section.inner.catalog_list .oxomi-floater .oxomi-catalog-wrapper .oxomi-width-master .oxomi-link {
    display: flex !important;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}

.azold section.inner.catalog_list .oxomi-floater .oxomi-catalog-wrapper .oxomi-width-slave{
    width:100% !important;
    text-align:center;
    margin-top: 10px;
    height: 30px;
    white-space: nowrap;
    font-size: 13px;
    text-overflow: ellipsis;
}

.azold section.inner.catalog_list .oxomi-floater .oxomi-catalog-wrapper .oxomi-width-slave .oxomi-catalog-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azold section.inner.catalog_list .oxomi-floater .oxomi-catalog-wrapper .oxomi-vertical-transformer img:first-of-type{
    top: auto;
    transform: none;
    position: unset;
}


@media (max-width: 1024px) {

    .azold section.inner.catalog_list .oxomi-brand-grid .oxomi-brand-cell {
        /* width: calc(25% - 30px); */
    }

    .azold section.inner.catalog_list .oxomi-floater{
        /* width: calc(25% - 30px); */
    }

}

@media (max-width: 750px) {

    .azold section.inner.catalog_list .oxomi-brand-grid .oxomi-brand-cell {
        /* width: calc(33.33% - 30px); */
    }

    .azold section.inner.catalog_list .oxomi-floater{
        /* width: calc(33.33% - 30px); */
    }

}

@media (max-width: 500px) {

    .azold section.inner.catalog_list .oxomi-brand-grid .oxomi-brand-cell {
        /* width: calc(50% - 30px); */
    }

    .azold section.inner.catalog_list .oxomi-floater{
        /* width: calc(50% - 30px); */
    }

}

/*NEWSLETTER REDESIGN */

.azold .newsletter,
.azold .newsletter-header {
    max-width:1040px;
    padding:20px;
    margin:0 auto;
    font-size:12px;
    color:#d1d1d1;
    line-height:1.4em;
    text-align:center;
}

.azold .newsletter h2,
.azold .newsletter h3{
    font-family: "century-gothic",Arial,sans-serif;
}

.azold .newsletter-header .head{
    font-family: "century-gothic",Arial,sans-serif;
    color: #142864;
    margin: 10px 0;
}

.azold .newsletter-header .subhead {
    display:block;
    color:#414141;
    font-size:13px;
    font-weight:400;
}

.azold .newsletter-header img{
    margin: 20px auto 35px auto;
}

.azold .newsletter p,
.azold .newsletter span{
    font-size:14px;
    line-height:1.44;
}

.azold .newsletter .button,
.azold .newsletter .button:hover{
    pointer-events: none;
}

.azold .newsletter .ready .button{
    pointer-events: auto;
}

.azold .newsletter .ready .content{
    line-height: 55px;
    float: left;
    margin-left: 20px;
    font-weight:bold;
    opacity:1;
}

.azold .newsletter #step1 .number_circle:after {
    content:'1';
}

.azold .newsletter #step2 .number_circle:after {
    content:'2';
}

.azold .newsletter #step3 .number_circle:after {
    content:'3';
}

.azold .newsletter #step3 .newsletter_step_content h3{
    margin-bottom:20px;
}

.azold .newsletter #step1 .newsletter_step_content h3{
    margin-top:20px;
}

.azold .newsletter #step1 .ready.completed .number_circle:after,
.azold .newsletter #step2 .ready.completed .number_circle:after,
.azold .newsletter #step3 .ready.completed .number_circle:after{
    content:'';
    height:40px;
    width:40px;
    display:block;
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat;
    background-position: -199px -90px;
}

.azold .newsletter .container_step {
    display: inline-block;
    border-top:1px solid #dedede;
    padding:15px 0;
    position:relative;
    width:100%;
}

.azold .newsletter .container_step .unsubscribe{
    color:#000;
}

.azold .newsletter .container_step .unsubscribe_link{
    color:#000;
    text-decoration:underline;
    line-height:24px;
}

.azold .newsletter .unsubscribe_text{
    color:#000;
}

.azold .newsletter .container_step .form_element{
    margin-bottom:0;
    color:#333;
}

.azold .newsletter .container_step .form_element select{
    height:55px;
    padding:20px;
    border:none;
    width:100%;
}

.azold .newsletter .container_step .form_element .custom_select {
    position: relative;
}

.azold .newsletter .container_step .form_element .custom_select label{
    width:100%;
    padding:0;
}

.azold .newsletter .container_step .form_element .custom_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    word-break: normal;
}

.azold .newsletter .container_step .form_element .custom_select:after {
    content: '';
    right: 11px;
    top: 18px;
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat;
    background-position: -4px -151px;
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    pointer-events: none;
}

.azold .newsletter .container_step .newsletter_step_content {
    width:100%;
    float:left;
    position:relative;
    margin:60px 0;
    opacity:0.5;
}

.azold .newsletter .container_step .newsletter_step_content .step_info{
    color:#000;
}

.azold .newsletter .container_step .newsletter_step_content h3 {
    font-size: 16px;
    text-transform: none;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #142864;
}


.azold .newsletter .container_step .newsletter_step_content label {
    padding-left:15px;
}

.azold .newsletter .container_step .newsletter_step_content ul {
    display: inline;
    float: left;
    margin: 30px 0;
    width: 100%;
    padding:0 10%;
}

.azold .newsletter .container_step .newsletter_step_content .textfield {
    background-color:#fff;
}

.azold .newsletter .container_step .newsletter_step_content.ready {
    opacity:1;
}

.azold .newsletter .container_step .newsletter_step_process h2{
    color:#142864;
    font-size:18px;
    margin-bottom:0;
    text-align:left;
    text-transform:none;
    float:left;
}

.azold .newsletter .container_step .newsletter_step_process .process_title{
    position: absolute;
    top: -10px;
    background: #fff;
    padding-right: 20px;
}

.azold .newsletter .container_step .newsletter_step_process .number_circle {
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    float: left;
    color:#142864;
    position: relative;
    top: -13px;
    margin-right: 10px;
    background: #eeeeee;
}

.azold .newsletter .container_step .newsletter_step_process.ready .number_circle {
    color:#fff;
}

.azold .newsletter .container_step .newsletter_step_process.ready .number_circle {
    background: #142864;
}

.azold .newsletter .container_step #newsletter_save_data,
.azold .newsletter .container_step #newsletter_salutation_submit{
    float: right;
    margin-top: 15px;
    filter: Alpha(opacity=100);
    opacity: 1.0;
    moz-opacity: 1.0;
    pointer-events:auto;
}

.azold .newsletter .container_step .topic_element{
    min-height:30px;
}

.azold .newsletter .container_step .topic_element .checkmark{
    position: absolute;
    color:#000;
    font-weight:bold;
    width: 600px;
    left: 35px;
    text-align: left;
    top:0;
}

.azold .newsletter .container_step .topic_element .circle_checkbox {
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat scroll -233px -158px;
    overflow:visible;
}

.azold .newsletter .container_step .topic_element .circle_checkbox.active{
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat scroll -233px -138px;
}

.azold .newsletter .container_step .ready .checkmark{
    color:#000;
}

.azold .tc_software_api_send_basket .center_box{
    text-align:center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.azold .tc_software_api_send_basket .loader {
    background: url("../bg/loader.gif") no-repeat scroll center center #FFF;
    margin:0 auto;
    width: 40px;
    height: 40px;
}

.azold .small_text_input {
    width: 85% !important;
}

/* SEA Landingpage */

.azold .sea_shop_access,
.azold .sea_become_customer {
    height: 250px !important;
}

.azold .sea_become_customer {
    background-image:url('https://www.zajadacz.de/out/pictures/generated/content/landingpage/landingpage_sea/evi.png');
    background-repeat: no-repeat;
    background-position: 650px 0;
}

.azold .sea_become_customer_btn {
    text-align: center;
    width: 380px;
}

.azold .sea_company_info {
    height: 114.7px !important;
    margin-bottom: 8.5% !important;
}

.azold .sea_company_text {
    min-height: 429px;
}

.azold .checked_list > li {
    background: url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat;
    background-position: -105px -369px;
    list-style: none;
}

.azold .sea_convinced_area {
    background-color: #eee;
    background-image:url('https://www.zajadacz.de/out/pictures/generated/content/landingpage/landingpage_sea/evi.png');
    background-repeat: no-repeat;
    background-position: 1355px 0px;
    height: 250px;
}

.azold .pickpoint_search_results {
    margin-left: -1.16%;
    margin-right: -1.16%;
}

@media(max-width:1024px) {
    .address_search_results,
    .pickpoint_search_results {
        margin-top: 74px;
    }
}

@media(min-width:1201px) {
    .azold section.inner .address_search_results .boxed_content {
        margin-left: 1.16%;
        margin-right: 1.16%;
    }
}

#window_popup_change_shipping.window_popup.azold section.inner input[name="addresses_search"] {
    padding: 0 80px 0 20px;
    width: 100%;
}

@media(max-width:1024px) {
    #window_popup_change_shipping.window_popup.azold section.inner input[name="addresses_search"] {
        width: 102%;
        margin-left: -10px;
    }
}

#window_popup_change_shipping.window_popup.azold section.inner .pickpoint_search_button{
    width:34.5%;
    text-align:center;
}
#window_popup_change_shipping.window_popup.azold section.inner .headline_custom {
    font-size: 18px;
    font-weight: bold;
    color: #142864;
}
#window_popup_change_shipping.window_popup.azold section.inner .pickpoint_message{
    padding: 50px 35px 70px;
    max-width: 890px;
    margin: 0 auto;
}

#window_popup_change_shipping.window_popup.azold section.inner .pickpoint_message img{
    margin:0 auto;
}

#window_popup_change_shipping.window_popup.azold section.inner .pickpoint_message .message_text{
    line-height: 32px;
    font-weight: bold;
    font-size: 20px;
    color: #142864;
    margin-top:20px;
}

#window_popup_change_shipping.window_popup.azold section.inner .pickpoint_message .message_text .smaller{
    font-weight:400;
    font-size:18px;
}

#window_popup_change_shipping.window_popup.azold section.inner .pickpoint_search_button span{
    margin-right:5px;
}
#window_popup_change_shipping.window_popup.azold section.inner .switcher .switcher_desc{
    font-size:14px;
    font-weight:bold;
    line-height:55px;
    color: #142864;
}
#window_popup_change_shipping.window_popup.azold section.inner div.button:first-of-type {
    display: none;
    left: -60px;
    position: relative;
    text-align: center;
    width: 60px;
}

#window_popup_change_shipping.window_popup.azold section.inner div.button.pickpoint_search_remove {
    position: absolute;
    right: 40%;
    top: 17px;
    left: auto;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
}


.azold input[name="download_search"] {
    margin-bottom: 40px;
}

/* TODO: The current placeholder solution has unecessary JS Manipulation
   which could be replaced by simple CSS placeholder effects - @erno */
.azold input[aria-hide-placeholder]::placeholder {
    color: #363636;
}

.azold input[aria-hide-placeholder]:focus::placeholder {
    color: transparent;
}

.azold .download_search_remove {
    display: none;
    margin-left: -60px;
    text-align: center;
    width: 60px;
}


.azold section.inner > .inner.bottom_line{
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.azold .section_title{
    border-bottom: 1px solid #eee;
}

.azold .section_title.bottom_line{
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.azold .inner .sub_heading > .col{
    float: none;
    margin: 30px auto 0;
}

.azold .dropdown-check-list .anchor:after,
.azold .job_filters .filter.grouped .select:after,
body.view_tcaz_custom_form_contact .azold form.upload .input:after{
    content: "";
    position: absolute;
    background: transparent url("../bg/shop.png?ts=2018-08-02_14-57");
    right: 10px;
    top: 20%;
    width: 27px;
    height: 27px;

}

body.view_tcaz_custom_form_contact .azold form.upload .input:after {
    background-position: -278px -20px;
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* Select dropdown */

.azold .dropdown-check-list{
    display: inline-block;
    width: 100%;
}
.azold .dropdown-check-list:focus{
    outline:0;
}
.azold .dropdown-check-list .anchor {
    width: 100%;
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: 2px solid #eee;
    text-align: left;
    height: 50px;
    line-height: 48px;
    padding-left: 30px;
}
.azold .dropdown-check-list .anchor:after,
.azold .job_filters .filter.grouped .select:after{
    background-position: -472px -119px;
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all 0.5s;
}

.azold .job_filters .filter.grouped .select:after{
    pointer-events:none;
    background-position: -472px -121px;
}

.azold .job_filters .filter.grouped .select select{
    padding: 0 40px 0 15px;
}

.azold .dropdown-check-list.visible .anchor:after{
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.azold .dropdown-check-list .item-wrapper {
    padding: 2px;
    display: none;
    margin: 0;
    border-top: none;
}

.azold .dropdown-check-list.visible .item-wrapper {
    display:block;
    padding:0;
}

.azold .dropdown-check-list .item-wrapper .item{
    background-color:#fcfcfc;
    padding:25px;
    border:2px solid #eee;
    border-top:none;
}

.azold .dropdown-check-list .item-wrapper .item .item-box{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.azold .dropdown-check-list .item-wrapper .item .checkbox{
    margin-top:3px;
    margin-right:10px;
}

.azold .dropdown-check-list .item-wrapper .item label{
    font-size:13px;
    padding-left:0;
}

.azold .form_element .dropdown-check-list .anchor {
    text-align:center;
    padding-left:0;
}

/* Career pages - Job filters */

.azold section.filters.job_filters{
    border-bottom:none;
}

.azold section.filters.job_filters select{
    width:100%;
}

.azold section.filters.job_filters h2{
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
}

.azold section.filters.job_filters .filter .dropdown-check-list{
    position:relative;
}

.azold section.filters.job_filters .filter .dropdown-check-list .item-wrapper {
    position:absolute;
    top:50px;
    height:0;
}

.azold section.filters.job_filters .filter .dropdown-check-list.visible .item-wrapper{
    border: 2px solid #eee;
    background-color:#fff;
    padding: 5px 10px;
    height:auto;
    width:100%;
    display:block;
    z-index:10;
}

.azold section.filters-additions .addition-container{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}



.azold section.filters-additions .addition-container .addition-item {
    width: 16.66%;
    float: left;
    margin-top: 25px;
}

.azold section.filters-additions .addition-container .addition-item span {
    margin-right: 35px;
    padding: 15px;
    text-align: center;
    font-weight: 700;
}

.azold section.filters-additions .addition-container .addition-item span .job_icon_home {
    margin: 0 auto;
}

.azold section.filters-additions .addition-container .addition-item:last-child span {
    margin-right: 0;
    width: 234.767px;
}

.azold .window_popup.window_upload {
    width: 30%;
    border: 2px solid #eee;;
    z-index:1000;
}


/* slider */

.azold section.slider .slide-inner .text_container.custom{
    height:100%;
    max-height:125px;
    background-color:#eee;
}

.azold section.slider .slide-inner .details_container{
    height: 100%;
    max-height: 375px;
    border: 1px solid #eee;
    border-top: 0;
    width: 100%;
}

.azold section.slider .slide-inner .details_container .text_inner{
    font-family: "century-gothic",Arial,sans-serif;
    color: #142864;
    max-width: 375px;
    line-height: 28px;
    position: relative;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 18px;
    text-align: center;
}

.azold section.slider .slide-inner .details_container .text_inner:before,
.azold section.slider .slide-inner .details_container .text_inner:after {
    content: '';
    width: 25px;
    height: 20px;

    display: block;
    position: absolute;
}

.azold section.slider .slide-inner .details_container .text_inner:before {
    background: transparent url("../../img/quotes.png") no-repeat scroll;
    background-size: 25px 20px;
    left: 0;
    bottom: -25px;
}

.azold section.slider .slide-inner .details_container .text_inner:after {
    background: transparent url("../../img/quotes.png") no-repeat scroll;
    background-size: 25px 20px;
    top: -25px;
    right: 0;
    transform: rotate(180deg);
}

@media(min-width:1380px){
    .azold section.slider .slide-inner .details_container .text_inner:before{
        bottom:-30px;
        left:-20px;
    }
    .azold section.slider .slide-inner .details_container .text_inner:after{
        top: -30px;
        right:-20px;
    }
}

.azold section.slider .slide-inner .details_container .circle_images{
    position: absolute;
    bottom: 10px;
    right: 30px;
}

.azold section.slider .slide-inner .details_container .circle_images img{
    display:inline-block;
    max-width: 135px;
}

.azold section.slider .slide-inner .details_container .circle_images img:last-child {
    position: relative;
    right: 10px;
    top: -30px;
    max-width: 115px;
}

/* Reactivate list bullet points for workshop detail pages */
body.view_tcaz_custom_workshop_detail main.azold section.inner div.workshop_content ul {
    list-style: disc outside none;
}

body.view_tcaz_custom_workshop_detail main.azold section.inner div.workshop_content ul {
    padding-left: 15px;
}

body.view_tcaz_custom_workshop_detail main.azold section.inner div.workshop_content ul li {
    line-height: 24px;
    padding-left: 5px;
}

/* Customize bullet points of workshop detail pages lists */
body.view_tcaz_custom_workshop_detail main.azold section.inner div.workshop_content ul li::marker {
    color: #142864;
    font-size: 15px;
}

.azold .special_headline {
    width: 100%;
}

.azold .headline_trapeze {
    border-right: 15px solid transparent;
    border-top: 40px solid #142864;
    color: #ffffff;
    display: inline-block;
    font-family: "century-gothic",arial,sans-serif;
    height: 0;
    letter-spacing: 1px;
    padding-right: 15px;
}

.azold .headline_trapeze > span {
    font-size: 24px;
    left: 10px;
    position: relative;
    top: -32px;
}

.azold .workshop_content_list {
    margin-top: 20px;
}

.azold .job_content_list li:last-child,
.azold .workshop_content_list li:last-child {
    margin-bottom: 28px;
}

.azold #sdsDashboard {
    margin: 0 auto;
    width: 800px;
}

.azold .wastebox_headline {
    margin-bottom: 40px;
}

.azold .wastebox_steps_headline {
    color: #e6007e;
    font-size: 40px;
    font-weight: normal;
    line-height: 50px;
    margin-bottom: 20px;
}

.azold .wastebox_steps_box {
    display: inline-block;
    padding: 20px;
    width: 360px;
}

.azold .wastebox_steps_text_headline {
    color: #e6007e;
    display: block;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.azold .wastebox_steps_text {
    display: block;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.azold .wastebox_steps_box_arrow {
    display: inline-block;
    width: 17px;
    min-height: 237px;
    padding-top: 135px;
}

.azold .wastebox_advantages {
    color: #e6007e;
    font-weight: bold;
}

.azold .wastebox_advantages_headline {
    color: #e6007e;
}

.azold .wastebox_advantages_content {
    font-size: 14px;
}

body:not(.mobile) .azold .collapsible-container {
    overflow: hidden;
    transition: max-height 0.8s ease-out;
    max-height: 600px;
}
body:not(.mobile) .azold .collapsible-container.collapsed {
    max-height: 0;
}
.expander {
    margin-top: 15px;
    border-top: 1px solid #eee;
    color: #142864;
    cursor: pointer;
}
body.mobile .expander {display: none;}
.expander .label, .expander .label-collapsed {display:none;}
.expander.collapsed .label-collapsed {display: block;}
.expander:not(.collapsed) .label {display: block;}
.expander-icon:after {
    transform: rotate(135deg);
    transition: transform .4s ease-out;
    border-color: #142864;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    z-index: 2;
    right: 10px;
    top: 8px;
}
.collapsed .expander-icon:after {

    transform: rotate(315deg);
}

.azold .workshop_field {
    color: #142864;
    display: inline-block;
    font-weight: bold;
    margin-right: 20px;
    vertical-align: top;
    width: 12%;
}

.azold .workshop_value {
    display: inline-block;
    margin-bottom: 10px;
    width: 83%;
}

.azold .workshop_general .workshop_value:last-child {
    margin-bottom: 28px;
}

body.view_tcaz_custom_form_contact .azold .collapse-content,
body.view_tcaz_custom_product_request .azold .collapse-content  {
    display: none;
    width: 100%;
}

body.view_tcaz_custom_product_request i.info {
    margin-top: 6px;
}

body.view_tcaz_custom_form_contact .azold .collapse-content .boxed_content,
body.view_tcaz_custom_product_request .azold .collapse-content .boxed_content,
body.view_tcaz_custom_form_contact .azold .collapse-content ul,
body.view_tcaz_custom_product_request .azold .collapse-content ul {
    display: inline-block;
    width: 100%;
}

body.view_tcaz_custom_form_contact .azold form.upload .input {
    background-color: #fff;
    border: 2px solid #eee;
    height: 50px;
    line-height: 48px;
}

body.view_tcaz_custom_form_contact .azold form.contact div.upload_form_headline,
body.view_tcaz_custom_form_contact .azold div.upload_form {
    display: none;
}

/* Planet Wissen download page */
.azold .planet_wissen_downloads .download_headline {
    width: max-content;
    background: #fff;
    padding: 5px;
}

.azold .planet_wissen_downloads .download_headline span.text {
    color: #142864;
    font-size: 22px;
}

.azold .planet_wissen_downloads .download_headline span.abl:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/abl_logo_cmyk_300dpi_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.abus:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_70_75/abus_logo_4c_pos-schwarz_2011.jpg');
}

.azold .planet_wissen_downloads .download_headline span.avm:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/avm_logo_farbig_eps.jpg');
}

.azold .planet_wissen_downloads .download_headline span.beg:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/beg_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.bachmann:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_70_75/bach_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.brumberg:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/brumberg.jpg');
}

.azold .planet_wissen_downloads .download_headline span.dehn:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/dehn_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.deltadore:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/logodeltadore.jpg');
}

.azold .planet_wissen_downloads .download_headline span.eaton:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/eaton_logo_rgb(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.eldat:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/eldat.jpg');
}

.azold .planet_wissen_downloads .download_headline span.eltako:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/elta_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.fluke:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/fluke.jpg');
}

.azold .planet_wissen_downloads .download_headline span.fuchsberg:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/fuchsbergelectric.jpg');
}

.azold .planet_wissen_downloads .download_headline span.gira:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/gira_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.grothe:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/gro_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.hager:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/logo_hager_2016_rgb(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.kaiser:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/kais_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.klauke:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/klau_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.kostal:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/kostallogo_a1_300_rgb_wei.jpg');
}

.azold .planet_wissen_downloads .download_headline span.kurth:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/kurthelectroniclogo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.ledvance:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/osra_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.lunos:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/lunos-logo_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.nordlicht:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/dina1_az_thekentag_nordlicht_kiel_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.obo:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/obo_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.opple:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/oppl.jpg');
}

.azold .planet_wissen_downloads .download_headline span.philips:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/philips_wordmark_2008_cmyk.jpg');
}

.azold .planet_wissen_downloads .download_headline span.pracht:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/prachtlogo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.rzb:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/rzb_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.schneider:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/schneider-electric_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.schuch:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/schuchlogo_neu-1_tecselect.jpg');
}

.azold .planet_wissen_downloads .download_headline span.televes:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/televes_logo16.jpg');
}

.azold .planet_wissen_downloads .download_headline span.trilux:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/tril_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.avm:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/avm-logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.axing:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/axinglogo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.bachmann:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/bach_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.buschjaeger:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/busch_jaeger_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.digitalstrom:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/digitalstrom_logo_hq.jpg');
}

.azold .planet_wissen_downloads .download_headline span.doorbird:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/doorbird.png');
}

.azold .planet_wissen_downloads .download_headline span.jung:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/00jung_logo_pantone287.jpg');
}

.azold .planet_wissen_downloads .download_headline span.mennekes:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/menn_logo(3).jpg');
}

.azold .planet_wissen_downloads .download_headline span.merten:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/merten.jpg');
}

.azold .planet_wissen_downloads .download_headline span.softing:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/softing_logo_new_100cyan_black_claim_cmyk_300dpi.jpg');
}

.azold .planet_wissen_downloads .download_headline span.steinel:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/stei_logo(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.dehn:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/dehn_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.hager:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/hager_2016_rgb(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.bachman:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/bach_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.bosch:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/bosch-logo_rgb(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.dimplex:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/dimp_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.doepke:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/doep_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.draka:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/drmu_logo1(1).jpg');
}

.azold .planet_wissen_downloads .download_headline span.finder:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/find_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.hekatron:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/hekatron.jpg');
}

.azold .planet_wissen_downloads .download_headline span.janitza:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/janitza(r)-logo_black.jpg');
}

.azold .planet_wissen_downloads .download_headline span.keba:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/logo_33cm.jpg');
}

.azold .planet_wissen_downloads .download_headline span.kopp:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/kopp-logo-diy-4c_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.legrand:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/legr_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.siedle:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/sied_logo.jpg');
}

.azold .planet_wissen_downloads .download_headline span.siemens:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/siem_logo_rgb(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.signify:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/phil_logo(7).jpg');
}

.azold .planet_wissen_downloads .download_headline span.sma:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/sma_logo_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.telegaertner:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/tega_logo(2).jpg');
}

.azold .planet_wissen_downloads .download_headline span.wago:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/wagologowebofficemain_use_green_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.ridi:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/ridi_logo_ts.jpg');
}

.azold .planet_wissen_downloads .download_headline span.kindermann:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/kindermann_logo_rgb.jpg');
}

.azold .planet_wissen_downloads .download_headline span.eielectronics:before {
    content: url('https://www.zajadacz.de/out/pictures/generated/manufacturer/icon/100_40_75/eielectronicsfirmenlogorgb.jpg');
}



.azold .planet_wissen_downloads .boxed_content.videos  a {
    display: block;
}

.azold .planet_wissen_downloads span.nodl_info {
    color: #142864;
    font-size: 18px;
    height: 94px;
    display: block;
    padding-top: 18px;
}

.azold .w-70-per {
    width: 70% !important;
}

.azold .underscored-right {
    float: right;
    text-decoration: underline;
}

.azold .ktg_picture {
    float:right;
    height:36px;
    width:83px;
    display:inline-block
}

.azold #window_popup_payment .loader {
    background: url("../bg/loader.gif") no-repeat scroll center center #FFF;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.azold .boxed_content.grey .info-blue {
    font-size: 14px;
    font-weight: bold;
    color: #004f9f;
    line-height: 30px;
}

.azold .content_box {
    width: auto;
    background: #eeeeee;
    padding: 20px 30px 20px 0;
}

.azold ul.content > li span.dot {
    width:30px;
    height:30px;
    background: #142864;
    border-radius: 50px;
    display: inline-block;
    margin-right: 40px;
    color: #fff;
    text-align: center;
    font-weight:bold;
    font-size: 14px;
    line-height: 30px;
}

.azold ul.content > li  span.dot-text {
    width: calc(100% - 74px);
    display: inline-block;
    vertical-align: top;
}

.azold h4.headline.gaeb,
.azold h4.headline.request {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .azold h4.headline.gaeb,
    .azold h4.headline.request {
        font-size: 18px !important;
    }
}


.azold .subline > span.differs {
    font-size: 12px;
}

.azold #paymentMethodContainer {
    margin: 24px 0px 24px 0px;
    padding: 0;
    font-family: Arial;
    color: #3f3f3f;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.azold #paymentMethodContainer .separator {
    border-bottom: 1px solid #dfdfdf;
}

@media (min-width: 400px) {
    .azold #paymentMethodContainer .paymentMethodRow {
        padding: 0px 16px 0px 16px;
    }
}

.azold #paymentMethodContainer .paymentMethodRow {
    padding: 0px 8px 0px 8px;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}
.azold #paymentMethodContainer .paymentMethodRow .nameRow {
    font-size: 12px;
}

.azold #paymentMethodContainer .paymentMethodRow div.nameRow {
    height: 64px;
    display: table;
    width: 100%;
}

.azold #paymentMethodContainer .paymentMethodRow div.nameRow .methodIcon {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.azold #paymentMethodContainer .paymentMethodRow div.nameRow .methodName {
    display: table-cell;
    vertical-align: middle;
    line-height: 17.55px;
}

.azold #paymentMethodContainer .paymentMethodRow div.paymentMethodDetails {
    display: none;
    font-style: normal;
}

.azold #paymentMethodContainer .paymentMethodRow .right {
    float: right;
}

.azold #paymentMethodContainer .paymentMethodRow.selected {
    background: #f9f9f9;
}

.azold #paymentMethodContainer .paymentMethodRow.selected div.checkMark {
    background-image: url(https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 50px;
    width: 25px;
}

.azold #paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails {
    display: block;
}

.azold .select[data-invalid]{
    background-color: #efe0de;
    border: 1px dashed #a3271a;
    padding: 14px 19px;
}

.azold #paymentMethodContainer .paymentMethodRow div.nameRow img.paymentMethodIcon {
    max-width: 100px;
    max-height: 30px;
}

.azold span.red {
    color: #a3161b;
}
.azold .view_tcaz_custom_elbridge_landing section.inner .button_box {
    display: block;
    margin-bottom: 20px;
    height: 45px;
}

.azold .ktg_picture {
    float:right;
    height:36px;
    width:83px;
    display:inline-block
}

.azold ul.content > li {
    line-height: 30px;
    padding-bottom: 20px;
}

.azold ul.content.padding-small > li {
    padding-left: 0
}

.azold ul.content > li span.dot {
    width:30px;
    height:30px;
    background: #142864;
    border-radius: 50px;
    display: inline-block;
    margin-right: 40px;
    color: #fff;
    text-align: center;
    font-weight:bold;
    font-size: 14px;
    line-height: 30px;
}

.azold ul.content.padding-small > li span.dot {
    margin-right: 20px;
}


.azold ul.content > li  span.dot-text {
    width: calc(100% - 74px);
    display: inline-block;
    vertical-align: top;
}

.azold ul.content.padding-small > li  span.dot-text {
    width: calc(100% - 54px);
}

.azold .subline > span.differs {
    font-size: 12px;
}

.azold .paypal_info {
    display: none;
}
.azold .nowrap {
    white-space: nowrap;
}

.azold a.no_link {
    font-weight: normal;
    color: inherit;
}

.azold .w-70-per {
    width: 70% !important;
}

.azold .overflow-hidden {
    overflow: hidden;
    margin: 0 20px
}

.azold .neubau-banner {
    width:100%;
}

.azold .neubau {
    width: 1000px;
    margin-top: -400px !important;
}

.azold .neubau-no-picture {
    height: 70px;
}

.azold b.blue {
    color: #142864;
}

.azold section.inner .partner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.azold section.inner .partner .partner_icon {
    width: 23%;
    margin: 0 auto;
}

.azold section.inner .partner .partner_icon .row {
    height: 70px;
    width: 100%;
}

@media (max-width: 1118px) {
    .azold section.inner .partner .partner_icon {
        width: 45%;
        /*display: inline-block;
        margin-right: 19px;*/
    }
}

@media (max-width: 600px) {
    .azold section.inner .partner .partner_icon {
        width: 95%;
    }
}

.azold section.inner .partner .partner_icon p.title {
    color: #142864;
    margin: 20px 0 10px;
    font-weight: bold;
}

@media (max-width: 1024px){

    .azold .overflow-hidden {
        margin: 0;
    }

    .azold .neubau {
        width: unset;
        margin-top: -100px !important;
    }

    .azold .neubau-partner .col_two_mobile {
        width: 48%;
    }

}

@media (max-width: 878px){
    .azold .neubau-banner {
        max-width: 850px;
    }
}

.azold .seminar-banner {
    background-color: #142864;
    padding: 30px;

}

.azold .seminar-banner span {
    color: white;
    font-size: 15px;
    display: block;
}

.azold #window_popup_article_info.info_popup.prices_popup .popup_headline.hidden_mobile {
    display: block !important;
}

.azold #window_popup_article_info.info_popup.prices_popup hr {
    height: 1px;
    border: none;
    background-color: #eee;
    margin: 20px -20px;
}

/* ---- Switch ----- */
.azold .button_switch {
    position: relative;
    width: 100px;
    height:25px;
    margin: 0 10px 0 35px;
    float: left;
    top:3px;
}

.azold .button_switch input[type=checkbox] {
    position: absolute;
    left: -9999px;
}
.azold .button_switch .toggle-on,
.azold .button_switch .toggle-off,
.azold .button_switch .toggle-handle {
    cursor: pointer;
    position: absolute;
}
.azold .button_switch .toggle-on,
.azold .button_switch .toggle-off {
    display: inline-block;
    overflow: hidden;
}
.azold .button_switch .toggle-on .content,
.azold .button_switch .toggle-off .content {
    position: absolute;
    display: inline-block;
}
.azold .button_switch .toggle-handle {
    top: 50%;
    transform: translateY(-50%);
}
.azold .button_switch .toggle-on,
.azold .button_switch .toggle-off {
    width: 80px;
    height: 25px;
    top: 12px;
    left: 3px;
}
.azold .button_switch .toggle-off {
    left:5px;
}
.azold .button_switch .toggle-on .content,
.azold .button_switch .toggle-off .content {
    line-height: 25px;
    padding: 0 20px;
    height: 25px;
}
.azold .button_switch .toggle-on .content {
    left: calc(60px - 100%);
    width: 130px;
}
.azold .button_switch .toggle-off .content {
    left: 22.5px;
    width: 97.5px;
}
.azold .button_switch .toggle-handle {
    width: 65px;
    height: 65px;
    left: 0;
}

.azold .button_switch input[type=checkbox]:checked ~ .toggle-off .content {
    margin-left: 70px;
}
.azold .button_switch input[type=checkbox]:checked ~ .toggle-handle {
    margin-left: 60px;
}

.azold .button_switch .toggle-on,
.azold .button_switch .toggle-off {
    border-radius: 60px;
}
.azold .button_switch .toggle-on .content,
.azold .button_switch .toggle-off .content {
    z-index: -1;
    color: #142864;
    font-weight:bold;
    font-size: 12px;
    transition: 800ms;
}
.azold .button_switch .toggle-on .content {
    text-align: left;
    background-color: #00d563;
    margin-left: 15px;
    color: #fff;
}
.azold .button_switch .toggle-off .content {
    background-color: #eee;
    color: #142864;
    text-align: left;
    left: 12px;
}
.azold .button_switch .toggle-handle {
    transition: 800ms;
    box-shadow: 0 0 3px #666;
    border-radius: 50%;
    background: #fefefe;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 999;
    top: 25px;
}


.azold span.product-amount {
    color:#aaaaaa;
    font-weight: bold;
}

@media (max-width: 1024px){
    .azold span.product-amount {
        float: right;
    }
}

.azold .landingpage-obo-banner {
    width: 75%;
    margin:0 auto;
}

.azold .landingpage-muenster-p {
    font-size: 20px;
    color: #142864;
}

main.azold section.inner.muenster div.container a.button {
    width: 250px;
    text-align: center;
}

.azold .muenster .manufacturer_icon img {
    opacity: 1;
    transform: scale(0.9);
}

.azold .muenster .manufacturer_icon img:hover {
    transform: scale(1);
}

.azold .cable_reel_logo {
    width: 110px;
    float:right;
    display: inline-block;
}

.azold #window_popup_favoritelist_move {
    min-width: 750px;
}

/* select with input search */

.azold #search_select {
    display: none !important;
}
.azold .custom-dropdown-select{
    position: absolute;
    left: 0;
    padding: 0 56px 0 16px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border 500ms ease-out;
    border: 1px solid #CCCCCC;
    outline:none;
}
.azold .custom-dropdown-select .current {
    width: calc(100% - 22px);
    height: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.azold .custom-dropdown-select.open .list {
    opacity: 1;
    pointer-events: auto;
    width:100%;
}
.azold .custom-dropdown-select.open .option {
    cursor: pointer;
}
.azold .custom-dropdown-select .list {
    outline: 1px solid #eee;
    background-color: #fff;
    margin-top: 5px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    max-height: 295px;
    overflow: auto;
}
.azold .custom-dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.azold .custom-dropdown-select .dd-search{
    padding: 0 15px;
}
.azold .custom-dropdown-select .dd-searchbox{
    padding: 10px;
    outline: none;
    margin:15px 0;
}
.azold .custom-dropdown-select .dd-searchbox:focus{
    border-color:#142864;
}
.azold .custom-dropdown-select .list ul {
    padding: 10px 0;
    float: left;
    width:100%;
    border-top: 1px solid #eee;
}
.azold .custom-dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 25px;
    outline: none;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
    margin:0;
    padding: 10px 30px 10px 15px;
}
.azold .custom-dropdown-select .option.selected {
    font-weight: 600;
    color: #142864;
}
.azold .custom-dropdown-select .option:hover,
.azold .custom-dropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}
.azold .custom-dropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.azold .copyright-tecworld {
    position: absolute;
    bottom: 0;
}

.azold .copyright-tecworld.right {
    right: 0;
}

.azold h3.tannenbaum {
    font-size: 50px;
    line-height: 120%;
    color: #142864;
}

.azold p.tannenbaum.small {
    font-size:10px;
    display: block;
    line-height: 135%;
}

.azold .col.col_background .line.tannenbaum {
    position: absolute;
    transform: rotate(15deg);
    width: 45%;
    right: -95px;
    display: block;
    background-color: #eee;
    height: 130%;
}

.azold .col.col_background.right .line.tannenbaum{
    left: -146px;
    top: -182px;
}

.azold .col.col_background > img.tannebaum {
    top:0;
    margin-top: unset;
}

@media(max-width: 1024px) {
    .azold .container.btn-tannenbaum {
        margin-bottom: 110px;
    }
}

@media(max-width: 663px) {
    .azold .container.btn-tannenbaum {
        margin-bottom: 235px;
    }

    .azold h3.tannenbaum {
        font-size: 25px;
        margin-bottom: 20px;
    }
}

.azold .video-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 95%;
    height: auto;
}

.azold .video-container > video {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
}

@media (max-width: 1024px) {
    .azold .video-container {
        width:100%
    }
}

/* Offline Notification when cached */

.azold .window_popup_offline {
    margin: 20px 0;
    padding: 18px 11px;
    cursor: pointer;
    background-color: #FBF3D3;
    border: 1px solid #FBAF46;
    text-align: center;
}

.azold .window_popup_offline.hide {
    display: none;
}

.azold .window_popup_offline.show {
    display: block;
}

.azold .window_popup_offline .content_wrapper .content {
    font-family: Roboto ,Arial,sans-serif;
    color: #FBAF46;
    font-weight: 700;
}

.azold .window_popup_offline .content_wrapper .content .icon.small.offline {
    background-image: url("../../img/offline.png");
    display: inline-block;
    float: unset;
}

.azold b.app_start_screen p.to_shop.hide {
    display: none;
}

/* App loading */

body.app > .loading.azold {
    opacity: unset;
    background: rgba(20,40,100, 0.5);
    width: 100%;
    height: 100%;
    display: none;
}

body.app > .loading.azold > .loading-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.app > .loading.azold > .loading-container > img {
    opacity: 1;
    width: 70px;
}

.azold span.pointer {
    cursor: pointer;
}


.azold img.planet-wissen-tecselect {
    max-width: 90px;
    display: inline-block;
}
.azold section.inner .kuk_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.azold section.inner .kuk_container .kuk_item img {
    width: 290px;
}

.azold section.inner .kuk_container .kuk_item {
    margin-bottom: 20px;
    cursor: pointer;
}

.azold .image_overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 1000;
}

.azold .image_popup {
    width: 50%;
    padding: 20px;
    position: relative;
    margin: 50px auto;
}

.azold .image_popup .kuk_gallery {
    width: 100%;
}

.azold .image_popup .kuk_gallery .image_navi {
    text-align: center;
}

.azold .image_popup .kuk_gallery .image_navi img.left,
.azold .image_popup .kuk_gallery .image_navi img.right{
    display: inline-block;
    width: 40px;
}

.azold .image_popup > img {
    margin: 0 auto
}

.azold .image_popup .close.right {
    /*right: -70px;*/
}
.azold .image_popup .kuk_gallery .swiper-container {
    margin: 0 auto;
    width: 600px;
    height: 600px;
}

.azold .image_popup .kuk_gallery .swiper-container .swiper-wrapper {
    width: 50%;
    margin: 0 auto;
}

.azold .image_popup .kuk_gallery .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}

.azold .image_popup .kuk_gallery .swiper-container .swiper-wrapper .swiper-slide img {
    margin: 0 auto;
}

@media only screen and (max-width: 1024px){

    .azold section.inner .kuk_container {
        justify-content: center;
    }

    .azold section.inner .kuk_container .kuk_item {
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
    }

    .azold section.inner .kuk_container.first .kuk_item img {
        width: unset;
    }

    .azold section.inner .kuk_container.second .kuk_item img {
        width: unset;
    }

    .azold section.inner .kuk_container.first .kuk_item img,
    .azold section.inner .kuk_container.second .kuk_item img {
        width: 40%;
    }

    .azold .image_popup .close.right {
        right: 20px;
    }

    .azold .image_popup {
        width:100%
    }

    .azold .image_popup .kuk_gallery {
        width: 100%;
        padding: 20px;
    }


}
@media only screen and (max-width: 684px) {
    .azold .image_popup .kuk_gallery .swiper-container .swiper-wrapper .swiper-slide img {
        width: 60%;
        min-width: 250px;
    }

    .azold .image_popup .kuk_gallery .swiper-container {
        width: unset;
        height: 450px;
    }
}

/* Widget with the numbers inside circles */

.azold .boxed_content.tecselect_boxed_content {
    padding: 10px 10px !important;
}

.azold .wdg-circles .circles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    flex-grow: 1;
}

.azold .wdg-circles .circles > .single {
    flex-basis: 20%;
    min-width: 110px;
}

.azold .wdg-circles .circles > .single.medium {
    flex-basis: 20%;
    min-width: 110px;
}


.azold .wdg-circles .circles > .single.medium.grey {
    background: #eee;
    padding-top: 15px;
    padding-bottom: 5px;
    flex-basis: 100%;
}


.azold .wdg-circles .circles > .single > .circle {
    margin: 0 auto;
}

.azold .wdg-circles .circle {
    width: 55px;
    height: 55px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.azold .wdg-circles .circle.medium {
    width: 76px;
    height: 76px;
}

.azold .wdg-circles .single.boxed_content {
    border: 0px !important;
}

.azold .wdg-circles .circle.grey {
    background-color: #eee;
}

.azold .wdg-circles .circle.bg-negative-60 {
    background-color: #ae1605;
}

.azold .wdg-circles .circle.bg-negative-40 {
    background-color: #b73528;
}

.azold .wdg-circles .circle.bg-warning-60 {
    background-color: #e7690b;
}

.azold .wdg-circles .circle.bg-warning-40 {
    background-color: #d0af13;
}

.azold .wdg-circles .circle.bg-blue-60 {
    background: #142864;
}

.azold .wdg-circles .circle.bg-white {
    background: #fff;
}

.azold .wdg-circles .align-x-center {
    text-align: center !important;
    justify-content: center !important;
}

.azold .wdg-circles .align-y-center {
    align-items: center !important;
    align-content: center !important;
}

.azold .wdg-circles .flex {
    display: flex !important;
}

.azold .wdg-circles .width-full {
    width: 100%;
}

.azold .wdg-circles .margin-top-small {
    margin-top: 12px !important;
}
.azold .wdg-circles .margin-left-auto {
    margin-left: auto !important;
}

.azold .wdg-circles .text.subline.blue {
    height: 90px;
}

@media only screen and (max-width: 967px) {

    .azold .wdg-circles .d-m-none {
        display: none !important;
    }

    .azold .wdg-circles .circles > .single.width-m-full {
        flex-basis: 100% !important;
    }

    .azold .wdg-circles .circles > .single.medium {
        flex-basis: 50%;
        min-width: 110px;
    }

}

@media only screen and (min-width: 968px) and (max-width: 1217px) {
    .azold .wdg-circles .d-t-none {
        display: none !important;
    }
}

@media only screen and (min-width: 1218px) {
    .azold .wdg-circles .d-d-none {
        display: none !important;
    }

    .azold .wdg-circles .button.small,
    .azold .wdg-circles .subline.blue {
        line-height: 35px;
    }
}

.azold .flex-direction-column,
.aznew .flex-direction-column {
    flex-direction: column !important;
}

.azold .flex-direction-row,
.aznew .flex-direction-row {
    flex-direction: row !important;
}

.azold .cargo-aids-select-notice .icon.small {
    margin-top: 0px;
}

/* services */

.azold .servicesContent {
    margin-bottom: 250px !important;
    margin-top: 40px;
}

.azold .servicesContent .competenceContainer {
    display: none;
}

.azold .servicesContent .competenceContainer h1,
.azold .servicesContent .competenceContainer h2 {
    color: #16396B;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox {
    width: calc(25% - 26px);
    height: 55px;
    border: 2px solid #EEEEEE;
    display: inline-block;
    margin: 0 13px 20px;
    overflow: hidden;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox label{
    line-height: 52px;
    width: calc(100% - 83px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .checkbox {
    top: 31%;
    margin-left: 8px;
    margin-right: 12px;
}

.azold .servicesContent .competenceContainer .select .competenceSelect {
    width: 100%;
    border: 2px solid #EEEEEE;
    margin: 0 auto;
}

.azold .servicesContent .competenceCheckboxes {
    margin-bottom: 92px;
}

.azold .servicesContent .competenceCheckboxes .competences {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}

.azold .servicesContent .competenceCheckboxes .competences .competence-icon {
    height: 35px;
    width: 35px;
    margin-bottom: 5px;
    float: right;
    margin: 8px 8px 0 0;
}

.azold .servicesContent .inner .services {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.azold .servicesContent .inner .services .icon {
    width: 70px;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    margin-top: 45px;
    min-width: 70px;
    background-position-x: 30px;
    background-size: 30px;
}

.azold .servicesContent .inner .services .service {
    width: calc(33.33% - 20px);
    border: 2px solid #EEEEEE;
    display: flex;
    margin: 0 10px 20px 10px;
}

.azold .servicesContent .inner .services .noServices {
    font-size: 20px;
    color: #16396B;
}

.azold .servicesContent .inner .services .service .text {
    margin-top: 30px;
    margin-bottom: 30px;
}

.azold .servicesContent .inner .services .service .text h3 {
    line-height: 42px;
    font-size: 14px;
    color: #16396B;
    display: inline-block;
}

.azold .servicesContent .inner .services .service .text h4 {
    font-weight: lighter;
}

.azold .servicesContent .inner .services .service .text p {
    line-height: 15px;
    margin-right: 35px;
}

.azold .servicesContent .inner .services .service .text a {
    font-size: 14px;
}

.azold .servicesContent .inner .services .service .text .tecselect {
    background-image: url("/out/pictures/master/service/tecselect/tecselect.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 13px;
    width: 71px;
    display: inline-block;
    margin-bottom: 14px;
    margin-left: 5px;
}

/* competence icons */

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/out/pictures/master/service/competences/competences.png");
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.A {
    background-image: url("/out/pictures/master/service/competences/general.png");
    background-size: 140%;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.EI {
    background-position: -3px -0px;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.KL {
    background-position: -43px -0px;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.HST {
    background-position: -88px -3px;

}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.KS {
    background-position: -2px -37px;

}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.KG {
    background-position: -46px -37px;

}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.M {
    background-position: -87px -37px;

}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.LL {
    background-position: -2px -75px;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.I {
    background-position: -47px -76px;
}

.azold .servicesContent .competenceCheckboxes .competences .competenceCheckbox .competence-icon.SF {
    background-position: -88px -75px;
}

.azold .row-flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

.azold .row-flex > .col {
    height: auto;
}

.azold .app_start_screen .banners .banner {
    background-color: #eee;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 20px;
    height: 150px;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 10px;
}

.azold .app_start_screen .banners .banner .picture {
    background-position: center;
    background-repeat: no-repeat;
    height: 70px;
    margin: 0 auto 10px;
    width: auto;
}

.azold .app_start_screen .banners .banner .title {
    display: block;
    width:100%;
    text-align: center;
    font-weight: normal;
    color: #363636;
}

.azold .app_start_screen .scan_go {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    border: 2px solid #142864;
    padding: 7px 10px;
}

.azold .app_start_screen .scan_go .scan_go__text > h1 {
    line-height: 23px;
}

.azold .app_start_screen .scan_go .scan_go__text > div.subline {
    line-height: 18px;
}

.azold .scan_go__error {
    color: #363636;
}

/* - AZA Highlight - */

.azold .article.aza_highlight .container.main,
.azold .article.aza_highlight .container.title {
    border-color: rgba(0, 46, 110, 0.56);
}

.azold .article.aza_highlight .separator .dark {
    background-color: rgba(0, 46, 110, 0.15);
}

.azold .article.aza_highlight .container.info,
.azold .article.aza_highlight .container.tobasket,
.azold .article.list.aza_highlight .container.functions,
.azold .article.list.aza_highlight .container.title,
.azold .article.list.basket.aza_highlight .container.price,
.azold .article.list.basket.aza_highlight .container.amount,
.azold .article.list.basket.aza_highlight .container.total {
    background-color: rgba(0, 46, 110, 0.06);
}


@media (max-width: 700px) {
    .azold #acceptanceTimePopup .col.col-2,
    .azold #acceptanceTimePopup .col.col-8 {
        width: 91.66%;
    }
}

/* ---------- Acceptance time popup ---------- */

.azold #acceptanceTimePopup .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.azold #acceptanceTimePopup .col {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.azold #acceptanceTimePopup hr {
    border: 1px solid #dfdfdf;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}


.azold .content.shipments .tour_info > .left_icon {
    width: 5%;
    display: table-cell;
}

.azold .content.shipments .tour_info > .right_time {
    width: 95%;
    display: table-cell;
    line-height: 1.6;
}

.azold .content.shipments .tour_info .underline {
    text-decoration: underline;
}

.azold .article.aza_highlight .container.main .aza_highlight {
    position: absolute;
    top: -15px;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 12;
}

.azold .article.aza_highlight .container.main .aza_highlight span {
    background-color: #FFF;
    font-weight: bold;
    color: #142864;
    line-height: 30px;
    display: inline-block;
    width: 120px;
    text-align: center;
}

.azold section.slider div.slide-inner .text_container .prolog-banner {
    display: flex;
    flex-direction: row;
}


.azold section.inner .prolog img {
    margin: 0 auto;
    width: 100%;
}

.azold section.inner .prolog_technologien {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.azold section.inner .prolog_technologie {
    margin: 0 auto;
}

.azold i.plus.white {
    background-image: url('../../img/content/aza2go/icons/white/plus.svg');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.azold i.prolog.blau {
    background: url("/out/master/img/prolog_blau.svg");
    background-repeat: no-repeat;
    width:25px;
    height: 25px;
    flex-shrink: 0;
}

.azold i.prolog.grey {
    background: url("/out/master/img/prolog_gray.svg");
    background-repeat: no-repeat;
    width:25px;
    height: 25px;
    flex-shrink: 0;
}

.azold i.prolog_first {
    background: url("/out/master/img/prolog_first.svg");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;

}

.azold i.prolog_second {
    background: url("/out/master/img/prolog_second.svg");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
}

.azold i.prolog_third {
    background: url("/out/master/img/prolog_third.svg");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
}

.azold i.prolog_fourth {
    background: url("/out/master/img/prolog_fourth.svg");
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
}


.azold section.slider .slide-inner .background.white {
    background-color: #fff !important;
}

@media (max-width: 1024px) {
    .azold section.inner .prolog_technologie {
        width: 50%
    }
}

@media (max-width: 750px) {
    .azold section.inner .prolog_technologie {
        width: 100%
    }
}

.azold section.inner .svg_frame > svg {
    height: 450px;
}

.azold section.inner .text_container .inner .flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.azold section.inner .text_container .inner .flex .half {
    width: 49%
}

@media (max-width: 750px) {
    .azold section.inner  .text_container .inner .flex .half {
        width: 100%;
    }
}

.azold .underline {
    text-decoration: underline;
}

.azold #realpersonChatWrapper ul li {
    float: none;
    line-height: normal;
    padding-left: 0;
    width: auto;
    position: static;
}
/* - Self scan info popup - */

#window_popup_self_scan_info .step-wrapper:not(:first-of-type),
#window_popup_self_scan_24_info .step-wrapper:not(:first-of-type),
#sheet-self_scan_info .step-wrapper:not(:first-of-type) {
    display: none
}

.window_popup.popup_scan .step-wrapper > img,
#sheet-self_scan_info .step-wrapper > img {
    max-width: 100%;
    margin:-50px auto 0;
}

.window_popup.popup_scan .step-wrapper > hr,
#sheet-self_scan_info .step-wrapper > hr {
    border: 3px solid #E7E7E7;
    margin: 0 -16px;
    width: calc(100% + 32px);

}
.window_popup.popup_scan .step-wrapper > .dot-wrapper,
#sheet-self_scan_info .step-wrapper > .dot-wrapper {
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 20px;
}

.window_popup.popup_scan .step-wrapper > .dot-wrapper > span,
#sheet-self_scan_info.step-wrapper > .dot-wrapper > span {
    width: 7px;
    height: 7px;
    background-color: #E7E7E7;
    border-radius: 20px;
    margin-right: 13px;
}

.window_popup.popup_scan .step-wrapper > .dot-wrapper > span.active,
#sheet-self_scan_info .step-wrapper > .dot-wrapper > span.active {
    width: 25px;
    background: #F9C737;
    box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.1);
}

.window_popup.popup_scan .step-wrapper > .dot-wrapper > span:last-of-type,
#sheet-self_scan_info .step-wrapper > .dot-wrapper > span:last-of-type {
    margin-right: 0;
}

.window_popup.popup_scan .step-wrapper > .button-wrapper,
#sheet-self_scan_info .step-wrapper > .button-wrapper {
    display: flex;
}
.window_popup.popup_scan .step-wrapper > .button-wrapper > .button,
#sheet-self_scan_info .step-wrapper > .button-wrapper > .button {
    width: 100%;
}
.window_popup.popup_scan .step-wrapper > .heading.subline,
#sheet-self_scan_info .step-wrapper > .heading.subline {
    font-size: 26px;
    font-weight: 700;
}

@media(min-width: 1201px) {
    .window_popup.popup_scan {
        min-height: 620px;
    }
}

/* - Store mode - */


body.store-mode #popup-barcode-store-modal {
    top: 180px !important;
}


body.store-mode #store_mode_topbar {
    display: block;
}

#store_mode_topbar {
    display: none;
    background-color: #00D563;
    color: #fff;
}

#store_mode_topbar .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
}

#store_mode_topbar .wrapper div.close {
    position: absolute;
    right: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 46px;
}

#popup-barcode-store-modal {
    background-color: #fff;
    overflow-y: scroll;
    z-index: 232;
    top: 140px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    position: absolute;
    display: none;
}

#popup-barcode-store-modal .stash {
    background: #F7F7F7;
    padding: 14px;
    border: 1px dashed #E7E7E7;
}

.stash-item {
    display: none;
    text-align: left;
    background: #eee;
    padding: 14px;
}

.stash-item.visible {
    display: block;
}

.underline {
    text-decoration: underline;
}

.azold section.digital-forms section.banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.azold h2.headline.forms {
    font-size: 36px;
    line-height: 65px;
}

.azold section.digital-forms section.banners > a.banner {
    width: calc(33% - 20px);
    margin-right: 20px;
    margin-bottom: 20px !important;
}

.azold body.mobile section.digital-forms  section.banners > .banner:nth-of-type(3) {
    margin-right: 3.5%;
}

.azold body.mobile section.digital-forms section.banners {
    margin-bottom: unset;
}

@media (max-width: 1023px) {

    .azold section.digital-forms section.banners > a.banner {
        width: calc(50% - 20px);
    }
}

.azold section.inner.landingpage-two-pictures img {
    width: 600px;
    margin: 0 auto;
}

@media (max-width: 1450px) {
    body.view_tcaz_custom_form_become_customer .azold form.become_customer .form_element.address > input:last-of-type {
        width: 65%;
    }
}

@media (max-width: 1024px) {
    body.view_tcaz_custom_form_become_customer .azold form.become_customer .form_element.address > input:first-of-type,
    body.view_tcaz_custom_form_become_customer .azold form.become_customer .form_element.address > input:last-of-type {
        width: 47.5%;
    }
}

.azold .slider .text_inner > div > .container {
    display: flex;
    flex-wrap: wrap;
}

.azold .slider .text_inner > div > .container > .list {
    width: 100%;
}

.azold .slider .text_inner > div > .container > .list.half {
    width: 45%;
}

.azold .slider .text_inner > div  > .container > .btn-container {
    width: 55%;
    align-self: self-start;
    display: inline-flex;
    justify-content: end;
}

.azold .slider .text_inner > div  > .container > .btn-container > .button.diagonal {
    border-top: 0 solid transparent;
    border-right: 0 solid #142864;
    border-bottom: 56px solid #142864;
    border-left: 20px solid transparent;
    overflow: visible;
    background: transparent;
    white-space: nowrap;
}

@media (max-width: 1472px) {
    .azold .slider .text_inner > div > .container > .btn-container > .button.diagonal {
        white-space: normal;
        line-height: unset;
    }
}

@media (max-width: 1280px) {
    .azold .slider .text_inner > div > .container > .btn-container > .button.diagonal {
        white-space: nowrap;
        line-height: 58px;
    }
}


@media (max-width: 1024px) {
    .azold .slider .text_inner > div > .container {
        display: flex;
        flex-wrap: wrap;
    }

    .azold .slider .text_inner > div > .container > .list.half,
    .azold .slider .text_inner > div > .container > .btn-container {
        width: 100%;
    }

    .azold .slider .text_inner > div > .container > .list.half {
        margin-bottom: 20px;
    }

}


/* Google Maps Niederlassungen Karte */

.azold .col.col_background .gm-control-active img  {
    position: absolute !important;
}

.container.master_data_sheet,
.container.contacts {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.container.master_data_sheet {
    border: 2px solid #eee;
}

.container.master_data_sheet > .item {
    width: 25%;
    padding: 0 15px;
}

.container.master_data_sheet > .item.border {
    border-right: 2px solid #eee;
}

.container.master_data_sheet > .item > .headline {
    height: 30px;
}

.container.master_data_sheet > .item > ul > li {
    padding: 0;
}

.container.contacts {
    padding: 0;
    gap: 20px;
}

.container.contacts > .contact {
    width: calc(25% - 15px);
    padding: 15px;
    border: 2px solid #eee;
    position: relative;
}

.container.contacts > .contact > .flag {
    position: absolute;
    padding: 3px;
    background: #142864;
    color: #fff;
    right: 15px;
    top: -15px;
}

.container.contacts > .contact .function > .left{
    width: 65px;
    display: inline-block;
    float: left;
}

.container.contacts > .contact .function > .right{
    width: calc(100% - 65px);
    display: inline-block;
    float: right;
}

.container.contacts > .contact  ul li .icon {
    top: 2px;
}

i.location {
    background: url("/out/master/img/location.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
    .container.master_data_sheet > .item {
        width: 50%
    }

    .container.contacts > .contact {
        width: calc(50% - 10px);
    }

    .container.master_data_sheet > .item.border {
        border: unset;
    }
}

@media (max-width: 750px) {
    .container.master_data_sheet > .item,
    .container.contacts > .contact {
        width: 100%
    }


    .container.master_data_sheet > .item.border {
        border: unset;
    }
}

@media print {
    body.view_tc_content header,
    body.view_tc_content nav,
    body.view_tc_content footer,
    body.view_tc_content #realperson_text_status_button {
        display: none!important;
    }

    body.view_tc_content #contact .item {
        width: 50% !important;
        margin-bottom: 15px;
    }

    body.view_tc_content #contact .container.contacts .contact {
        width: 25% !important;
    }

    body.view_tc_content #contact .container.contacts .contact .flag {
        top: -5px;
        background: unset;
    }

    body.view_tc_content #contact .icon {
        display: inline !important;
    }

    body.view_tc_content section.inner.grey {
        padding: 0;
    }
}


.video_wrapper_zumtobel {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

body.mobile .azold section.inner.grey > section.inner .video_wrapper_zumtobel p.center,
.video_wrapper_zumtobel p.full {
    width: 100%;
    text-align: center !important;
}

.azold section.inner > .banner_zutobel {
    display: flex;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
}

.azold section.inner > .banner_zutobel > .banner_box {
    width: calc(20% - 5px);
    height: 280px;
}

.azold section.inner > .banner_zutobel > .banner_box > a > img {
    margin: 0 auto;
    max-width: 250px;
}


.azold section.inner > .banner_zutobel > .banner_box  .picture {
    border: 1px solid #eee;
    overflow: hidden;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.inner > .banner_zutobel > .banner_box >.title.width-full {
    width: 100%;
}

@media (max-width: 1024px) {

    .azold section.inner > .banner_zutobel > .banner_box {
        height: 360px
    }

    .azold section.inner > .banner_zutobel > .banner_box > a > img {
        max-width: unset;
    }

}

/* - Self scan info popup - */

.window_popup.popup_scan {
    max-width: 470px;
    width: 100%;
}

#window_popup_self_scan_info .step-wrapper:not(:first-of-type),
#window_popup_self_scan_24_info .step-wrapper:not(:first-of-type) {
    display: none
}

.window_popup.popup_scan .step-wrapper > img {
    max-width: 100%;
    margin:-50px auto 0;
}

.window_popup.popup_scan .step-wrapper > hr {
    border: 3px solid #E7E7E7;
    margin: 0 -20px 0;
}
.window_popup.popup_scan .step-wrapper > .dot-wrapper {
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 20px;
}
.window_popup.popup_scan .step-wrapper > .dot-wrapper > span {
    width: 7px;
    height: 7px;
    background-color: #E7E7E7;
    border-radius: 20px;
    margin-right: 13px;
}

.window_popup.popup_scan .step-wrapper > .dot-wrapper > span.active {
    width: 25px;
    background: #F9C737;
    box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.1);
}

.window_popup.popup_scan .step-wrapper > .dot-wrapper > span:last-of-type {
    margin-right: 0;
}

.window_popup.popup_scan .step-wrapper > .button-wrapper {
    display: flex;
}
.window_popup.popup_scan .step-wrapper > .button-wrapper > .button {
    width: 100%;
}
.window_popup.popup_scan .step-wrapper > .heading.subline {
    font-size: 26px;
    font-weight: 700;
}

.window_popup.popup_scan .step-wrapper .button .icon {
    margin-bottom: 3px;
}

@media(min-width: 1201px) {
    .window_popup.popup_scan {
        min-height: 620px;
    }
}

/* - Store mode - */
body.store-mode #popup-barcode-store-modal {
    top: 180px !important;
}

body.store-mode #store_mode_topbar {
    display: block;
}

body.store-mode #window_popup_baskets.window_popup.azold,
body.store-mode #window_popup_lists.azold {
    top: 228px !important
}


#store_mode_topbar {
    display: none;
    background-color: #00D563;
    color: #fff;
    position: fixed;
    top:0;
    z-index: 10001;
    width: 100%;
}

#store_mode_topbar .wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
}

#popup-barcode-store-modal {
    background-color: #fff;
    overflow-y: scroll;
    z-index: 232;
    top: 140px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    position: absolute;
    display: none;
}

#popup-barcode-store-modal .stash {
    background: #F7F7F7;
    padding: 14px;
    border: 1px dashed #E7E7E7;
}

.stash-item {
    display: none;
    text-align: left;
    background: #eee;
    padding: 14px;
}

.stash-item.visible {
    display: block;
}

@media (max-width: 1024px) {
    .azold section.inner > .banner_zutobel {
        flex-wrap: wrap;
    }

    .azold section.inner > .banner_zutobel > .banner_box {
        width: calc(33% - 5px)
    }

    .azold section.inner > .banner_zutobel > .banner_box {
        width: calc(50% - 5px)
    }
}

@media (max-width: 900px) {

    .azold section.inner > .banner_zutobel > .banner_box {
        width: 100%
    }
}


/* --- RELAUNCH ---*/

html {
    height: auto;
}

main.relaunch.web {
    background: #fff;
}

[data-view="alist"] main.relaunch > section.list > .breadcrumb {
    margin-top: -20px;
}

[data-view="start"].no_shop_accsess main.azold.relaunch {
    background: #fff;
}

i.info svg {
    height: 20px;
    width: 20px;
}

body.mobile .item.website i.info {

}

body.mobile .item.website i.info svg {
    height: 28px;
    width: 28px;
}


/* --- Konfiguratoren --- */
.azold .configurator-slider {
    background: #F2F2F2;
}

.azold i.flash-right {
    background: url("../../img/fresh-up/flash-rounded-right.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.azold i.chevron-down {
    background: url("../../img/fresh-up/chevron-down.svg");
    width: 21px;
    height: 24px;
    background-repeat: no-repeat;
}

/* --- Marken & Kataloge --- */

.manufactures .subline.margin_bottom_20,
.manufactures .subline.margin_bottom_40,
.catalogs .subline.margin_bottom_40 {
    margin-top: -8px;
    font-size: 13px;
}

section.inner.manufactures .manufacturer_icon {
    background: #fff;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

 .manufactures section.hr .headline {
    background: none;
}

 .manufactures .button.white {
    color: #142864;
}

body.mobile .manufactures .headline + .subline {
    margin-top: 0;
}

@media (max-width: 799px) {
    /* body.mobile .azold.relaunch .manufactures .headline {
        margin-top: 20px;
    } */
}

/* Datanorm */
.relaunch .datanorm .col.col_two.big,
.relaunch .datanorm .content_box,
.relaunch .gaeb .col.col_two.big,
.relaunch .gaeb .content_box,
.relaunch .cargo .col.col_two.big,
.relaunch .cargo .content_box,
.relaunch .cable-reel .col.col_two.big,
.relaunch .cable-reel .content_box,
.relaunch .news .col.col_two.big,
.relaunch .news .content_box,
.relaunch .product-request .col.col_two.big,
.relaunch .product-request .content_box {
    background: #fff;
    padding: 24px;
}

.azold.relaunch .datanorm .col_tables .content_box ul.content > li span.dot,
.azold.relaunch .gaeb .col_tables .content_box ul.content > li span.dot,
.azold.relaunch .product-request .col_tables .content_box ul.content > li span.dot {
    margin-right: 20px;
}

.azold.relaunch .datanorm  .col_tables .content_box ul li + li,
.azold.relaunch .gaeb  .col_tables .content_box ul li + li,
.azold.relaunch .product-request  .col_tables .content_box ul li + li {
    margin-top: 0;
}

/* Objekt-Anfrage GAEB */
body.app .azold.relaunch .col.col_three.col_push_two_thirds.margin_bottom_40_mobile {
    float: none;
}

body.app .azold.relaunch .gaeb ul li,
body.app .azold.relaunch .request ul li,
body.mobile .azold.relaunch .gaeb ul li,
body.mobile .azold.relaunch .request ul li {
    padding-left: 0;
}

/* Digitale Formulare */
.azold.relaunch .digital-forms section.banners > .banner {
    background: #fff;
}

.azold.relaunch .digital-forms .spacer.line {
    display: none;
}

body.mobile .azold.relaunch .padding-top-bottom-40 {
    padding-top: 0;
    padding-bottom: 0;
}

/* Newsletter */
.azold.relaunch .news ul.content > li {
    padding-bottom: 6px;
}

body.app .azold.relaunch .news [name="newsletter_form"],
body.mobile .azold.relaunch .news [name="newsletter_form"] {
    display: inline-block !important;
}

/* Artikel anfragen */
.azold.relaunch .product-request picture img {
    width: 100%;
}

/* --- Icons ---*/

i.gallery.blue {
    background: url("../../img/fresh-up/grid-blue.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

i.gallery.grey {
    background: url("../../img/fresh-up/grid-grey.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

i.list.blue {
    background: url("../../img/fresh-up/list-blue.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

i.list.grey {
    background: url("../../img/fresh-up/list-grey.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

i.flesh-right {
    background: url("../../img/fresh-up/flash-right.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

i.filter-new {
    background: url("../../img/fresh-up/filter.svg");
    width: 25px;
    height: 24px;
    background-repeat: no-repeat;
}

i.chevron-left {
    background: url("../../img/fresh-up/chevron-left.svg") !important;
    width: 24px;
    height: 26px;
    background-repeat: no-repeat;
}

i.chevron-right {
    background: url("../../img/fresh-up/chevron-left.svg") !important;
    width: 24px;
    height: 26px;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}

i.arrow-dropdown {
    background: url("../../img/fresh-up/arrow-dropdown.svg");
    width: 16px;
    height: 26px;
    background-repeat: no-repeat;
}

i.catalogs {
    background: url("../../img/fresh-up/catalogs.svg");
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
}

i.catalogs-white {
    background: url("../../img/fresh-up/catalogs-white.svg");
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
}

i.icon-arrow-down-blue {
    background: url("../../img/fresh-up/arrow-down-blue.svg");
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

i.delivery.blue {
    background: url("../../img/fresh-up/delivery-blue.svg") !important;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}

i.delivery.white {
    background: url("../../img/fresh-up/delivery-white.svg") !important;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}

i.document.blue {
    background: url("../../img/fresh-up/document-blue.svg") !important;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat !important;
}

i.document.white {
    background: url("../../img/fresh-up/document-white.svg") !important;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat !important;
}

body.view_order main.azold form[name="order"] .amount i.check,
#window_popup_basket_actions i.check {
    background: url("../../img/fresh-up/check.svg") !important;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat !important;
}

body.view_order main.azold form[name="order"] .amount i.delete,
#window_popup_basket_actions i.delete {
    background: url("../../img/fresh-up/trash-bin.svg") !important;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat !important;
}

body.view_order #window_popup_basket_actions i.check,
body.view_order #window_popup_basket_actions i.delete,
body.view_order #window_popup_basket_actions i.print,
body.view_order #window_popup_basket_actions i.scanner,
body.view_order #window_popup_basket_actions i.export,
body.view_order #window_popup_basket_actions i.sync,
body.view_order #window_popup_basket_actions i.sync_delete,
body.view_order #window_popup_basket_actions i.on-list {
    position: absolute;
    left: 25px;
    margin-top: 2px;
}
body.view_order #window_popup_basket_actions i.sync svg {
    height: 18px;
    width: 22px;
}

body.view_order #window_popup_basket_actions i.print,
body.view_order #window_popup_basket_actions i.export {
    margin-top: 5px;
}

body.view_order main.azold form[name="order"] i.edit {
    background: url("../../img/fresh-up/edit.svg") !important;
    width: 24px;
    height: 25px;
    background-repeat: no-repeat !important;
}

#window_popup_basket_actions i.scanner,
.breadcrumb i.scanner {
    background: url("../../img/fresh-up/scanner.svg") !important;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat !important;
}

#window_popup_basket_actions i.export,
.breadcrumb i.download {
    background: url("../../img/fresh-up/export.svg") !important;
    width: 14px;
    height: 17px;
    background-repeat: no-repeat !important;
    margin-left: 4px;
}

#window_popup_basket_actions i.print,
.breadcrumb i.fax {
    background: url("../../img/fresh-up/print.svg") !important;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat !important;
    margin-left: 4px;
}

.breadcrumb i.fax,
.breadcrumb i.download {
    margin-left: 0;
}

#window_popup_basket_actions i.on-list {
    background: url("../../img/fresh-up/list.svg") !important;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat !important;
}

.breadcrumb i.star {
    background: url("../../img/fresh-up/list.svg") !important;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat !important;
}

.breadcrumb i.basket {
    background: url("../../img/fresh-up/cart.svg") !important;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat !important;
}

/* -- /elements/icons.css -- */
.azold i.grey svg {
    color: #808080;
    fill: #808080;
}

.azold i.pickup.grey svg {
    stroke: #808080;
}

.azold i.green svg {
    color: #00A03F;
    fill: #00A03F;
}

.azold i.pickup.green svg {
    stroke: #00A03F;
}

.azold i.yellow svg {
    color: #FFCD00;
    fill: #FFCD00;
}

.azold i.pickup.yellow svg {
    stroke: #FFCD00;
}

.azold i.orange svg {
    color: #F28F06;
    fill: #F28F06;
}

.azold i.pickup.orange svg {
    stroke: #F28F06;
}

.azold i.primary svg {
    color: #142864;
    fill: #142864;
}

.azold i.pickup.primary svg {
    stroke: #142864;
}

.azold i.favorite-full > svg path,
.azold i.favorite:hover > svg path {
    stroke: #fff !important;
    fill: #fff !important;
}

/* --  Breadcrumb -- */
.azold .breadcrumb i.arrow-right:last-of-type {
    display: none !important;
}

.azold .link[data-loadid="produkte"] .window_popup.header_popup .breadcrumb i.arrow-right {
    float: left;
    position: relative;
    margin-left: -33px;
}

.azold .breadcrumb[data-ref="article_list"] i.arrow-right {
    float: right;
    position: absolute;
    right: 4px;
    top: 1px;
    z-index: 4;
}

body.app .azold .breadcrumb[data-ref="article_list"] i.arrow-right {
    top: 6px;
}

.azold section.breadcrumb > section.inner > .flex {
    margin-left: auto;
}

.azold section.filters > section.inner > .item_container > .actions .item .select > select {
    border: none;
}

.breadcrumb .select i.chevron-down {
    float: right;
    position: relative;
    top: 17px;
    right: -26px;
    z-index: 1;
}

.azold .filters .radio {
    background: transparent url("../bg/shop.png?ts=2019-06-11_14-34") no-repeat scroll -139px -158px;
}

/*.azold .breadcrumb .breadcrumb_actions .item i {
    width: 36px;
}*/

.azold .breadcrumb .breadcrumb_actions .item .icon_box {
    background: #E7E9EF;
    padding: 6px 5px;
    margin-right: 10px;
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

/* --  Artikel -- */

/* Filter select */
main.azold section.list {
    background-color: #F2F2F2;
}

.container.info.price {
    min-height: 120px;
}

.select-sort {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    background-position: calc(100% - 12px) center !important;
    background: url("../../img/fresh-up/chevron-down.svg") no-repeat;
    padding: 0 32px 0 45px !important;
}
@media (max-width: 1024px) {

    body.mobile .azold section.filters > section.inner > .item_container .item {
        margin-left: auto;
    }

    body.mobile section.filters > section.inner > .item_container .actions .select{
        width: 150px
    }

    body.mobile .select-sort {
        padding: 0 10px !important;
    }
}

section.filters > section.inner > .item_container .actions {
    display: flex;
    justify-content: space-between;
}

section.filters > section.inner > .item_container .actions .avibility .label {
    font-weight: 400;
    color: #363636;
}

section.filters > section.inner .item_container div.flex {
    display: flex;
    justify-content: flex-end;
}

section.filters > section.inner .item_container div.flex .fade_text {
    display: flex;
    align-items: center;
}

.no_shop_accsess section.filters > section.inner > .item_container .actions {
    justify-content: flex-end;
}

section.filters > section.inner > .item_container .actions .select {
    width: 190px;
}

section.filters > section.inner > .item_container .actions .avibility {
    width: 124px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.azold section.filters .select,
.azold section.filters .select label,
.azold section.filters .select > select {
    height: 42px;
    line-height: 42px;
}


body.mobile div.filter .more-filters,
body.mobile section.top_bar .more-filters {
    padding: 13px 24px;
    background: #FFCD00;
    color: #fff;
}

/* filter popup */
.window_popup.filter_popup .top_bar i.info svg {
    display: block;
    margin-top: 5px;
}

/* -- Tecselect -- */


body.view_tcaz_custom_price_increase select.disabled {
    opacity: 0.5;
}


@media (max-width: 769px) {
    .hidden-m {
        display: none !important;
    }

    body.mobile .table:not(.table_mobile) .line.header {
        display: none;
    }
}


/** Heyflow **/

article.article.list.basket .recommendation {
    position: absolute;
    top: -10px;
    background: #142864;
    width: auto;
    height: 25px;
    color: white;
    padding: 2px 5px;
    z-index: 1;
    line-height: 20px;
    left: 20px;
}


body.view_tcaz_custom_price_increase select.disabled {
    opacity: 0.5;
}

body.view_tcaz_custom_price_increase .table .line.body {
    padding: 0;
    line-height: 30px;
}


@media (max-width: 769px) {
    .hidden-m {
        display: none !important;
    }

    body.mobile .table:not(.table_mobile) .line.header {
        display: none;
    }
}

/* RED Seite */
section.slider {
    margin-top: 0 !important;
}

[data-view="start"] section.slider {
    padding-top: 0;
    height: 500px;
}


/* -- Warenkorb Relaunch -- */
/* Titel */
body.view_order main.azold .header,
body.view_order main.azold .header .change > .col,
body.view_order main.azold .header .subline,
body.view_order main.azold .header h1.headline {
    line-height: 1;
    align-items: center;
}

body.view_order main.azold .header h1.headline {
    font-size: 18px;
    min-width: 150px;
    align-items: center;
    max-width: calc(100% - 280px);
    padding-right: 24px;
}

body.view_order main.azold .header .boxed_content.clickable {
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

body.view_order main.azold .header .boxed_content.clickable:hover {
    border-color: transparent;
}

/* Actions */
[data-view="details"] .aznew .sticky .actions i.button,
[data-view="tcaz_custom_action"] .aznew .sticky .actions i.button,
[data-view="order"] .azold.relaunch section.header .button.icon_button {
    background: #E7E9EF;
    color: #142864;
    padding: 5px;
    margin-right: 6px;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    line-height: 0;
}

[data-view="order"] .azold.relaunch section.header .button.icon_button.old {
    padding: 0;
}

[data-view="order"] .azold.relaunch section.header .button.icon_button .icon.medium {
    margin-top: 0;
}

[data-view="details"] .aznew .sticky .actions i.button:not(.favorite) svg,
[data-view="tcaz_custom_action"] .aznew .sticky .actions i.button svg,
[data-view="order"] .azold.relaunch section.header .button.icon_button svg {
    line-height: 0;
    width: 22px;
    height: 22px;
    fill: #142864;
}

[data-view="details"] .aznew .sticky .actions i.button:hover,
[data-view="tcaz_custom_action"] .aznew .sticky .actions i.button:hover,
[data-view="details"] .aznew .sticky .actions i.button.favorite-full,
[data-view="tcaz_custom_action"] .aznew .sticky .actions i.button.favorite-full,
body.view_order main.azold form[name="order"] .article .container.functions .button.favorite-full,
body.view_order main.azold form[name="order"] .article .container.functions .button:hover,
[data-view="order"] .azold.relaunch section.header .button.icon_button:hover {
    background: #142864;
}

[data-view="details"] .aznew .sticky .actions i.button:hover svg,
[data-view="tcaz_custom_action"] .aznew .sticky .actions i.button:hover svg,
[data-view="order"] .azold.relaunch section.header .button.icon_button:hover svg,
[data-view="order"] .azold.relaunch section.header .button.icon_button:hover svg path,
[data-view="order"] .azold.relaunch article .functions .button.icon_button:hover svg,
[data-view="order"] .azold.relaunch article .functions .button.icon_button:hover svg path,
nav > .multi .button:hover svg path {
    fill: #fff;
}

[data-view="order"] .azold.relaunch .header .button.icon_button .print svg,
[data-view="order"] .azold.relaunch .header .button.icon_button .sync svg {
    width: 18px;
    height: 16px;
    margin-top: 2px;
}

[data-view="order"] .azold.relaunch .header .button.icon_button .export svg {
    margin-top: -2px;
    margin-left: -1px;
}

[data-view="order"] .azold.relaunch .header .button.icon_button .sync_delete svg {
    width: 18px;
    height: 18px;
}

/* Preis total */
.azold.relaunch .coupons > .label {
    color: #231F20;
    font-size: 13px;
}

body.view_order main.azold.relaunch section.sticky .item .left,
body.view_order main.azold.relaunch section.sticky .item .right {
    font-size: 13px;
}

body.view_order main.azold.relaunch section.sticky .item .right {
    font-weight: 700;
}

body.mobile.view_order main.azold.relaunch .inner.sticky {
    padding-top: 15px;
}

/* optionen */
body.view_order main.azold.relaunch form[name="order"] .change .boxed_content.clickable {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

body.mobile.view_order main.azold.relaunch form[name="order"] .change {
    width: auto;
}

body.view_order main.azold.relaunch form[name="order"] .change .col_spacing {
    margin-right: 1.5%;
}

body.view_order main.azold.relaunch form[name="order"] .change .col_two {
    width: 49.25%;
}

body.mobile.view_order main.azold.relaunch form[name="order"] .change .col_two {
    width: 100%;
}

body.view_order main.azold.relaunch form[name="order"] .boxed_content.clickable:hover {
    background: #fff;
    border: 1px solid #142864;
}

body.view_order main.azold.relaunch form[name="order"] .boxed_content.clickable.blue:hover {
    background: #142864;
    border: none;
}

/* option forms */
body.view_order main.azold.relaunch form[name="order"] .options > .col.col_two {
    background: #fff;
    padding: 20px;
    width: 50%;
    height: auto;
}

body.view_order main.azold.relaunch form[name="order"] .options .inner.element > .col.col_two {
    width: 66%;
}

body.view_order main.azold.relaunch form[name="order"] .options .inner.element > .col.col_two.col_spacing {
    width: 33%;
}

body.view_order main.azold.relaunch form[name="order"] .options .shipping .inner.element > .col.col_two {
    width: 70%;
}

body.view_order main.azold.relaunch form[name="order"] .options .shipping .inner.element > .col.col_two.col_spacing {
    width: 30%;
}

body.view_order main.azold.relaunch form[name="order"] .options.flex.fullsize > .inner >.col.col_two {
    width: 50%;
}

body.mobile.view_order main.azold.relaunch form[name="order"] .options .col.col_two,
body.mobile.view_order main.azold.relaunch form[name="order"] .options .inner.element > .col.col_two,
body.mobile.view_order main.azold.relaunch form[name="order"] .options .inner.element > .col.col_two.col_spacing {
    width: 100%;
}



body.view_order main.azold.relaunch form[name="order"] .options .col.col_spacing {
    margin-right: 1.5%;
}

body.mobile.view_order main.azold.relaunch form[name="order"] .options .col.col_spacing {
    margin-right: 0;
    padding-bottom: 1px;
    margin-bottom: 10px;
}

body.view_order main.azold.relaunch form[name="order"] .form_element label {
    line-height: 13.5px;
    font-size: 13px;
    padding-top: 2px;
}

body.view_order main.azold.relaunch form[name="order"] .form_element .checkbox,
body.view_order main.azold.relaunch form[name="order"] .form_element .radio {
    margin-top: 0;
}

body.view_order main.azold form[name="order"] section.options .col.shipping .item.active > .options {
    min-height: 60px;
    display: block;
    margin-left: 30px;
    padding: 2px 0;
}

body.view_order main.azold form[name="order"] .shipping i.calender {
    margin-right: 12px;
}

/* auftragstext / order text / kommission */
body.view_order form[name="order"] .options .subline {
    font-size: 13px;
    line-height: 17.55px
}

/* -- article basket -- */
body.view_order main.azold form[name="order"] article.article.list {
    height: 170px;
}

body.view_order main.azold form[name="order"] article.article.list.warranty {
    height: 100px;
    margin-top: -19px;
    border-top: 1px solid #E7E9EF;
}

body.view_order main.azold form[name="order"] article.article.list.is_pallet {
    height: 62px;
}

body.view_order main.azold form[name="order"] .form_element label {
    padding-left: 10px;
}

body.view_order main.azold form[name="order"] .separator .dark {
    background-color: #f2f2f2;
}

body.view_order main.azold form[name="order"] .container.title {
    padding: 15px 0;
}

body.view_order form[name="order"] .articles .text_container,
body.view_order form[name="order"] .article .amount.container {
    background: #fff;
    padding: 8px 20px;
}

body.view_order main.azold form[name="order"] .article.warranty .amount.container {
    padding: 8px 0;
}

body.view_order main.azold form[name="order"] .article.warranty.active .amount.container {
    padding: 8px 20px;
}

body.view_order.mobile main.azold form[name="order"] .article.warranty.active .amount.container {
    padding: 8px 0;
}

body.view_order .articles .title .text_container {
    padding: 8px 8px 8px 20px !important;
}

body.view_order main.azold form[name="order"] .articles .container {
    background: #fff;
}

body.view_order main.azold.relaunch form[name="order"] .title .inner {
    line-height: 18px;
    text-align: left;
}

body.view_order main.azold.relaunch form[name="order"] .inner .article_title {
    font-weight: 700;
    display: block;
    width: 100%;
    text-align: left;
}

@media (max-width: 950px) {
    body.mobile .azold form[name="order"] article.article {
        width: 100% !important;
    }
}

@media (max-width: 686px) {
    body.mobile .azold form[name="order"] article.article {
        width: auto !important;
    }
}

body.mobile .azold form[name="order"] .article.basket {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px;
}

body.mobile .azold form[name="order"] .article.basket.main-article {
    margin-top: 0;
    margin-bottom: 0;
}

body.mobile .azold form[name="order"] .article.basket.sub-article {
    margin-top: 0;
    margin-bottom: 0;
}


@media (max-width: 950px) {
    body.view_order.mobile main.azold form[name="order"] .article.warranty .main.container {
        padding-top: 20px !important;
        height: 70px;
    }

    body.view_order main.azold form[name="order"] .article .main.container {
        padding-top: 40px !important;
        height: 120px;
    }

}

body.mobile .azold form[name="order"] .article .container.info {
    padding-top: 20px !important;
}

/* badges */
body.view_order main.azold form[name="order"] .article .container.main > .badge {
    margin-top: 3px;
}

body.view_order main.azold form[name="order"] article.article.list .container.main > .flags > .inner {
    left: -66px;
    top: 15px;
}

/* -- custom flag/badge -- */
.azold form[name="order"] .badge-flags {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
}

.azold .badge-flags.no-user {
    top: -4px;
    left: 0;
    width: 102px;
}

.azold .badge-flags .flags {
    display: flex;
    align-items: center;
}

.azold .flags .tecselect {
    max-width: 96px;
    padding: 2px 20px 2px 0px;
}

.azold form[name="order"] .discount .flags .tecselect {
    max-width: 56px;
    padding: 0;
}

.azold form[name="order"] .badge .text {
    color: #fff;
    font-size: 12px;
    padding-right: 0;
    padding-left: 6px;
    line-height: 25px;
    display: flex;
}

.azold form[name="order"] .badge .text .full-width {
    min-width: 70px;
}

.azold form[name="order"] .badge .text.blue {
    background: #142864;
}

.azold form[name="order"] .badge .text.red {
    background: rgb(255, 18, 13);
}

.azold form[name="order"] .badge .text.yellow {
    background: #ffcd00;
}

.azold form[name="order"] .badge .text.white {
    background: #48167E;
}

.azold form[name="order"] .badge .text .slant {
    top: 1px;
}

@media (max-width: 1024px) {
    .azold form[name="order"] .badge .text {
        min-width: 100px;
        padding-right: 20px;
    }

    .azold form[name="order"] .badge-flags {
        top: -80px;
        left: 0;
    }

    .azold form[name="order"] .badge-flags .flags {
        margin-top: 5px;
    }

    form[name="order"] .badge .text .slant {
        border-top: 25px solid #142864;
    }

    form[name="order"] .badge .text.red .slant {
        border-top: 25px solid rgb(255, 18, 13);
    }

    form[name="order"] .badge .text.yellow .slant {
        border-top: 25px solid #ffcd00;
    }

    form[name="order"] .badge .text.white .slant {
        border-top: 25px solid #48167E;
    }
}

@media (min-width: 1201px) {

    .azold form[name="order"] .badge-flags {
        display: flex;
        position: inherit;
    }

    .azold form[name="order"] .badge-flags .badge {
        margin-right: 4px;
    }

    .azold form[name="order"] .badge-flags .badge,
    .azold form[name="order"] .badge-flags .flags {
        margin-bottom: 9px;
        white-space: nowrap;
    }

    .azold form[name="order"] .badge .text .slant {
        position: relative;
        display: block;
        max-height: 25px;
        top: 20px;
        margin-top: -20px;
        margin-left: 4px;
    }
}

@media (min-width: 1401px) {
    form[name="order"] .badge .text .slant {
        border-top: 25px solid #142864;
    }

    form[name="order"] .badge .text.red .slant {
        border-top: 25px solid rgb(255, 18, 13);
    }

    form[name="order"] .badge .text.yellow .slant {
        border-top: 25px solid #ffcd00;
    }

    form[name="order"] .badge .text.white .slant {
        border-top: 25px solid #48167E;
    }
}

/* functions */
body.view_order main.azold form[name="order"] .article .title > .text_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.view_order main.azold form[name="order"] .article .functions.container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
}

/*body.view_order main.azold form[name="order"] .article.no_article .main .checkbox.action {
    display: none;
}*/


body.view_order main.azold form[name="order"] article.article.list > .separator {
    width: 1px;
}

body.view_order main.azold form[name="order"] .article .container.functions .icon.info {
    margin-top: -22px;
}

body.view_order main.azold form[name="order"] .article .container.functions .icon svg {
    height: 22px;
    width: 22px;
}

body.view_order main.azold form[name="order"] .article .container.functions .button:not(.favorite) svg,
body.view_order main.azold form[name="order"] .article .container.functions .button.favorite:hover svg,
body.view_order main.azold form[name="order"] .article .container.functions .button:hover svg,
body.view_order main.azold form[name="order"] .article .container.functions .button.favorite-full i.star svg {
    fill: #fff;
}

body.view_order main.azold form[name="order"] .article .container.functions .button i:not(.star) svg {
    fill: #142864;
}

body.view_order main.azold form[name="order"] .functions .button {
    line-height: 0;
}

body.view_order main.azold form[name="order"] .article .container.functions .button {
    background: #E7E9EF;
    color: #142864;
    padding: 5px;
    margin-right: 12px;
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

/* articlenumber, vpe etc */
body.view_order main.azold form[name="order"] .article .container.info .item,
body.view_order main.azold form[name="order"] article.article.basket .container.price .item {
    line-height: 22px;
}

body.view_order main.azold form[name="order"] .article .container.info .item .right {
    font-weight: 700;
    color: #142864;
}

body.view_order main.azold form[name="order"] .article .container.info .item.artnum .right i {
    margin-top: -4px;
}

body.view_order main.azold form[name="order"] .article .price .inner .item .highlighted,
body.view_order main.azold form[name="order"] .article.basket .container.total .item.highlighted {
    font-weight: 700;
}

body.view_order main.azold form[name="order"] .article .container.info .item.artnum .right .article_number.custom {
    padding-right: 1px;
}

/* amount & basket */
body.view_order main.azold form[name="order"] .amount .icon_button {
    background: #F2F2F2;
}

body.view_order main.azold form[name="order"] article.article.basket .container.amount .button {
    width: 52px;
    height: 52px;
    border-left: 4px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.azold article.article.basket.warranty .deactivated .container > .item.activate .button {
    width: calc(37% - 42px);
    margin-left: auto;
    display: flex;
    float: none;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    min-width: 145px;
}

body.view_order main.azold form[name="order"] article.article.basket .container.amount input {
    height: 52px;
}

body.view_order main.azold form[name="order"] .article .container.amount .amount input {
    border: 1px solid #142864;
}

.azold article.article.list.basket .container.amount {
    width: calc(20% - 2px);
}

.azold form[name="order"] .article .amount .stock .info svg,
.azold form[name="order"] .article .total .additions .info svg,
.azold form[name="order"] .article.cutting_cost .title .functions .info svg {
    height: 23px;
    width: 20px;
}

.azold form[name="order"] .article .amount .stock_warning .info svg {
    margin-top: -4px;
}


.azold form[name="order"] .article .amount .stock.stock_warning {
    padding-bottom: 10px;
    white-space: normal;
}

/* cutting cost / schnittkosten */
main.azold form[name="order"] .article.cutting_cost.list {
    height: 56px !important;
}

.azold form[name="order"] .article.cutting_cost .title .text_container {
    flex-direction: row-reverse !important;
}

.azold form[name="order"] .article.cutting_cost .title .inner,
.azold form[name="order"] .article.cutting_cost .title .functions {
    width: 50% !important;
    display: flex;
    align-items: center;
}

.azold form[name="order"] .article.cutting_cost .title .functions {
    justify-content: flex-end;
    padding-right: 10px !important;
}

.azold form[name="order"] .article.cutting_cost .title .functions .info {
    margin-top: -1px;
}

body.mobile .azold form[name="order"] .article.cutting_cost .container.info {
    padding-top: 0 !important;
}

body.mobile .azold form[name="order"] .article.cutting_cost .main.container,
body.mobile .azold form[name="order"] .article.cutting_cost .container.price,
body.mobile .azold form[name="order"] .article.cutting_cost .separator.after-price,
body.mobile .azold form[name="order"] .article.cutting_cost .title .functions .info {
    display: none;
}

/* stock */
.azold article .amount .stock,
.azold article .amount > .row {
    color: #999999;
}

.azold article .amount .stock.stock_warning {
    margin-top: -10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azold .amount .stock.stock_warning svg {
    color: #d0af13;
}

.azold article .amount i.info {
    margin: 2px 4px 0 0;
}

[data-view="order"] .azold article .amount i.info {
    margin: 0 4px 0 0;
}

article .value {
    font-family: "century-gothic", Arial, sans-serif;
    font-size: 13px;
    line-height: 30px;
}

article .value.grey {
    color: #808080;
    font-weight: 700;
}

article .value.green,
article .value.mixed {
    color: #00A03F;
    font-weight: 700;
}

article .value.yellow {
    color: #FFCD00;
    font-weight: 700;
}

.value.orange {
    color: #F28F06;
    font-weight: 700;
}

.azold article .amount .stock i {
    line-height: 0;
}

.azold article .amount .stock i svg {
    height: 18px;
    width: 18px;
}

.azold article .amount .stock i.truck svg {
    height: 24px;
    width: 24px;
}


/* basket options */
body.view_order main.azold form[name="order"] .options .inner {
    display: flex;
    padding: 0;
}

body.mobile.view_order main.azold form[name="order"] .options .inner {
    width: 100%;
}

body.mobile.view_order main.azold form[name="order"] .options.flex.fullsize .inner > .col_two {
    display: block;
    width: 100%!important;
    height: auto;
}

body.view_order main.azold form[name="order"] .options .inner .col_three {
    height: auto;
}

/* price */
body.view_order main.azold form[name="order"] .container.total .item.additions .info {
    margin-bottom: -8px;
}

/* detail bugfix */
.details .col_tobasket .tobasket.container {
    display: flex;
    align-items: center;
}

.details .col_tobasket .stock {
    display: flex;
    align-items: center;
}

.details .col_tobasket .stock .row {
    width: 100%;
    margin: 0;
}

.details .stock .row .col-6 {
    justify-content: flex-start;
}

/* avg article relaunch */
[data-view="tcaz_custom_avg_header"] .inner.total.avg .inner_articles #content {
    background: #f2f2f2;
    padding: 20px;
}

[data-view="tcaz_custom_avg_header"] .inner.total.avg .item_article.aznew {
    min-height: 0;
}

[data-view="tcaz_custom_avg_header"] .inner.total.avg .item_article > span {
    margin: 0 10px;
    margin-top: -16px;
}

[data-view="tcaz_custom_avg_header"] .aznew article[data-type="list"] > .box > .main > .actions > .checkbox {
    margin-top: 0;
}

[data-view="tcaz_custom_avg_header"] .aznew article[data-type="list"] > .box > .main > .actions {
    left: 120px;
}

[data-view="tcaz_custom_avg_header"].mobile .aznew article[data-type="list"] > .box > .main > .actions {
    left: 0;
    justify-content: start;
}

[data-view="tcaz_custom_avg_header"] .aznew article[data-type="list"] > .box > .main > .actions > .checkbox {
    left: -116px;
}

[data-view="tcaz_custom_avg_header"] .aznew article[data-type="list"] > .box > .main > .actions {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


/* --- App Page --- */
.youtube_wrapper {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

/* tecworld */
[data-view="alist"] .inner.fullsize.background .col_background.img-full-width {
    width: 50%;
    float: left !important;
}

[data-view="alist"] .inner.fullsize.background .col_background.img-full-width.right {
    float: right !important;
}

[data-view="alist"] .inner.fullsize.background .col_background.img-full-width img {
    width: 100%;
}

@media (min-width: 1201px) {
    [data-view="alist"] .inner.fullsize.background.full-width-inner {
        margin-bottom: -80px;
    }
}

@media (max-width: 1024px) {
    [data-view="alist"] .inner.fullsize.background .inner.height_300 {
        height: auto !important;
    }
}

body[data-view="tcaz_custom_planet_wissen"] .table.planet_wissen .item.width_7_5.center .radio {
    float: none;
    margin: 0 auto;
}

/* content page Leistungen */
.azold .inner.grey.fullsize .inner.img picture img {
    width: 33%;
}

#window_popup_3d_view {
    width: 1000px;
}

#window_popup_3d_view .oxomi-3d-model {
    min-height: 400px;
    height: 400px;
}

.inner .relative.video-picture {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.inner .relative.video-picture > .video_wrapper {
    margin: unset;
    height: unset;
}

body.mobile .azold .relative.video-picture .video_wrapper {
    position: unset;
}

.pic_container > img {
    display: block;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}

@media screen and (min-width: 1201px) {
    .content-stretch {
        position: relative;
    }

    .content-stretch > div {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .content-stretch a.button {
        margin-top: auto !important;
    }
}


.inner .relative.video-picture {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.inner .relative.video-picture > .video_wrapper {
    margin: unset;
    height: unset;
}

body.mobile .azold .relative.video-picture .video_wrapper {
    position: unset;
}

.pic_container > img {
    display: block;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}

body[data-view="tcaz_custom_price_increase"] main {
    min-height: 500px;
}

body.mobile[data-view="tcaz_custom_price_increase"] main {
    min-height: unset;
}


@media screen and (min-width: 1201px) {
    .content-stretch {
        position: relative;
    }

    .content-stretch > div {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .content-stretch a.button {
        margin-top: auto !important;
    }
}



/*** Breaking news Banner ***/
.wrapper.breaking-news-banner {
    background: #FF9E0D;
    width: calc(100% - 280px);
    left: 280px;
    position: fixed !important;
    top:0;
    z-index: 90;
}

body.sidebar-small .wrapper.breaking-news-banner {
    width: calc(100% - 100px);
    left: 100px;
}

.wrapper.breaking-news-banner > .row {
    height: 100%;
}

.wrapper.breaking-news-banner .banner {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: #fff3cd;
    width: 85%;
    margin-left: 7.5%;
    margin-right: 7.5%;
    justify-content: center;
    padding: 5px 0;
}

.wrapper.breaking-news-banner .banner-close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.wrapper.breaking-news-banner .banner-close > i.close.white {
    color: #fff;
}

.wrapper.breaking-news-banner .banner > p {
    margin: 0;
}

body.mobile .wrapper.breaking-news-banner {
    height: unset;
    max-height: unset;
    position: fixed;
    top: 0;
    left:0;
    right: 0;
    width: 100%
}

body.mobile .wrapper.breaking-news-banner .banner {
    margin: 0;
    padding: 5px 20px;
    width: 100%;
    height: auto;
    padding-right: 50px;
}

body[data-view="details"] .aznew section.row.title.show-small,
body[data-view="tcaz_custom_action"] .aznew section.row.title.show-small {
    display: none;
}


@media (max-width: 750px) {

    body[data-view="details"] .aznew .badge-flags,
    body[data-view="tcaz_custom_action"] .aznew .badge-flags {
        position: relative;
        margin-bottom: 5px;
    }


    body[data-view="details"] .aznew section.row.title.hide-small,
    body[data-view="tcaz_custom_action"] .aznew section.row.title.hide-small {
        display: none;
    }

    body[data-view="details"] .aznew section.row.title.show-small,
    body[data-view="tcaz_custom_action"] .aznew section.row.title.show-small {
        display: block;
    }
}

.inner.prolog_technologien > .prolog_technologie > .icon-innovation {
    max-height: 225px;
    margin: 0 auto;
}

.azold .container.auswahlhilfen {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.azold .form-group {
    display: flex;
    align-items: center;
    gap: 5%;
}

.azold .form-group > div {
    flex: 0 1 100%;
}

.azold .form-time-inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5%;
}

.azold .form-field {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.azold .form-group .form-group-label {
    font-size: .875rem;
    font-weight: 400;
}

.azold .form-group input {
    float: none;
}

@media screen and (max-width: 699px) {
    .azold .form-group {
        flex-wrap: wrap;
    }

    .azold .form-group > div:first-child {
        margin-bottom: 20px;
    }
}

.azold .form-cable-reel {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.azold .form-cable-reel .form-cable-reel-input-wrapper {
    flex: 0 1 100%;
}

.azold .form-cable-reel .form-cable-reel-button {
    flex: 0 1 100%;
}

.azold .form-cable-reel .form-cable-reel-button > span {
    display: inline;
}

@media screen and (max-width: 530px) {
    .azold .form-cable-reel {
        flex-wrap: wrap;
        gap: .25rem;
        justify-content: space-between;
    }

    .azold .form-cable-reel .form-cable-reel-input-wrapper {
        flex: 0 1 30%;
    }
}

/* Transport equipments related */
.te-header {
    display: flex;
    flex-direction: column;

    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 85vw;
}

.te-header-tabs {
    display: flex;
    width: 100%;
}

.te-header-tabs > button {
    flex: 0 0 156px;
}

.te-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
    max-width: 85vw;
    margin: 0 auto;
}

.te-content form {
    background-color: #fff;
    padding: 20px;
}

@media (max-width: 1024px) {
    .te-content form {
        padding: unset;
    }
}

.te-box-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.te-box-container .access-times {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.te-box-container .access-times .access-times-list {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.te-box-container .te-title {
    color: #142864;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


@media screen and (max-width: 799px) {
    .te-content {
        grid-template-columns: 100%;
    }

    .te-box-container .te-title {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 649px) {
    .te-header-tabs {
        flex-wrap: wrap;
    }

    .te-header-tabs > button {
        flex: 0 0 50%;
    }
}
.azold .container.auswahlhilfen > div {
    max-width: 250px;
}

.azold .container.auswahlhilfen > div > a:not(.subline) {
    height: 100%;
}

.azold .container.auswahlhilfen > div > a img {
    max-width: 200px;
}

@media screen and (max-width: 431px) {
    .azold .container.auswahlhilfen {
        justify-content: center;
    }
}

/* wk restmenge + liefermenge popup width */
#window_popup_order_info.window_popup.info_popup {
    padding: 20px;
    min-width: 200px;
}

/*Niederlassungen*/
section.list.jobs .filter_box .button.js-carier-filter {
    height: 42px;
    line-height: 40px;
}

body main.azold .list.jobs {
    padding-top: 20px;
    margin-top: 60px;
}

/*Tecworld Font*/
section.inner.font-big p,
section.inner.font-big ul li {
    font-size: 10pt;
}

nav.azold .link .nav-icon {
    position: relative;
    padding: unset !important;
    width: 40px;
}

nav.azold .link .nav-icon > i.cart-white {
    height: 30px;
}

nav.azold .link .nav-icon > .number {
    position: absolute;
    background-color: #fff;
    border-radius: 23px;
    color: #142864;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    width: 20px;
    left: 20px;
    line-height: 18px;
    text-align: center;
    top: 4px;
}

body.view_order .azold .pick_up_info {
    height: 40px !important;
    align-content: center;
}

i.calendar-check {
    background: url("../../img/fresh-up/calendar_check.svg") !important;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat !important;
}

nav.azold .link.icon i.calendar-check {
    float: unset;
    width: 28px;
    height: 28px;
    margin-left: 2px;
}

.deha_gewinnspiel .flex {
    flex-wrap: wrap;
}

.deha_gewinnspiel .width-full.content-right {
    text-align: right;
}

.deha_gewinnspiel .flex.roles {
    gap: 40px;
}

.deha_gewinnspiel .flex.roles .role {
    flex-basis: calc(50% - 40px);
}

.deha_gewinnspiel .flex.preise {
    gap: 20px
}

.deha_gewinnspiel .flex.preise .price {
    width: calc(33.33% - 20px);
}


.deha_gewinnspiel .flex.preise .price .picture {
    min-height: 150px
}

.deha_gewinnspiel .flex.preise .price.no-picture {
    display: inline-flex;
    align-items: center;
}

.deha_gewinnspiel .flex.preise .price .picture > img {
    margin: 0 auto;
    width: 200px;
}


.deha_gewinnspiel .flex.logos {
    justify-content: space-around;
}

.deha_gewinnspiel .flex.logos .logo.boxed_content {
    min-width: 150px;
    margin-bottom: 5px;
}

.deha_gewinnspiel .flex .logo .picture {
    height: 50px;
    display: inline-flex;
    align-items: center;
}

.deha_gewinnspiel .flex .logo .picture img {
    max-height: 50px;
    max-width: 100px;
}

@media (max-width: 870px) {
    .deha_gewinnspiel .flex.roles {
        gap: unset;
    }

    .deha_gewinnspiel .flex.roles .role {
        flex-basis: 100%;
        margin-bottom: 40px;
    }

    .deha_gewinnspiel .flex.logos {
        justify-content: unset;
        gap: 20px;
    }

    .deha_gewinnspiel .flex.logos .logo {
        width: calc(33.33% - 20px);
    }

    .deha_gewinnspiel .flex.preise .price {
        width: calc(50% - 20px);
    }
}

@media (max-width: 565px) {

    .deha_gewinnspiel .flex.logos .logo,
    .deha_gewinnspiel .flex.preise .price {
        width: calc(100% - 20px);
    }

}

/* -------------- Form protection ------------ */
.azold .input_c textarea, .input_c input[type=text] {
    border: none;
    background: none;
    width: 0;
    height: 0;
    padding: 0;
    line-height: 0;
    margin: 0;
    display: block;
    min-height: 0;
    max-height: 0;
}

h1.headline.big {
    font-size: 36px;
}

.font-weight-normal {
    font-weight: normal !important;
    font-size: 26px;
}

.flex_wrap {
    flex-wrap: wrap;
}

.align-x-center {
    justify-content: center;
}

.wrapper.configurators.box .image-container,
.wrapper.configurators .box .image-container > .image,
.wrapper.configurators .box .image-container > .manufacturer {
    height: 60px;
}

.wrapper.configurators .box .image-container > .image,
.wrapper.configurators .box .image-container > .manufacturer {
    display: inline-flex;
    align-items: center;
}

.wrapper.configurators .box .image-container > .image > img,
.wrapper.configurators .box .image-container > .manufacturer > img {
    max-height: 55px;
}

input#configurator-search {
    text-align: left;
}

/* Configurator */
body[data-view="order" ] .row.configurator-heading {
    width: 100%;
}

.height-full {
    height: 100%;
}


body[data-view="order" ] .configurator-heading i.cart-white {
    height: 30px;
}

body[data-view="order" ] .configurator-heading .boxed_content .image-container .image > img {
    margin: 0 auto;
}

body[data-view="order" ] .configurator-heading .flex.wrap {
    flex-wrap: wrap;
}

body[data-view="order"] .configurator-heading .image-container > .image,
body[data-view="order"] .configurator-heading .image-container > .manufacturer {
    max-height: 50px;
}

body[data-view="order"] .configurator-heading .image-container > .image > img,
body[data-view="order"] .configurator-heading .image-container > .manufacturer > img {
    max-height: 50px;
}

i.settings.white {
    background: url("../../img/fresh-up/settings.svg") !important;
    width: 24px;
    height: 24px;
}

@media (max-width: 1024px) {
    body[data-view="order" ] .configurator-heading {
        height: 200px;
    }

    body[data-view="order" ] .configurator-heading .boxed_content,
    .full_mobile {
        width: 100% !important;
    }

    body[data-view="order" ] .configurator-heading .button {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 750px) {
    body[data-view="order" ] .configurator-heading .box img {
        margin: 0 auto;
    }
}

#basket-from-temp .form_element label {
    padding-left: 0;
}

#basket-from-temp hr {
    background-color: #eee;
    height: 2px;
    position: relative;
}

/*** Configurator ***/
[data-view="tc_configurator_overview"] .ss-content.ss-open {
    display: block;
    opacity: 1;
    transform: scaleY(1);
}

[data-view="tc_configurator_overview"] .ss-content {
    border-radius: 10px;
    box-shadow: 0 4px 34px rgba(0, 0, 0, 0.1);
    top: calc(100% + 16px);
    min-width: 200px;
    padding: 4px;
    position: absolute;
    width: 100%;
    margin: -1px 0 0;
    box-sizing: border-box;
    border: 1px solid #dcdee2;
    z-index: 1010;
    background-color: #fff;
    transform-origin: center top;
    transition: transform .2s, opacity .2s;
    opacity: 0;
    transform: scaleY(0);
}

[data-view="tc_configurator_overview"] .ss-content .ss-search {
    background: #eee;
    color: inherit;
    padding: 12px;
    display: flex;
    flex-direction: row;
}

[data-view="tc_configurator_overview"] .ss-content .ss-search input {
    border: 1px solid;
    height: 44px;
    padding: 0 12px;
    display: inline-flex;
    font-size: inherit;
    line-height: inherit;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    outline: 0;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: textfield;
}


[data-view="tc_configurator_overview"] .ss-content .ss-list {
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    padding: 12px 0;
    max-height: 400px;
    scrollbar-width: thin;
}

[data-view="tc_configurator_overview"] .ss-content .ss-list .ss-option {
    padding: 6px 12px;
    margin-bottom: 4px;
    min-height: 32px;
    border-radius: 8px;
}

[data-view="tc_configurator_overview"] .ss-content .ss-list .ss-option * {
    display: inline-block;
}


[data-view="tc_configurator_overview"] .ss-content .ss-list .ss-option.ss-option-selected {
    font-weight: bold;
}

[data-view="tc_configurator_overview"] .aznew .button.filter > .count {
    background: unset;
    border-radius: unset;
    color: #AAAAAA;
    font-weight: bold;

}

[data-view="tc_configurator_overview"] .filter-container .button.filter {
    height: 55px;
    margin: unset;
    border: 1px solid #ccc;
}

[data-view="tc_configurator_overview"] .aznew .button.filter.active,
[data-view="tc_configurator_overview"] .aznew .button.filter.open {
    color: #142864;
}

[data-view="tc_configurator_overview"] .filter-container .button.filter:hover {
    border-color: #142864;
    background: #fff;
}

[data-view="tc_configurator_overview"] .filter-container .ss-main .ss-multi-selected .ss-add {
    margin-top: 16px;
}

[data-view="tc_configurator_overview"] .ss-main .ss-multi-selected .ss-values .ss-value {
    background-color: #142864 !important;
    border-radius: 2px !important;
}


@media (max-width: 749px) {
    [data-view="tc_configurator_overview"] .aznew .filter-container {
        padding: 5px 10px;
    }
}

article[data-type="gallery"] .deha-main,
body[data-view="details"] .deha-main {
    position: absolute;
    right: 0;
    top: 0;
}

article[data-type="list"] .deha-main {
    position: absolute;
    right: 2px;
    top: 0;
}

article.list.basket .deha-main {
    position: absolute;
    right: 5px;
    top: 15px;
}

article .deha-main .custom_action.logo,
section.article .deha-main .custom_action.logo {
    height: 35px;
}

article .deha-main .custom_action.logo img,
section.article .deha-main .custom_action.logo img {
    height: 100%;
}

body[data-view="tc_configurator_overview"] .button.filter {
    position: relative;
    overflow: visible;
}

body[data-view="tc_configurator_overview"] .button.filter > select,
body[data-view="tc_configurator_overview"] .button.filter > .ss-main {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    right: 0;
    bottom: -15px;
    visibility: hidden;
}


.tecworld_cols .col_three img {
    max-height: 250px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.azold .picture_logo.flex {
    display: flex;
}

.azold .picture_logo .col_picture {
    width: 75% !important;
}

.azold .picture_logo .col_logo {
    width: 25% !important;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
}

.azold .picture_logo .col_logo img {
    width: 100%;
}

@media (max-width: 1024px) {
    .azold .picture_logo.flex {
        flex-wrap: wrap;
    }

    .azold .picture_logo .col_picture,
    .azold .picture_logo .col_logo {
        width: 100% !important;
    }

    .azold .picture_logo .col_logo {
        flex-direction: row;
    }

}
/* IE Feedback Dialog */
.ie-dialog {
    background-color: #eee;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;

    padding-top: 100px;
}

.ie-dialog > div {
    display: inline-block;
    max-width: 600px;
    padding: 2em;
    text-align: left;
    position: relative;

    background-color: #fff;
}

.ie-dialog .ie-dialog-close {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}

.ie-dialog h1 {
    font-weight: 300;
    color: rgba(0, 46, 110, 0.56);
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: center;
    /* margin-top: 2em; */
    margin-bottom: 1rem;
}

.ie-dialog ul {
    list-style: disc;

    float: none !important;
    line-height: 1.5 !important;
    padding-left: 0 !important;
    position: static !important;
    width: auto !important;

    margin-left: 3rem;
}

.ie-dialog ul li {
    float: none !important;
    line-height: 1.5 !important;
    padding-left: 0 !important;
    position: static !important;
    width: auto !important;
}

.ie-dialog .button-wrapper {
    text-align: center;
}

.ie-dialog button {
    width: 65%;
    border: none;
    background-color: #142864;
    color: #fff;
    padding: 12px 24px;
}

.ie-dialog .ie-subtitle {
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
}


#window_popup_article_info .right i.cart.blue svg,
#window_popup_article_info .right i.cart.blue svg path {
    color: #142864;
    fill: #142864;
}


/*** aza ***/
#Prämien .flex-logos,
body.app.view_aza .wrapper.additions .flex-logos {
    display: flex;
    justify-content: space-between;
}

#Prämien .flex-logos > .logo,
body.app.view_aza .wrapper.additions .flex-logos > .logo {
    width: 20%;
}

#Prämien .flex-logos > .logo img {
    max-width: 150px;
}

body.app.view_aza .wrapper.additions .flex-logos > .logo img {
    max-width: 100px;
}

@media (max-width: 1024px) {

    #Prämien .flex-logos,
    body.app.view_aza .wrapper.additions .flex-logos {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    #Prämien .flex-logos > .logo,
    body.app.view_aza .wrapper.additions .flex-logos > .logo {
        width: calc(50% - 10px);

    }

}



.flex-center {
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px) {
    .flex-center {
        flex-wrap: wrap;
    }

    .flex-center .button {
        width: 100%;
        text-align: center;
        margin-right: 0 !important;
    }
}

/*** Details Slider***/

body.view_details .aznew .image_box,
body.view_tcaz_custom_action .aznew .image_box {
    position: relative;
}

body.view_details .aznew .image_box .main.owl-carousel,
body.view_tcaz_custom_action .aznew .image_box .main.owl-carousel {
    height: 300px;
    display: flex;
    text-align: center;
    margin: 0 auto;
    align-items: center;
}

body.view_details .aznew .image_box .main.owl-carousel .owl-item,
body.view_tcaz_custom_action .aznew .image_box .main.owl-carousel .owl-item {
    height: 300px;
    display: inline-flex;
}

body.view_details .aznew .image_box .main.owl-carousel .owl-item,
body.view_tcaz_custom_action .aznew .image_box .main.owl-carousel .owl-item {
    width: 100%;
    align-self: center;
}

body.view_details .aznew .image_box .main.owl-carousel img,
body.view_tcaz_custom_action .aznew .image_box .main.owl-carousel img {
    width: unset;
    margin: 0 auto;
    max-width: 250px;
    cursor: pointer;
    max-height: 300px;
    align-self: center;

}

body.view_details .aznew .image_box .main.owl-carousel .owl-item .videoWrapper,
body.view_tcaz_custom_action .aznew .image_box .main.owl-carousel .owl-item .videoWrapper {
    width: 90%;
    align-self: center;
}


body.view_details .aznew .image_box .main.owl-carousel .owl-item .videoWrapper > iframe,
body.view_tcaz_custom_action .aznew .image_box .main.owl-carousel .owl-item .videoWrapper > iframe{
    width: 100%;
    margin: 0 auto
}

body.view_details .aznew .image_box .more,
body.view_tcaz_custom_action .aznew .image_box .more {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
}

body.view_details .aznew .image_box .more.owl-carousel,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel {
    width: calc(100% - 60px);
    margin-top: 40px;
}

body.view_details .aznew .image_box .more.owl-carousel .owl-item .border,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel .owl-item .border,
#popup-article-image-expand .more.owl-carousel .owl-item .border {
    padding: 3px;
    border: 1px solid #eee;
    display: inline-block;
    border-radius: 1px;
    width: 50px;
    height: 50px;
}

body.view_details .aznew .image_box .more.owl-carousel .owl-item.current .border,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel .owl-item.current .border,
#popup-article-image-expand .more.owl-carousel .owl-item .border.current {
    border: 1px solid #142864;
}

body.view_details .aznew .image_box .more.owl-carousel .border img,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel .border img,
#popup-article-image-expand .more.owl-carousel .border img {
    max-height: 44px;
    max-width: 44px;
    margin: 0 auto;
    overflow: hidden;
}

#popup-article-image-expand .more.owl-carousel .navigation {
    display: none;
}

body.view_details .aznew .image_box .more.owl-carousel .navigation .button,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel .navigation .button {
    height: 50px;
    position: absolute;
    top: 0;
    background: #142864;
    width: 28px;
    cursor: pointer;
    padding: unset;
}

#window_popup_image_expand .more.owl-carousel .navigation {
    display: none !important;
}

body.view_details .aznew .image_box .more.owl-carousel .navigation.disabled .button.disabled,
body.view_tcaz_custom_actions .aznew .image_box .more.owl-carousel .navigation.disabled .button.disabled,
body.view_details .more.owl-carousel .navigation.disabled .button.disabled,
body.view_tcaz_custom_action .more.owl-carousel .navigation.disabled .button.disabled {
    opacity: 0;
    cursor: inherit;
}

body.view_details .aznew .image_box .more.owl-carousel .navigation .button.prev,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel .navigation .button.prev {
    left: -30px;
}

body.view_details .aznew .image_box .more.owl-carousel .navigation .button.next,
body.view_tcaz_custom_action .aznew .image_box .more.owl-carousel .navigation .button.next {
    right: -30px;
}

#window_popup_image_expand .more.owl-carousel {
    width: 100%;
}

#window_popup_image_expand .more.owl-carousel .border {
    width: 50px;
}

#window_popup_image_expand .more.owl-carousel .border img {
    max-width: 40px;
    max-height: 40px;
    margin: 0 auto;
}

#window_popup_image_expand .more.owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100% !important;
    transform: none !important;
    justify-content: center;
}

@media (max-width: 1024px) {
    body.view_details .aznew .image_box i.zoom.hidden_mobile,
    body.view_tcaz_custom_action .aznew .image_box i.zoom.hidden_mobile {
        display: none !important;
    }
}

.margin_top_60 {
    margin-top: 60px !important;
}


article.article.small .deha-main {
    display: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

form .policies {
    display: none;
}

form .policies ul.password-policies li i {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 2px;
    top: 1px;
}

.azold.relaunch section.inner.manufactures .manufacturer_icon .aza-image {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.azold.relaunch section.inner.manufactures .manufacturer_icon .aza-image .image-container {
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.azold .aza-nachlese .manufacturer-grid {
    height: unset;
    overflow: unset;
    -webkit-mask-image: unset;
    mask-image: unset;
}

/*** Banner startpage ***/
body.view_start .azold section.banners > .banner {
    overflow: hidden;
}

@media (max-width: 1500px) {
    body.view_start .azold section.banners > .banner .text_container.position_left_center .text_inner .subline {
        font-size: 13px;
        line-height: 24px;
    }
}

@media (max-width: 1024px) {
    body.view_start .azold section.banners > .banner .text_container.position_left_center .text_inner .subline {
        font-size: inherit;
        line-height: inherit;
    }
}

.tobasket.container .stock_amount .stock .delivery {
    margin-left: auto;
}
.tobasket.container .stock_amount .stock .collection {
    margin-right: auto;
}

article .amount.container .stock .delivery> .value {
    line-height: 23px;
}

.col_tobasket .functions .stock.container .delivery,
.col_tobasket .functions .stock.container .collection,
article .functions.container .stock.container .delivery,
article .functions.container .stock.container .collection,
article .stock_amount .stock .delivery,
article .stock_amount .stock .collection,
article .amount.container .stock .delivery,
article .amount.container .stock .collection,
body[data-view="details"] .article-stock .delivery,
body[data-view="details"] .article-stock .collection,
body.app[data-view="details"] .sticky-basket .stock .delivery,
body.app[data-view="details"] .sticky-basket .stock .collection {
    padding: 0 5px;
    height: 30px;
}

[data-view="details"] .stock.container .delivery.green,/* banner*/
[data-view="details"] .stock.container .collection.green,
article .functions.container .stock.container .delivery.green,/* list*/
article .functions.container .stock.container .collection.green,
article .stock_amount .stock .delivery.green,
article .stock_amount .stock .collection.green,
article .amount.container .stock .delivery.green, /* basket*/
article .amount.container .stock .collection.green,
body[data-view="details"] .article-stock .delivery.green,
body[data-view="details"] .article-stock .collection.green,
body.app[data-view="details"] .sticky-basket .stock .delivery.green,
body.app[data-view="details"] .sticky-basket .stock .collection.green {
    background: #E5FFF0;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.green:hover,
article .functions.container .stock.container .collection.green:hover,
article .stock_amount .stock .collection.green:hover,
article .amount.container .stock .collection.green:hover,
body[data-view="details"] .article-stock .collection.hover {
    background: #00A03F;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.green:hover  i.green svg,
article .functions.container .stock.container .collection.green:hover  i.green svg,
article .stock_amount .stock .collection.green:hover  i.green svg,
article .amount.container .stock .collection.green:hover  i.green svg,
body[data-view="details"] .article-stock .collection.green:hover i.green svg {
    color: #fff;
    fill: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.green:hover span.green,
article .functions.container .stock.container .collection.green:hover span.green,
article .stock_amount .stock .collection.green:hover span.green,
article .amount.container .stock .collection.green:hover span.green,
body[data-view="details"] .article-stock .collection.green:hover span.green {
    color: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.green:hover i.pickup.green svg,
article .functions.container .stock.container .collection.green:hover i.pickup.green svg,
article .stock_amount .stock .collection.green:hover i.pickup.green svg,
article .amount.container .stock .collection.green:hover i.pickup.green svg {
    stroke: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .delivery.yellow,
[data-view="details"] .stock.container .delivery.mixed,
[data-view="details"] .stock.container .collection.yellow,
article .functions.container .stock.container .delivery.yellow,
article .functions.container .stock.container .delivery.mixed,
article .functions.container .stock.container .collection.yellow,
article .stock_amount .stock .delivery.yellow,
article .stock_amount .stock .delivery.mixed,
article .stock_amount .stock .collection.yellow,
article .amount.container .stock .delivery.yellow,
article .amount.container .stock .delivery.mixed,
article .amount.container .stock .collection.yellow,
body.app[data-view="details"] .sticky-basket .stock .delivery.yellow,
body.app[data-view="details"] .sticky-basket .stock .delivery.mixed,
body.app[data-view="details"] .sticky-basket .stock .collection.yellow,
body.app[data-view="details"] .sticky-basket .stock .collection.mixed,
body[data-view="details"] .article-stock .delivery.yellow,
body[data-view="details"] .article-stock .collection.yellow {
    background: #FFF2CC;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.yellow:hover,
article .functions.container .stock.container .collection.yellow:hover,
article .stock_amount .stock .collection.yellow:hover,
article .amount.container .stock .collection.yellow:hover,

body[data-view="details"] .article-stock .collection.yellow:hover {
    background: #FFCD00;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.yellow:hover  i.yellow svg,
article .functions.container .stock.container .collection.yellow:hover  i.yellow svg,
article .stock_amount .stock .collection.yellow:hover  i.yellow svg,
article .amount.container .stock .collection.yellow:hover  i.yellow svg,
body[data-view="details"] .article-stock .collection.yellow:hover i.yellow svg  {
    color: #fff;
    fill: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.yellow:hover  span.yellow,
article .functions.container .stock.container .collection.yellow:hover  span.yellow,
article .stock_amount .stock .collection.yellow:hover  span.yellow,
article .amount.container .stock .collection.yellow:hover  span.yellow,
body[data-view="details"] .article-stock .collection.yellow:hover  span.yellow {
    color: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.yellow:hover i.pickup.yellow svg,
article .functions.container .stock.container .collection.yellow:hover i.pickup.yellow svg,
article .stock_amount .stock .collection.yellow:hover i.pickup.yellow svg,
article .amount.container .stock .collection.yellow:hover i.pickup.yellow svg {
    stroke: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .delivery.grey,
[data-view="details"] .stock.container .collection.grey,
article .functions.container .stock.container .delivery.grey,
article .functions.container .stock.container .collection.grey,
article .stock_amount .stock .delivery.grey,
article .stock_amount .stock .collection.grey,
article .amount.container .stock .delivery.grey,
article .amount.container .stock .collection.grey,
body.app[data-view="details"] .sticky-basket .stock .delivery.grey,
body.app[data-view="details"] .sticky-basket .stock .collection.grey,
body[data-view="details"] .article-stock .delivery.grey,
body[data-view="details"] .article-stock .collection.grey {
    background: #F2F2F2;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.grey:hover,
article .functions.container .stock.container .collection.grey:hover,
article .stock_amount .stock .collection.grey:hover,
article .amount.container .stock .collection.grey:hover,
body[data-view="details"] .article-stock .collection.grey:hover {
    background: #999999;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.grey:hover  i.grey svg,
article .functions.container .stock.container .collection.grey:hover  i.grey svg,
article .stock_amount .stock .collection.grey:hover  i.grey svg,
article .amount.container .stock .collection.grey:hover  i.grey svg,
body[data-view="details"] .article-stock .collection.grey:hover  i.grey svg {
    color: #fff;
    fill: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.grey:hover span.grey,
article .functions.container .stock.container .collection.grey:hover span.grey,
article .stock_amount .stock .collection.grey:hover span.grey,
article .amount.container .stock .collection.grey:hover span.grey,
body[data-view="details"] .article-stock .collection.grey:hover span.grey {
    color: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.grey:hover i.pickup.grey svg,
article .functions.container .stock.container .collection.grey:hover i.pickup.grey svg,
article .stock_amount .stock .collection.grey:hover i.pickup.grey svg,
article .amount.container .stock .collection.grey:hover i.pickup.grey svg,
body[data-view="details"] .article-stock .collection.grey:hover i.pickup.grey svg {
    stroke: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .delivery.orange,
[data-view="details"] .stock.container .collection.orange,
article .functions.container .stock.container .delivery.orange,
article .functions.container .stock.container .collection.orange,
article .stock_amount .stock .delivery.orange,
article .stock_amount .stock .collection.orange,
article .amount.container .stock .delivery.orange,
article .amount.container .stock .collection.orange,
body.app[data-view="details"] .sticky-basket .stock .delivery.orange,
body.app[data-view="details"] .sticky-basket .stock .collection.orange,
body[data-view="details"] .article-stock .delivery.orange,
body[data-view="details"] .article-stock .collection.orange {
    background: #FFEBCD;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.orange:hover,
article .functions.container .stock.container .collection.orange:hover,
article .stock_amount .stock .collection.orange:hover,
article .amount.container .stock .collection.orange:hover,
body[data-view="details"] .article-stock .collection.orange:hover {
    background: #FF9D0C;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.orange:hover i.orange svg,
article .stock_amount .stock .delivery.orange:hover i.orange svg,
article .stock_amount .stock .collection.orange:hover i.orange svg,
article .amount.container .stock .collection.orange:hover i.orange svg,
body[data-view="details"] .article-stock .collection.orange:hover i.orange svg {
    color: #fff;
    fill: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.orange:hover span.orange,
article .functions.container .stock.container .collection.orange:hover span.orange,
article .stock_amount .stock .collection.orange:hover span.orange,
article .amount.container .stock .collection.orange:hover span.orange,
body[data-view="details"] .article-stock .collection.orange:hover span.orange {
    color: #fff;
    transition: all 0.2s ease;
}

[data-view="details"] .stock.container .collection.orange:hover i.pickup.orange svg,
article .functions.container .stock.container .collection.orange:hover i.pickup.orange svg,
article .stock_amount .stock .collection.orange:hover i.pickup.orange svg,
article .amount.container .stock .collection.orange:hover i.pickup.orange svg,
body[data-view="details"] .article-stock .collection.orange:hover i.pickup.orange svg {
    stroke: #fff;
    transition: all 0.2s ease;
}

form.voltimum_plus .form_element label {
    line-height: 45px;
}

form.voltimum_plus .form_element .checkbox.error {
    border: 1px dashed #a3271a;
}


.navigation-fixed.fixed {
    position: sticky;
    top: 55px;
    z-index: 100;
    transition-duration: 300ms;
    width: 100%;
    background-color: #EAEAEA;
}

.navigation-fixed nav {
    display: flex;
    overflow: auto hidden;
    position: relative;
    z-index: 2;
    width: 100%;
}

.navigation-fixed nav .nav-element {
    transition: all ease-in-out 150ms;
    padding: 16px;
    width: 100%;
    white-space: nowrap;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #EAEAEA;
}

.navigation-fixed nav .nav-element.active,
.navigation-fixed nav .nav-element:hover {
    border-bottom: 2px solid #142864;
    background: #fff;
    transition: none;
}

@media (max-width: 1024px) {
    .navigation-fixed.fixed {
        top: 0
    }
}

/* sub navigation start */
[data-view="start"] .navigation-fixed {
    position: relative;
    background-color: #fff;
}

[data-view="start"] .navigation-fixed > .wrapper {
    display: flex;
    align-items: center;
}

[data-view="start"] .navigation-fixed nav .nav-element {
    border-bottom: 3px solid #fff;
    font-weight: normal;
    font-size: 14px;
}

[data-view="start"] .navigation-fixed nav .nav-element.image {
    display: flex;
    align-items: center;
}

[data-view="start"] .navigation-fixed nav .nav-element img {
    height: 11px;
    margin: 2px auto 0;
}

[data-view="start"] .navigation-fixed nav .nav-element:hover {
    border-color: #FFCD00;
    font-weight: bold;
}

[data-view="start"] .navigation-teaser-item {
    font-size: 14px;
    font-weight: bold;
    min-width: 105px;
    margin-left: 12px;
}

[data-view="start"] .navigation-teaser-item::before {
    content: '';
    position: absolute;
    transform: skew(-26deg,0);
    top: 4px;
    height: 17px;
    width: 4px;
    background-color: #FFCD00;
    margin-left: -10px;
}

.tobasket.container .stock_amount .stock .delivery {
    margin-left: auto;
}
.tobasket.container .stock_amount .stock .collection {
    margin-right: auto;
}

article .amount.container .stock .delivery> .value {
    line-height: 23px;
}

.col_tobasket .functions .stock.container .delivery,
.col_tobasket .functions .stock.container .collection,
article .functions.container .stock.container .delivery,
article .functions.container .stock.container .collection,
article .stock_amount .stock .delivery,
article .stock_amount .stock .collection,
article .amount.container .stock .delivery,
article .amount.container .stock .collection {
    padding: 0 5px;
    height: 30px;
}

article .functions.container .stock.container .third-party-stock {
    height: 24px;
}

.azold i.truck {
    width: 30px;
    height: 30px;
}

.azold i.truck > svg {
    width: 30px;
    height: 30px;
}

.azold section.featured-articles .actions .tobasket.container .row .delivery,
.azold section.featured-articles .actions .tobasket.container .row .collection,
body[data-view="order"] article .amount.container .stock .delivery,
body[data-view="order"] article .amount.container .stock .collection {
    display: inline-flex;
    align-items: center;
}

body[data-view="order"] .azold i.truck {
    width: 24px;
    height: 24px;
}
.flex.flex-wrap {
    flex-wrap: wrap;
}

@media(max-width: 750px){
    .flex.flex-wrap-m {
        flex-wrap: wrap;
    }
}

.become_customer_success.flex .map {
    flex-basis: calc(66% - 20px)
}

.become_customer_success.flex .info {
    flex-basis: 33%;
}

.become_customer_success.flex.align-y-center {
    align-items: center;
    align-content: center;
}

.become_customer_success .info a.block {
    display: block;
}

.become_customer_success .info a > img {
    margin: 0 auto;
    height: 300px;
}

@media (max-width: 1024px) {
    .become_customer_success.flex .map {
        flex-basis: 100%
    }

    .become_customer_success.flex .info {
        flex-basis: 100%
    }
}


#window_popup_orderlimit_new form.orderlimit_form input[disabled] {
    opacity: 0.5;
    background: #eee;
    cursor: not-allowed;
}

.aznew.cyber-monday .owl-carousel article {
    width: 100% !important;
}

.aznew.cyber-monday .owl-carousel .navigation {
    width: 100%;
    position: absolute;
    top: calc(50% - 48px)
}

.aznew.cyber-monday .owl-carousel .navigation .button.next {
    float: right;
}

[data-view="tcaz_custom_planet_wissen"] .qoute .text {
    font-size: 30px;
    line-height: 150%;
}

[data-view="tcaz_custom_planet_wissen"] .qoute i.qoute.grey svg {
    color: #ccc;
    fill: #ccc;
}

[data-view="tcaz_custom_planet_wissen"] .qoute i.qoute.up {
    margin-top: -25px;
}

[data-view="tcaz_custom_planet_wissen"] .qoute i.qoute.down {
    margin-bottom: -25px;
}

@media (max-width: 1024px) {
    [data-view="tcaz_custom_planet_wissen"] .qoute > .text {
        font-size: 25px;
        line-height: 35px !important;
    }
}

[data-view="tcaz_custom_planet_wissen"] .info .col {
    height: unset;
}

.aznew .overflow-hidden {
    margin: 0
}

.full-banner {
    width: 100%;
}

[data-view="tcaz_custom_planet_wissen"] .wrapper.courses .line {
    min-height: 40px;
    line-height: 18px;
}

[data-view="tcaz_custom_planet_wissen"] .window_popup.info_popup i.close {
    display: inline-block;
    margin-top: 5px;
}

[data-view="tcaz_custom_planet_wissen"] .window_popup .popup_headline {
    color: #142864;
    font-weight: bold;
}
body[data-view="tcaz_custom_planet_wissen"] .aznew {
    font-size: 13px !important;
}

body[data-view="tcaz_custom_planet_wissen"] .aznew .subline {
    font-size: 14px !important;
}

body[data-view="tcaz_custom_planet_wissen"] .aznew .filters .filter.active {
    background: #142864;
    border-color: #142864;
    color: #fff;
}

body[data-view="tcaz_custom_planet_wissen"] .aznew .box.primary {
    background: #142864;
    color: #fff;
}

[data-view="details"] .wrapper.results {
    height: auto;
    min-height: unset;
}

[data-view="details"] .wrapper.results [data-type="back"] {
    width: 180px;
}

[data-view="details"] .wrapper.results .grey {
    color: #808080;
}

.container-hager {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .container-hager {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.azold section.slider .swiper-slide .slide-inner.carousel section.articles article.article .info.container .price-scale {
    display: flex;
    justify-content: center;
    align-items: center;
}


section.slider .swiper-slide .slide-inner.carousel section.articles article.article .info.container .price-scale .badge-scaleprice {
    color: #fff;
    font-size: 15px;
    width: 180px;
    height: 24px;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    display: inline-block;
    padding: 2px 10px;
    line-height: 20px;
    text-align: left;
    background: #ffcd00;
    margin-top: 6px;
}

section.slider .swiper-slide .slide-inner.carousel section.articles article.article .info.container .price-scale .badge-scaleprice > .text{
    line-height: unset;
}


/*Planetwissen Downloads*/

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer {
    background: #fff;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px solid #fff;
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer:hover {
    background: #fafafa;
    border: 2px solid #142864;
}

/*KuK Qoute*/

section.inner.kuk-qoute {
    padding:60px 0 !important;
}

.kuk-qoute i.qoute {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    color: inherit;
}

.kuk-qoute i.qoute.up {
    margin-top: -50px;
}


.kuk-qoute p.qoute .text {
    font-size: 30px;
    line-height: 150%;
    display: inline-block;
    color: #142864;
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer .overlay-download,
[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer .downloaded-icon i svg,
[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer .overlay-download-text {
    display: none;
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer.downloaded:hover .overlay-download {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.9;
    display: block;
    width: 100%;
    background: #fff;
    z-index: 10;
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer.downloaded:hover .overlay-download-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 11;
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer.downloaded .downloaded-icon {
    position: absolute;
    right: 16px;
    top: 8px;
}

[data-view="tcaz_custom_planet_wissen_documents"] .manufacturer-grid .manufacturer.downloaded .downloaded-icon i svg {
    width: 18px;
    height: 16px;
    margin-top: 2px;
    fill: #636363;
    display: block;
    transition: ease-out;
}


/* - Webflow custom styles  - */
.webflow .aznew article .data.container section.row {
    display: block;
}
.webflow section.articles > .wrapper {
    margin: 0 -10px;
}
main.webflow {
    font-family: "century-gothic",Arial,sans-serif;
}
main.webflow .article .yellow {
    background-image: none;
}

/*** elGate stock ***/

body. main .elgate-stock .availability {
    margin: 0 6px;
}

body.view_order form[name="order"] .article .amount.container .stock .elgate-stock .availability {
    font-size: 12px;
    white-space: normal;
    margin: 0 3px
}

body.view_order form[name="order"] .article .amount.container .stock .elgate-stock .value {
    white-space: normal;
    line-height: 18px;
}

.elgate-stock .availability {
    display: inline;
    margin: 0 3px;
}

.elgate-stock .value > b {
    color: inherit;
    margin: 0 !important;
}

body:not(.view_details) .elgate-stock .value i {
    margin-top: -2px !important;
}

body:not(.view_start) .placeholder-item {
    width: 100%;
    font-size: 12px;
    height: 24px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    background-color: #eee;
    text-align: center;
}

body:not(.view_start) .placeholder-item:after {
    content: "";
    -webkit-animation: skeletonLoading 1.3s infinite;
    animation: skeletonLoading 1.3s infinite;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1;
    background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,0.3)),to(transparent));
    background: linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
}


[data-view="details"] .aznew .placeholder-item  {
    background: #dedede;
    line-height: 30px;
    height: 30px;
}

@media (min-width: 2000px) {
    .elgate-stock > .col {
        justify-content: center;
    }
}

.float-none {
    float: none !important;
}

#window_popup_article_info.elgate_popup .light-green,
#window_popup_article_info_sticky.elgate_popup .light-green,
.elgate-stock .availability.light-green {
    color: #9EE031;
    font-weight: bold;
}

.elgate-stock .availability.light-green i > svg{
    fill: #9EE031;
    color: #9EE031;
}

#window_popup_article_info.elgate_popup .green,
#window_popup_article_info_sticky.elgate_popup .green,
.elgate-stock .availability.green  {
    color: #00A03F !important;
    font-weight: bold;
}


#window_popup_article_info.elgate_popup .message.default,
#window_popup_article_info_sticky.elgate_popup .message.default {
    text-align: left;
}

@media (min-width: 1024px) {
    body.view_order #window_popup_article_info {
        width: 250px !important;
    }
}

/** Janitza Landingpage **/

.service-grid-wapper {
    display: contents;
}

.service-grid-wapper .service-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.service-grid-wapper .service-grid .service-icon img {
    width: 100%
}


/*** Innovation ***/
/*** Heyflow ***/


body[data-view="tc_configurator_heyflow_simple_list"] ul li.info i {
    position: absolute;
    left: 8px;
    top: 2px;
}

body[data-view="tc_configurator_heyflow_simple_list"] .article-slider #heyflow-recommendations .article  {
    width: 100%;
    margin: 0;
    float: none;
    padding: 0;
}

body.mobile #window_popup_configurator .popup-header,
body.mobile #window_popup_configurator .popup-content,
body.mobile #window_popup_configurator .popup-footer {
    padding: 0 10px;
}

body[data-view="tc_configurator_heyflow_simple_list"] .heyflow.banners .banner.configurator .text-block {
    text-align: justify;
}
.azold .innovation.flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #363636;
}

.azold .innovation.flex > .content-box {
    width: 48%;
    border: 2px solid #142864
}

.azold .innovation.flex > div:not(.content-box) {
    width: 25%;
}

.azold .innovation.flex > .content-box .flex .half {
    width: 49%
}

.azold .innovation.flex > div img.icon-innovation {
    max-height: 225px;
    margin: 0 auto;
}

.azold .aznew.innovation {
    min-height: unset;
    background: unset;
    padding: unset;
}

.azold .innovation-banner {
    background: #142864;
    color: #fff;
    padding: 20px;
}

.innovation-banner > * {
    color: #fff !important;
}

.innovation-banner .flex {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    gap: 10px;
}

.innovation-banner .content i {
    height: 20px;
    width: 20px;
    margin-top: -3px;
}

.innovation-banner .content i > svg {
    height: 20px;
    width: 20px;
}

.gallery-innovation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
    width: 85%;
}

.gallery-innovation img {
    width: 300px;
}

.gallery-innovation .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

@media(max-width: 1024px) {
    .azold .innovation.flex {
        flex-wrap: wrap;
    }

    .azold .innovation.flex > .content-box {
        width: 100%;
    }

    .azold .innovation.flex > div:not(.content-box) {
        width: 49%;
    }

    .innovation-banner .flex {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media(max-width: 500px) {
    .azold .innovation.flex > div:not(.content-box) {
        width: 100%;
    }

    .azold .innovation.flex > div img.icon-innovation {
        max-height: 120px;
    }
}

.azold .innovation.manufacturer-grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.innovation.manufacturer-grid .manufacturer_icon {
    border: 1px solid #ccc;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    overflow: hidden;
}

.innovation.manufacturer-grid .manufacturer_icon img {
    max-height: 80px;
    max-width: 190px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .azold .innovation.manufacturer-grid {
        height: unset;
        overflow: visible;
        mask-image: unset;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .azold .innovation.manufacturer-grid .manufacturer_icon {
        height: 80px;
    }

    .innovation.manufacturer-grid .manufacturer_icon img {
        max-height: 70px;
        max-width: 120px;
        margin: 0 auto;
    }
}


body[data-view="tcaz_custom_price_increase"] main {
    min-height: 500px;
}

body.mobile[data-view="tcaz_custom_price_increase"] main {
    min-height: unset;
}

/* Mein Konto Relaunch */
body.has_sidebar {
    background: #F2F2F2;
}

@media (max-width: 1024px) {
    body.has_sidebar {
        background: #fff;
    }
}

body:not(.mobile).has_sidebar main.aznew,
body:not(.mobile).has_sidebar main.azold {
    min-height: calc(100vh - 200px);
    padding-top: 100px;
}

body main.aznew .account-wrapper,
body main.azold .account-wrapper,
body main.solid-account .account-wrapper {
    width: 95%;
    margin: 0 auto;
    max-width: 1800px;
    min-width: 1100px;
}


@media (max-width: 1024px) {
    body main.solid-account .account-wrapper {
        padding-top: 0;
    }

    body main.aznew .account-wrapper,
    body main.azold .account-wrapper,
    body.mobile main.solid-account .account-wrapper {
        max-width: unset;
        min-width: unset;
    }

    body.app main.solid-account .account-wrapper {
        width: 100%;
    }

    body.app main.solid-account .account-wrapper .tc-root {
        width: calc(100% - 24px);
        margin: 0 12px;
    }
}

body.has_sidebar main.azold .account-wrapper:after {
    display: table;
    content: "";
    clear: both;
}


body.has_sidebar main.aznew .inner,
body.has_sidebar main.azold .inner {
    margin: unset;
    min-width: unset;
    width: 100%;
}

body.has_sidebar main.aznew .account-wrapper > .inner,
body.has_sidebar main.azold .account-wrapper > .inner,
body.has_sidebar main.aznew .account-wrapper > .wrapper,
body.has_sidebar main.azold .account-wrapper > .wrapper{
    position: relative;
    width: calc(100% - 322px);
    float: right;
}


body.has_sidebar main.aznew #account_wrapper > section.inner:first-of-type,
body.has_sidebar main.aznew #account_wrapper > section.wrapper:first-of-type,
body.has_sidebar main.azold #account_wrapper > section.inner:first-of-type,
body.has_sidebar main.azold #account_wrapper > section.wrapper:first-of-type {
    margin-top: 65px !important;
}


body.has_sidebar .account_sidebar {
    position: sticky;
    float: left;
    height: min-content;
    width: 322px;
    top: 100px;
    left: 0;
    bottom: 0;
    padding-right: 32px;
}

body.has_sidebar .account_sidebar .links.scrollable {
    overflow-y: auto;
    height: calc(100vh - 260px);
}

body.has_sidebar.mobile .account_sidebar {
    display: none;
}

body.has_sidebar .account_sidebar .h1 {
    color: #142864;
    font-size: 18px;
    line-height: 38px;
}

body.has_sidebar .account_sidebar .align-y-center {
    vertical-align: middle;
}

body.has_sidebar .account_sidebar .nav_category,
body.has_sidebar .account_nav_mobile_overview.open .navigation_list .nav_category {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #142864;
}

body.has_sidebar .account_nav_mobile_overview.open .navigation_list .nav_category {
    margin: 10px 0;
}

body.has_sidebar .account_sidebar .nav_item {
    width: 100%;
    display: inline-block;
    padding: 6px 4px;
    color: #231F20;
    font-size: 13px;
    line-height: 18px;
    border-left: 4px solid transparent;
    font-weight: bold;
    height: 36px;
}

body.has_sidebar .account_sidebar .nav_item .icon,
body.has_sidebar .account_nav_mobile_overview.open .nav_item .icon {
    width: 24px;
    height: 24px;
}

body.has_sidebar .account_nav_mobile_overview.open .nav_item .icon {
    display: inline-block;
}


body.has_sidebar .account_sidebar .nav_item .icon.small,
body.has_sidebar .account_nav_mobile_overview.open .nav_item .icon.small {
    width: 20px;
    height: 20px;
}

body.has_sidebar .account_nav_mobile_overview.open .nav_item .icon.small.margin-left-5 {
    margin-left: 5px;
}

body.has_sidebar .account_sidebar .nav_item .icon > svg,
body.has_sidebar .account_nav_mobile_overview.open .nav_item .icon > svg {
    width: 100%;
    height: 100%;
    fill: #142864;
}

body.has_sidebar .account_sidebar .nav_item:hover,
body.has_sidebar .account_sidebar .nav_item.active {
    background: #FFFFFF;
    color: #142864;
}

body.has_sidebar main.aznew .table,
body.has_sidebar main.azold  .table {
    background: transparent;
}

body.has_sidebar main.aznew .table .line.header,
body.has_sidebar main.azold  .table .line.header {
    padding: 6px 15px;
    background: transparent;
    border: 1px solid #DEDEDE;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    margin-bottom: 0;
}

@media (min-width: 1550px) {
    body.has_sidebar main.aznew  .table .line.header,
    body.has_sidebar main.azold  .table .line.header {
        height: 32px;
    }
}

body.has_sidebar main.aznew .table .line,
body.has_sidebar main.azold .table .line {
    background: #FFFFFF;
    border-bottom: 1px solid #dedede;
}

body.has_sidebar main.aznew .table .line:last-child,
body.has_sidebar main.azold .table .line:last-child {
    border-bottom: none;
}

body.has_sidebar main.aznew .container.submit,
body.has_sidebar main.azold .container.submit {
    background: #FFFFFF;
}

body.has_sidebar main.aznew .limit_box .limit_information,
body.has_sidebar main.azold .limit_box .limit_information {
    background-color: #FFFFFF;
}

body.has_sidebar main.aznew .limit_box .input_range,
body.has_sidebar main.azold .limit_box .input_range {
    background-color: #eeeeee;
}

body.has_sidebar main.azold .table .line > .item a.text {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.has_sidebar main.aznew #account_wrapper > .inner.padding-top-bottom-20,
body.has_sidebar main.aznew .customer_numbers_popup section.filters,
body.has_sidebar main.aznew #account_wrapper > .inner.padding-top-bottom-40,
body.has_sidebar main.azold #account_wrapper > .inner.padding-top-bottom-20,
body.has_sidebar main.azold .customer_numbers_popup section.filters,
body.has_sidebar main.azold #account_wrapper > .inner.padding-top-bottom-40 {
    padding-top: 0;
}

body.has_sidebar main.aznew #account_wrapper .boxed_content.white.inner,
body.has_sidebar main.azold #account_wrapper .boxed_content.white.inner {
    border: none;
    padding: 40px;
}

body.has_sidebar main.aznew #account_wrapper .boxed_content.white.inner > .inner.grey,
body.has_sidebar main.azold #account_wrapper .boxed_content.white.inner > .inner.grey {
    padding-left: 40px;
    padding-right: 40px;
}

body.has_sidebar main.aznew aside.account_sidebar {
    margin-top: unset;
    z-index: unset;
    white-space: unset;
    overflow-x: unset;
    background: unset;
}

/* Mobile */
body.has_sidebar .account_nav_mobile {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    height: 82px;
    background: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
}

body.has_sidebar .account_nav_mobile .breadcrumb {
    position: relative;
    height: 37px;
    border-bottom: 1px solid #DEDEDE;
}

body.has_sidebar .account_nav_mobile .breadcrumb .breadcrumb_item {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.has_sidebar .account_nav_mobile .breadcrumb .arrow {
    position: absolute;
    z-index: 10;
    height: 37px;
    width: 37px;
    padding: 8px;
    left: 8px;
    top: 0;
}

body.has_sidebar .account_nav_mobile .breadcrumb span {
    display: inline-block;
    line-height: 37px;
    color: #142864;
    font-size: 14px;
}

body.has_sidebar .account_nav_mobile .navigation {
    position: relative;
}

body.has_sidebar .account_nav_mobile .navigation .inner {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

body.has_sidebar .account_nav_mobile .navigation .nav_item {
    display: inline-block;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    color: #142864;
    font-weight: bold;
    padding: 0 24px;
    white-space: nowrap;
}

body.has_sidebar .account_nav_mobile .navigation .nav_item:hover,
body.has_sidebar .account_nav_mobile .navigation .nav_item.active {
    border-bottom: 3px solid #FFCD00;
}


body.has_sidebar .account_nav_mobile .navigation .direction {
    position: absolute;
    z-index: 10;
    height: 44px;
    width: 65px;
    padding: 10px 10px 10px 30px;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 50%, #FFFFFF 100%);
}

body.has_sidebar .account_nav_mobile .navigation .direction.left {
    left: 0;
    padding: 10px 30px 10px 10px;
    background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, rgba(255,255,255,0) 100%);
    right: unset;
}

body.has_sidebar .account_nav_mobile .breadcrumb .arrow > svg,
body.has_sidebar .account_nav_mobile .breadcrumb .arrow > svg path,
body.has_sidebar .account_nav_mobile .navigation .direction > svg,
body.has_sidebar .account_nav_mobile .navigation .direction > svg path {
    fill: #142864;
    width: 100%;
    height: 100%;
}

body.has_sidebar main.aznew #account_wrapper .boxed_content.white.inner > .inner.grey,
body.has_sidebar main.azold #account_wrapper .boxed_content.white.inner > .inner.grey {
    padding-left: 20px;
    padding-right: 20px;
}

.flex.align-y-center {
    align-items: center;
}

.text-align-left {
    text-align: left;
}

.d-inline-block {
    display: inline-block !important;
}

@media (max-width: 1024px) {
    .d-block-mobile {
        display: block !important;
    }
}

.triangle {
    width: 80px;
    height: 24px;
    background: #DEDEDE;
    color: #666666;
    clip-path: polygon(0% 1px, 80% 0px, 61.75% 100.33%, 0px 100%);
    display: inline-block;
    padding: 2px 8px;
    line-height: 20px;
}

.triangle.active {
    background: #00A03F;
    color: #fff;
}


#popup-2fa-activate .popup-content .popup-header,
#popup-2fa-deactivate .popup-content .popup-header {
    justify-content: center;
}

#popup-2fa-activate .sms-container,
#popup-2fa-activate .mail-container  {
    width: 50%;
    text-align: center;
    padding: 10px 5px;
    transition: all ease-in-out 150ms;
}

#popup-2fa-activate .sms-container:hover,
#popup-2fa-activate .mail-container:hover {
    background: #ECECF3;
}

#popup-2fa-activate .sms-container {
    border-right: 1px solid #eee;
}

@media screen and (max-width: 1024px) {
    body.has_sidebar main.aznew #account_wrapper .hidden-m,
    body.has_sidebar main.azold #account_wrapper .hidden-m {
        display: none;
    }
}
#popup-2fa-activate img.picture {
    height: 150px;
    margin: 0 auto;
}

#popup-2fa-activate [data-type="authentication-pin-inputs"] input.pin {
    width: 40px;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #142864;
}

#popup-2fa-activate [data-type="authentication-pin-inputs"] input.pin:focus {
    border: 2px solid #142864;
}

@media (max-width: 600px) {

    #popup-2fa-activate h3.heading {
        font-size: 15px;
    }

    #popup-2fa-activate img.picture {
        height: 115px
    }
}

#popup-2fa-activate .grey {
    color: #666666;
}

#popup-2fa-activate .heading {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #142864;
    text-align: center;
}

#popup-2fa-activate .heading {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #231F20;
    text-align: center;
}

#popup-2fa-activate .heading.primary {
    color: #142864;
}

#popup-2fa-activate input.pin[type="tel"] {
    background: #fff;
    border: 1px solid #cccccc;
    font-size: 26px;
    font-weight: bold;
    color: #18204a;
    width: 40px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    padding: 15px 0;
    height: 55px;
}

#popup-2fa-activate input.pin[type="tel"]:focus {
    border: 1px solid #142864;
}
.simple-switch {
    height: 20px;
}

.simple-switch .switch {
    position: relative;
    width: 40px;
    height: 19px;
    display: inline-block;
    float: none;
}

.simple-switch .switch.disabled {
    opacity: 0.5;
}

.simple-switch.white .switch {
    border: 1px solid #ccc;
}

.simple-switch .switch span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 17px;
    transition: .4s;
}

.simple-switch.white .switch span {
    background: #fff;
}

.simple-switch .switch span:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    transition: .4s;
}

.simple-switch.white .switch span:before {
    background: #CCCCCC;
}

.simple-switch.white input:checked + span,
.simple-switch input:checked + span {
    background: #142864;
}

.simple-switch input:checked + span:before {
    transform: translateX(21px);
}

.simple-switch.white input:checked + span::before {
    background: #fff;
    transform: translateX(17px);
}

.simple-switch .switch input {
    display: none;
}
/** Fix for long headline in basket in chrome **/
@media (max-width: 1640px) and (min-width: 1024px) {
    body.view_order form[name="order"] .options .subline.long {
        width: 89px;
        word-break: break-word;
    }
}

body[data-view="order"] .boxed_content .general-infos .message.delivery-info {
    flex-direction: column;
    text-align: left;
}

body[data-view="order"] .boxed_content .general-infos .message.delivery-info .form_element .checkbox {
   margin-top: 3px;
    min-width: 20px;
    width: 20px;
}

body[data-view="order"] .boxed_content .general-infos .message.delivery-info label {
    line-height: 22px;
}

i.icon.icon-new {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    color: inherit;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    background: unset;
    float: none;
}

i.icon.icon-new > svg {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

i.icon.icon-new.primary,
i.icon.icon-new.primary > svg,
i.icon.icon-new.primary > svg > path {
    color: #142864;
    fill: #142864;
}

i.icon.icon-new.success,
i.icon.icon-new.success > svg,
i.icon.icon-new.success > svg > path {
    color: #00A03F;
    fill: #00A03F;
}

i.icon.icon-new.medium {
    width: 25px;
    height: 25px;
}

i.icon.icon-new.medium > svg{
    width: 100%;
    height: 100%;
}

i.icon.icon-new.white > svg,
i.icon.icon-new.white > svg > path {
    color: #fff;
    fill: #fff;
}

.container.flex > .button {
    float: none;
    display: inline-flex;
    line-height: unset;
    align-items: center;
}

.container.flex > .button {
    float: none;
    display: inline-flex;
    line-height: unset;
    align-items: center;
    width: 50%;
    justify-content: center;
}

.container.flex > .button .text{
    color: inherit;
}

@media (max-width: 1600px) {
    .container.flex > .button .text {
        display: none;
    }
}

@media (max-width: 1024px) {
    .container.flex > .button .text {
        display: inline-block;
    }
}


.d-inline-block {
    display: inline-block !important;
}

.triangle {
    width: 80px;
    height: 24px;
    background: #DEDEDE;
    color: #666666;
    clip-path: polygon(0% 1px, 80% 0px, 61.75% 100.33%, 0px 100%);
    display: inline-block;
    padding: 2px 8px;
    line-height: 20px;
}

.triangle.active {
    background: #00A03F;
    color: #fff;
}

body[data-view="tcaz_custom_account"] .stash-location {
    min-width: 250px;
}

body[data-view="tcaz_custom_account"] .stash-location .neutral,
body[data-view="tcaz_custom_account"] .stash-opening .neutral {
    color: #666666
}

body[data-view="tcaz_custom_account"] .stash-opening {
    min-width: 280px;
    flex-grow: 1;
}

body[data-view="tcaz_custom_account"] .stash-opening .headline-box {
    background: #F5F5F5;
    padding: 6px;
    width: 100%;
    color: #142864;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}

body[data-view="tcaz_custom_account"] .stash-opening .flex > div {
    width: 50%
}

@media (max-width: 600px) {

    body[data-view="tcaz_custom_account"] .boxed_content.stash > a.button {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }
}

body[data-view="tcaz_custom_service"] .boxed_content > a.right {
    float: right;
}

body[data-view="tcaz_custom_service"] i.icon-new.info {
    background: #E7E9EF;;
    padding: 6px 5px;
    margin-right: 6px;
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

body[data-view="tcaz_custom_service"] i.icon-new.info:hover {
    background: #142864;
}

body[data-view="tcaz_custom_service"] i.icon-new.info:hover svg{
    fill: #fff
}

.padding-0 {
    padding: 0!important;
}

body[data-view="tcaz_custom_service"] .webflow .webflow-wrapper {
    margin: 0;
    width: 100%;
}

body[data-view="tcaz_custom_service"] nav.account_nav_mobile_overview h3,
body[data-view="tcaz_custom_account"] nav.account_nav_mobile_overview h3 {
   margin: 7px 0 !important;
    font-size: 14px;
    line-height: 20px;
}

body[data-view="tcaz_custom_service"] nav.account_nav_mobile_overview h3.blue,
body[data-view="tcaz_custom_account"] nav.account_nav_mobile_overview h3.blue {
    color: #142864;
    text-align: center;
}

body[data-view="tcaz_custom_solid"].has_sidebar .tc-root .wrapper {
    min-width: unset;
    width: 100%;
}

body[data-view="tcaz_custom_solid"].has_sidebar .inner.my_access {
    color: #142864;
    margin-top: 10px !important;
}

body[data-view="tcaz_custom_solid"].has_sidebar .inner.my_access a {
   margin-bottom: 40px;
    display: inline-block;
}

body[data-view="tcaz_custom_solid"].has_sidebar .inner.my_access a.grey {
    color: #666;
}

body[data-view="tcaz_custom_solid"].has_sidebar .inner.my_access a > i {
    margin-right: 5px;
}

@media (max-width: 1024px) {
    body.has_sidebar main.solid-account .solid-placeholder {
        float: none;
        width: 100%;
    }

    body[data-view="tcaz_custom_solid"].has_sidebar .tc-root .wrapper {
        width: auto;
        margin: 0 auto;
    }

    body[data-view="tcaz_custom_solid"].has_sidebar .inner.my_access {
        width: auto;
        float: none;
        margin: 65px 20px 0 20px;
    }

    .azold .returns .table .line > .upload .input.full_mobile,
    .azold .returns .table .line > .upload .button.full_mobile {
        width: 100% !important;
    }

}

@media (max-width: 1024px) {
    body.has_sidebar main.azold .account-wrapper > .inner.webflow-service-content {
        width: auto;
    }

    body[data-view="tcaz_custom_price_increase"] .inner {
        width: auto !important;
        margin: 0 20px !important;
    }
}

body[data-view="order"] .boxed_content .general-infos .message.delivery-info {
    flex-direction: column;
    text-align: left;
}

body[data-view="order"] .boxed_content .general-infos .message.delivery-info .form_element .checkbox {
   margin-top: 3px;
    min-width: 20px;
    width: 20px;
}

body[data-view="order"] .boxed_content .general-infos .message.delivery-info label {
    line-height: 22px;
}

.boxed_content.flex {
    display: flex;
}

#popup-2fa-activate .button > i {
    margin-bottom: 2px;
}

#popup-2fa-activate i.info {
    height: 20px;
    min-width: 20px;
}

[data-view="tcaz_custom_account"] i.icon-type {
    height: 20px;
}


.aznew article .data .row > .col > .article_number.custom {
    width: calc(100% - 16px);
    overflow: hidden;
    text-overflow: inherit;
}

.warranty > .box {
    border: 2px solid #142864;
    display: flex;
    padding: 0 !important;
    height: 70px;
}

.warranty i > svg.active,
.warranty-placeholder i > svg.active {
    display: none;
}

.warranty.active i > svg.active {
    display: block;
}

.warranty.active i > svg.inactive {
    display: none;
}

.scale-in {
    animation: scale-in 0.3s;
}

.scale-out {
    animation: scale-out 0.3s;
}

@keyframes scale-in {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes scale-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}


.warranty > .box .content {
    flex-grow: 1;
    align-items: center;
    line-height: 18px;
    width: calc(100% - 30px - 24px);
    padding: 0 12px;
}

.warranty > .box .content > i {
    min-width: 20px;
    min-height: 20px;
}

.warranty > .box .button {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #142864;
    width: 30px;
    padding: 0;
}

.warranty > .box .button.disabled{
    cursor: not-allowed;
}

.warranty > .box .button.disabled:hover {
    opacity: 0.3;
}

article[data-type="gallery"] .manufacturer.flex {
    justify-content: space-between;
}

article[data-type="gallery"] .manufacturer.flex .warranty,
article[data-type="list"] .manufacturer.flex .warranty {
    display: flex;
    align-items: center;
}

[data-view="order"] article.warranty.list .main-box > .separator,
.azold article.article.list.basket.warranty .deactivated .separator {
    background: #fff;
}

.azold article.article.list.basket.warranty .deactivated .separator {
    width: 0;
}

[data-view="order"] article.warranty.list.basket .info.container >.text_container,
[data-view="order"] article.warranty.list.basket .container.price > .text_container {
    opacity: 0;
}

.flex.justify-content-center {
    justify-content: center;
}

.aznew .desktop-hidden {
    display: none;
}

@media (max-width: 1024px) {
    .aznew .desktop-small-hidden {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .aznew .tablet-hidden {
        display: none !important;
    }

    .aznew .desktop-hidden {
        display: block !important;
    }
}

#window_popup_multi_search.aznew .switch {
    position: relative;
    width: 40px;
    height: 20px;
    display: inline-block;
    float: none;
}

#window_popup_multi_search.aznew .switch span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 17px;
    transition: .4s;
}

#window_popup_multi_search.aznew .switch span:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: .4s;
}

#window_popup_multi_search.aznew input:checked + span {
    background: #142864;
}

#window_popup_multi_search.aznew  input:checked + span:before {
    transform: translateX(21px);
}

#window_popup_multi_search.aznew .switch input {
    display: none;
}


/*** Breadcrumb ***/

.azold .icon.icon-new.neutral-40 {
    color: #999;
    fill: #999;
}

.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb-list .breadcrumb-group {
    font-weight: normal;
    color: #231F20;
    font-size: 13px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}


.breadcrumb-list .breadcrumb-group .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    height: 40px;
    font-weight: normal;
    color: #231F20;
    font-size: 13px;
}

.breadcrumb-list .breadcrumb-group .breadcrumb-item.active {
    font-weight: bold;
    color: #142864;
}

.breadcrumb-list .breadcrumb-group.sub .breadcrumb-item {
   background: #fff;
    color: #142864;
    padding: 0 12px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.breadcrumb-list .breadcrumb-group.sub .breadcrumb-item.active,
.breadcrumb-list .breadcrumb-group.sub .breadcrumb-item:hover {
    color: #fff;
    background: #142864;
}

.breadcrumb .breadcrumb-item:hover {
    text-decoration: underline #231F20;
}

@media (max-width: 1024px){
    .breadcrumb-list.product-groups {
        width: 100%
    }

    .breadcrumb-list.product-groups .mobile-header {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .breadcrumb-list.product-groups .mobile-header > .left {
        flex-shrink: 0;
        text-align: left;
    }

    .breadcrumb-list.product-groups .mobile-header > .title {
        text-align: center;
        flex: 1;
        font-size: 13px;
        padding: 0 5px;
    }

    .breadcrumb-list.product-groups .mobile-header > .right {
        text-align: right;
        flex-shrink: 0;
    }

    .breadcrumb-list.product-groups .mobile-header > .right .button.yellow {
        background: #FFCC00;
        float: none;
        display: inline-flex;
    }

    .breadcrumb-list.product-groups .breadcrumb-group.sub {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px 0;
        margin: 0 -16px;
    }

    .breadcrumb-list .breadcrumb-group.sub .breadcrumb-item {
        background: #F2F2F2;
    }

    .breadcrumb-list.product-groups .breadcrumb-group.sub > .breadcrumb-item:first-of-type {
        margin-left: 16px;
    }

    .breadcrumb-list.product-groups .breadcrumb-group.sub > .breadcrumb-item:last-of-type {
        margin-right: 16px;
    }

    .breadcrumb-list.product-groups .breadcrumb-group.sub > .breadcrumb-item {
        margin: 0 8px;
        flex-shrink: 0;
    }

}

.window_popup.breadcrumb {
    width: min-content;
    padding: 20px 10px !important;
    position: absolute;
    z-index: 200;
    margin: unset !important;
    background: #fff;
    max-width: 320px;
    border: 1px solid #eee;
    left: 10px !important;
}
.window_popup.breadcrumb .dropdown-list .dropdown-item {
    padding: 4px 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.window_popup.breadcrumb .dropdown-list .icon-right{
    padding-right: 4px;
}

.window_popup.breadcrumb .dropdown-list .dropdown-item[data-open="true"],
.window_popup.breadcrumb .dropdown-list .dropdown-item:hover {
    background-color: #eee;
}

.window_popup.breadcrumb .dropdown-li .dropdown-item:hover {
    background-color: #ddd;
}

.window_popup.breadcrumb .dropdown-list .dropdown-item.active,
.window_popup.breadcrumb .dropdown-list .dropdown-item.focus {
    color: var(--color-primary-80);
    font-weight: bold;
}

.window_popup.breadcrumb .dropdown-list {
    max-height: calc(100vh - 16px);
    overflow-y: auto;
}

.box {
    background: #fff;
    padding: 24px;
}

.box.small {
    padding: 12px;
}

.box.large {
    padding: 36px;
}

.box.box-border {
    border: 2px solid #eee;
}


body[data-view="tc_b2b_not_logged_in"] .box .text-container,
.wrapper.err-404 .box .text-container {
    display: flex;
    align-items: center;
    width: 57%;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    padding-right: 16px;
}

body[data-view="tc_b2b_not_logged_in"] .box .text-container > .fixed-width,
.wrapper.err-404 .box .text-container > .fixed-width {
    width: 500px;
    flex-grow: 1;
    align-content: center;
}

body[data-view="tc_b2b_not_logged_in"] .box .text-container > .address-container,
.wrapper.err-404 .box .text-container > .address-container {
    border-top: 2px solid #F2F2F2;
    padding-top: 10px;
    flex-shrink: 0;
    width: 100%;
    text-align: center;
}

body[data-view="tc_b2b_not_logged_in"] .box .picture-container,
.wrapper.err-404 .box .picture-container {
    width: 43%
}

body[data-view="tc_b2b_not_logged_in"] .box .picture-container > img,
.wrapper.err-404 .box .picture-container > img {
    height: 600px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {

    body[data-view="tc_b2b_not_logged_in"] .box .text-container,
    .wrapper.err-404 .box .text-container,
    body[data-view="tc_b2b_not_logged_in"] .box .picture-container,
    .wrapper.err-404 .box .picture-container {
        width: 100%;
    }

    body[data-view="tc_b2b_not_logged_in"] .box .text-container > .fixed-width,
    .wrapper.err-404 .box .text-container > .fixed-width {
        width: 100%;
    }

}


.azold i.show-password > svg.crossed {
    display: none!important;
}

.azold i.show-password.active > svg:not(.crossed) {
    display: none !important;
}

.azold i.show-password.active > svg.crossed {
    display: block !important;
}

.azold .input.icon-right > .icon:last-child {
    left: auto;
    right: 10px;
    position: absolute;
    bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

/*** Favorite List ***/

body[data-view="tcaz_custom_favoritelist"] [data-list] .count {
    min-width: 55px;
}

body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.hidden-desktop {
    display: none;
}


@media (max-width: 1024px) {

    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.my-lists {
        display: flex;
        overflow: scroll;
        flex-wrap: nowrap;
        width: calc(100% + 32px);
        margin: 0 -16px;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.my-lists h5 {
        font-size: 14px;
        font-weight: normal;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.my-lists .col {
        width: auto;
        white-space: nowrap;
        padding: 8px;
        margin: 0 5px 5px;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.my-lists .col:first-of-type {
        margin-left: 16px;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.my-lists .col:last-of-type {
        margin-right: 16px;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row.my-lists .col > .flex{
        margin-bottom: 0!important;
    }


    body[data-view="tcaz_custom_favoritelist"] .wrapper > .row .h2 {
        text-align: center;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper.favorite-lists > .flex {
        flex-wrap: wrap;
    }

    body[data-view="tcaz_custom_favoritelist"] .wrapper.favorite-lists h2,
    body[data-view="tcaz_custom_favoritelist"] .wrapper.favorite-lists .button {
        width: 100%;
    }
}

[data-view="tcaz_custom_account"] hr {
    color: #DEDEDE;
}

body[data-view="tcaz_custom_service_returns"] .inner.returns .table .item input[type="number"]::-webkit-outer-spin-button,
body[data-view="tcaz_custom_service_returns"] .inner.returns .table .item input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin:0;
}

body[data-view="tcaz_custom_service_returns"] .inner.returns .table .item input[type="number"] {
    -moz-appearance: textfield;
    padding: 0 5px;
    text-align: center;
}

body[data-view="tcaz_custom_service_returns"] .inner.returns .table .item .select {
    padding: 0 5px
}

@media (max-width: 1450px) {
    body[data-view="tcaz_custom_service_returns"] .inner.returns .table #returns_orders,
    body[data-view="tcaz_custom_service_returns"] .inner.returns .table #returns_articles {
        padding: 0 5px;
    }
}

@media (max-width: 1024px) {
    main.azold section.wrapper.err-404.aznew {
        height: unset;
        min-height: unset;
        margin-top: unset !important;
    }
}

[data-view="tcaz_custom_newsletter_form"] form .checkbox-new.aznew {
    background: unset;
    padding: 0;
    min-height: 30px;
}

[data-view="tcaz_custom_newsletter_form"] form .checkbox-new.aznew > label {
    line-height: unset;
    white-space: unset;
}

[data-view="tcaz_custom_newsletter_form"] form .checkbox-new.aznew > label > .text {
    width: calc(100% - 30px);
    padding-left: 30px;
}


[data-view="tcaz_custom_newsletter_form"] form .checkbox-new.aznew > label > .checkbox.error {
    background: #efe0de;
    border: 1px dashed #a3271a;
}

[data-view="tc_b2b_favoritelist_detail"] .breadcrumb .favorite-lists-breadcrumb {
    width: calc(100% - 333px);
    padding-right: 20px;
}

[data-view="tc_b2b_favoritelist_detail"] .breadcrumb a.item {
    background-color: #fff;
    padding: 0 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    color: #142864;
    display: inline-flex;
    align-items: center;
    height: 40px;
    font-weight: normal;
    font-size: 13px;
}

[data-view="tc_b2b_favoritelist_detail"] .breadcrumb a.item.active,
[data-view="tc_b2b_favoritelist_detail"] .breadcrumb a.item:hover {
    background-color: #142864;
    color: #fff;
}


[data-view="tcaz_custom_favoritelist"] .aznew .select > select {
    height: 55px;
}

[data-view="tcaz_custom_favoritelist"] .button-mobile-fixed {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    padding: 24px 12px;
    right: 0;
    left: 0;
    z-index: 90;
}


[data-view="tcaz_custom_planet_wissen"] .flex > .item {
    max-width: 120px;
}

[data-view="tcaz_custom_planet_wissen"] .webflow.relaunch.main-with-webflow .aznew .wrapper {
    width: 95%;
}

.aznew .punchout-only.message,
.azold .punchout-only.message,
main > .punchout-only.message {
    position: fixed;
    bottom: 20px;
    z-index: 1000;
    left: calc(50% + 180px);
    transform: translateX(-50%);
    background: #FFF6DB;
    color: #FF9D0C !important;
    border: 1px dashed #FF9D0C;
    display: flex;
    padding: 16px;
    align-items: center;
    line-height: 1.9;
    width: max-content;
}


.aznew .punchout-only.message  b {
    color: #FF9D0C !important;
}

.aznew .user-info.message,
.azold .user-info.message,
main > .user-info.message {
    position: fixed;
    bottom: 20px;
    z-index: 1000;
    left: calc(50% + 180px);
    transform: translateX(-50%);
    background: #FFEDEB;
    color: #FF1F00 !important;
    border: 1px dashed #FF1F00;
    display: flex;
    padding: 16px;
    align-items: center;
    line-height: 1.9;
    width: max-content;
}

body.app .aznew .user-info.message,
body.app .azold .user-info.message,
body.app main > .user-info.message,
body.app .aznew .punchout-only.message,
body.app .azold .punchout-only.message,
body.app main > .punchout-only.message {
    bottom: 86px;
}

.aznew .user-info.message  b {
    color: #FF1F00 !important;
}


body.sidebar-small .aznew .user-info.message,
body.sidebar-small .azold .user-info.message,
body.sidebar-small main > .user-info.message,
body.sidebar-small .aznew .punchout-only.message,
body.sidebar-small .azold .punchout-only.message,
body.sidebar-small main > .punchout-only.message {
    left: calc(50px + 50% );
}

.aznew .user-info.message .icon-bubble,
.azold .user-info.message .icon-bubble,
main > .user-info.message .icon-bubble,
.aznew .punchout-only.message .icon-bubble,
.azold .punchout-only.message .icon-bubble,
main > .punchout-only.message .icon-bubble {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.aznew .user-info.message .content_wrapper,
.azold .user-info.message .content_wrapper,
main > .user-info.message .content_wrapper,
.aznew .punchout-only.message .content_wrapper,
.azold .punchout-only.message .content_wrapper,
main > .punchout-only.message .content_wrapper {
    width: calc(100% - 40px - 8px);
}

.form_element.group {
    display: flex;
    width: 100%;
    justify-content: start;
}
/*Zubehör*/

[data-view="details"] .accessories-container,
[data-view="tcaz_custom_action"] .accessories-container {
    max-height: 400px;
    overflow-y: auto;
    width: 100% !important;
    scrollbar-width: thin;
}

[data-view="details"] .accessories-container .article-loading .loading.full,
[data-view="tcaz_custom_action"] .accessories-container .article-loading .loading.full {
    width: 100%;
}

[data-view="details"] .accessories-container .article-loading .loading.medium,
[data-view="tcaz_custom_action"] .accessories-container .article-loading .loading.medium {
    width: 50%;
}

[data-view="details"] .accessories-container .article-loading .loading.small,
[data-view="tcaz_custom_action"] .accessories-container .article-loading .loading.small {
    width: 25%;
}

[data-view="details"] .accessories-container .article-loading .loading.image,
[data-view="tcaz_custom_action"] .accessories-container .article-loading .loading.image {
    width: 40px;
    height: 40px;
}


@media (min-width: 1024px) and (max-width: 1600px){
    [data-view="details"] .accessories-container,
    [data-view="tcaz_custom_action"] .accessories-container {
        padding-bottom: 60px;
    }
}

[data-view="details"] .accessories-container > section.row,
[data-view="tcaz_custom_action"] .accessories-container > section.row {
    margin: 0;
}

[data-view="details"] .accessories-container > section.row > .head,
[data-view="tcaz_custom_action"] .accessories-container > section.row > .head {
    position: sticky;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 30;
}

[data-view="details"] .accessories-container .col.article,
[data-view="tcaz_custom_action"] .accessories-container .col.article {
    margin-top: 16px;
}

[data-view="details"] .accessories-container .col.article:not(:last-child),
[data-view="tcaz_custom_action"] .accessories-container .col.article:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2
}

[data-view="details"] .accessories-container .optionalAccessoires:not(.open) .col.article,
[data-view="tcaz_custom_action"] .accessories-container .optionalAccessoires:not(.open) .col.article,
[data-view="details"] .accessories-container .crossselling:not(.open) .col.article,
[data-view="tcaz_custom_action"] .accessories-container .crossselling:not(.open) .col.article {
    display: none;
}


[data-view="details"] .accessories-container .row > .col.article .title,
[data-view="details"] .replacement-box .title,
[data-view="tcaz_custom_action"] .accessories-container .row > .col.article .title,
[data-view="details"] .accessories-container .row > .col.article .price,
[data-view="tcaz_custom_action"] .accessories-container .row > .col.article .price {
    line-height: 18px;
}

[data-view="details"] .accessories-container .row > .col.article .basket.full-width input,
[data-view="details"] .replacement-box .basket.full-width input,
[data-view="tcaz_custom_action"] .accessories-container .row > .col.article .basket.full-width input {
    height: 44px;
    border: 1px solid #142864;
}

[data-view="details"] .aznew .col_tobasket .replacement-box .basket {
    padding: 0;
}


[data-view="details"] .accessories-container .row > .col.article .basket.full-width .button,
[data-view="details"] .replacement-box .basket.full-width .button,
[data-view="tcaz_custom_action"] .accessories-container .row > .col.article .basket.full-width .button {
    height: 44px !important;
}

@media (max-width: 1815px) {
    [data-view="details"] .aznew .accessories-container .basket .button .cart-span,
    [data-view="details"] .aznew .replacement-box .basket .button .cart-span,
    [data-view="tcaz_custom_action"] .aznew .accessories-container .basket .button .cart-span {
        display: none;
    }
}

@media (max-width: 1024px){

    [data-view="details"] .row.div::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: -16px;
        width: calc(100% + 32px);
        height: 1px;
        background-color: #dedede;
    }

    [data-view="details"] .accessories-container .head > h5.h5 {
        font-size: 15px !important;
    }

    [data-view="details"] .accessories-container .col.article a img,
    [data-view="tcaz_custom_action"] .accessories-container .col.article a img {
        max-height: 90px;
    }

    [data-view="details"] .aznew .box.first > .box,
    [data-view="tcaz_custom_action"] .aznew .box.first > .box {
        order: -2;
    }

    [data-view="details"] .aznew .box.first > [data-competence-centre],
    [data-view="tcaz_custom_action"] .aznew .box.first > [data-competence-centre] {
        order: -1;
    }

    [data-view="details"] [data-article].sticky.col,
    [data-view="tcaz_custom_action"] [data-article].sticky.col {
        width: calc(100% - 24px) !important;
        bottom: unset !important;
        right: unset !important;
        top: unset !important;
        position: relative !important;
        order: -2;
    }

}

@media (max-width: 549px) {

    [data-view="details"] [data-article].sticky.col::before,
    [data-view="tcaz_custom_action"] [data-article].sticky.col::before {
        background-color: #f2f2f2;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        right: 0;
        top: -15px;
        z-index: 10;
        width: calc(100% + 32px);
        margin: 0 -16px;
    }
}

.form_element.group {
    display: flex;
    width: 100%;
    justify-content: start;
    transition: border 0.5s ease-out;
}

.form_element.group .input-group-addon {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 1px;
    border: 1px solid #CCCCCC;
    border-right: unset;
    transition: border 0.5s ease-out;
}

.form_element.group > input {
    border-left: unset;
    padding-left: 0;
}

.form_element.group > input.suffix:hover {
    border: 1px solid #ccc;
    border-left: none;
}

.form_element.group:hover > .input-group-addon,
.form_element.group:hover > input,
.form_element.group:focus > .input-group-addon,
.form_element.group:focus > input,
.form_element.group:active > .input-group-addon,
.form_element.group:active > input{
    border: 1px solid #142864;
}

.form_element.group:hover > .input-group-addon,
.form_element.group:focus > .input-group-addon,
.form_element.group:active > .input-group-addon {
    border-right: unset;
}

.form_element.group:hover > input,
.form_element.group:focus > input,
.form_element.group:active > input {
    border-left: unset;
}

.azold section.slider .swiper-slide .slide-inner.carousel section.articles article.article .container [data-info-popup] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #999999;
    cursor: pointer;
}


@media (max-width: 1024px) {
    .aznew .user-info.message,
    .azold .user-info.message,
    main > .user-info.message,
    .aznew .punchout-only.message,
    .azold .punchout-only.message,
    main > .punchout-only.message {
        width: unset;
        left: 20px;
        right: 20px;
        transform: unset;

    }
}

#window_popup_multi_search article.line .partner.container,
.search-mobile-popup.aznew .inner .article.line .container.partner {
    margin-left: auto;
    padding-right: 10px;
    display: flex;
    align-items: center;
    line-height: unset;
    color: #999;
}

[data-view="tcaz_custom_newsletter_form"] label[for="signature"] > .text {
    display: inline-block;
    white-space: wrap;
    width: calc(100% - 30px);
    line-height: 25px;
}

[data-view="tcaz_custom_newsletter_form"] .select {
   height: 48px;
}

@media (max-width: 1024px) {

    [data-view="tcaz_custom_newsletter_form"] .inner.col_tables > .row {
        margin: 0;
    }

    [data-view="tcaz_custom_newsletter_form"] .mobile-order-1 {
        order: 1;
    }
    [data-view="tcaz_custom_newsletter_form"] .mobile-order-2 {
        order: 2;
    }
}


[data-view="tcaz_custom_newsletter_form"] ul li .bubble {
    height: 26px !important;
    width: 26px !important;
    border-radius: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #142864;
    margin-right: 16px;
}

[data-view="tcaz_custom_newsletter_form"] ul li > span {
    width: calc(100% - 26px - 8px);
}
/** NEW **/

body[data-view="tcaz_custom_manufacturer_overview"] .wrapper.manufactures {
    margin-top: 16px;
}

body[data-view="order"] .flex.options .row > .col.box {
    height: auto;
}

section.price-ranges .form-group {
    display: flex;
    align-items: center;
}

section.price-ranges .form-group input {
    height: 50px;
    border: 2px solid #e7e7e7;
    width: 86px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding: 0 10px;
}

hr.full {
    width: calc(100% + 24px);
    color: transparent;
    background: transparent;
    border-top: 1px solid #dedede;
    margin: 0;
}


[data-view="tc_content"] .azold .col {
    margin: 0;
    float: left;
    width: inherit;
}

[data-view="tc_content"] .azold .col.col_two.right {
    float: right;
}

[data-view="tc_content"]. azold .col.col_background.background_position_center > picture > img {
    left: 50%;
    margin-left: -500px;
    right: auto;
}

[data-view="tc_content"]. azold .col.col_background.background_position_center > picture > img {
    left: 50%;
    margin-left: -500px;
    right: auto;
}

[data-view="tc_content"] .azold #planner,
body.has_sidebar main.azold .account-wrapper > .float-wrapper {
    float: right;
    max-width: calc(100% - 322px);
    width: unset;
    margin-left: 0;
}

[data-view="tc_content"] .azold #planner,
body.has_sidebar main.azold .account-wrapper > .float-wrapper.approval {
    width: 100%;
}

col.col_background > picture > img {
    max-width: unset;
}

.inner.hours .boxed_content .row,
.hours.boxed_content .row,
#popup-basket-acceptanceTime .popup-body .row {
    padding: 10px 0;
}


.flex {
    display: flex;
}


[data-view="start"] .article-sliders article.article {
    width: unset;
    padding: 20px 12px;
}

[data-view="start"] .article-sliders .owl-carousel {
    position: relative;
}

[data-view="start"] .article-sliders .owl-carousel .owl-nav > button {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    top: calc(50% - 15px);

}
[data-view="start"] .article-sliders .owl-carousel .owl-nav > button.disabled {
    opacity: 0.6;
}

[data-view="start"] .article-sliders .owl-carousel .owl-nav > button.owl-prev {
    left: -10px
}

[data-view="start"] .article-sliders .owl-carousel .owl-nav > button.owl-next {
   right: -10px
}

[data-view="start"] [data-slider] .scanner-only,
[data-view="start"] .article-sliders article.article .text_container > .functions {
    display: none;
}

[data-view="start"] .article-sliders .article.small .container.main {
    height: 150px;
}

[data-view="start"] .article-sliders article.article .title.container {
    height: 50px;
}

[data-view="start"] .article-sliders article.article .title.container .badge-flags {
    display: none;
}

[data-view="start"] .article-sliders article.article .text_container > .inner {
    line-height: 20px;
}

[data-view="start"] .article-sliders article.article .text_container > .inner  > .highlighted {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%; /* 17.55px */
    color: #0F1C50;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

[data-view="start"] .article-sliders article.article .tobasket.container .stock_amount > .stock {
    margin-bottom: 8px;
}

[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket,
[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket > input,
[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket > .button {
    height: 45px;
}

[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket {
    display: flex;
    flex-wrap: nowrap;
}

[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket input{
    flex-grow: 1;
}

[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket input {
    border: 1px solid #CCCCCC;
    font-size: 14px;
}


[data-view="start"] .article-sliders article.article .tobasket.container .add_to_basket > .button {
    width: 50px;
    display: inline-flex;
    float: none;
    align-items: center;
}

#window_popup_multi_search .close_window {
    display: none;
}

#window_popup_multi_search.window_popup .article.line .container.title {
    max-height: 72px;
    width: 55%;
    padding-left: 20px;
}

[data-view="order"] .row.payment .select[data-paymentchange] > .icon {
    position: relative;
    float: right;
    margin-top: 5px !important;
    top: 0;
}

#window_popup_favoritelist_move form .form_element {
    display: flex;
    align-items: center;
}

#window_popup_favoritelist_move form .form_element .radio {
    margin-top: 0 !important;
}


#window_popup_favoritelist_move form .form_element label {
    width: calc(100% - 35px);
    float: none;
    padding-left: 12px;
    line-height: unset;
}

[data-view="tc_content"] .container.datenschutz table,
[data-view="tc_content"] .container.datenschutz tr,
[data-view="tc_content"] .container.datenschutz th,
[data-view="tc_content"] .container.datenschutz td {
    border: 1px solid;
}


[data-view="start"] [data-slider="basket"] .owl-carousel .owl-nav > button {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    top: calc(50% - 12px);
}

[data-view="start"] [data-slider="basket"] .owl-carousel .owl-nav > button.owl-prev {
    left: -10px
}

[data-view="start"] [data-slider="basket"] .owl-carousel .owl-nav > button.owl-next {
    right: -10px
}

[data-view="start"] [data-slider="basket"] .article.small {
    width: 100%;
    padding: 15px;
}

[data-view="start"] [data-slider="basket"] .article.small .image,
[data-view="start"] [data-slider="basket"] .article.small .image > img {
    height: 60px;
}

[data-view="start"] [data-slider="basket"] .article.small .stock_amount {
    margin-bottom: 6px;
}

[data-view="start"] [data-slider="basket"] .article.small .add_to_basket {
    margin-top: 0 !important;
}

[data-view="start"] [data-slider="basket"] .article.small .stock_amount > .stock {
    display: none;
}

[data-view="start"] [data-slider="basket"] .article.small .stock_amount > .add_to_basket {
    display: flex;
}


[data-view="start"] [data-slider="basket"] .article.small .title.container .text_container .inner a.highlighted {
    width: 100%;
}

[data-view="start"] [data-slider="basket"] .article.small .stock_amount .row.item {
    text-align: center;
}

[data-view="start"] [data-slider="basket"] .article.small .container.main .container.note,
[data-view="start"] [data-slider="basket"] .article.small .badge-flags {
    display: none;
}

[data-view="start"] [data-slider] .owl-carousel .owl-nav > button.disabled {
    opacity: 0.6;
    cursor: auto;
}

[data-view="alist"] .inner {
    width: 95%;
    margin: 0 auto;
    max-width: 1800px;
}

@media (max-width: 1450px) {
    body[data-view="tcaz_custom_service_returns"] .inner.returns .table #returns_orders, body[data-view="tcaz_custom_service_returns"] .inner.returns .table #returns_articles {
        padding: 0 5px;
    }

}

@media (max-width: 1024px) {

    .no-flex-t {
        display: block;
    }

    .visible_mobile {
        display: block!important;
    }

    .change-order-t-1 {
        order: 1;
    }

    hr.full {
        width: calc(100% + 8px);
        margin: 0 -4px;
    }

    [data-view="tcaz_custom_list_product_group"] .filters.flex {
        display: none;
    }

    body:not[data-view="start"] .azold section.inner.manufactures {
        margin: 0;
    }

    .address_search_results .boxed_content.white {
        border-color: #e7e7e7;
    }

    .azold .table:not(.table_mobile) .line.header {
        display: none;
    }

    .azold .collapse_heading_mobile {
        color: #363636;
        font-size: 13px !important;
        font-weight: normal !important;
        padding: 22px 21px 20px 70px;
        position: relative;
        text-transform: none;
        margin-bottom: 16px;
    }

    .azold .collapse_heading_mobile.active {
        margin-bottom: 0;
    }

    .azold .collapse_heading_mobile .icon {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 0 0;
        width: 28px;
        height: 28px;
        float: none;
        position: absolute;
        top: 20px;
        left: 21px;
    }

    .azold .table:not(.table_mobile) .line + .line,
    .azold .table:not(.table_mobile) .line_wrapper + .line_wrapper {
        margin-top: 20px;
    }

    .azold .table:not(.table_mobile) .line {
        border: 1px solid #dedede;
    }

    .azold .table:not(.table_mobile) .line > .item {
        float: none;
        width: 100%;
        padding: 0;
    }

    .visible_mobile_inline {
        display: inline !important;
    }

    .azold .collapse_body_mobile {
        display: none;
        position: relative;
    }


    body.mobile .azold .collapse_table,
    body.mobile .azold .collapse_body_mobile.line.collapse_table {
        padding: 0 20px 20px;
        border-top: none;
    }

    .azold .collapse_table > .line_mobile .item_mobile {
        float: left;
        width: 50%;
    }

   .azold .table:not(.table_mobile) .actions_mobile .button_mobile {
       float: none;
       width: 100%;
    }

    .azold .table:not(.table_mobile) .actions_mobile .button_mobile i > svg,
    .azold .table:not(.table_mobile) .actions_mobile .button_mobile i > svg > path {
        fill: #fff;
        color: #fff;
    }

   .azold .button_mobile {
       color: #ffffff;
       cursor: pointer;
       display: block;
       font-family: "century-gothic", Arial, sans-serif;
       font-size: 14px;
       height: 55px;
       line-height: 58px;
       padding: 0 25px;
       float: left;
       font-weight: normal;
       border: medium none;
       border-radius: 0;
       overflow: hidden;
       background: #142864;
   }

    /*.azold .collapse_body_mobile::before {
        background-color: #eee;
        content: "";
        height: 1px;
        left: 20px;
        position: absolute;
        right: 20px;
        top: 0;
    }*/
    .azold .icon.medium.delete.white {
        background-position: unset;
    }

    .azold .col.col_two {
        float: none;
        width: 100%;
    }

    .azold .col.col_spacing {
        margin: 0;
    }

    .azold .has_checkboxes .form_element label {
        display: inline-block;
        float: none;
        line-height: 26px;
        padding: 15px 20px 15px 40px;
    }

    .azold .has_checkboxes .form_element .checkbox,
    .azold .has_checkboxes .form_element .radio {
        left: 0;
        margin: 0;
        position: absolute;
        top: 18px;
    }

    .azold .user-settings.container > .col {
        margin: 0 !important
    }

    .azold .col_mobile.col_two_mobile {
        width: 100% !important;
    }

    .azold .col_mobile.col_mobile_spacing,
    .azold .col.col_spacing .col.col_mobile.col_mobile_spacing {
        margin-right: 3.5% !important;
    }

    .azold section.pages.separator_top {
        border-top: 1px solid #eee;
        margin: 0 !important;
        padding: 20px;
    }

    .azold section.pages.pagination_in_table {
        display: block !important;
    }

    .azold section.pages .sort {
        text-align: center;
    }

    .azold section.pages .sort.small .button.left {
        float: left;
    }

    .azold section.pages .sort.small .button.square {
        width: 55px;
        align-items: center;
        display: inline-flex;
        float: none;
    }

    .azold section.pages .sort.small .button {
        color: #fff;
    }

    .azold section.pages .sort .container {
        line-height: 55px;
    }

   .azold section.pages .sort.small .button.right {
        float: right;
   }

    .azold .table:not(.table_mobile) .line > .item {
        float: none;
        width: 100%;
        padding: 0;
    }

    .azold .table:not(.table_mobile) .line.has_inputs > .item label {
        font-family: "century-gothic", Arial, sans-serif;
        font-size: 13px;
        line-height: 1.5;
        padding: 0;
        float: none;
    }

    .azold .table:not(.table_mobile) .line.has_inputs > .item + .item {
        margin-top: 20px;
    }

    .azold .table:not(.table_mobile) .line.has_inputs > .item input {
        float: none;
    }

    .azold .col_mobile.col_two_mobile {
        float: none !important;
        width: 100% !important;
    }


    .azold .col_mobile.col_two_mobile.fix {
        float: left !important;
        width: 48.25% !important;
        margin: 0;
    }

   .window_popup.popup_mobile {
        height: auto !important;
        left: 0 !important;
        margin: 0 !important;
        padding-bottom: 20px;
        position: absolute;
        right: 0 !important;
        width: auto !important;
    }

   .azold .button.white {
        border: 1px solid #dedede;
   }

    body.has_sidebar .account_nav_mobile_overview {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        width: 100%;
        height: 40px;
        background: #FFFFFF;
        border-bottom: 1px solid #DEDEDE;
        border-top: 1px solid #DEDEDE;
        padding: 0 16px;
        vertical-align: center;
    }

    body.has_sidebar .account_nav_mobile_overview hr {
        width: calc(100% + 32px);
        background: #FFCC00;
        height: 2px;
        border: unset;
        margin: 0 -16px;
    }

    body.has_sidebar .account_nav_mobile_overview .burger {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 8px;
        right: 14px;
        float: right;
        cursor: pointer;
    }

    body.has_sidebar .account_nav_mobile_overview .burger span {
        display: block;
        width: 25px;
        height: 2px;
        margin-bottom: 6px;
        position: relative;
        background: #142864;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 2px 0;
        transition: transform 0.3s ease-in;
    }

    body.has_sidebar .account_nav_mobile_overview.open .burger span:first-child {
        transform: rotate(45deg) translate(1px, 1px);
    }

    body.has_sidebar .account_nav_mobile_overview.open .burger span:last-child {
        transform: rotate(-45deg) translate(0px, -1px);
    }

    body.has_sidebar .account_nav_mobile_overview.open .burger span:nth-child(2) {
        opacity: 0;
    }

    body.has_sidebar .account_nav_mobile_overview.open {
        transition: ease-out;
        height: min-content;
        bottom: 0;
        z-index: 201;
    }

    body.has_sidebar .account_nav_mobile_overview .navigation_list {
        display: none;
    }

    body.has_sidebar .account_nav_mobile_overview.open .navigation_list {
        display: block;
    }

    body.has_sidebar .account_nav_mobile_overview.open .navigation_list a {
        display: flex;
        margin-bottom: 10px;
        width: 100%;
        padding: 6px 0;
        font-weight: bold;
    }

    body.has_sidebar .account_nav_mobile_overview.open .navigation_list span {
        margin-left: 5px;
    }

    body.has_sidebar main.azold .account-wrapper > .inner {
        float: unset;
        max-width: 100%;
    }

    body.has_sidebar main.aznew #account_wrapper > section.inner:first-of-type {
        margin-top: 65px !important;
    }

    body.has_sidebar .aznew .collapse_heading_mobile,
    body.has_sidebar .aznew .collapse_body_mobile,
    body.has_sidebar .azold .collapse_heading_mobile,
    body.has_sidebar .azold .collapse_body_mobile {
        background: #FFFFFF;
    }

    body.has_sidebar.mobile .azold .boxed_content.white.user-settings {
        padding: 0;
    }

    body.has_sidebar .azold .address_search_results,
    body.has_sidebar .azold .pickpoint_search_results {
        margin-left: 0;
        margin-right: 0;
    }

    body.has_sidebar .azold .address_search_results > .customer_address,
    body.has_sidebar .azold #collapse_addresses_add > .boxed_content.white {
        background-color: #eee;
    }

    body.has_sidebar .customer_numbers_popup section.filters > section.inner_filters > .filter {
        margin-bottom: 10px;
        width: 100%;
    }

    body.has_sidebar .aznew section.popup_inner,
    body.has_sidebar .azold section.popup_inner {
        margin: 0;
    }

    body.has_sidebar main.aznew #account_wrapper .boxed_content.white.inner,
    body.has_sidebar main.azold #account_wrapper .boxed_content.white.inner {
        padding: 20px;
    }


    main.azold #account_wrapper .boxed_content.white.inner > .inner.grey {
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        background: unset;
   }

   .azold section.inner.grey > section.inner {
       margin: 0;
       height: auto !important;
   }

    .azold .col.col_two {
        width: 100% !important;
        margin: 0;
    }

   .azold .col.col_background {
       position: static;
       width: 100%;
       margin: 0;
   }

    .azold .col.col_background .line {
      display: none!important;
    }

    .azold .text_container.center_verticle {
        display: block;
    }

    .azold section.inner.background .text_container > .inner {
        padding: 0px;
    }

    .azold .col.col_background img {
        position: static;
        width: 100% !important;
        margin: 0;
    }

    .azold section.inner.grey > section.inner .col.center {
        text-align: center;
        float: none;
        margin: 0;
    }

    body.has_sidebar main.azold #account_wrapper .boxed_content.white.inner > .inner.grey  {
        padding-left: 0;
        padding-right: 0;
    }

    .azold .video_wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .azold .video_wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        width: auto !important;
    }

    .azold .col.col_background img {
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .azold .table:not(.table_mobile) .line .headline_mobile {
        font-family: "century-gothic", Arial, sans-serif;
        font-size: 14px;
        font-weight: bold !important;
        line-height: 1.6;
        color: #142864 !important;
    }

    .azold .button.width-m-full {
        width: 100%;
    }

    .azold section.inner .prolog_technologien {
        padding: 20px;
    }

    [data-view="tc_content"] .azold #planner,
    body.has_sidebar main.azold .account-wrapper > .float-wrapper {
        float: none;
        max-width: unset;
        width: auto;
        margin-left: 0;
        margin: 0 20px;
    }

    body.has_sidebar main.azold .account-wrapper > .float-wrapper.approval {
        width: unset;
    }

    .azold .button.size_1_3 {
        width: 100%;
    }

    body.has_sidebar main.aznew .account-wrapper,
    body.has_sidebar main.azold .account-wrapper,
    body.has_sidebar main.solid-account {
        padding-left: 0;
        width: auto;
        max-width: inherit;
        min-width: inherit;
        margin-top: 100px
    }

    body.has_sidebar[data-view="tcaz_custom_account"] main.azold .account-wrapper,
    body.has_sidebar[data-view="tcaz_custom_service"] main.azold .account-wrapper,
    body.has_sidebar[data-view="tcaz_custom_account"] main.azold #account_wrapper > section.inner:first-of-type,
    body.has_sidebar[data-view="tcaz_custom_service"] main.azold #account_wrapper > section.inner:first-of-type {
        margin-top: 0 !important;
    }

    body.has_sidebar main.azold #account_wrapper > section.wrapper:first-of-type {
        margin-top: 0 !important;
    }

    body.has_sidebar main.solid-account {
        margin-top: 70px;
    }

    body.has_sidebar:not(.app) main.azold #account_wrapper > section.inner:first-of-type {
        margin-top: 0 !important;
    }

    .window_popup .close_window {
        font-family: "century-gothic", Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 40px;
        color: #363636;
        height: 40px;
        width: auto;
        position: static;
    }

    .azold .orderlimit_form .form_element .has_date_range .date_col input {
        width: 100%;
        margin: 10px;
    }

    .azold .orderlimit_form .form_element .has_date_range .date_col span {
        margin-top: 0;
        text-align: center;
        width: 100%;
    }

    .window_popup {
        overflow: visible;
    }

    #window_popup_search_mobile .close_window,
    #window_popup_scanner .close_window,
    #window_popup_approval_basket .close_window,
    #window_popup_delete .close_window,
    #window_popup_main_messages .close_window,
    #window_popup_multi_import .close_window,
    #window_popup_logo_delete .close_window,
    #window_popup_change_shipping .close_window,
    #window_popup_change_pickup .close_window,
    #window_popup_filters .close_window,
    #window_popup_multi_search .close_window {
        display: none;
    }

    /* - Mobile Search PopUp - */

     #window_popup_search_mobile.window_popup {
        background: #fff;
        left: 0 !important;
        margin: 0 !important;
        max-width: 100%;
        padding: 0;
        position: fixed;
        top: 0 !important;
        width: 100%;
        z-index: 999;
        height: 100vh;
        bottom: 0;
        transition: none;
    }

     #window_popup_search_mobile.window_popup > .popup-header {
        padding: 5px 16px;
        background: #F2F2F2;
        position: relative;
    }

    #window_popup_search_mobile.window_popup > .popup-header i.close {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    #window_popup_search_mobile.window_popup > .popup-content {
        background: #fff;
        overflow-y: auto;
        height: 100vh;
    }

    #window_popup_search_mobile.window_popup > .popup-content .search {
        padding: 20px 16px 0;
        width: 100%;
    }

    #window_popup_search_mobile.window_popup > .popup-content .search .input > input {
        height: 55px;
        padding: 0 80px 0 50px;
        border: 1px solid #142864;
    }

    #window_popup_search_mobile .search .input [data-fnc="clear"] {
        width: 40px;
        height: 50px;
        position: absolute;
        right: 50px;
        z-index: 100;
        justify-content: center;
        align-items: center;
        display: flex;
    }


    #window_popup_search_mobile.window_popup > .popup-content .search .input [data-fnc="clear"] > .icon-border {
        width: 21px;
        height: 21px;
        background: #142864;
        border-radius: 50px;
        position: absolute;
        right: 10px;
        top: 17px;
        z-index: 20;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    #window_popup_search_mobile.window_popup > .popup-content .search > .input.icon-left.icon-right > .icon:first-child {
        left: 10px;
        right: auto;
        top: 12px;
    }

    #window_popup_search_mobile.window_popup > .popup-content .search > .input > .icon-placeholder {
        width: 50px;
        height: 55px;
        top: 0;
        position: absolute;
        right: 2px;
        z-index: 100;
        justify-content: center;
        align-items: center;
        display: inline-flex;
    }

    body.store-mode #window_popup_search_mobile.window_popup,
    body.has_stash_bar #window_popup_search_mobile.window_popup {
        top: 110px !important;
    }

    body.app_content .azold .overlay_search_mobile {
        z-index: 999;
    }

    body.app_content #window_popup_search_mobile.window_popup {
        top: 0 !important;
        height: 70px;
        z-index: 999;
    }

    body.mobile.app_content #window_popup_search_mobile.window_popup {
        top: 0 !important;
        height: 70px;
        z-index: 999;
    }

    body.mobile #window_popup_search_mobile.window_popup .top_bar .item.search input {
        font-family: "century-gothic", Arial, sans-serif;
        font-size: 13px;
        height: 70px;
        line-height: 70px;
        padding: 0 0 0 70px;
    }

    body.mobile .multi_input_popup.azold {
        left: 0 !important;
        margin: 0 !important;
        max-width: 100%;
        padding: 0;
        position: absolute;
        right: 0;
        top: 140px !important;
    }
    body.mobile.store-mode .multi_input_popup.azold,
    body.mobile.has_stash_bar .multi_input_popup.azold {
        top: 180px !important;
    }

    body.app_content .multi_input_popup.azold {
        top: 70px !important;
    }

    .search-mobile-popup.aznew .popup-content > .inner {
        height: auto !important;
        margin: 0;
        padding: 10px 0 20px;
    }

    .search-mobile-popup.aznew .inner > img,
    .search-mobile-popup.aznew .inner > picture > img {
        display: none;
    }

    .search-mobile-popup.aznew .inner .article.line {
        margin-bottom: 0;
        padding: 0 10px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: baseline;
    }

    .search-mobile-popup.aznew .inner .article.line + .article.line {
        margin-top: 20px;
    }

    .search-mobile-popup.aznew .inner .article.line .container.title {
        flex-grow: 1;
        padding-left: 20px;
        display: inline-flex;
        align-items: center;
    }

    .search-mobile-popup.aznew .inner .article.line .container.title > .subline {
        height: 45px;
    }

    .search-mobile-popup.aznew .popup-content .inner > .container {
        padding: 10px;
    }

    .search-mobile-popup.aznew .inner .article.line .container.tobasket {
        padding: 0 10px;
    }

    .search-mobile-popup.aznew .inner .article.line .container.aza-container {
        background: #F5F5F5;
        padding: 0 6px;
        display: flex;
        align-items: center;
        height: 28px;
        min-width: 54px;
        margin-left: 10px;
    }

    .search-mobile-popup.aznew .inner.error {
        padding: 20px;
        text-align: center;
        background: #fff;
    }

    .search-mobile-popup.aznew .inner.error .headline {
        font-size: 14px;
        font-weight: normal;
    }

    .search-mobile-popup.aznew .inner.error .text_container p {
        line-height: 1.6;
    }

    .azold .window_popup.fast_input_popup section.details {
        padding-top: 20px;
    }

    [data-view="start"] .article-sliders .owl-carousel article.article {
        border: 1px solid #dedede
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought {
        padding: 10px;
        position: relative;
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought::after,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought::after {
        content: "";
        position: absolute;
        right: 10px;
        left: 10px;
        width: calc(100% - 20px);
        height: 1px;
        background: #dedede;
        bottom: 0
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought .simple-switch,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought .simple-switch {
        height: unset;
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought .simple-switch .switch,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought .simple-switch .switch {
        width: 36px;
        height: 20px;
        padding: 2px;
        border-radius: 12px;
        border: 1px solid #CCCCCC;
        background: #fff;
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought .simple-switch .switch span,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought .simple-switch .switch span {
        background: #fff;
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought .simple-switch input:checked + span,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought .simple-switch input:checked + span {
        background: #142864;
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought .simple-switch .switch span::before,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought .simple-switch .switch span::before {
        height: 13px;
        width: 13px;
        background-color: #ccc;
        left: 2px;
        bottom: 3px;
    }

    body.app #window_popup_multi_search.window_popup .window_popup_header .inner.already-bought .simple-switch input:checked + span::before,
    .search-mobile-popup.aznew .window_popup_header .inner.already-bought .simple-switch input:checked + span::before {
        transform: translateX(16px);
        background: #fff;
    }

    .search-mobile-popup.aznew .inner > div.product_request_right {
        line-height: 20px;
        padding: 0 10px 40px;
        font-size: 11px;
    }

    #window_popup_multi_search.window_popup .article.line .container.main,
    .search-mobile-popup.aznew .article.line .container.main {
        height: 50px;
        max-height: 50px;
        display: inline-flex;
        align-items: center;
        max-width: 50px;
    }

    #window_popup_multi_search.window_popup .article.line .container.main > .inner,
    .search-mobile-popup.aznew .article.line .container.main > .inner {
        height: 50px;
        width: 50px;
    }

    #window_popup_multi_search.window_popup .article.line .container.main > .inner > .gallery.single,
    .search-mobile-popup.aznew .article.line .container.main > .inner > .gallery.single {
        display: flex;
    }

    #window_popup_multi_search.window_popup .article.line .container.main > .inner > .gallery.single > a.image,
    .search-mobile-popup.aznew .article.line .container.main > .inner > .gallery.single a.image {
        height: 100%;
    }

    #window_popup_multi_search.window_popup .article.line .container.main > .inner > .gallery.single > a.image >img,
    .search-mobile-popup.aznew .article.line .container.main > .inner > .gallery.single a.image > img {
        max-height: 50px;
        max-width: 50px;
    }

    #window_popup_multi_search.window_popup .article.line .container.tobasket > .button,
    .search-mobile-popup.aznew .article.line .article.line .container.tobasket > .button {
        height: 55px;
    }

    #window_popup_messages.window_popup.azold {
        max-width: 95%;
        right: 12px;
    }

    [data-view="tcaz_custom_account"] #account_wrapper {
        margin-top: 0
    }

    [data-view="tcaz_custom_account"] .boxed_content {
        border: none !important;
        padding: 0;
        padding-bottom: 20px;
        position: relative;
    }

    [data-view="tcaz_custom_account"] .boxed_content:not(.last)::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -16px;
        right: -16px;
        height: 4px;
        width: calc(100% + 32px);
        background: #dedede;
    }

    [data-view="tcaz_custom_account"] .boxed_content .stash-location a {
        font-weight: normal;
    }

    [data-view="tcaz_custom_account"] .boxed_content .container.flex .button {
        height: 44px;
        padding: 0 10px;
    }

    [data-view="tcaz_custom_account"] .boxed_content .container.flex .button > span {
        font-weight: 700;
    }

    [data-view="tcaz_custom_account"] .boxed_content .container.flex .button.grey {
        color: #142864;
    }

    [data-view="tcaz_custom_account"] .triangle {
        margin-top: 3px;
    }

   #window_popup_export_pdf.window_popup.azold,
   #window_popup_export_pdf_multi.window_popup.azold,
   #window_popup_export_barcode.window_popup.azold,
   #window_popup_export_barcode_multi.window_popup.azold,
   #window_popup_favoritelist_article.window_popup.azold {
        padding-top: 0;
    }

    #window_popup_export_pdf.window_popup.azold .close_window,
    #window_popup_export_pdf_multi.window_popup.azold .close_window,
    #window_popup_export_barcode_multi.window_popup.azold .close_window,
    #window_popup_export_barcode.window_popup.azold .close_window {
        margin: 12px;
    }

   #window_popup_export_pdf.window_popup.azold section.inner .col.options .branding .form_element,
   #window_popup_export_pdf.window_popup.azold section.inner .col.options .all .form_element,
   #window_popup_export_pdf.window_popup.azold section.inner .col.options .prices  .form_element,
   #window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .branding .form_element,
   #window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .all .form_element,
   #window_popup_export_pdf_multi.window_popup.azold section.inner .col.options .prices  .form_element {
       width: 100%;
       margin-right: unset;
   }

   section.filters .selected .filter.dummy {
        display: none;
   }

   #collapse_subuser_details,
   #collapse_subuser_settings,
   #collapse_subuser_rights {
       padding: 5px;
   }

    body.has_sidebar main.azold .table .line:last-child {
        border-bottom: 1px solid #dedede;
    }

    body.has_sidebar.mobile .azold .collapse_heading_mobile > i.visible_mobile.hidden {
        display: none !important;
    }

    .row.line,
    .boxed_content.line {
        position: relative;
    }

    .row.line::after,
    .boxed_content.line::after,
    .col.line::after {
        background-color: #f2f2f2;
        content: "";
        height: 4px;
        left: -4px;
        position: absolute;
        right: -4px;
        bottom: 0;
    }

    .boxed_content.line::after,
    .col.line::after {
        left: -12px;
        right: -12px;
    }

    [data-view="tcaz_custom_account_subuser"] .table.list .subline.big.collapse_heading_mobile {
        border: 1px solid #dedede;
    }

    .azold .form_element input.small {
        width: 47.5%;
    }

    .azold .form_element input.big {
        width: 47.5%;
    }

    .azold section.inner.white_mobile {
        background-color: #fff;
        padding: 0;
    }

    [data-view="tc_b2b_favoritelist_detail"] .breadcrumb .favorite-lists-breadcrumb {
        width: 100%;
        padding-right: 0;
    }

    [data-view="tc_b2b_favoritelist_detail"].aznew section.wrapper, main.aznew section.wrapper.err-404 {
        width: 100%;
        margin: 0;
    }

    [data-view="tc_b2b_favoritelist_detail"] .breadcrumb a.item {
        border: 1px solid #dedede
    }

    [data-view="tc_content"] .inner.privacy > .row {
        margin: 0;
    }

    [data-view="start"] [data-slider="basket"] .article.small {
        border: 1px solid #dedede;
    }

    [data-view="alist"] .azold section.banners:not(.heyflow) > .banner.size_1_3,
    [data-view="alist"] .aznew.relaunch section.banners:not(.heyflow) > .banner.size_1_3 {
        width: 50%;
    }

    [data-view="alist"] .azold section.banners:not(.heyflow) > .spacer,
    [data-view="alist"] .aznew.relaunch section.banners:not(.heyflow) > .spacer {
        float: none;
        display: none;
    }

    .azold section.banners:not(.heyflow) > .banner,
    .aznew.relaunch section.banners:not(.heyflow) > .banner {
        background: #fff;
    }

    [data-view="start"] .start-banner {
        height: 200px;
        max-height: 200px;
    }

    [data-view="start"] .start-banner .owl-item > a,
    [data-view="start"] .start-banner .owl-item > .banner,
    [data-view="start"] .start-banner .owl-item > .banner > img {
        margin: 0 auto
    }

    [data-view="start"] .start-banner .owl-item .banner > img {
        height: 200px;
        object-fit: cover;
        width: 100%;
    }

    [data-view="start"] .start-banner .owl-item > .banner .articles {
        height: 180px;
    }

    [data-view="start"] .start-banner.owl-carousel .owl-dots {
        position: absolute;
        background: #fff;
        display: inline-flex;
        padding: 6px 12px;
        align-items: flex-start;
        gap: 8px;
        bottom: -10px;
        border-radius: 48px;
        box-shadow: 2px 2px 30px 3px rgba(20, 40, 100, 0.10);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    [data-view="start"] .start-banner.owl-carousel .owl-dots button.owl-dot {
        width: 8px;
        height: 8px;
        background: #dedede;
        border-radius: 8px;
    }

    [data-view="start"] .start-banner.owl-carousel .owl-dots button.owl-dot.active {
        width: 16px;
        background: #FFCD00;
    }

    [data-view="start"] .start-banner.owl-carousel .option.carousel .articles article.article {
        text-align: center;
    }

    section.inner.manufactures .manufacturer-grid .manufacturer_icon {
        border: 1px solid #DEDEDE;
    }

    [data-view="start"] .navigation-fixed .wrapper {
        flex-wrap: wrap;
    }

    [data-view="start"] .navigation-fixed .navigation-teaser-item {
        width: 100%;
        min-width: 100%;
        text-align: center;
    }

    [data-view="start"] .navigation-fixed nav {
        padding: 10px 0;
        overflow: scroll;
        margin: 0 -16px;
        width: calc(100% + 32px)
    }

    [data-view="start"] .navigation-fixed nav .nav-element {
        border: 1px solid #F2F2F2;
        background: #fff;
        box-shadow: 1px 1px 8px 2px rgba(20,40,90,0.10);
        margin-right: 8px;
        padding: 8px;
        font-weight: bold;
    }

    [data-view="start"] .navigation-fixed nav .nav-element:first-of-type {
        margin-left: 8px;
    }

    [data-view="start"] .navigation-fixed nav .nav-element.image {
       min-width: 60px;
    }

    #popup-confirm-email.window_popup {
        left: 0;
        right: 0;
        max-width: unset;
        margin: 0;
        top: 0;
    }

}

@media (max-width: 750px) {
    body[data-view="tcaz_custom_account"] .stash-opening,
    body[data-view="tcaz_custom_account"] .stash-location {
        width: 100%;
    }

    .search-mobile-popup.aznew .inner .article.line .container.tobasket {
        display: none;
    }

    [data-view="alist"] .azold section.banners:not(.heyflow) > .banner.size_1_3,
    [data-view="alist"] .aznew.relaunch section.banners:not(.heyflow) > .banner.size_1_3 {
        width: 100%;
    }

     .onlineshop section.banners:not(.heyflow) > .banner {
        height: 125px;
        min-height: unset;
    }

}

body[data-view="tcaz_custom_solid"] main.solid-account input {
    font-family: "century-gothic",Arial,sans-serif;
    font-size: 12px;
}

body[data-view="tcaz_custom_solid"] main.solid-account div {
    font-family: "century-gothic",Arial,sans-serif;
}

body[data-view="tcaz_custom_account_access"] .input.icon-right input {
    padding-right: 50px;
}

.aznew article[data-type="gallery"] > .box > .main > .note.container {
    position: absolute;
    top: 100px
}


@media (max-width: 1024px) {
    [data-view="tcaz_custom_account"] .boxed_content.sidebar-settings {
        display: none;
    }
}


[data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons {
    display: flex;
    justify-content: space-between;
}

[data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons > .button.reset_orderlimit {
    flex-grow: 1;

}

[data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons > a.button {
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}



@media (max-width: 1024px) {

    [data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons > a.button {
        min-width: 33%;
    }

    [data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons > a.button:first-of-type {
       margin: 0 10px;
    }

    [data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons > .button.reset_orderlimit {
        min-width: 210px;
        text-align: center;
    }


    body[data-view="tcaz_custom_workshop_detail"].has_sidebar main.azold #account_wrapper > section.wrapper:first-of-type {
        margin-top: 0 !important;
    }

}

@media (max-width: 750px) {
    [data-view="tcaz_custom_account_order_limit"] .admin_limit_buttons > a.button {
        min-width: 50px;
    }
}

@media (max-width: 1024px) {
    #window_popup_set_user_data.window_popup {
        margin-top: 0 !important;
        min-width: 0;
        position: absolute;
        top: 90px !important;
    }

    #window_popup_set_user_data.window_popup {
        top: 0 !important;
    }

    #window_popup_set_user_data.window_popup > section.inner.col_tables {
        background-image: none;
        padding: 20px 0;
    }

    #window_popup_set_user_data.window_popup > section.inner.col_tables > .col.col_spacer {
        height: 30px;
    }

     #window_popup_first_login.window_popup {
        margin-top: 0 !important;
        min-width: 0;
        position: absolute;
        top: 90px !important;
    }

     .window_popup.azold .col.col_spacer {
         display: none !important;
     }

    .window_popup.azold section.inner.col_tables > .col {
         display: block;
         margin: 0;
     }

    #window_popup_first_login.window_popup {
        top: 0 !important;
    }

    #window_popup_first_login.window_popup > section.inner.headline img {
        display: none;
    }

    #window_popup_first_login.window_popup > section.inner.col_tables {
        padding: 20px 0 0 0;
        background-image: none;
    }

    #window_popup_first_login.window_popup > section.inner.col_tables .col.col_four,
    #window_popup_first_login.window_popup > section.inner.col_tables .col.col_three,
    #window_popup_first_login.window_popup > section.inner.col_tables .col.col_two,
    #window_popup_set_user_data.window_popup > section.inner.col_tables .col.col_four,
    #window_popup_set_user_data.window_popup > section.inner.col_tables .col.col_three,
    #window_popup_set_user_data.window_popup > section.inner.col_tables .col.col_two {
        width: 100%;
        float: none;
    }

    #window_popup_first_login.window_popup > section.inner.col_tables .col.col_four.big .half {
        width: 100%;
        padding: 0;
        float: none;
    }
}

body[data-view="details"] .loadbeeTabContent {
    background: #fff;
    padding: 12px 0;
}

body[data-view="tcaz_custom_solid"].has_sidebar main.solid-account .account-wrapper {
    display: flex;
}

body[data-view="tcaz_custom_solid"].has_sidebar main.solid-account .account-wrapper > .account_sidebar {
    min-width: 332px;
}

body[data-view="tcaz_custom_solid"].has_sidebar .tc-root .wrapper {
    min-width: unset;
    max-width: 100% !important;
}

@media(min-width: 1024px) {
    .popup.aznew.baskets .popup-content .popup-body .container .icon-bubble {
       z-index: 100;
    }
}

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

body[data-view="start"].app .wrapper .col.sticky > .boxed_content {
    padding-bottom: 50px;
}

body[data-view="start"] div h3.placeholder-item,
body[data-view="details"] div h3.placeholder-item {
    width: 40%;
}

body[data-view="start"] div a.placeholder-item,
body[data-view="details"] div a.placeholder-item {
    width: 20%;
}

.article-loading article {
    border: 1px solid #dedede;

}

.article-loading article {
    background-color: transparent;
}

.article-loading .placeholder-item.small-height {
    height: 20px
}

.article-loading .placeholder-item.mini {
    width: 30px
}

.article-loading .placeholder-item.medium {
    width: 50%
}

.article-loading article .main.container .picture.placeholder-item {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.article-loading article .picture.placeholder-item.small {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.article-loading article .title.container .placeholder-item.long {
    width: 90%;
    margin: 0 auto;
}

.article-loading article .title.container.placeholder-item.small {
    width: 60%;
    margin: 0 auto;
}

.article-loading article .tobasket.container .placeholder-item {
    height: 30px;
}

body[data-view="search"] .wrapper.list .mobile-header {
    display: none;
}

@media (max-width: 1024px) {
    body[data-view="search"]:not(.app) .wrapper.list .mobile-header {
        display: flex;
        margin-bottom: 16px;
    }
}

@media (min-width: 1024px) {
    body[data-view="start"]:not(.app) .placeholder-item {
        background-color: #ddd;
    }

}

/** aza banner **/
body[data-view="start"] .aza-banner img.background {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body[data-view="start"] .aza-banner .flex.text {
    position: relative;
    color: #fff;
    z-index: 1;
    padding: 16px;
}

body[data-view="start"] .aza-banner .flex.text .logo,
body[data-view="start"] .wrapper.aza-banner .flex.text .img.logo {
    min-width: 95px;
}

body[data-view="start"] .aza-banner .flex.text .logo {
    margin-right: 16px;
}

body[data-view="start"] .aza-banner .flex.text .text {
    flex-grow: 1;
    font-size: 12px;
    line-height: 16px;
}

body[data-view="start"] .aza-banner .flex.text > .icon.boxed {
    min-width: 32px;
    width:32px;
    min-height: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

body[data-view="details"] .article-loading .container .article,
body[data-view="tcaz_custom_action"] .article-loading .container .article {
    width: 100%;
    padding: 15px;
}

body[data-view="tcaz_custom_datanorm"] .loading-container {
    position: relative;
    width: 100%;
    min-height: 300px;

}

body[data-view="tcaz_custom_datanorm"] .loading-container .loader {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    z-index: 10;
}

body[data-view="tcaz_custom_datanorm"] .loading-container .spinner {
    width: 48px;
    height: 48px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

body.has_sidebar.no_shop_accsess  main.azold #account_wrapper > section.inner:first-of-type {
    float: none;
    width: 100%;
}

.smart-app-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #142864;
    color: #fff;
    z-index: 1000;
    display: none;
}

.smart-app-banner > .wrapper {
    padding: 8px 12px;
    align-items: center;
    height: 80px;
    display: flex;
    width: 100%;
}

.smart-app-banner > .wrapper > .logo {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-left: 8px;
    margin-right: 12px;
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}

.smart-app-banner > .wrapper > .text {
    flex-grow: 1;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.56px;
}

.smart-app-banner > .wrapper > .text > span {
    font-size: 12px;
    font-weight: normal;
}

.smart-app-banner > .wrapper .button {
    display: flex;
    padding: 4px 8px 5px 8px;
    align-items: center;
    border-radius: 100px;
    background: #fff;

    color: #142864;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    body[data-view="tcaz_custom_planet_wissen"] .row.line::after {
        display: none;
    }
}



/*** Abakus - Mein Konto ***/

[data-view="tcaz_custom_account"] .boxed_content.abakus {
    line-height: 17.5px;
}


[data-view="tcaz_custom_account"] .boxed_content.abakus > .status {
    width: 100%;
    display: flex;
    height: 26px;
    gap: 5px;
    position: relative;
}

[data-view="tcaz_custom_account"] .boxed_content.abakus > .status > .anchor {
    position: absolute;
    top: 0;
    height: 100%;
    background: transparent;
    width: 2px;
    pointer-events: auto; /* wichtig */
}

[data-view="tcaz_custom_account"] .boxed_content.abakus [data-tooltip] {
    pointer-events: none;
}

[data-view="tcaz_custom_account"] .boxed_content.abakus > .status > .step {
    width: 25%;
    background: #DEDEDE;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
}


[data-view="tcaz_custom_account"] .boxed_content.abakus > .status > .step.active {
    background: #00A03F;
}

[data-view="tcaz_custom_account"] .boxed_content.abakus > .light {
    color: #999999;
}