body .grid-container {
    width: 1400px;
    padding: 0px;
    max-width: 100%;
}

.iwc-main-content {
    margin: 50px 0px;
    gap: 70px;
}

/* HEADER */
.header-mobile-flyout,
.header-mobile {
    display: none;
}

header .shop-row .shop-logo {
    height: 35px;
    width: 35px;
    display: block;
    background-size: contain;
    padding: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

header .nfz-container .shop-logo {
    background-image: url("../../global/images/svg/lkws.svg");
}

header .agrar-container .shop-logo {
    background-image: url("../../global/images/svg/tractor.svg");
}

.shop-SHOP header .nfz-container .shop-logo {
    background-image: url("../../global/images/svg/lkws_white.svg");
}

.shop-AGRAR header .agrar-container .shop-logo {
    background-image: url("../../global/images/svg/tractor_white.svg");
}

header .nfz-container::after {
    /* Graues Dreieck */
    content: "";
    position: absolute;
    top: 0;
    right: -39px;
    width: 40px;
    height: 100%;
    background: var(--color-primary-gray);
    clip-path: polygon(0 0, 39% 0, 0 100%);
    z-index: 1;
}

.shop-SHOP header .nfz-container::after {
    background: var(--color-primary);
}

header .nfz-container.diagonal-line-b::before {
    /* Weißer Streifen */
    top: 0px;
    right: -10px;
    background: white;
    z-index: 1;
}

header .nfz-container {
    justify-content: flex-end;
}

header .nfz-container {
    padding-right: 25px;
}

header .agrar-container {
    padding-left: 36px;
}

header .search-input,
header .search-input:focus {
    padding: 0px 95px 0px 20px;
}

header .search-input-container.diagonal-line-b::before {
    background: white;
    z-index: 1;
    top: 0px;
    right: 65px;
}

header .header-logos-container .winkler-logo { /* normal logo */
    height: 80px;
    width: 125px;
    object-fit: contain;
}

header .header-logos-container .winkler-logo { /* 125 years logo */
    height: 90px;
    width: 180px;
}

header .content-row {
    height: 140px;
    align-items: center;
    width: 1400px;
    justify-content: space-between;
}

header .header-logos-container {
    gap: 35px;
}

header .header-logos-container .shop-logo {
    width: 95px;
    height: 85px;
    object-fit: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.shop-AGRAR header .header-logos-container .shop-logo {
    background-image: url("../../global/images/svg/tractor.svg");
}

.shop-SHOP header .header-logos-container .shop-logo {
    background-image: url("../../global/images/svg/lkws.svg");
}

header .search-input-container {
    display: flex;
    width: 775px;
    height: 60px;
    position: relative;
}

header .search-trigger {
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
}

header .navigation-row {
    height: 60px;
    width: 100%;
    position: relative;
    max-height: 60px;
    z-index: 100;
}

header .only-b2b-hint-text {
    text-align: right;
}

.header-util-icon {
    height: 30px;
}

header .header-utils-container {
    gap: 15px;
    margin-top: 20px;
}

header .header-nav-main {
    height: 100%;
    z-index: 2;
    position: inherit;
    padding: 0px;
}

header .header-nav-item-container {
    margin: 0px;
    height: 100%;
    align-items: center;
}

header .shop-nav-items-container {
    position: relative;
    width: calc(100% + 22px);
    transform: skewX(24deg);
    margin-left: -22px;
}

header .header-nav-item {
    color: white;
    font-family: var(--font-primary);
    list-style: none;
    font-size: 18px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    position: relative;
    padding: 6px 20px 0px 20px;
    transform: skewX(-24deg);
}

header .header-nav-item > * {
    transform: skewX(24deg);
}

header .header-nav-item.login,
header .header-nav-item.my-account {
    margin-left: auto;
    position: relative;
    padding-right: 24px;
}

header .header-nav-item.login img,
header .header-nav-item.my-account img {
    height: 24px;
    margin-bottom: 7px;
}

header .header-nav-item.website {
    padding-left: 36px;
    height: 100%;
}

header .navigation-row::after {
    background-color: var(--color-winkler-blue);
    content: "";
    height: 60px;
    width: 50%;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

header .header-nav-item-container .shop-nav-items.diagonal-line-b::before {
    /* Weißer Streifen */
    top: 0px;
    right: 0px;
    background: white;
    z-index: 2;
    transform: skewX(0deg);
}

header .header-nav-item .nav-item-text {
    z-index: 1;
}

header .header-nav-item.is-open,
header .header-nav-item:hover {
    background: white;
}

header .header-nav-item.is-open .nav-item-text,
header .header-nav-item:hover .nav-item-text {
    color: var(--color-header-alt);
}

header .header-nav-item .triangle-right,
header .header-nav-item .triangle-left {
    position: absolute;
    top: 0;
    z-index: 2;
    content: "";
    pointer-events: none;
    cursor: pointer;
    border: none;
    border-top: 60px solid #ffffff;
    border-right: 27px solid transparent;
    border-left: 0 solid transparent;
    display: none;
} 

header .header-nav-item .triangle-right {
    right: -26px;
}

header .header-nav-item .triangle-left {
    left: -27px;
    transform: rotate(180deg);
}

header .header-nav-item.is-open .triangle-right,
header .header-nav-item.is-open .triangle-left,
header .header-nav-item:hover .triangle-right,
header .header-nav-item:hover .triangle-left {
    display: block;
}

header .header-nav-item.login .nav-item-text,
header .header-nav-item.my-account .nav-item-text {
    margin-right: 15px;
}

/* Standardzustand */
header .header-nav-item .nav-item-icon-inactive {
    display: flex;
}
header .header-nav-item .nav-item-icon-active {
    display: none;
}
  
/* Aktiv oder Hover */
header .header-nav-item.is-open .nav-item-icon-inactive,
header .header-nav-item:hover .nav-item-icon-inactive {
    display: none;
}
header .header-nav-item.is-open .nav-item-icon-active,
header .header-nav-item:hover .nav-item-icon-active {
    display: flex;
}

header .header-nav-item.is-open .login-popup-wrapper,
header .header-nav-item.is-open .my-account-popup,
header .header-nav-item:hover .login-popup-wrapper,
header .header-nav-item:hover .my-account-popup {
    display: block;
    background-color: white;
    border: 1px solid var(--color-primary-gray);
}

header .my-account-popup {
    position: absolute;
    width: 350px;
    min-height: 100px;
    top: 60px;
    left: -80px;
    display: none;
    padding: 25px;
    border: 1px solid #F2F2F2;
    color: black;
}

.my-account-linklist {
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--color-primary-gray);
}

.my-account-linklist li {
    font-size: 15px;
    list-style: none;
    font-family: var(--font-alt);
    text-transform: none;
    border-bottom: 1px solid var(--color-primary-gray);
    position: relative;
}

.my-account-linklist li a::after {
    position: absolute;
    content: "\e906";
    font-family: "winklericons" !important;
    right: 0px;
    top: calc(50% - 14px);
}

.my-account-linklist li:hover {
    color: var(--color-primary);
}

.header-nav-item.admin img {
    height: 30px;
    width: 30px;
    margin-bottom: 5px;
}

.header-nav-item.login {
    position: relative;
}

.login-popup-wrapper {
    position: absolute;
    top: 60px;
    right: -117px;
    border: 1px solid #F2F2F2;
    min-width: 320px;
    display: none;
}

/* 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 .footer-b2b-hint {
    padding: 50px 0px;
    border-bottom: 1px solid white;
} */

/* CONTACT WIDGET */
.contact-widget-wrapper .contact-widget-container .main-content {
    padding: 80px;
    width: 820px;
}

.contact-widget-wrapper .contact-widget-action-container button {
    min-width: 300px;
}

.contact-widget-wrapper .image-container img {
    object-fit: cover;
    height: 100%;
}

.contact-widget-wrapper .image-container {
    width: 420px;
    margin-left: auto;
}

.contact-widget-wrapper .contact-widget-heading.desktop {
    display: flex;
}

/* Banner Widget */
.banner-widget-wrapper .banner-widget-container .main-content {
    padding: 80px;
    width: 820px;
}

.banner-widget-wrapper .banner-widget-action-container button {
    min-width: 300px;
}

.banner-widget-wrapper .image-container img {
    object-fit: cover;
    height: 100%;
}

.banner-widget-wrapper .image-container {
    width: 420px;
    margin-left: auto;
}

.banner-widget-wrapper .banner-widget-heading.desktop {
    display: flex;
}

/* newsletter WIDGET */
.newsletter-widget-wrapper .newsletter-widget-container .main-content {
    padding: 80px;
    width: 820px;
}

.newsletter-widget-wrapper .newsletter-widget-action-container button {
    min-width: 300px;
}

.newsletter-widget-wrapper .image-container img {
    object-fit: cover;
    height: 100%;
    object-position: 75%; /* Bild auf x-Achse verschieben, damit beide Personen zu sehen sind */
}

.newsletter-widget-wrapper .image-container {
    width: 420px;
    margin-left: auto;
}

.newsletter-widget-wrapper .newsletter-widget-heading.desktop {
    display: flex;
}

/* NEWS SLIDER */
.news-slider-wrapper .news-slider-container .main-content,
.news-slider-wrapper .news-slider-container .image-container {
    width: 600px;
}

.news-slider-wrapper .news-slider-action-container button {
    min-width: 300px;
}

/* PRODUCT LIST */
.agrar-product-list-wrapper .agrar-product-list-heading {
    text-transform: uppercase;
}

/* .search-results-item-list, */
.agrar-product-list-wrapper .agrar-product-item-list {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
}

.search-results-item-list {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, 335px));
}

.agrar-product-item-wrapper,
.agrar-product-item-wrapper .agrar-product-item,
.agrar-product-list-wrapper .agrar-product-list-item-container,
.agrar-product-list-wrapper .agrar-product-ad-item-wrapper,
.agrar-product-list-wrapper .agrar-product-item-wrapper,
.agrar-product-list-wrapper .agrar-product-item {
    height: 100%;
}

/* .agrar-product-item-heading-container {
    margin-bottom: auto;
} */

/* CATALOG SLIDER */
.catalog-slider-wrapper .catalog-slider-heading {
    text-transform: uppercase;
}

.catalog-slider-wrapper .catalog-slider-item-body {
    height: 100%;
}

.catalog-slider-wrapper .catalog-slider-item-subtext {
    margin-bottom: auto;
}

/* FLAG MENU */
.flag-selector-popup-wrapper {
    position: absolute;
    width: 320px;
    right: 0px;
    top: 40px;
    z-index: 101;
    border: 1px solid var(--color-primary-gray);
    display: none;
}

.language-country-selector-icon-container.is-open .flag-selector-popup-wrapper {
    display: flex;
}

.flag-selector-popup-wrapper .country-container-wrapper .country-wrapper {
    display: none;
}

.flag-selector-popup-wrapper .country-container-wrapper.is-open .country-wrapper {
    display: flex;
}

/* MINI BASKET */
.mini-basket-popup-wrapper {
    position: absolute;
    min-width: 320px;
    max-width: 350px;
    right: 0px;
    top: 40px;
    z-index: 101;
    border: 1px solid var(--color-primary-gray);
    display: none;
}

.header-util-icon-container.is-open .mini-basket-popup-wrapper {
    display: flex;
}

/* MINI WISHLIST */
.mini-compare-popup-wrapper,
.mini-wishlist-popup-wrapper {
    position: absolute;
    min-width: 320px;
    max-width: 350px;
    right: 0px;
    top: 40px;
    z-index: 101;
    border: 1px solid var(--color-primary-gray);
    display: none;
}

.header-util-icon-container.is-open .mini-compare-popup-wrapper,
.header-util-icon-container.is-open .mini-wishlist-popup-wrapper {
    display: flex;
}

/* HEADER SUCHE */
.header-search-result-wrapper {
    position: absolute;
    border: 1px solid var(--color-primary-gray);
    top: 60px;
    z-index: 101;
}

/* PROD CAT NAV */
.product-categories-header-popup-wrapper {
    background-color: white;
    position: absolute;
    border: 1px solid var(--color-primary-gray);
    top: 60px;
    z-index: 3;
    width: 1410px;
    left: 99px;
    display: none;
}

.header-nav-item:hover .product-categories-header-popup-wrapper {
    display: flex;
}

.iwc-template-CATALOG_LIST_ITEM .catalog-list-item-actions .show-for-medium.large-10 {
    width: 100%;
}

.iwc-template-CATALOG_LIST_ITEM .product-list-avail-container {
    justify-content: flex-start;
}

/* STAGE / BÜHNE */
.agrar-stage-content-container {
    width: 950px;
}

.agrar-stage-wrapper .stage-main-image {
    width: 35%;
    margin-left: auto;
}

.agrar-stage-wrapper .stage-main-image.full {
    width: 50%;
}

.agrar-stage-wrapper .stage-main-content {
    padding: 40px;
    width: 50%;
}

.agrar-stage-content-container {
    min-height: 400px;
}

.agrar-stage-wrapper .stage-main-image {
    container-type: size;
    height: 100%;
}

.agrar-stage-wrapper .stage-main-image .background-img {
    clip-path: polygon(calc(100cqh / tan(66deg)) 0, 100% 0, 100% 100%, 0 100%);
}

.search-result-header-container .search-result-header-container-term {
    font-size: 3rem;
}

.search-result-header-container h4 {
    margin-top: unset;
    font-size: 1.5625rem;
}

.iwc-template-PROD_CATEGORIES_OVER .prod-cat-content .categories-wrapper { /* added AGRAR-112 */
    display: grid; /* added AGRAR-112 */
    grid-template-columns: repeat(auto-fit, minmax(235px, 235px)) /* added AGRAR-112 */
} /* added AGRAR-112 */

/* MONTHLY OFFER */
.agrar-monthly-offer-wrapper .agrar-monthly-offer-body {
    width: 750px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    transform: translateY(-50px);
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-container-inner {
    padding: 80px 0px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-heading {
    font-size: 72px;
    text-transform: uppercase;
    line-height: 65px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-attributes-container {
    flex-wrap: wrap;
    margin-top: 50px;
}

.agrar-monthly-offer-wrapper .winkler-button {
    min-width: 420px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-image-container {
    height: 100%;
    width: 650px;
    padding: 100px;
}

.agrar-monthly-offer-wrapper .agrar-monthly-offer-image-container .main-product-image {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.password-reset-wrapper {
    gap: 100px;
}

.agrar-product-item-wrapper, 
.agrar-product-item-wrapper .agrar-product-item, 
.agrar-product-list-wrapper .agrar-product-list-item-container, 
.agrar-product-list-wrapper .agrar-product-ad-item-wrapper, 
.agrar-product-list-wrapper .agrar-product-item-wrapper, 
.agrar-product-list-wrapper .agrar-product-item {
    height: 100%;
}

.iwc-template-CATALOG_LIST_ITEM_SM .basket-download-position .bsk-dl-img-container {
    height: 100%;
    display: flex;
    justify-content: center;
}

.iwc-template-CATALOG_LIST_ITEM_SM .basket-download-position .bsk-dl-img-container img {
    object-fit: contain;
}

.iwc-template-CATALOG_LIST_ITEM_SM .pos-content-container {
    padding: 25px 0px;
    justify-content: flex-end;
}