@charset "UTF-8";

/* Fonts 
* @import url("../fonts/neuehelvetica/69a61f1b-127f-4de4-b5f8-4d9cefcf3ef7.css");
* Direct import in HTML Head!
*/

@font-face {
    font-family: 'winklericons';
    src: url('../fonts/iconfont/winklericons.eot');
    src: url('../fonts/iconfont/winklericons.eot') format('embedded-opentype'),
        url('../fonts/iconfont/winklericons.woff2') format('woff2'),
        url('../fonts/iconfont/winklericons.ttf') format('truetype'),
        url('../fonts/iconfont/winklericons.woff') format('woff');
    font-display: swap;
}

:root {
    --color-default: #0a0a0a;
    --color-winkler-blue: #164194;
    --color-winkler-red: #E30613;
    --color-primary-gray: #D9D9D9;
    --color-secondary-gray: #707275;
    --color-primary-contrast: white;
    --color-new-banner: var(--color-winkler-blue);

    --clip-path-main: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
    --clip-path-inverted: polygon(0 0, 100% 0, 70% 100%, 0% 100%);

    --font-primary: NeueHelvetica77CondensedBold;
    --font-alt: NeueHelvetica55Roman;

    --autofill-background-color: #F2F2F2;
    --input-background-color: #F2F2F2;
    --image-background-color: #F2F2F2;

    --ft-size-h1: 34px;
    --ft-size-h2: 22px;

    --header-popups-padding: 20px;

    --z-index-popups: 100;
    --z-index-status-messages: 1007;
}

:focus {
    outline: inherit;
    outline-color: inherit;
    outline-style: inherit;
    outline-width: inherit;
}

:focus-visible {
    outline: inherit;
    outline-color: inherit;
    outline-style: inherit;
    outline-width: inherit;
}

/* >> PRE- AND SUFFIX ICONS */
[class^="suffix-icon-"],
[class*=" suffix-icon-"],
[class^="prefix-icon-"],
[class*=" prefix-icon-"] {
    position: relative;
}

[class^="suffix-icon-"],
[class*=" suffix-icon-"] {
    padding-right: calc(1em + 10px);
}

[class^="prefix-icon-"],
[class*=" prefix-icon-"] {
    padding-left: calc(1em + 10px);
}

[class^="suffix-icon-"]::after,
[class*=" suffix-icon-"]::after,
[class^="prefix-icon-"]::before,
[class*=" prefix-icon-"]::before {
    font-family: "winkler-font" !important;
    display: flex;
    position: absolute;
    top: 0.1em;
    height: 100%;
    pointer-events: none;
}

[class^="suffix-icon-"]::after,
[class*=" suffix-icon-"]::after {
    right: 0;
}

[class^="prefix-icon-"]::before,
[class*=" prefix-icon-"]::before {
    left: 0;
}

/* Icon definitions: */
.suffix-icon-trash::after,
.prefix-icon-trash::before {
    content: "\54";
}

.suffix-icon-refresh::after,
.prefix-icon-refresh::before {
    content: " ";
    background-image: url(../images/svg/refresh_black.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: -2px;
}

/* << PRE- AND SUFFIX ICONS */

.custom-checkbox-container .custom-checkbox-input {
    display: none;
}

.custom-checkbox-container .custom-checkbox-view {
    height: var(--checkbox-size);
    width: var(--checkbox-size);
    max-height: var(--checkbox-size);
    max-width: var(--checkbox-size);
    background-color: white;
    border: 1px solid #999999;
    cursor: pointer;
    padding: 0px;
    position: relative;
}

.custom-checkbox-input:disabled~.custom-checkbox-view {
    background-color: #e7e7e7 !important;
    cursor: not-allowed !important;
}

.custom-checkbox-container .custom-checkbox-input:checked~.custom-checkbox-view::after {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/svg/check.svg");
    position: absolute;
    height: 100%;
    width: 100%;
    content: ' ';
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "winklericons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.loader {
    width: 48px;
    height: 48px;
    border: 10px solid var(--color-primary);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: loader_rotation 1.25s linear infinite;
}

@keyframes loader_rotation {
    0% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(450deg);
    }
}

.next-to-object-anchor.next-to-object-anchor:not(.active) {
    display: none;
}

.winkler-close-icon::after {
    font-family: var(--font-primary);
    font-size: 2em;
    content: "×";
    cursor: pointer;
}

.footer-wrapper .icon_gap,
footer .icon_gap {
    gap: 15px;
}

.icon-footer-phone:before {
    content: "\e913";
}

.icon-footer-email:before {
    content: "\e910";
}

.icon-footer-contact:before {
    content: "\e911";
}

.icon-footer-locations:before {
    content: "\e917";
}

.icon-footer-newsletter:before {
    content: "\e912";
}

.absolute {
    position: absolute;
}

.winkler-custom-input-container {
    border: 1px solid #CECECE;
    height: 56px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.winkler-custom-input-container .winkler-custom-input {
    height: 100%;
    width: 100%;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 5px 0px 0px 12px;
    font-size: 16px;
    margin: 0px;
}

.winkler-custom-input-icon {
    height: 25px;
    width: 25px;
    margin: 0px 15px;
    cursor: pointer;
}

/* Password-Vivibility Icon */
.toggle-password-field {
    position: relative;
}

.toggle-password-button {
    cursor: pointer;
    top: 1rem;
    right: 1rem;
    transform: translateY(-25%);
    display: flex;
    position: absolute;
}

.toggle-password-button::after {
    background-repeat: no-repeat;
    background-position: center;
    height: 17px;
    width: 22px;
    content: " ";
}

input[type="password"]~.toggle-password-button::after {
    background-image: url("../images/svg/visibility.svg");
}

input[type="text"]~.toggle-password-button::after {
    background-image: url("../images/svg/visibility_off_.svg");
}

input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-ms-reveal {
    display: none;
}

/* Overrides */
body {
    overflow-x: hidden;
    font-family: var(--font-alt);
}

@media (max-width: 639px) {
    .reveal {
        height: auto !important;
    }
}

.breadcrumbs a {
    color: black;
}

p {
    color: inherit;
}

a:focus,
a:hover {
    color: var(--color-primary-hover);
}

@media screen and (max-width: 74.9988em) {
    .show-for-xlarge {
        display: none !important;
    }
}

.has-tip {
    border: none;
}

.tabs-content {
    border: none;
}

.iwc-close-btn::before {
    font-family: var(--font-primary);
    font-size: 2em;
    content: "×";
    cursor: pointer;
}

#iwc-message-container {
    position: fixed;
    width: 100%;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: var(--z-index-status-messages);
}

.wishlist-item .currency-container {
    margin-left: auto;
}

#iwc-message-container .iwc-template-message.callout.callout,
#iwc-message-container .iwc-template-message {
    margin: 0px;
    color: white;
    background-color: var(--color-primary);
    text-align: center;
    font-family: var(--font-primary);
    text-transform: uppercase;
    padding: 20px 20px 15px 20px;
    font-size: 18px;
    border: none;
    box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.33);
    z-index: var(--z-index-status-messages);
}

#iwc-message-container .iwc-template-message.callout.callout.alert {
    background-color: var(--color-winkler-red);
}

#iwc-message-container .iwc-template-message .close-button {
    color: white;
    top: calc(50% - 16px);
}

input::placeholder {
    color: #3b3b3b;
    opacity: 1;
}

.winkler-spacer {
    border-bottom: 1px solid var(--color-primary-gray);
}

#iwc-debug-info #iwc-debug-info-btn#iwc-debug-info-btn {
    background: #E30613;
}

body.mobile-menu-open {
    overflow: hidden;
}

body header .grid-x {
    flex-flow: row;
}

body .grid-container {
    max-width: 1400px;
}

a.link {
    color: var(--color-primary);
    text-decoration: underline;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: var(--color-primary);
}

header a {
    color: unset;
}

.no-list-decoration {
    list-style: none;
}

.my-account-linklist a {
    color: black;
    height: 100%;
    width: 100%;
    display: flex;
    padding: 4px 0px 6px 0px;
}

.my-account-linklist li a:hover {
    color: var(--color-primary)
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--autofill-background-color) inset !important;
    box-shadow: 0 0 0 30px var(--autofill-background-color) inset !important;
    -webkit-text-fill-color: inherit !important;
}

.popover-heading {
    font-family: var(--font-primary);
    margin-bottom: 5px;
}

.popover-body {
    font-size: 12px;
}

#RECAPTCHA-CONSENT-BANNER {
    gap: 15px;
    margin: 50px 0px;
}

#RECAPTCHA-CONSENT-BANNER .text {
    font-family: var(--font-alt);
    color: red;
}

#RECAPTCHA-CONSENT-BANNER .text::before {
    content: "*";
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lightslider-custom-control {
    height: 45px;
    width: 22px;
    display: block;
    position: absolute;
    top: calc(50% - 22.5px);
    z-index: 1;
}

.lightslider-custom-control.left {
    left: -30px;
}

.lightslider-custom-control.right {
    transform: rotate(180deg);
    right: -30px;
}

.wk-position-container .wk-content-price {
    margin-left: auto;
}

/* Für Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.PRODUCT-DETAILS-WRAPPER .image-selector-wrapper .image-selector-container {
    max-height: 100%;
}

.PRODUCT-DETAILS-WRAPPER .image-selector-wrapper .image-selector-container>div {
    height: 100%;
}

/* Util Style classes */
.FEATURE-NEW-BANNER {
    position: absolute;
    background-color: var(--color-new-banner);
    color: white;
    padding: 3px 15px 0px 15px;
    font-family: var(--font-primary);
    top: -12px;
    border-radius: 5px;
    right: -25px;
    z-index: 10;
    font-size: 14px;
}

.header-desktop .shop-nav-items-container .FEATURE-NEW-BANNER {
    top: -30px;
}

.noselect {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.pointer:hover {
    cursor: pointer;
}

input:checked~.styled-checkbox-round::before {
    border-radius: 50%;
    content: " ";
    display: block;
    height: 50%;
    width: 50%;
    background-color: var(--color-primary);
}

input:checked~.styled-checkbox-rect {
    background-image: url("../../global/images/svg/check.svg");
    background-position: center;
    background-size: 61%;
}

.styled-checkbox-round,
.styled-checkbox-rect {
    background-color: white;
    border: 1px solid #999999;
    background-repeat: no-repeat;
}

.styled-checkbox-round {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.winkler-quantity-input.winkler-quantity-input:focus,
.winkler-quantity-input.winkler-quantity-input {
    width: 50px;
    height: 25px;
    background: transparent;
    border: none;
    outline: none;
    border: none;
    box-shadow: none;
    text-align: center;
}

.winkler-quantity-btn {
    height: 25px;
    width: 25px;
    background-color: #D8D8D8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    user-select: none;
}

/* Global Styles */
body .modal-content .grid-container {
    width: 100%;
}

.diagonal-line-b::before {
    /* Weißer Streifen */
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    transform: skew(-24deg);

    /* 
    ADD FOLLOWING on your custom elements
    top/bottom/right/left, background, z-index;
    */
}

#header-price-change-m {
    margin: 20px 0px;
}

.header-mobile-linklist-subitem.no-arrow::after {
    display: none;
}

.layout-component-small {
    margin-bottom: 40px;
}

.winkler-button {
    min-height: 50px;
    padding: 4px 70px 0px 15px;
    border: none;
    background-color: var(--color-primary);
    color: white;
    text-transform: uppercase;
    font-family: var(--font-primary);
    text-align: left;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    overflow-x: hidden;
}

.winkler-button.reversed {
    padding: 4px 15px 0px 70px;
    text-align: right;
}

.winkler-button:disabled,
.winkler-button.disabled {
    pointer-events: none;
    background-color: #999999;
}

.winkler-button.color-inverted {
    background-color: white;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.winkler-button::after {
    position: absolute;
    content: "\e906";
    font-family: "winklericons" !important;
    right: 15px;
    color: white;
    top: calc(50% - 8px);
}

.winkler-button.reversed::after {
    left: 15px;
    content: "\e907";
    right: unset;
}

.winkler-button.mixed::after,
.winkler-button.color-inverted::after {
    color: var(--color-primary);
}

.winkler-button.color-inverted.mixed::after {
    color: white;
}

.winkler-button.mixed::before {
    content: "";
    background-color: white;
    position: absolute;
    width: 60px;
    top: 0px;
    height: 100%;
    right: -11px;
    transform: skew(-24deg);
}

.winkler-button.reversed::before {
    left: -11px;
    transform: skew(-24deg);
}

.winkler-button.mixed {
    border: 1px solid var(--color-primary);
    position: relative;
    overflow: hidden;
}

.winkler-button.mixed.color-inverted::before {
    background-color: var(--color-primary);
}

.winkler-button.diagonal-line-b::before {
    top: 0px;
    right: 40px;
    background: white;
    z-index: 2;
}

.winkler-button.color-inverted.diagonal-line-b::before {
    background: var(--color-primary);
}

.winkler-action-icon {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.winkler-action-icon-container {
    width: fit-content;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.winkler-action-icon-label {
    font-size: 12px;
    font-family: var(--font-primary);
    color: var(--color-winkler-blue);
    min-height: 20px;
}

.winkler-action-icon.round {
    border-radius: 100px;
    border: 1px solid #d9d9d9;
}

.winkler-action-icon::before {
    content: "";
    height: 55%;
    width: 55%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
}

.winkler-action-icon.wishlist.icon_active::before {
    background-image: url("../../global/images/svg/wishlist_blue.svg");
    height: 25px;
}

.winkler-action-icon.wishlist.icon_inactive::before {
    background-image: url("../../global/images/svg/wishlist_outline.svg");
    height: 30px;
}

.winkler-action-icon.shoplist::before {
    background-image: url("../../global/images/svg/shoppinglist_blue.svg");
    margin-left: 6px;
    margin-bottom: 4px;
}

.winkler-action-icon.compare::before,
.winkler-action-icon.compare.icon_inactive::before {
    background-image: url("../../global/images/svg/compare_blue.svg");
}

.winkler-action-icon.compare.icon_active::before {
    background-image: url("../../global/images/svg/compare_blue_filled.svg");
}

.winkler-action-icon.show::before {
    background-image: url("../../global/images/svg/show.svg");
}

.winkler-avail-icon::before {
    content: "";
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 20px;
}

.winkler-avail-icon.green::before {
    background-image: url("../../global/images/svg/avail-icon-green.svg");
}

.winkler-avail-icon.yellow::before {
    background-image: url("../../global/images/svg/avail-icon-yellow.svg");
}

.only-b2b-hint-banner {
    background-color: var(--input-background-color);
    justify-content: center;
    gap: 8px;
    align-items: center;
    min-height: 30px;
}

.only-b2b-hint-banner .hint-icon {
    height: 18px;
    width: 18px;
    margin: 0px;
    margin-bottom: 0px !important;
}

.only-b2b-hint-banner .hint-text {
    font-size: 14px;
    padding-top: 4px;
}

.styled-checkbox.white {
    background-color: white;
    border: 1px solid #999999;
}

.styled-checkbox {
    background-clip: padding-box;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    top: 0px;
    vertical-align: middle;
    height: 30px;
    width: 30px;
}

input:checked~.switch-paddle {
    background: var(--color-primary);
}

.switch-wrapper {
    display: flex;
    gap: 10px;
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.1rem;
}

.switch {
    margin-bottom: 0px;
}

.switch-label {
    font-size: 15px;
}

.switch-paddle::after,
.switch-paddle {
    border-radius: 100px;
}

.switch.tiny .switch-paddle {
    height: 1rem;
    width: 2rem;
}

.switch.tiny .switch-paddle::after {
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
}

header .header-desktop .navigation-row::before {
    background-color: var(--color-header-primary);
    content: "";
    height: 60px;
    width: 100%;
    display: flex;
    position: absolute;
}

header .header-nav-item-container .shop-nav-items {
    height: 100%;
    width: 100%;
    background-color: var(--color-header-primary);
    position: relative;
    transform: skewX(-24deg);
}

.header-util-icon-container {
    position: relative;
    padding: 5px;
}

.header-util-badge:not(:empty) {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--color-winkler-red);
    color: white;
    border-radius: 18px;
    padding: 4px 5px 0px 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 18px;
    text-align: center;
    outline: 1px solid white;
}

.language-country-selector-container,
.language-country-selector-icon-container {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.language-country-selector-container::after,
.language-country-selector-icon-container::after {
    content: "";
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid gray;
}

.header-util-icon-container:hover .mini-compare-popup-wrapper,
.header-util-icon-container:hover .mini-basket-popup-wrapper,
.header-util-icon-container:hover .mini-wishlist-popup-wrapper {
    display: flex;
}

/* FLAG MENU */
.header-util-icon-container,
.language-country-selector-icon-container {
    position: relative;
}

.flag-selector-popup-wrapper {
    background-color: white;
    padding: var(--header-popups-padding);
    gap: 20px;
}

.flag-selector-popup-wrapper .flag-selector-popup-heading {
    font-size: 16px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: unset;
}

.flag-selector-popup-wrapper .country-text,
.flag-selector-popup-wrapper .language-text {
    font-size: 16px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    padding-top: 3px;
}

.flag-selector-popup-wrapper .styled-checkbox-round {
    height: 26px;
    width: 26px;
}

.flag-selector-popup-wrapper .language-container-wrapper .styled-checkbox-round::before {
    height: 10px;
    width: 10px;
}

.flag-selector-popup-wrapper .language-container {
    gap: 15px;
}

.flag-selector-popup-wrapper .country-container,
.flag-selector-popup-wrapper .language-container-wrapper {
    gap: 15px;
}

.flag-selector-popup-wrapper .selected-country-container {
    justify-content: space-between;
}

.flag-selector-popup-wrapper .country_info_text {
    font-family: var(--font-alt);
    color: var(--color-secondary-gray);
    font-size: 12px;
    margin-bottom: 0px;
}

.flag-selector-popup-wrapper .country-wrapper,
.flag-selector-popup-wrapper .country-container-wrapper {
    gap: 15px;
}

.login-popup-wrapper {
    color: black;
    min-height: 100px;
    background: white;
    padding: var(--header-popups-padding);
    min-width: 320px;
    font-size: 14px;
    font-family: var(--font-alt);
    text-transform: none;
}

.login-popup-wrapper .no-account-txt {
    font-size: 15px;
    color: black;
    font-family: "NeueHelvetica77CondensedBold";
    text-transform: uppercase;
    margin-top: 20px;
}

.login-popup-wrapper .only-b2b-hint-banner {
    margin-top: 20px;
}

.login-popup-wrapper .login-input-container input:focus,
.login-popup-wrapper .login-input-container input {
    padding: 7px 10px !important;
    font-size: 12px;
    margin-bottom: 15px;
    background-color: var(--input-background-color);
    border: none;
    outline: none;
    box-shadow: none;
}

.login-popup-wrapper .forgot-pw {
    font-size: 12px;
    padding: 0px !important;
    margin-bottom: 20px;
}

.login-popup-wrapper .remember-me-autologin .styled-checkbox {
    height: 20px;
    width: 20px;
}

.login-form-register-container {
    border-top: 1px solid var(--color-primary-gray);
}

.header-nav-item.admin {
    min-width: 40px;
}

.admin-list {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.admin-list li {
    margin: 6px 0;
}

.admin-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.25s ease;
}

.admin-list a:hover {
    background: var(--color-primary);
    color: #fff;
    transform: translateX(4px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.admin-list a span:last-child {
    flex: 1;
}

.admin-list .material-icons {
    font-size: 22px;
    color: var(--color-primary);
    transition: color 0.25s ease;
}

.admin-list a:hover .material-icons {
    color: #fff;
}

#iwc-template-modal {
    padding: 0px;
}

#iwc-template-modal .modal-header {
    background-color: #EAEAEA;
    padding: 25px 65px 15px 25px;
}

#iwc-template-modal .modal-header h1 {
    font-size: 24px;
    font-family: var(--font-primary);
    margin-bottom: 0px;
}

#iwc-template-modal .modal-content {
    padding: 50px;
}

.reveal-overlay .reveal {
    margin-top: 110px;
    margin-bottom: 50px;
}

.my-account-logged-in-hint {
    font-family: var(--font-primary);
    font-size: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-primary-gray);
}

.my-account-logged-in-hint .hint {
    color: #999999;
}

.auto-login-wrapper {
    margin: 20px 0px;
}

.login-popup-wrapper .auto-login-wrapper,
.login-popup-wrapper .autologin-container,
.login-popup-wrapper .security-info {
    gap: 5px;
}

.login-popup-wrapper .security-info-icon {
    height: 18px !important;
}

.login-popup-wrapper .winkler-button {
    width: 100%;
}

.login-popup-wrapper .auto-login-wrapper .styled-checkbox-rect {
    height: 20px;
    width: 20px;
}

.login-popup-wrapper .autologin-container span {
    color: var(--color-secondary-gray);
}

.login-popup-wrapper .security-info-text {
    color: var(--color-primary);
}

.only-b2b-hint-text {
    font-size: 11px;
    color: black;
}

header .search-input.search-input,
header .search-input.search-input:focus {
    display: flex;
    width: 100%;
    height: auto;
    padding: 0 20px;
    background-color: var(--input-background-color);
    font-size: 16px;
    line-height: 60px;
    outline: none;
    border: none;
    box-shadow: none;
    color: #3b3b3b;
    margin-bottom: 0px;
}

header .shop-row {
    height: 35px;
}

header .nfz-container,
header .agrar-container {
    display: flex;
    max-height: 100%;
    font-family: var(--font-primary);
    width: 100%;
    align-items: center;
    gap: 18px;
    position: relative;
}

header .nfz-container {
    width: calc(100% - 30px);
}

.shop-SHOP header .agrar-container,
.shop-AGRAR header .nfz-container {
    background-color: var(--color-primary-gray);
}

.shop-SHOP header .nfz-container,
.shop-AGRAR header .agrar-container {
    background-color: var(--color-primary);
    color: var(--color-primary-contrast);
}

header .agrar-container .FEATURE-NEW-BANNER {
    position: unset;
}

header .nfz-container .shop-text,
header .agrar-container .shop-text {
    margin-top: 5px;
    font-size: 16px;
}

.miniwishlist-empty-hint-text,
.minibasket-empty-hint-text {
    font-size: 12px;
    font-family: var(--font-alt);
}

#RELATED_ARTICLES .iwc-part-of-products-wrapper {
    row-gap: 25px;
    margin-top: 25px;
}

.header-wrapper .header-nav-item.website .nav-item-text {
    white-space: nowrap;
}

/* FOOTER */
.footer-wrapper .main-footer-content {
    justify-content: space-between;
    padding: 50px 0px 0px 0px;
}

.footer-wrapper .footer-bottom-linklist .spacer {
    margin-left: auto;
}

.footer-wrapper .footer-bottom-linklist {
    border-top: 1px solid white;
    padding: 20px 0px;
    gap: 25px;
    font-size: 12px;
}

.footer-wrapper .content-contact {
    justify-content: space-between;
    padding: 50px 0px;
    gap: 40px;
}

.footer-wrapper .content-contact a:hover {
    text-decoration: none;
}

.footer-wrapper .footer-b2b-hint {
    padding: 50px 0px;
    border-bottom: 1px solid white;
}

.footer-wrapper {
    width: 100%;
    background-color: var(--color-winkler-blue);
    list-style: none;
    color: white;
}

.footer-wrapper a {
    color: white;
}

.footer-wrapper .linklist-heading .icon-shop {
    margin-right: 10px;
}

.footer-wrapper li:hover a,
.footer-wrapper a:hover {
    color: white;
    text-decoration: underline;
}

.footer-wrapper .footer-bottom-linklist {
    font-family: var(--font-primary);
    text-transform: uppercase;
}

.footer-wrapper .footer-b2b-hint {
    font-size: 12px;
}

.footer-wrapper .footer-b2b-hint p {
    margin: 0px;
    color: white;
}

.footer-wrapper .linklist-heading,
.footer-wrapper .content-contact {
    font-family: var(--font-primary);
    font-size: 20px;
    text-transform: uppercase;
}

.footer-wrapper .content-linklist {
    gap: 10px;
}

.footer-wrapper .footer-bottom-content ul {
    list-style: none;
    margin: 0px;
}

.sticky-footer-mobile .icon-element.btn-basket.active {
    background-color: var(--color-primary);
    border-radius: 7px;
}

.sticky-footer-mobile .icon-element.btn-basket.active .icon_img {
    -webkit-filter: invert(100%);
    /* Safari/Chrome */
    filter: invert(100%);
}

.sticky-footer-mobile .icon-element.btn-basket.active .icon_text {
    color: white;
}

/* BASKET POPUP & WISHLIST POPUP */
.mini-basket-popup-wrapper {
    background-color: #fff;
    padding: var(--header-popups-padding);
}

.mini-basket-popup-wrapper .mini-basket-popup-heading,
.mini-basket-popup-wrapper .minibasket-item-container .minibasket-item-price-container,
.mini-basket-popup-wrapper .minibasket-item-container .item-name,
.mini-basket-popup-wrapper .minibasket-image-banner {
    font-family: var(--font-primary);
}

.mini-basket-popup-wrapper .minibasket-item-container .item-quantity {
    font-family: var(--font-alt);
    font-size: 12px;
    color: var(--color-secondary-gray);
}

.mini-compare-popup-wrapper .mini-compare-popup-container,
.mini-basket-popup-wrapper .mini-basket-popup-footer,
.mini-basket-popup-wrapper .mini-basket-popup-container {
    gap: 20px;
}

.mini-basket-popup-wrapper .mini-basket-popup-content {
    gap: 15px;
    max-height: 180px;
    overflow-y: auto;
}

.mini-basket-popup-wrapper .mini-basket-popup-heading {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: unset;
}

.mini-basket-popup-wrapper .minibasket-image-container {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-color: var(--image-background-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    position: relative;
}

.mini-basket-popup-wrapper .minibasket-image-banner {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-winkler-red);
    color: #fff;
    padding: 2px 4px 0 4px;
    font-size: 12px;
}

.mini-basket-popup-wrapper .minibasket-item-container {
    gap: 10px;
}

.mini-basket-popup-wrapper .minibasket-item-container .minibasket-item-info-container {
    justify-content: center;
    padding-top: 4px;
}

.mini-basket-popup-wrapper .minibasket-item-container .minibasket-item-price-container,
.mini-basket-popup-wrapper .minibasket-item-container .item-name {
    font-size: 14px;
    line-height: 14px;
}

.mini-basket-popup-wrapper .minibasket-item-container .minibasket-item-price-container {
    align-items: center;
    margin-left: auto;
    margin-right: 10px;
    white-space: nowrap;
}

.mini-compare-popup-wrapper,
.mini-wishlist-popup-wrapper {
    background-color: #fff;
    padding: var(--header-popups-padding);
}

.mini-compare-popup-wrapper .mini-compare-popup-heading,
.mini-compare-popup-wrapper .miniwishlist-item-container .miniwishlist-item-price-container,
.mini-compare-popup-wrapper .miniwishlist-item-container .item-name,
.mini-compare-popup-wrapper .miniwishlist-image-banner .mini-wishlist-popup-wrapper .mini-wishlist-popup-heading,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .miniwishlist-item-price-container,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .item-name,
.mini-wishlist-popup-wrapper .miniwishlist-image-banner {
    font-family: var(--font-primary);
}

.mini-compare-popup-wrapper .miniwishlist-item-container .item-quantity,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .item-quantity {
    font-family: var(--font-alt);
    font-size: 12px;
    color: var(--color-secondary-gray);
}

.mini-compare-popup-wrapper .mini-compare-popup-footer,
.mini-compare-popup-wrapper .mini-compare-popup-container .mini-wishlist-popup-wrapper .mini-wishlist-popup-footer,
.mini-wishlist-popup-wrapper .mini-wishlist-popup-container {
    gap: 20px;
}

.mini-compare-popup-wrapper .mini-compare-popup-content,
.mini-wishlist-popup-wrapper .mini-wishlist-popup-content {
    gap: 15px;
    max-height: 180px;
    overflow-y: auto;
}

.mini-compare-popup-wrapper .mini-compare-popup-heading,
.mini-wishlist-popup-wrapper .mini-wishlist-popup-heading {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: unset;
}

.mini-compare-popup-wrapper .miniwishlist-image-container,
.mini-wishlist-popup-wrapper .miniwishlist-image-container {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-color: var(--image-background-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    position: relative;
}

.mini-compare-popup-wrapper .miniwishlist-image-banner,
.mini-wishlist-popup-wrapper .miniwishlist-image-banner {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-winkler-red);
    color: #fff;
    padding: 2px 4px 0 4px;
    font-size: 12px;
}

.mini-compare-popup-wrapper .miniwishlist-item-container,
.mini-wishlist-popup-wrapper .miniwishlist-item-container {
    gap: 10px;
}

.mini-compare-popup-wrapper .miniwishlist-item-container .miniwishlist-item-info-container,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .miniwishlist-item-info-container {
    justify-content: center;
    padding-top: 4px;
}

.mini-compare-popup-wrapper .miniwishlist-item-container .miniwishlist-item-price-container,
.mini-compare-popup-wrapper .miniwishlist-item-container .item-name,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .miniwishlist-item-price-container,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .item-name {
    font-size: 14px;
    line-height: 14px;
}

.mini-compare-popup-wrapper .miniwishlist-item-container .miniwishlist-item-price-container,
.mini-wishlist-popup-wrapper .miniwishlist-item-container .miniwishlist-item-price-container {
    align-items: center;
    margin-left: auto;
    margin-right: 10px;
    white-space: nowrap;
}

/* HEADER SUCHE */
.search-input-container {
    position: relative;
}

.header-search-result-wrapper {
    background-color: white;
    width: 100%;
    padding: var(--header-popups-padding);
    display: none;
    border: 1px solid var(--color-primary-gray);
}

.header-search-result-wrapper .header-search-result-heading {
    font-size: 16px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: unset;
}

.header-search-result-wrapper .header-search-result-container {
    gap: 20px;
    width: 100%;
}

.header-search-result-wrapper .header-search-result-item-container {
    width: calc(50% - 10px);
    font-family: var(--font-primary);
}

.header-search-result-item-container a {
    word-break: break-word;
}

.header-search-result-wrapper .header-search-result-items-container {
    flex-wrap: wrap;
    row-gap: 10px;
    gap: 10px;
}

/* PROD CAT NAV */
.product-categories-header-popup-wrapper {
    color: black;
    font-family: var(--font-alt);
    font-size: 14px;
    padding: var(--header-popups-padding);
    text-transform: none;
}

.product-categories-header-popup-wrapper .product-categories-header-item-img-container {
    height: 35px;
    min-height: 35px;
    width: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
}

.product-categories-header-popup-wrapper .product-categories-header-item {
    gap: 15px;
    align-items: center;
}


.product-categories-header-popup-wrapper .no-group-view .product-categories-header-item {
    padding: 7px;
}

.product-categories-header-popup-wrapper .product-categories-header-popup-container {
    flex-wrap: wrap;
}

.product-categories-header-popup-wrapper .product-categories-header-item-container {
    width: 33%;
    padding: 0px 20px;
}

.product-categories-header-popup-wrapper .product-categories-header-item-text {
    padding-top: 4px;
}

.product-categories-header-popup-wrapper .product-categories-header-popup-container:first-of-type .product-categories-header-headline {
    padding-top: 0px;
}

.product-categories-header-popup-wrapper .product-categories-header-popup-container .product-categories-header-headline {
    width: 100%;
    font-family: var(--font-primary);
    font-size: 20px;
    padding-top: 20px;
    padding-left: 20px;
}

.product-categories-header-popup-wrapper .product-categories-header-popup-container .product-categories-header-sub-headline {
    width: 100%;
    font-family: var(--font-primary);
    font-size: 16px;
    padding-left: 20px;
}

.product-categories-header-popup-wrapper .product-categories-header-popup-container.product-categories-group-agrar .product-categories-header-headline,
.product-categories-header-popup-wrapper .product-categories-header-popup-container.product-categories-group-agrar .product-categories-header-sub-headline {
    color: var(--color-primary);
}

/* CONTACT WIDGET */
.contact-widget-wrapper .contact-widget-container {
    background-color: var(--color-primary);
    color: white;
    padding: 0px;
}

.contact-widget-wrapper .contact-widget-heading {
    font-size: var(--ft-size-h1);
    font-family: var(--font-primary);
    text-transform: uppercase;
    display: none;
    color: white;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.contact-widget-wrapper .contact-widget-subtext {
    color: white;
}

.contact-widget-wrapper .image-container img {
    clip-path: var(--clip-path-main);
    -webkit-clip-path: var(--clip-path-main);
}

.contact-widget-wrapper .contact-widget-action-container {
    margin-top: 25px;
}

.contact-widget-wrapper .contact-widget-heading {
    display: none;
}

.contact-widget-wrapper .image-container img {
    margin-left: 1px;
}

.search-result-content-body .found-because,
.search-result-itm-grid .found-because {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 500px;
}

.contact-widget-wrapper .help-banner .contact-mail {
    text-decoration: underline;
    color: white;
}

.contact-widget-wrapper .help-banner .contact-phone {
    font-weight: bold;
}

.contact-widget-wrapper .help-banner .contact-name {
    margin-top: 25px;
}

/* BANNER WIDGET */
.banner-widget-wrapper .banner-widget-container {
    background-color: var(--color-primary);
    color: white;
    padding: 0px;
}

.banner-widget-wrapper .banner-style-gray .banner-widget-container {
    color: var(--color-primary);
    background-color: #f2f2f2;
}

.banner-widget-wrapper .banner-widget-heading {
    font-size: var(--ft-size-h1);
    font-family: var(--font-primary);
    text-transform: uppercase;
    display: none;
    color: white;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.banner-widget-wrapper .banner-widget-subtext {
    color: white;
}

.banner-widget-wrapper .image-container img {
    clip-path: var(--clip-path-main);
    -webkit-clip-path: var(--clip-path-main);
}

.banner-widget-wrapper .banner-widget-action-container {
    margin-top: 25px;
}

.banner-widget-wrapper .banner-widget-heading {
    display: none;
}

.banner-widget-wrapper .image-container img {
    margin-left: 1px;
}

.banner-widget-wrapper .help-banner .contact-mail {
    text-decoration: underline;
    color: white;
}

.banner-widget-wrapper .help-banner .contact-phone {
    font-weight: bold;
}

.banner-widget-wrapper .help-banner .contact-name {
    margin-top: 25px;
}

.banner-widget-wrapper .banner-widget-contact-info {
    margin-bottom: 1rem;
}

.banner-widget-wrapper a.banner-widget-contact-info {
    text-decoration: underline;
}

.banner-widget-wrapper .banner-style-shop .banner-widget-contact-info {
    color: black;
    font-weight: bold;
}

.banner-widget-wrapper .banner-style-gray .banner-widget-subtext,
.banner-widget-wrapper .banner-style-gray .banner-widget-heading {
    color: black;
}

.banner-widget-wrapper .banner-style-gray .banner-widget-contact-info {
    color: var(--color-primary);
}

.banner-widget-wrapper .banner-style-gray .banner-widget-contact-info {
    color: #707275;
    font-family: NeueHelvetica75Bold;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}

.banner-widget-wrapper .banner-style-gray a.banner-widget-contact-info {
    cursor: pointer;
    color: var(--color-primary);
    font-family: var(--font-alt);
}

/* NEWSLETTER WIDGET */
.newsletter-widget-wrapper .newsletter-widget-container {
    background-color: var(--color-primary);
    color: white;
    padding: 0px;
}

.newsletter-widget-wrapper .newsletter-widget-heading {
    font-size: var(--ft-size-h1);
    font-family: var(--font-primary);
    text-transform: uppercase;
    color: white;
}

.newsletter-widget-wrapper .newsletter-widget-action-container {
    margin-top: 25px;
}

.newsletter-widget-wrapper .image-container img {
    clip-path: var(--clip-path-main);
    -webkit-clip-path: var(--clip-path-main);
}

.newsletter-widget-wrapper .newsletter-widget-heading {
    display: none;
}

.newsletter-widget-wrapper .newsletter-widget-subtext {
    color: white;
}

.catalog-slider-wrapper ul.catalog-slider-lightslider,
.news-slider-wrapper ul.news-slider-lightslider {
    height: 100% !important;
}

.news-slider-container.news-slider-container .content-heading,
.catalog-slider-wrapper.catalog-slider-wrapper .catalog-slider-item-heading {
    line-height: 1.2;
}

.news-slider-container .content-heading,
.catalog-slider-item-heading {
    margin-bottom: 0.5rem;
}

/* NEWS SLIDER */
.news-slider-wrapper .news-slider-container .main-content {
    padding: 20px 40px;
}

.news-slider-wrapper .content-topic {
    text-transform: uppercase;
    font-family: var(--font-primary);
    color: var(--color-secondary-gray);
    font-size: 22px;
}

.news-slider-wrapper .content-heading {
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: var(--ft-size-h1);
    color: black;
}

.news-slider-wrapper .content-subtext {
    color: #484848;
}

.news-slider-wrapper .news-slider-action-container {
    margin-top: 20px;
}

.news-slider-wrapper .image-container img {
    clip-path: var(--clip-path-inverted);
    -webkit-clip-path: var(--clip-path-inverted);
}

.news-slider-container.grid-container {
    padding: 0px;
}

/* CATALOG SLIDER */
.catalog-slider-wrapper .catalog-slider-heading {
    font-size: var(--ft-size-h1);
    font-family: var(--font-primary);
}

.catalog-slider-wrapper .catalog-slider-item-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(425px, 650px));
}

.catalog-slider-wrapper .catalog-slider-item-image-container {
    height: 220px;
    min-height: 220px;
    max-height: 220px;
}

.catalog-slider-wrapper .catalog-slider-item-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.catalog-slider-wrapper .catalog-slider-item-heading {
    font-size: var(--ft-size-h2);
    font-family: var(--font-primary);
}

.catalog-slider-wrapper .catalog-slider-item-body {
    padding: 30px;
    border: 1px solid var(--color-primary-gray);
    gap: 25px;
}

.catalog-slider-wrapper .catalog-slider-item-body .winkler-action-icon-container {
    margin-left: auto;
}

.catalog-slider-wrapper .catalog-slider-lightslider {
    margin: 0px;
    flex-wrap: wrap;
}

.catalog-slider-wrapper .catalog-slider-lightslider:not(.lightSlider) {
    gap: 40px;
}

.catalog-slider-wrapper .catalog-slider-container {
    position: relative;
}

/* SYSTEM BANNERS */
.system-banners-wrapper .system-banners-container {
    gap: 25px;
    color: white;
}

.system-banners-wrapper .system-banner-wrapper:first-child {
    margin-top: 10px;
}

.system-banners-wrapper .system-banner-wrapper:last-child {
    margin-bottom: 10px;
}

.system-banners-wrapper .system-banners-container .system-banner-container {
    flex-wrap: nowrap;
    padding: 25px 0px;
    gap: 50px;
    align-items: center;
}

.system-banners-wrapper .system-banner-wrapper.STYLE_DEFAULT {
    background-color: var(--color-primary);
}

.system-banners-wrapper .system-banner-text-container {
    gap: 10px;
    max-width: 50%;
    margin-right: auto;
}

.system-banners-wrapper .STYLE_DEFAULT .system-banner-icon {
    height: 50px;
    width: 50px;
    background-image: url("../images/img/icon_wartung.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.system-banners-wrapper .system-banner-heading {
    font-size: 26px;
    font-family: var(--font-primary);
    margin: 0px;
    text-transform: uppercase;
}

.system-banners-wrapper .system-banner-text {
    font-size: 16px;
    font-family: var(--font-alt);
}

.system-banners-wrapper .system-banner-button {
    min-width: 275px;
}

/* TO TOP BTN */
.SCROLL-TOP-WRAPPER {
    z-index: 102;
}

.SCROLL-TOP-WRAPPER .scroll-top-container {
    position: fixed;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.SCROLL-TOP-WRAPPER .scroll-top-container::before {
    height: 60px;
    width: 1px;
    background-color: var(--color-primary);
    display: flex;
    position: absolute;
    content: ' ';
    transform: skewX(-24deg);
    left: -1px;
}

.SCROLL-TOP-WRAPPER .scroll-top-container::after {
    height: 1px;
    width: 100%;
    background-color: var(--color-primary);
    display: flex;
    content: ' ';
    position: absolute;
    left: 12px;
}

.SCROLL-TOP-WRAPPER .scroll-top-container .text-container {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
    padding: 20px 15px 15px 15px;
    transform: skewX(-24deg);
    margin-right: -20px;
}

.SCROLL-TOP-WRAPPER .scroll-top-container .text-container .text {
    color: var(--color-primary);
    font-family: var(--font-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
    transform: skewX(24deg);
}

.SCROLL-TOP-WRAPPER .scroll-top-container .icon-container {
    background-color: var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 15px 15px 35px;
}

.SCROLL-TOP-WRAPPER .scroll-top-container .icon-container .scroll_top_icon::before {
    content: "\e906";
    font-family: "winklericons" !important;
    font-size: 16px;
    height: 100%;
    display: flex;
    color: white;
    transform: rotate(-90deg);
}

@media screen and (max-width: 39.9988em) {
    .SCROLL-TOP-WRAPPER .scroll-top-container {
        display: none;
    }
}

/* SERVICETOOLS */
@media(max-width: 1023px) {
    .service-tools-header-img-container {
        margin-bottom: 35px;
    }
}

@media(min-width: 639px) {
    .service-tools-only-desktop-hint {
        display: none;
    }

    .service-tool-cards {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
}

@media(max-width: 638px) {
    .service-tool-card .card-action-button {
        display: none;
    }
}

.service-tools-only-desktop-hint {
    background-color: var(--winkler-blue);
    color: white;
    padding: 20px;
    margin-bottom: 40px;
}

.service-tools-only-desktop-hint p {
    color: white;
    font-size: 16px;
    margin: 0px;
}

.service-tool-cards {
    display: grid;
    gap: 40px;
}

.service-tool-card .card-heading {
    color: black;
    font-family: var(--winkler-font-condensed);
    font-size: 22px;
    line-height: normal !important;
    margin-bottom: 16px;
    text-transform: none;
}

.service-tool-card {
    background: white;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
}

.service-tool-card .card-body {
    padding: 24px;
    height: 100%;
}

.service-tool-card .card-img {
    height: 228px;
    object-fit: cover;
}

.service-tool-card .card-spacer {
    margin-bottom: 16px;
    margin-top: auto;
}

.service-tools-header-img {
    margin-left: auto;
    object-fit: contain;
    --top-cut: 34%;
    clip-path: polygon(var(--top-cut) 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(var(--top-cut) 0, 100% 0, 100% 100%, 0 100%);
}

.service-tools-header {
    margin-bottom: 60px;
}

.service-tool-card .card-action-container {
    justify-content: space-between;
}

.round-info-icon {
    height: 50px;
    width: 50px;
    border: 1px solid #D4D4D4;
    border-radius: 200%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iwc-template-SERVICE_TOOLS_CONTAC .SEARCH-FAILED {
    margin-top: 0px;
    margin-bottom: 0px;
}

.vat-highlighting.vat-highlighting.agrar-product-item-price-heading.agrar-product-item-price-heading,
.vat-highlighting.vat-highlighting .agrar-product-item-price-heading.agrar-product-item-price-heading {
    color: white;
    background-color: var(--color-primary);
    display: flex;
    justify-content: center;
    padding: 4px 10px 0px 10px;
    width: fit-content;
}

.vat-highlighting.vat-highlighting.agrar-product-item-price-heading.agrar-product-item-price-heading:empty,
.vat-highlighting.vat-highlighting .agrar-product-item-price-heading.agrar-product-item-price-heading:empty {
    display: none;
}

/* BUTTON FIX  */
.iwc-template-SPAREPARTS_DETAILS .buttonbox .btn,
.iwc-template-SPAREPARTS_POPUP_BUY .buttonbox .btn {
    padding: 22px 12px 12px 12px !important;
}

/* OFFER PAGE */
.offers-page-content {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
}

.iwc-template-MKT_PRODUCT_OFFER_V2 .agrar-product-item,
.offers-page-content .agrar-product-item {
    height: 100%;
}

/* SERACH RESULT */
/* TODO: Remove files from old css files! */
.SEARCH-FILTER-CONTAINER {
    background-color: #f2f2f2;
    padding: 30px;
}

.SEARCH-FILTER-CONTAINER .filter-container-headline {
    padding-top: 21px;
    padding-bottom: 21px;
    justify-content: space-between;
}

.SEARCH-FILTER-ONLYSHOP,
.additional-dropdown-wrapper {
    cursor: pointer;
    position: relative;
}

.SEARCH-FILTER-ONLYSHOP {
    background-color: white;
    border: 1px solid #d9d9d9;
}

.additional-dropdown-header {
    background-color: white;
    border: 1px solid #d9d9d9;
    height: 60px;
    justify-content: space-between;
}

.SEARCH-FILTER-CONTAINER .search-result-facet-conatiner {
    margin-left: -20px;
}

.SEARCH-FILTER-CONTAINER .search-result-facet-conatiner .search-result-facet-item {
    padding-left: 20px;
    position: relative;
}

.SEARCH-FILTER-CONTAINER .active-filters {
    margin-top: 30px;
}

.SEARCH-FILTER-CONTAINER .active-filters .active-filter li {
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
    list-style: none;
}

.SEARCH-FILTER-CONTAINER .active-filters .active-filter img {
    height: 20px;
    height: 15px;
    margin-top: -3px;
}


#SEARCH_FILTER_FACET_FORM .additional-dropdown-header .additional-dropdown-text {
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.additional-dropdown-header span {
    margin-left: 20px;
    margin-top: 18px;
}

.additional-dropdown-header img {
    margin-right: 20px;
}

.additional-dropdown-wrapper {
    margin-top: 25px;
}

.product-category {
    min-height: 55px;
    padding: 15px 20px 10px 20px;
}

.SEARCH-FILTER-ONLYSHOP .winkler-search-dropdown-img {
    position: absolute;
    right: 0px;
    top: 33%;
    margin-right: 20px;
}

.additional-dropdown-body {
    background-color: white;
    padding: 15px;
    position: absolute;
}

.additional-dropdown-wrapper .apply-filter-btn {
    width: 100%;
    margin-top: 25px;
}

.additional-dropdown-body {
    border: 1px solid #d9d9d9;
    border-top: 0px;
}

.additional-dropdown-body-search,
.additional-dropdown-body-search:focus {
    background-color: #f2f2f2;
    height: 60px;
    border: none;
    outline: none;
    box-shadow: none;
    padding-left: 20px;
}

.additional-dropdown-filters label {
    padding-left: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.additional-dropdown-filters label p {
    margin-bottom: 0px;
    color: black;
}

.send-copy {
    padding-top: 2px;
    padding-left: 10px;
}

.SEARCH-FILTER-ONLYSHOP-additional-dropdown .additional-dropdown-body .buttonbox {
    width: 100%;
    margin-top: 25px;
}

.SEARCH-FILTER-ONLYSHOP-additional-dropdown .additional-dropdown-body .buttonbox .btn {
    min-height: 50px;
}

.SEARCH-RESULTS-WRAPPER-ONLYSHOP .search-results-onlyshop-head {
    margin-bottom: 40px;
    justify-content: space-between;
}

.search-results-onlyshop-head .sort-text {
    font-size: 15px;
    line-height: 30px;
    align-self: center;
    padding-right: 15px;
    font-family: var(--font-primary);
}

.search-result-sort-select {
    min-width: 375px;
    margin-bottom: 0px !important;
}

.nice-select.select__styled.wide {
    margin-bottom: 0px;
}

.nice-select.select__styled {
    font-size: 18px;
    line-height: 1.66667rem;
}

.nice-select.select__styled.wide .list .option {
    line-height: 40px;
}

.nice-select.select__styled.wide {
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #999999;
    height: auto;
    margin-bottom: 2.22222rem;
    padding: 0.83333rem 2.77778rem 0.83333rem 1.11111rem;
}

.nice-select.select__styled.wide .list {
    left: -1px !important;
    right: -1px !important;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 1.11111rem 0 1.66667rem 0;
}

.buttonbox-big .btn,
.winkler-shop-btn .btn {
    padding-top: 1.3rem;
}

.my-shopping-list-container .shopping-list-search-container .shopping-list-sort {
    margin-bottom: 0px !important;
}

.shopping-list-overview-container.iwc-template-SHOPPING_LIST_PANEL {
    margin-bottom: 80px;
    margin-top: -60px;
}

.shopping-list-search-container {
    row-gap: 60px;
}

.create-new-shopping-list-info.create-new-shopping-list-info {
    width: 100%;
    max-width: 100%;
}

.IWC-BASKET-CONTENT .wk-content-lower-row {
    gap: 20px;
}

.IWC-BASKET-CONTENT .wk-content-lower-row .wk-content-pos-note-container {
    margin-left: 0px;
}

.SESSION_TIMEOUT_POPUP .header-login-popup .winkler-btn-v3.winkler-btn-v3 {
    background-color: var(--color-primary);
}

/* STAGE / BÜHNE */
.agrar-stage-wrapper {
    position: relative;
}

.agrar-stage-wrapper .agrar-stage-background-image {
    position: absolute;
    z-index: -1;
    top: -50px;
    max-height: 960px;
    height: 960px;
    width: 100%;
    object-fit: cover;
    background-color: var(--color-primary);
    background: linear-gradient(90deg,
            #0b5e0b 0%,
            #0e6f0e 30%,
            #197a19 60%,
            #8fcf8f 100%);
}

.agrar-stage-wrapper .agrar-stage-container {
    justify-content: space-between;
    padding: 0px;
}

.agrar-stage-wrapper .agrar-stage-content-container {
    background-color: white;
}

.agrar-stage-wrapper .stage-main-image {
    position: relative;
}

.agrar-stage-wrapper .stage-main-image .background-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

.agrar-stage-wrapper .stage-main-image .overlay-img {
    position: absolute;
    height: 70%;
    top: 15%;
    bottom: 15%;
    left: -25%;
    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.25));
}

.agrar-stage-wrapper .agrar-stage-content-container {
    /* border: 1px solid var(--color-primary); */
}

.agrar-stage-wrapper .stage-main-content button {
    min-width: 250px;
}

.agrar-stage-wrapper .stage-main-content .stage-main-heading {
    color: var(--color-primary);
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: var(--ft-size-h1);
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.agrar-stage-wrapper .stage-info {
    padding: 40px;
    background-color: var(--color-primary);
    color: white;
    font-family: var(--font-primary);
    width: 400px;
}

.agrar-stage-wrapper .stage-info .stage-info-heading {
    color: white;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: var(--ft-size-h1);
}

.agrar-stage-wrapper .stage-benefits-list {
    list-style: none;
    margin: 0px;
    gap: 20px;
}

.agrar-stage-wrapper .stage-benefits-list .benefit-text {
    display: flex;
    align-items: center;
    padding-top: 4px;
}

.agrar-stage-wrapper .stage-benefits-list li {
    display: flex;
    gap: 20px;
    align-items: center;
}

.agrar-stage-wrapper .stage-benefits-list li::before {
    background-image: url(../../global/images/svg/check_circle.svg);
    content: " ";
    height: 31px;
    width: 31px;
    min-width: 31px;
    min-height: 31px;
    background-repeat: no-repeat;
    background-size: contain;
}

.agrar-stage-ds-wrapper.full_content_width .agrar-stage-content-container {
    width: 100%;
}

.agrar-stage-ds-wrapper.show_background_color .agrar-stage-content-container {
    background-color: #f5f5f5;
}

.agrar-monthly-offer-util-icons-container {
    position: absolute;
    top: 100px;
    right: 0px;
    gap: 10px;
}

.SEARCH-FILTER-CONTAINER .custom-radio-button input:checked+span::before {
    display: none;
}

.search-facet-filter-more-container {
    /* TODO REMOVE FROM custom.css */
    margin-top: 10px;
    padding-top: 0px;
    justify-content: flex-end;
}

.show-filters-btn-mobile,
.show-more-filters-btn-mobile {
    width: 100%;
    margin-top: 40px;
}

.search-facet-filter-hide-all-container.search-facet-filter-hide-all-container span {
    /* TODO REMOVE FROM custom.css */
    color: var(--color-primary);
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 35px;
}

.agrar-product-item .product-item-top-feature-container {
    width: 50%;
}

.agrar-product-item .product-item-top-features-wrapper {
    gap: 0px;
    row-gap: 15px;
}

.search-results-item-list.list .product-item-top-features-wrapper {
    gap: 65px;
    row-gap: unset;
}

.search-results-item-list.list .product-item-top-feature-container {
    width: unset;
}

@media(max-width: 1399px) {
    .search-results-item-list.list .product-item-top-feature-container {
        min-width: 130px;
    }

    .search-results-item-list.list .product-item-top-features-wrapper {
        row-gap: 15px !important;
    }
}

.offer_show-hint-wrapper,
.atpfand-price-hint-wrapper {
    width: 100%;
    justify-content: right;
    display: flex;
    text-align: right;
    font-size: 10px;
}

.mini-compare-popup-footer a button {
    width: 100%;
}

.iwc-template-PROD_CATEGORIES_OVER .iwc-template-SEARCH_RESULT {
    margin-top: 30px;
}

/* better badge */
[data-badge] {
    position: relative;
}

[data-badge]::after {
    content: attr(data-badge);
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translate(50%, -50%);
    background: var(--color-primary);
    color: #fff;
    /* font-size: 2rem; */
    padding: 10px 10px 5px 10px;
    border-radius: 5px;
    line-height: 1;
    font-family: var(--font-primary);
}

.now-chat-recaptcha .recaptcha-hint {
    margin-bottom: 30px;
}

.wk-price .prices_disabled_hint {
    padding: 20px 0px;
    font-size: 14px;
}

.wk-price .prices_disabled_hint a {
    text-decoration: underline;
}

.btn_details_show.btn_details_show.btn_details_show {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.winkler-button.mixed.color-inverted.btn_details_show::before {
    background-color: var(--color-primary);
}

@media(min-width: 1400px) {

    /* added #1677 */
    .show-filters-btn-mobile,
    .show-more-filters-btn-mobile,
    .search-facet-filter-hide-all-container {
        /* added #1677 */
        display: none !important;
        /* added #1677 */
    }

    /* added #1677 */
}

/* added #1677 */

@media(max-width: 1399px) {

    /* added #1677 */
    .search-facet-filter-more-container {
        /* added #1677 */
        display: none !important;
        /* added #1677 */
    }

    /* added #1677 */
    .main-product-image-heading-wrapper.main-product-image-heading-wrapper {
        top: -10px;
    }
}

/* added #1677 */

.SEARCH-RESULTS-WRAPPER-ONLYSHOP .search-results-onlyshop-head {
    /* added #1677 */
    row-gap: 0px;
    /* added #1677 */
}

/* added #1677 */

.marketing-offer-month-wrapper .winkler-offer-action.winkler-offer-action {
    /* added #1672 */
    background-color: transparent !important;
    /* added #1672 */
}

/* added #1672 */

.agrar-monthly-offer-wrapper .main-product-image-heading.main-product-image-heading {
    /* added #1672 */
    max-height: unset !important;
}

/* added #1672 */

.agrar-monthly-offer-wrapper .main-product-image-heading.main-product-image-heading {
    /* added #1672 */
    display: inline;
    /* added #1672 */
    background: #c3b082;
    /* added #1672 */
    color: #fff;
    /* added #1672 */
    line-height: 1.4;
    /* added #1672 */
    padding: 12px 12px 0px 12px;
    /* added #1672 */
    -webkit-box-decoration-break: clone;
    /* added #1672 */
    box-decoration-break: clone;
    /* added #1672 */
    white-space: normal !important;
    /* added #1672 */
}

/* added #1672 */

.header-mobile-linklist-item .header-mobile-linklist-subitem-toggle {
    /* added #1680 */
    display: flex;
    /* added #1680 */
    width: 100%;
    /* added #1680 */
}

/* added #1680 */

.prod-cat-sidebar .prod-cat-node-top-ribbon::before {
    /* added AGRAR-94 */
    display: none;
    /* added AGRAR-94 */
}

/* added AGRAR-94 */

.uppercase-text {
    text-transform: uppercase;
}

.agrar-product-item-price-container>.grid-y {
    align-items: end;
}

.search-onlyshop-filter-container {
    background-color: white;
    top: 55px;
    padding: 40px;
    border: 1px solid #d9d9d9;
    width: calc(100% + 2px);
    left: -1px;
    z-index: 1;
}

.underline {
    text-decoration: underline;
}

.SEARCH-FILTER-CONTAINER .search-onlyshop-filter-container .onlyshop-filter-controls {
    padding-bottom: 30px;
}

.custom-radio-button {
    cursor: pointer;
    position: relative;
}

.hidden {
    display: none;
}

.contact-widget-wrapper.no-result-banner .contact-widget-heading,
.contact-widget-wrapper.no-result-banner span,
.contact-widget-wrapper.no-result-banner p {
    color: black;
}

.contact-widget-wrapper.no-result-banner .contact-widget-container {
    background-color: #f2f2f2;
}

.contact-widget-wrapper.no-result-banner .contact-widget-subtext {
    gap: 15px;
}

.contact-widget-wrapper.no-result-banner .main-content {
    gap: 30px;
}

/* .banner-widget-wrapper .banner-widget-heading,
.banner-widget-wrapper span,
.banner-widget-wrapper p {
    color: black;
}

.banner-widget-wrapper .banner-widget-container {
    background-color: #f2f2f2;
}

.banner-widget-wrapper .banner-widget-subtext {
    gap: 15px;
}

.banner-widget-wrapper .main-content {
    gap: 30px;
} */

.iwc-template-FLAG_MENU_MOBILE .winkler-close-icon,
.iwc-template-AGRAR_FLAG_MENU_MOBI .winkler-close-icon {
    position: absolute;
    top: 5px;
    right: 20px;
    color: var(--color-secondary-gray);
}

.iwc-template-FLAG_MENU_MOBILE h2 {
    line-height: unset;
}

.mwst-info-box.mwst-info-box {
    background-color: var(--color-primary);
}

.header-mobile-linklist-item-inner [data-badge]::after {
    position: absolute;
    top: -12px;
    right: -25px;
    background: var(--color-winkler-red);
    padding: 7px 6px 4px 6px;
    border-radius: 100%;
    font-size: 12px;
    transform: none;
    min-width: 23px;
    justify-content: center;
    display: flex;
}

.order-confirmation-actions {
    gap: 50px;
}

.iwc-template-PROD_CATEGORIES_OVER .prod-cat-content .categories-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.iwc-template-SEARCH_HEAD .product-category.product-category,
.iwc-template-PROD_CATEGORIES_OVER .product-category.product-category {
    width: unset !important;
}

@media(min-width: 640px) {
    .iwc-template-SEARCH_HEAD .product-category.product-category {
        max-width: 235px;
    }
}

.iwc-template-PROD_CATEGORIES_OVER .prod-cat-content.prod-cat-content {
    flex: 1;
}

.iwc-template-PROD_CATEGORIES_OVER .product-category .item-infos {
    margin-top: 26px;
}

.product-categories-wrapper .product-category img,
.iwc-template-PROD_CATEGORIES_OVER .product-category img {
    width: 160px;
    object-fit: contain;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

.PERSONAL-DATA-OPTIONS>div,
.PERSONAL-DATA-OPTIONS {
    width: 100%;
    max-width: 1400px;
}

.prod-cat-content-4.prod-cat-root-node .product-category .product-category-image-container.product-category-image-container img,
.product-category.full-width-image .product-category-image-container.product-category-image-container img {
    width: 100%;
}

.product-categories-wrapper .product-category .item-infos,
.iwc-template-PROD_CATEGORIES_OVER .product-category .item-infos.item-infos {
    justify-content: space-between;
    height: unset;
    flex: 1;
}

.product-categories-wrapper .product-category .item-infos,
.product-categories-wrapper .product-category .item-infos.item-infos *,
.iwc-template-PROD_CATEGORIES_OVER .product-category .item-infos.item-infos,
.iwc-template-PROD_CATEGORIES_OVER .product-category .item-infos.item-infos.item-infos.item-infos * {
    height: unset;
}

.product-categories-wrapper .product-category .item-infos,
.iwc-template-PROD_CATEGORIES_OVER .product-category .item-infos.item-infos .category-name {
    margin-bottom: auto;
}

.question-action-button-conatiner .option-btn-1.option-btn-1 {
    margin-right: unset;
}

.question-action-button-conatiner {
    gap: 25px;
    justify-content: space-between;
}

.hover-pointer:hover {
    cursor: pointer;
}

.search-result-facet-conatiner-fit-for .additional-dropdown-header {
    justify-content: unset;
}

.search-result-facet-conatiner-fit-for .additional-dropdown-header .active-facets {
    display: flex;
    flex: 1;
    align-items: center;
    color: #707275 !important;
    font-style: italic;
    font-size: 18px;
}

.search-result-facet-conatiner-fit-for .additional-dropdown-header .active-facets img {
    height: 10px;
    margin-left: 10px;
}

.search-result-facet-conatiner-fit-for .additional-dropdown-text {
    padding-right: 50px;
}

.additional-dropdown-wrapper.closed .additional-dropdown-body.additional-dropdown-body {
    display: none;
}

.search-result-facet-conatiner-fit-for .active-facets {
    overflow-x: hidden;
    gap: 5px;
}

.search-result-facet-conatiner-fit-for .active-facets .search-term {
    margin: 0px;
    white-space: nowrap;
}

.search-result-facet-conatiner-fit-for .active-facets>div {
    display: flex;
    flex-wrap: nowrap;
}

.search-result-facet-conatiner-fit-for .active-facets~img {
    padding-left: 25px;
}

.search-result-facet-conatiner-fit-for .active-facets .more-filters-text {
    margin: 0px;
    display: flex;
    align-items: center;
    color: black;
    font-style: normal;
    font-size: 16px;
}

.search-result-facet-conatiner-fit-for.search-result-facet-conatiner-fit-for [data-badge]::after {
    transform: translate(-30%, -50%);
    left: 0px;
    right: unset;
    padding: 7px 15px 4px 15px;
    font-size: 14px;
}

.search-result-facet-conatiner-fit-for.search-result-facet-conatiner-fit-for .additional-dropdown-wrapper.additional-dropdown-wrapper {
    width: 100%;
}

/* PRODUCT LIST */
.agrar-product-list-wrapper .agrar-product-list-heading {
    font-family: var(--font-primary);
    font-size: var(--ft-size-h1);
}

.agrar-product-ad-item-header-img,
.agrar-product-item .agrar-product-item-header-img,
.agrar-product-list-wrapper .agrar-product-list-item-header-img {
    height: 225px;
    min-height: 225px;
    width: 100%;
}

.agrar-product-ad-item.agrar-product-ad-item .agrar-product-ad-item-header-img {
    object-fit: cover;
}

.agrar-product-ad-item-body.agrar-product-ad-item-body {
    background-color: var(--color-primary);
    padding: 50px 20px 20px 20px;
    color: white;
    gap: 20px;
    height: 100%;
}

.agrar-product-ad-item-body.agrar-product-ad-item-body .agrar-product-list-item-heading.agrar-product-list-item-heading {
    color: white;

}

.agrar-product-ad-item-body.agrar-product-ad-item-body .agrar-product-list-item-heading,
.agrar-product-item .agrar-product-item-heading,
.agrar-product-list-wrapper .agrar-product-list-item-heading {
    font-family: var(--font-primary);
    font-size: var(--ft-size-h2);
    color: var(--color-default);
}

.agrar-product-list-wrapper .agrar-product-ad-item-body .winkler-button {
    width: 100%;
}

.agrar-product-item .agrar-product-item-header-img {
    object-fit: contain;
    padding: 20px 50px;
    background-color: var(--image-background-color);
}

.agrar-product-item {
    border: 1px solid #d9d9d9;
}

.agrar-product-item .agrar-product-item-matnr {
    font-family: var(--font-primary);
    color: var(--color-secondary-gray);
    font-size: 12px;
}

.agrar-product-item-body {
    padding: 20px;
    gap: 20px;
    height: 100%;
    background-color: white;
}

.agrar-product-item .agrar-product-item-heading {
    margin-top: 15px;
    margin-bottom: 8px;
    min-height: calc(2 * 1.4em);
    line-height: normal !important;
}

.product-item-top-features-wrapper-shown {
    margin-bottom: auto;
}

.iwc-template-PRODUCT_GRIDVIEW .offer-request-view .product-item-top-features-wrapper-shown {
    margin-bottom: 50px;
}

.iwc-template-PRODUCT_GRIDVIEW .agrar-product-item.offer-request-view .offer_show-hint-wrapper {
    margin-top: unset;
}

.search-found-because-container .found-because-label {
    color: #999999;
    padding-right: 5px;
    /* changed AGRAR-123*/
}

.search-found-because-container {
    /* changed AGRAR-123*/
    overflow: hidden;
    /* changed AGRAR-123*/
    white-space: nowrap;
    /* changed AGRAR-123*/
    text-overflow: ellipsis;
    /* changed AGRAR-123*/
    max-width: 500px;
    /* changed AGRAR-123*/
    font-size: 12px;
    /* changed AGRAR-123*/
    color: #999999;
    /* changed AGRAR-123*/
}

/* changed AGRAR-123*/

.search-found-because-container .found-because-marked {
    color: var(--color-winkler-red);
}

.agrar-product-item .agrar-product-item-util-icons {
    gap: 10px;
}

.agrar-product-item .agrar-product-item-body .winkler-button {
    width: 100%;
}

.agrar-product-ad-item .agrar-product-ad-item-btn {
    margin-top: auto;
}

.agrar-product-item .agrar-product-item-price-heading,
.agrar-product-item .agrar-product-item-quantity-heading,
.agrar-product-item .agrar-product-item-avail-heading {
    font-family: var(--font-primary);
    color: var(--color-secondary-gray);
    font-size: 12px;
    text-transform: uppercase;
}

.agrar-product-item .agrar-product-item-price-text {
    font-family: var(--font-primary);
    font-size: 18px;
}

.agrar-product-item-avail-items {
    gap: 10px;
    margin-top: 5px;
}

.agrar-product-item .agrar-product-item-avail-wrapper {
    width: 100%;
}

.agrar-product-item .agrar-product-item-attributes-container {
    flex-wrap: wrap;
    row-gap: 20px;
}

.agrar-product-item .agrar-product-item-price-container {
    text-align: right;
    margin-left: auto;
}

.search-results-item-list.list .agrar-product-item .agrar-product-item-price-container {
    margin-left: unset;
}

.search-results-item-list.list .agrar-product-item .agrar-product-item-quantity-container {
    margin-left: auto;
}

.search-results-item-list.list .agrar-product-item .avail_no_ajax,
.search-results-item-list.list .agrar-product-item .avail_ajax {
    margin-right: auto;
}

.agrar-product-list-show-more-container {
    width: 100%;
    justify-content: center;
    margin-top: 40px;
}

.agrar-product-list-wrapper .agrar-product-item-list {
    flex-wrap: wrap;
    list-style: none;
    margin: 0px;
}

.agrar-product-list-item.agrar-product-ad-item-wrapper,
.agrar-product-ad-item {
    height: 100%;
}

.agrar-product-item .agrar-product-item-header-img-banner {
    position: absolute;
    background-color: var(--color-winkler-red);
    color: white;
    top: 0px;
    right: 0px;
    font-size: 22px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    padding: 6px 10px 0px 10px;
}

.agrar-product-item .agrar-product-item-header-img-logo {
    position: absolute;
    top: 0px;
    left: 15px;
    max-height: 50px;
    max-width: 50px;
    object-fit: contain;
}

.agrar-product-item .agrar-product-item-header-container {
    position: relative;
}

.SEARCH-FILTER-CONTAINER .active-filters ul.active-filter span.filter-name {
    padding-right: 4px;
}

/* MONTHLY OFFER */
.agrar-monthly-offer-wrapper .agrar-monthly-offer-heading {
    font-family: var(--font-primary);
    margin-top: 20px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-matnr {
    font-family: var(--font-primary);
}

.agrar-monthly-offer-wrapper {
    position: relative;
    color: white;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-background-image {
    position: absolute;
    z-index: -1;
    top: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-name {
    gap: 20px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-quantity-heading {
    margin-left: 10px;
    font-family: var(--font-primary);
}

.agrar-monthly-offer-wrapper .winkler-quantity-btn {
    color: black;
}

.agrar-monthly-offer-wrapper .winkler-quantity-input {
    color: white;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-attributes-container {
    row-gap: 25px;
}

.agrar-monthly-offer-wrapper .winkler-quantity-input-container,
.agrar-monthly-offer-wrapper .agrar-monthly-offer-quantity-container {
    align-items: flex-end;
}

.agrar-monthly-offer-wrapper .winkler-quantity-input {
    margin-bottom: 0px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-price-container {
    margin-left: 40px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-price-container .price-text {
    font-size: 72px;
    font-family: var(--font-primary);
    line-height: 48px;
}

.agrar-monthly-offer-wrapper .currency-text {
    font-family: var(--font-primary);
    justify-content: flex-end;
    margin-left: auto;
    margin-bottom: 15px;
}

.agrar-monthly-offer-wrapper .currency-text .tax {
    margin-top: -10px;
}

.agrar-monthly-offer-wrapper .currency-text .currency {
    font-size: 21px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-image-container {
    position: relative;
}

.agrar-monthly-offer-wrapper .main-product-image-heading {
    background-color: var(--color-winkler-red);
    font-size: 42px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    padding: 10px 15px 0px 15px;
    line-height: initial;
}

.main-product-image-heading-wrapper {
    position: absolute;
    top: -60px;
    left: 0px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-image-container {
    background-image: url("../../agrar/images/bg_monthly_offer.png");
    /* removed #1672 */
    background-image: url("../../global/images/img/werkzeug_jubi_bg.png");
    /* added #1672 */
    background-repeat: no-repeat;
    background-position: center;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-container-outer {
    background-color: var(--color-primary);
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-feature-wrapper {
    flex-wrap: wrap;
    row-gap: 25px;
    margin-bottom: 50px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-feature-container {
    width: 50%;
    font-size: 15px;
    color: white;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-feature-container .feature-key {
    font-family: var(--font-primary);
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-feature-container .feature-value {
    font-family: var(--font-alt);
}

.agrar-monthly-offer-container-outer {
    background: var(--color-gradient);
    position: relative;
    /* overflow: hidden; */
    /* removed #1672 */
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.25);
}

.agrar-monthly-offer-wrapper .logo-product-image {
    position: absolute;
    top: 20px;
    /* changed #AGRAR-131 */
    max-height: 100px;
    max-width: 100px;
    left: 0px;
}

.agrar-monthly-offer-wrapper .additional-price-text,
.agrar-monthly-offer-wrapper .agrar-monthly-offer-heading {
    color: white;
}

.agrar-monthly-offer-wrapper .price-info-text {
    font-size: 14px;
    text-align: right;
}

.basket-voc-info {
    font-size: 12px;
    font-family: var(--font-primary);
    text-align: right;
    font-weight: normal;
}

.rct-added.rct-added::after {
    background-image: url("../../global/images/svg/check_white.svg");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    color: transparent;
    right: 11px;
}

.iwc-template-AGRAR_MONTHLY_OFFER .rct-added.rct-added::after {
    background-image: url("../../global/images/svg/check_green.svg");
}

.iwc-template-MONTHLY_OFFER .rct-added.rct-added::after {
    background-image: url("../../global/images/svg/check.svg");
}

.product-categories-wrapper .category-name,
.iwc-template-PROD_CATEGORIES_OVER .prod-cat-content .category-name {
    margin-top: 20px;
}

.SEARCH_RESULT_ITEM .atpfand-price-hint-wrapper,
.agrar-product-item .atpfand-price-hint-wrapper {
    /* display: none; */
}

.atpfand-price-hint {
    color: #999999;
    font-weight: 700;
    font-family: var(--font-primary);
    font-size: 12px;
}

.agrar-product-item .atpfand-price-hint {
    margin-top: -25px;
}

.iwc-template-PRODUCT_LISTVIEW .agrar-product-item-price-container {
    margin-left: 55px;
}

@media(min-width: 681px) {
    .shop-AGRAR .iwc-template-SEARCH_RESULT .agrar-product-item-price-container {
        justify-content: flex-end;
    }
}

.PRODUCT-COMPARE-WRAPPER.PRODUCT-COMPARE-WRAPPER .price-container-v2.price-container-v2 {
    margin-bottom: 0px;
}

.PRODUCT-COMPARE-WRAPPER .compare-price-wrapper {
    margin-bottom: 23px;
}

.iwc-template-WISHLIST_ITEM_SM .basket-voc-info {
    max-width: 149px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.question-action-button-conatiner.question-action-button-conatiner {
    margin-top: 0px;
    flex-wrap: nowrap;
    /* gap: 50px; */
    justify-content: space-between;
}

.question-popup-container.question-popup-container {
    row-gap: 25px;
}

.SEARCH_RESULT_HEAD_DATA {
    row-gap: 50px;
    display: flex;
    flex-direction: column;
}

/* CKO Payment Popup */
.payment-type-popup-v2 .payment-name {
    font-size: 18px;
    font-family: var(--font-primary);
    padding-top: 3px;
    width: calc(100% - 50px);
}

.payment-type-popup-v2 .payment-type-container {
    padding: 20px 15px 15px 0px;
    border-bottom: 1px solid #c5c5c5;
    display: flex;
    flex-wrap: wrap;
}

.payment-type-popup-v2 .payment-type-label-container {
    display: flex;
    gap: 20px;
    align-items: center;
}

.payment-type-popup-v2 .change-payment-container {
    gap: 60px;
}

.payment-type-popup-v2 .change-payment-container>* {
    width: 100%;
}

.payment-type-popup-v2 .payment-type-submit-container {
    display: flex;
    justify-content: space-between;
}

.payment-type-popup-v2 .payment-type-logo-container {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.payment-type-popup-v2 .payment-type-logo-container .payment-logo {
    object-fit: contain;
    max-width: 100px;
    height: 50px;
}

@media(max-width: 1023px) {
    .payment-type-popup-v2 .payment-type-submit-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    #top-product-form,
    .agrar-monthly-offer-wrapper .agrar-monthly-offer-image-container {
        max-width: 100%;
    }

    .agrar-monthly-offer-heading {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: .5rem;
    }
}

.mini-popup-item-content-wrapper,
.mini-popup-item-content-container {
    width: 100%;
    justify-content: center;
}

.wk-total-atpfand {
    justify-content: space-between;
    font-family: var(--font-primary);
    color: #6D7278;
    font-size: 12px;
}

.iwc-template-PDS_TAB_SPAREPARTS .iwc-template-CATALOG_LIST_ITEM_SM .action-btn-container button {
    min-width: 214px;
}

@media (max-width: 640px) {
    .payment-type-popup-v2 .payment-type-container {
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
    }

    .payment-type-popup-v2 .payment-type-label-container {
        flex: 1 1 auto;
        min-width: 0;
        gap: 10px;
        /* statt 20px etwas kompakter */
    }

    .payment-type-popup-v2 .payment-type-logo-container {
        flex: 0 1 auto;
        min-width: 0;
        gap: 4px;
        margin-left: auto;
        /* bleibt wie im Original */
        flex-wrap: nowrap;
    }

    .payment-type-popup-v2 .payment-type-logo-container .payment-logo {
        max-width: 40px;
        max-height: 24px;
        height: auto;
        /* überschreibt die festen 50px aus dem Original */
        width: auto;
    }
}

.iwc-template-BASKET_VIEW .atpfand-price-hint {
    text-align: right;
}

.iwc-template-MKT_PRODUCT_OFFER_V2 .SEARCH_RESULT_ITEM {
    width: 100%;
}

.iwc-template-message.callout .iwc-data-message a {
    color: white;
    text-decoration: underline;
}

.found-because-container .found-because-label {
    font-family: var(--font-primary);
    color: #707275;
    font-size: 12px;
    text-transform: uppercase;
}

.iwc-template-CATALOG_LIST_ITEM .found-because-container {
    max-width: 445px;
    margin-top: 20px;
    width: 100%;
}

.found-because-container .found-because-text {
    color: black;
    font-size: 15px;
    text-transform: none;
    background-color: #f2f2f2;
    padding: 5px 10px 2px 10px;
}

.found-because-container .found-because-text .found-because-marked {
    color: var(--color-winkler-red);
}


.SEARCH_RESULT_ITEM .catalog-list-item-addition-info {
    margin-top: 20px;
}

.SEARCH_RESULT_HEAD_DATA {
    row-gap: 0;
}

.search-result-header-container-count {
    color: #999999;
    font-size: 36px;
}

.search-result-header-container-count .search-result-header-text-term {
    color: initial;
}

.question-popup-wrapper .question-popup-container {
    display: flex;
    flex-direction: column;
}

.question-popup-wrapper .question_text:empty {
    display: none;
}

.password-reset-wrapper {
    display: flex;
}

.winkler-form-component-input-error {
    visibility: hidden;
}

.password-reset-textblock-container,
.password-reset-form-container {
    flex: 1;
}

.password-reset-form-container {
    gap: 20px;
    flex-direction: column;
    display: flex;
}

.winkler-form-component-input-label {
    color: black;
    text-transform: uppercase;
    font-family: var(--font-primary);
}

.winkler-form-component-input-field:focus,
.winkler-form-component-input-field {
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    box-shadow: none;
}

.winkler-form-component-input-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.winkler-form-component-input-field:user-invalid~.winkler-form-component-input-error {
    visibility: visible;
}

.winkler-form-component-submit-container button {
    min-width: 250px;
}

.winkler-form-error {
    color: var(--color-winkler-red);
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}

.winkler-form-error.full {
    color: white;
    background-color: var(--color-winkler-red);
    padding: 10px 10px 5px 10px;
}

.winkler-form-error.winkler-form-error::before {
    content: " ";
    background-image: url("../images/svg/warning_red.svg");
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px;
    display: flex;
    background-repeat: no-repeat;
}

.winkler-form-error.winkler-form-error.full::before {
    background-image: url("../images/svg/warning_white.svg");
}

.winkler-form-error.full .iwc-template-message.iwc-template-message {
    background-color: var(--color-winkler-red);
    color: white;
}

.winkler-form-error .iwc-template-message.iwc-template-message {
    border: none;
    margin-bottom: auto;
    padding: unset;
    color: var(--color-winkler-red);
}

.winkler-form-error .iwc-template-message.iwc-template-message .close-button {
    display: none;
}

.winkler-form-error.boxed {
    color: white;
    background-color: var(--color-winkler-red);
}

.form-hidden-meta {
    display: none !important;
}

:root {
    --basket-pos-border-color: #D9D9D9;
    --basket-pos-image-bg-color: #F2F2F2;
    --basket-pos-banner-bg-color: var(--color-winkler-red);
    --basket-pos-banner-txt-color: white;
    --basket-pos-banner-ft-size: 14px;
    --basket-pos-name-ft-size: 22px;
    --basket-pos-matnr-ft-size: 12px;
    --basket-pos-matnr-txt-color: #6D7278;
}

.basket-positions-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket-position-item-wrapper {
    display: flex;
    flex-wrap: nowrap;
    min-height: 175px;
    border: 1px solid var(--basket-pos-border-color);
    min-width: 100%;
    max-width: 100%;
}

.basket-position-item-wrapper .basket-position-item-image-wrapper {
    min-width: 220px;
    max-width: 220px;
    min-height: 100%;
    max-height: 100%;
    position: relative;
    border-right: 1px solid var(--basket-pos-border-color);
}

.basket-position-item-wrapper .basket-position-item-image-logo-container {
    position: absolute;
    min-width: 50px;
    max-width: 50px;
    left: 10px;
}

.basket-position-item-wrapper .basket-position-item-image-logo {
    object-fit: contain;
    min-width: 100%;
    max-width: 100%;
}

.basket-position-item-image-banner-container {
    background-color: var(--basket-pos-banner-bg-color);
    color: var(--basket-pos-banner-txt-color);
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: var(--basket-pos-banner-ft-size);
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 4px 5px 0px 5px;
}

.basket-position-item-image-banner-container:empty {
    display: none;
}

.basket-position-item-wrapper .basket-position-item-image-container {
    background-color: var(--basket-pos-image-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    max-height: 100%;
}

.basket-position-item-wrapper .basket-position-item-image {
    object-fit: contain;
    min-width: 125px;
    max-width: 125px;
}

.basket-position-item-wrapper .basket-position-item-information-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
}

.basket-position-item-wrapper .basket-position-item-information-name-wrapper {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.basket-position-item-wrapper .basket-position-item-information-matnr {
    text-transform: uppercase;
    color: var(--basket-pos-matnr-txt-color);
    font-size: var(--basket-pos-matnr-ft-size);
    font-family: var(--font-primary);
}

.basket-position-item-wrapper .basket-position-item-information-name {
    font-family: var(--font-primary);
    font-size: var(--basket-pos-name-ft-size);
    color: black;
}

.basket-position-item-wrapper .basket-position-item-information-additionals-wrapper {
    display: flex;
    gap: 20px;
    margin-top: auto;
    align-items: flex-end;
}

.basket-position-item-wrapper .product-availability-container {
    padding: 0px;
}

.basket-position-item-wrapper .wk-content-pos-note-container {
    margin: 0px;
}

.basket-position-item-wrapper .winkler-qty-switch-container {
    margin-top: 4px;
}

.basket-position-item-wrapper .basket-position-item-price-wrapper {
    text-align: right;
    margin-left: auto;
}

.basket-position-item-wrapper .basket-position-item-price-wrapper .price_show_container {
    margin-left: auto;
}

.basket-position-item-wrapper .avail-icons-container.avail-icons-container-v2 {
    margin-top: 7px;
}

.basket-position-item-wrapper .basket-position-item-actions-wrapper {
    margin-left: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.basket-position-item-wrapper .basket-position-item-actions-delete-btn .icon::before,
.basket-position-item-wrapper .basket-position-item-actions-delete-btn .icon {
    height: 16px;
    color: var(--color-winkler-blue);
}

.basket-position-item-wrapper .basket-position-item-actions-wishlist-btn img {
    height: 23px;
}

:root {
    --winkler-qty-switch-txt-color: #6D7278;
    --winkler-qty-switch-ft: var(--font-primary);
    --winkler-qty-switch-ft-size: 12px;
}

.winkler-qty-switch-container {
    display: flex;
    flex-direction: column;
}

.winkler-qty-switch-container .winkler-qty-str {
    font-family: var(--winkler-qty-switch-ft);
    font-size: var(--winkler-qty-switch-ft-size);
    color: var(--winkler-qty-switch-txt-color);
}

.winkler-qty-switch-container .winkler-qty-input {
    display: flex;
    flex-wrap: nowrap;
    outline: 1px solid #D8D8D8;
}

.winkler-qty-input .input-field {
    width: 32px;
    border: none;
    box-shadow: none;
    outline: none;
    text-align: center;
    padding: 0px;
    font-size: 16px;
    height: 32px;
    padding-top: 5px;
}

.winkler-qty-input .input-btn {
    height: 32px;
    width: 32px;
    background-color: #D8D8D8;
    color: black;
}

.winkler-round-icon-btn {
    height: 40px;
    width: 40px;
    padding: 6px;
    border: 1px solid #D8D8D8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.wishlist-delete-btn-container.wishlist-delete-btn-container {
    margin-top: 6px;
}

@media(max-width: 1029px) {
    .basket-positions-items-wrapper {
        display: none !important;
    }
}

@media(min-width: 840px) {
    .prod-compare-delete-all {
        margin-left: 30px;
    }
}

.prod-compare-delete-all.prefix-icon-trash::before {
    padding-top: 10px;
}

.agrar-product-item-body {
    position: relative;
}

.agrar-product-item-body .agrar-product-item-util-icons-abs {
    position: absolute;
    top: 0px;
    right: 5px;
    gap: 5px;
    transform: translateY(-50%);
}

.agrar-product-item-header-link {
    display: flex;
}

.agrar-product-item-body .winkler-action-icon.round {
    height: 40px;
    width: 40px;
}

.agrar-product-item-body .winkler-action-icon.round.wishlist::before {
    height: 21px;
}

.product-item-top-features-wrapper-shown .top-feature-value {
    max-height: 70px;
    overflow: hidden;
}

.MARKETING-PROCUCT-OFFER .product-item-top-features-wrapper-shown .product-item-top-features-wrapper,
.agrar-product-list-item-container .product-item-top-features-wrapper-shown .product-item-top-features-wrapper {
    display: none;
}

.product-item-top-features-wrapper {
    font-size: 15px;
}

.product-item-top-features-wrapper .top-feature-label {
    color: #999999;
    font-family: var(--font-primary);
}

.product-item-top-features-wrapper .top-feature-value {
    color: black;
}

.SEARCH_RESULT_ITEM .search-results-onlyshop-body.grid .agrar-product-item .agrar-product-item-matnr,
.search-results-item-list.grid .agrar-product-item .agrar-product-item-matnr {
    min-height: 18px;
}

.SEARCH_RESULT_ITEM .search-results-onlyshop-body.grid .agrar-product-item {
    height: 100%;
}

/* Search Filter Prodcat */
:root {
    --filter-prodcat-item-height: 58px;
    --filter-prodcat-rows: 1;
    --filter-prodcat-rows-mobile: 4;
    --filter-prodcat-row-gap: 12px;
}

.search-filter-product-categories-container {
    overflow-y: hidden;
    /*
      Rows + Margin + 1px (border cut) */
    max-height: calc((var(--filter-prodcat-rows-mobile) * var(--filter-prodcat-item-height)) + 1px + ((var(--filter-prodcat-rows-mobile) - 1) * var(--filter-prodcat-row-gap)));
}

.search-filter-product-categories-container[data-show-all="X"] {
    overflow-y: auto;
    height: auto;
}

.search-filter-product-categories-container[data-show-all="X"]~.search-filter-product-category-btn-controls-container #SEARCH_FILTER_SHOW_ALL_PRODCAT {
    display: none;
}

.search-filter-product-categories-container {
    gap: var(--filter-prodcat-row-gap);
    display: grid;
}

@media(max-width: 550px) {
    .search-filter-product-category-item-count {
        display: none;
    }

    .search-filter-product-categories-container {
        grid-template-columns: 100%;
        overflow-x: hidden;
    }
}

@media(min-width: 1400px) {
    .search-filter-product-categories-container {
        grid-template-columns: repeat(auto-fit, minmax(21%, 1fr));
    }

    .search-filter-product-categories-container {
        height: calc((var(--filter-prodcat-rows) * var(--filter-prodcat-item-height)) + 1px + ((var(--filter-prodcat-rows) - 1) * var(--filter-prodcat-row-gap)));
    }

    .search-result-facet-conatiner-fit-for.search-result-facet-conatiner-fit-for .additional-dropdown-wrapper.additional-dropdown-wrapper {
        width: 50% !important;
    }
}

.search-filter-product-category-item-container {
    flex-wrap: nowrap;
    background-color: white;
    border: 1px solid #DDDDDD;
    align-items: center;
    height: var(--filter-prodcat-item-height);
}

.search-filter-product-category-item-container:hover {
    cursor: pointer;
}

.search-filter-product-category-item-image-container {
    min-width: calc(var(--filter-prodcat-item-height) - 5px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-filter-product-category-item-container[active="X"] {
    border: 3px solid var(--color-primary);
}

.search-filter-product-category-item-container[active="X"] .search-filter-product-category-item-text-container {
    background-color: var(--color-primary);
    color: white;
}

.search-filter-product-category-item-image {
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
    background-color: white;
    padding: 0px 5px;
    object-fit: contain;
}

.search-filter-product-category-item-text-container {
    padding: 10px 10px 6px 10px;
    gap: 12px;
    flex-wrap: nowrap;
    color: black;
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.search-filter-product-category-item-text-container b {
    font-weight: normal;
}

.search-filter-product-category-item-container[active="X"] .search-filter-product-category-item-text-container .search-filter-product-category-item-count {
    color: white;
}

.search-filter-product-category-item-count {
    color: #6D7278;
    font-family: var(--font-primary);
}

.search-filter-category-heading {
    font-size: 16px;
    text-transform: uppercase;
}

.search-filter-product-category-btn-controls-container {
    width: 100%;
    justify-content: flex-end;
}

.search-filter-product-category-wrapper .select-controls {
    gap: 20px;
    margin-left: auto;
    text-decoration: underline;
}

.search-filter-product-category-wrapper {
    margin-bottom: 25px;
}

.search-filter-product-category-btn-controls-container {
    margin-top: 10px;
    text-decoration: underline;
}

.search-filter-more-heading {
    margin-bottom: -10px;
}

.search-filter-product-category-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    font-size: 16px;
}


.search-filter-product-category-item-text-container {
    min-width: 0;
}

.agrar-product-item.offer-request-view .offer_show-hint-wrapper {
    margin-top: auto;
}

.offer-request-view .offer_show-hint-wrapper p,
.agrar-product-item .offer-request-view .offer_show-hint-wrapper p,
.agrar-product-item.offer-request-view .offer_show-hint-wrapper p {
    font-size: 14px;
    text-align: left;
}

.offer-request-view .offer_show-hint-wrapper {
    justify-content: flex-start;
}

.iwc-template-CATALOG_LIST_ITEM .offer-request-view *:not(button):not(.buttonbox *),
.agrar-product-item.offer-request-view *:not(button) {
    cursor: default;
}

.search-results-item-list .agrar-product-item-wrapper .agrar-product-item>div {
    height: 100%;
    width: 100%;
}

.iwc-template-SEARCH_RESULT .agrar-product-item-container,
.iwc-template-MKT_PRODUCT_OFFER_V2 .iwc-template-PRODUCT_GRIDVIEW {
    height: 100%;
}

.MARKETING-PROCUCT-OFFER #offer-item-product-slider .agrar-product-item-container {
    width: 100%;
}

.iwc-template-CATALOG_LIST_ITEM .offer-request-view .product-main-action-btn button {
    min-width: 285px;
}

.iwc-template-CATALOG_LIST_ITEM .offer-request-view .product-main-action-btn {
    justify-content: flex-end;
}

.agrar-stage-wrapper .MARKETING-PROCUCT-OFFER .agrar-product-item {
    height: 100%;
}

@media(max-width: 1023px) {
    .iwc-template-SEARCH_RESULT .iwc-template-CATALOG_LIST_ITEM .product-main-action-btn.product-main-action-btn {
        height: auto !important;
    }

    .iwc-template-SEARCH_RESULT .iwc-template-CATALOG_LIST_ITEM .search-result-content-container .catalog-icon-wrapper {
        position: absolute;
        transform: translateY(-50%);
        top: 0px;
        gap: 10px;
        right: 0px;
        margin-right: 10px;
    }

    .iwc-template-SEARCH_RESULT .iwc-template-CATALOG_LIST_ITEM .search-result-content-container .catalog-icon-wrapper img {
        width: 55% !important;
        max-height: 22px;
    }

    .iwc-template-SEARCH_RESULT .iwc-template-CATALOG_LIST_ITEM .search-result-content-container .catalog-icon-wrapper .catalog-icon-container {
        margin-right: 0px;
        height: 40px;
        width: 40px;
        max-width: 40px;
        max-height: 40px;
        min-height: 40px;
        min-width: 40px;
        justify-content: center;
        align-items: center;
    }

    .iwc-template-SEARCH_RESULT .iwc-template-CATALOG_LIST_ITEM .search-result-content-container {
        position: relative;
    }
}

.basket-dl-pos-header-content {
    row-gap: 25px;
    padding: 25px;
}

.basket-dl-pos-item-top-features-wrapper {
    row-gap: 10px;
}

.basket-dl-pos-item-top-features-container {
    gap: 10px;
    font-size: 12px;
    width: 50%;
}

.basket-dl-pos-item-top-features-container .top-feature-label {
    color: #6D7278;
    font-family: var(--font-primary);
}

.iwc-part-of-product-container .basket-dl-item-name-container.basket-dl-item-name-container {
    padding: 0px;
    margin-left: 0px;
}

.iwc-template-CATALOG_LIST_ITEM_SM .agrar-product-item-util-icons-abs {
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: auto;
}

.iwc-template-CATALOG_LIST_ITEM_SM .agrar-product-item-util-icons-abs .winkler-round-icon-btn {
    padding: unset;
}

.iwc-template-CATALOG_LIST_ITEM_SM .item-actions-container {
    padding: 25px;
}

.iwc-template-CATALOG_LIST_ITEM_SM .winkler-action-icon.wishlist.wishlist::before {
    height: 21px;
}

@media(max-width: 1023px) {

    .iwc-template-CATALOG_LIST_ITEM_SM .basket-dl-pos-content,
    .iwc-template-CATALOG_LIST_ITEM_SM .basket-dl-item-details {
        width: 100%;
        margin: 0px;
    }

    #SPARE_PARTS .basket-dl-item-details {
        padding-right: 30px;
    }

    .iwc-template-CATALOG_LIST_ITEM_SM .item-actions-container {
        padding: 25px 0px;
        width: 100%;
        margin-top: 30px;
    }
}

.REGISTER_CONTAINER_OUTER .input-required-label.iwc-error:not(:empty) {
    display: flex;
}

.REGISTER_CONTAINER_OUTER .input-required-label.input-required-label.input-required-label.iwc-error {
    margin-left: 0px;
    align-self: unset;
    margin-top: 10px;
}

.iwc-template-REGISTER_V3 .winkler-form-error {
    font-size: 14px;
    margin-top: 10px;
}

.CAMPAIGN_FORMS_CONTAINER .winkler-form-error.required_error,
.iwc-template-REGISTER_V3 .winkler-form-error.required_error {
    display: none;
}

.CAMPAIGN_FORMS_CONTAINER .nice-select~.winkler-form-error,
.iwc-template-REGISTER_V3 .nice-select.form-control.is-required~.winkler-form-error.required_error {
    margin-top: -20px;
}

.CAMPAIGN_FORMS_CONTAINER input~.winkler-form-error,
.iwc-template-WINKLER_CONTACT_FORM input.is-required~.required-notification {
    margin-top: 10px;
}

.MARKETING-PROCUCT-OFFER .iwc-template-PRODUCT_GRIDVIEW .agrar-product-item {
    height: 100%;
}

.skeleton-wrapper {
    gap: 0.35rem;
    padding: 0.2rem 0;
}

.skeleton-line {
    border-radius: 3px;
    background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.compare-product-item.cmp-header .cmp-item-delete {
    position: absolute;
    bottom: 7px;
    left: 10px;
    width: 16px;
    height: 16px;
}

.OFFERS_OVERVIEW_CONTAINER {
    margin-bottom: 100px;
    margin-top: 100px;
}

.OFFERS_OVERVIEW_CONTAINER .offers-heading {
    text-transform: uppercase;
    margin-bottom: 34px;
}

.OFFERS_OVERVIEW_CONTAINER .offers-subtext {
    margin-bottom: 50px;
}

.winkler-accordion-body .offers-body {
    min-height: 100px;
    background-color: #F2F2F2;
    width: 100%;
}

.winkler-accordion-header {
    min-height: 100px;
    border: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    /*
          transition: border-bottom 0s ease 0.26s;
        */
    width: 100%;
    padding: 20px;
}

.opened .winkler-accordion-header {
    border-bottom: none;
}

.winkler-accordion-body {
    min-height: 100px;
    border: 1px solid #D9D9D9;
    border-top: none;
    width: 100%;
    display: none;
    padding: 0px 20px 25px 20px;
}

.offer-property-container .property-header {
    font-size: 12px;
    margin-right: 100px;
    color: #6D7278;
    font-family: NeueHelvetica77CondensedBold, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.offer-property-container .property-value {
    color: black;
}

.offer-property-container .property-value.bold {
    font-size: 22px;
    font-family: NeueHelvetica77CondensedBold, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.winkler-accordion-close-container {
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding-top: 20px;
}

.winkler-accordion-close-container .winkler-arrow-down {
    display: flex;
}

.winkler-accordion-close-container .winkler-arrow-up {
    display: none;
}

.opened .winkler-accordion-close-container .winkler-arrow-down {
    display: none;
}

.OFFERS_OVERVIEW_CONTAINER .opened .iwc-template-TMP_QUOTE_CONTENT,
.opened .winkler-accordion-close-container .winkler-arrow-up {
    display: flex;
}

.OFFERS_OVERVIEW_CONTAINER .offers-header-row {
    margin-bottom: 35px;
}

.OFFERS_OVERVIEW_CONTAINER .offers-header-row p {
    font-size: 16px;
}

.OFFERS_OVERVIEW_CONTAINER .offers-header-row p b {
    color: black;
    font-family: NeueHelvetica77CondensedBold, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}

.OFFERS_OVERVIEW_CONTAINER .offers-body {
    padding: 35px;
}

.offers-position-details-row .pos-detail-container:not(:last-of-type) {
    margin-right: 40px;
}

.offers-position-details-row .pos-detail-container .pos-header {
    color: black;
    font-size: 12px;
    font-family: NeueHelvetica77CondensedBold, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.offers-position-details-row .pos-detail-container .pos-value {
    color: #6D7278;
    font-size: 16px;
    line-height: 30px;
}

.offers-position-details-row .pos-detail-container.price>span {
    text-align: right;
}

.offers-position-details-row .pos-detail-container.price .pos-value {
    height: 100%;
    justify-content: flex-end;
}

.offers-position-details-row .pos-detail-container.price .pos-value.bold {
    color: black;
    font-family: NeueHelvetica77CondensedBold, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.offer-pricing-row .final-notice {
    font-size: 12px;
    margin-top: 20px;
}

.offer-pricing-row .final-price-sum,
.offer-pricing-row .final-price-mwst {
    justify-content: space-between;
    width: 100%;
}

.offer-pricing-row .final-price-sum .value {
    margin-left: 50px;
}

.offer-pricing-row .final-price-sum span {
    color: black;
    font-family: NeueHelvetica77CondensedBold, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
}

.offer-pricing-row .final-price-mwst {
    font-size: 14px;
}

.offer-pricing-row div.final-price .divider-full {
    margin-top: 20px;
    margin-bottom: 10px;
}

.offer-pricing-row .final-text {
    font-size: 16px;
}

h2.final-price {
    font-size: 40px;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

h2.final-price::after {
    content: '*';
    font-size: 20px;
    top: -10px;
    position: absolute;
}

.OFFERS_OVERVIEW_CONTAINER .pos-detail-container.description {
    max-width: 33.33%;
}

.OFFERS_OVERVIEW_CONTAINER .winkler-accordion-close-container {
    pointer-events: none;
}

.OFFERS_OVERVIEW_CONTAINER .loading-spinner {
    display: none;
    max-width: 30px;
}

.OFFERS_OVERVIEW_CONTAINER .unloaded .loading-spinner {
    display: flex;
}

@media(max-width: 639px) {
    .offer-property-container.offer-nr {
        width: 100%;
    }

    .offers-position-details-row .pos-detail-container:not(:last-of-type) {
        margin-right: 30px;
    }

    .OFFERS_OVERVIEW_CONTAINER .winkler-accordion-close-container {
        position: absolute;
        height: auto;
        right: 30px;
    }

    .offer-property-container.offer-nr {
        margin-bottom: 15px;
    }

    .offer-property-container.offer-nr .property-value {
        font-size: 32px;
    }

    .offer-property-container.offer-nr .property-header {
        margin-bottom: 0px;
    }

    .offer-property-container.customer-ref {
        width: 100%;
        margin-top: 15px;
    }

    .OFFERS_OVERVIEW_CONTAINER .offers-heading {
        margin-bottom: 20px;
    }

    .OFFERS_OVERVIEW_CONTAINER .offers-subtext {
        margin-bottom: 40px;
    }

    .offer-property-container .property-header {
        font-size: 12px;
        margin-right: 30px;
    }

    .OFFERS_OVERVIEW_CONTAINER .offers-body {
        padding: 15px;
    }

    .OFFERS_OVERVIEW_CONTAINER .pos-detail-container.description {
        width: 100%;
        margin-right: 0px !important;
        margin-top: 25px;
        margin-bottom: 35px;
        max-width: 100%;
    }

    .OFFERS_OVERVIEW_CONTAINER .pos-detail-container.price.one {
        margin-left: auto !important;
    }

    .offer-pricing-row .final-notice {
        margin-top: 40px;
    }
}

.offers-position-details-row-wrapper.offers-main-position .offers-position-details-row {}

.offers-position-details-row-wrapper.offers-main-position .divider-full {
    padding-top: 15px;
    margin-bottom: 15px;
    border-bottom: none;
    border-top: 1px solid #d9d9d9;
    color: #6D7278;
    font-size: 16px;
    line-height: 30px;
}

.offers-position-details-row-wrapper.offers-sub-position .offers-position-details-row {
    padding-left: 60px;
}

.agrar-prodcat-overview-container .prodcat-show-all {
    margin-top: 50px;
    align-self: center;
}

/* Artikelvergleich: Karten füllen die Zelle, Button + Checkbox immer auf einer Linie */

/* Trick: Zelle braucht eine Höhe, damit height:100% innen greift (wächst trotzdem mit) */
.product-compare-table th.compare-product-padding-wrapper {
    height: 1px;
}

.product-compare-table th.compare-product-padding-wrapper>.cmp-padding-wrapper {
    height: 100% !important;
    /* überschreibt die JS-Höhe */
    display: flex;
    flex-direction: column;
}

.product-compare-table .cmp-body {
    height: auto !important;
    /* überschreibt die JS-Höhe */
    flex: 1 0 auto;
    /* füllt den Platz unter dem Bild */
    display: flex;
    flex-direction: column;
}

.product-compare-table .cmp-body>.compare-price-wrapper {
    flex-grow: 1;
    /* schiebt Button + Checkbox nach unten */
}

.REQUEST_PRODUCT_POP_WRAPPER *[data-required="required"] .field-label::after {
    content: ' *';
}

#REQUEST_PRODUCT_FORM#REQUEST_PRODUCT_FORM input {
    border-top: none;
    border-left: none;
    border-right: none;
}

#REQUEST_PRODUCT_FORM .invalid .field-label::after {
    content: attr(data-invalid-hint);
    color: red;
    margin-left: auto;
    text-align: right;
    font-size: 12px;
    font-family: var(--font-alt);
}

#REQUEST_PRODUCT_FORM .invalid .field-label {
    width: 100%;
    display: flex;
}

/* Show Query ID */
html[data-show-item-queryid="true"] *[data-query-id] {
    display: flex;
}

html[data-show-item-queryid="true"] *[data-query-id]::after {
    content: attr(data-query-id);
    color: red;
    margin: 0px 10px;
}

.my-account-linklist .FEATURE-NEW-BANNER {
    position: unset;
    margin-left: 15px;
    height: max-content;
    margin-right: 25px;
    margin-top: auto;
    margin-bottom: auto;
}

.my-account-linklist .item-text {
    margin-top: 4px;
}

.my-account-linklist a {
    padding: 2px 0px 8px 0px;
}