/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body.catalog-product-view {
    overflow-x: hidden;
}

.product-image-area .actions {
    visibility: visible;
    opacity: 1;
}

/* button.button:hover span {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200) !important;
    color:white;
} */
.catalog-category-view > div:not(.sxBoxSelectionContainer) .regular-price .price {
    position: relative;
}
.catalog-category-view > div:not(.sxBoxSelectionContainer) .price-box .price:before {
    content: "ab";
    margin-right: 0;
    position: absolute;
    bottom: 14px;
    color: #5f5f5f;
}

.catalog-category-view > div:not(.sxBoxSelectionContainer) .price-box .price:after {
    content: "*";
    margin-left: 5px;
    font-size: 100%;
    color: #969696;
}

.add-to-box {
    border-bottom: unset;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}


.link-wishlist, .link-wishlist:hover {
    border-color: unset;
    color:firebrick;
}

.owl-middle-narrow .owl-controls .owl-buttons div {
    color: firebrick;
}

.product-view .product-shop .price-box .regular-price .price,
.add-to-cart .qty {
    color:#333;
}


.item-area.type9 .product-image-area .actions>a {
    border:unset;
}

.item-area.type9 .product-image-area .actions>a:hover {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);

}

a.quickview-icon:hover {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
}

.product-view.custom {
    margin-top: 15px;
}

.prev-next-products .product-nav .product-pop {
    border-top: 3px solid firebrick;
}

.prev-next-products .product-nav .product-pop:before {
    border-bottom-color: firebrick;
}

.product-tabs>ul li a {
    color:firebrick;
}

.product-tabs>ul li.active {
    border-top-color: firebrick;
}

button.button span {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
}

.sticky-product {
    top:unset;
    bottom:0;
    border-top: 2px solid firebrick;
}

.switcher-field .switcher-hexacode {
    width:100%;
    height:100%;
}

.product-view .product-options dt {
    float:unset;
}

.product-view .product-info {
    padding-bottom: unset;
    border-bottom: 1px solid #ebebeb !important;
}

.etalage-control > a {
    color: firebrick;
}



.sticky-product .add-to-cart {
    position: unset;
    right: unset;
    top:unset;
    margin-top:unset;
}

.sticky-product .add-to-box {
    float:right;
}

.shop-info {
    margin-top: 30px;
}

.shop-info:before {
    content:"";
    display: block;
    width: 100%;
    height:2px;
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
}

.prefooter_column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0;
    background-color: #f5f5f5;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px #eee;
}

.prefooter_row_4 {
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.prefooter_row_4>i {
    font-size: 30px;
    border: 1px solid;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
    color: white;
    box-sizing: content-box;
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
}

.prefooter_row_4>strong {
    font-size: 20px;
    color: firebrick;
}

.prefooter_row_4>p {
    margin: 10px 0;
    color: #333;
}

.delivery-container {
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: flex-start;
    margin-top:10px;
}

.delivery-container > div {
    width:50%;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding:10px;
    margin-bottom: 20px;
}

.delivery-container > div > img {
    max-width: 150px;
    margin-bottom: 20px;
}

.delivery-container > div > strong {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #eb2f00;
}

.delivery-container > div > p {
    text-align: center;
    max-width: 80%;
}

.cart-table-wrap,
.cart .discount h2,
.cart .shipping h2,
.cart .cart-collaterals h2,
.cart .cart-collaterals h2+* {
    border-radius: unset !important;
}

.cart .discount h2:hover:before, .cart .shipping h2:hover:before {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200) !important;
}

.btn-remove.btn-remove2 {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200) !important;
    border-radius: 50%;
}

.checkout-cart-index h2.product-name a,
.checkout-cart-index .cart-price span.price {
    color:#777;
}

.checkout-onepage-index .step-title > h2 {
    color:#333;
}

.header-container.header-newskin .mini-cart .actions .btn-default,
.mini-cart .actions a {
    width: unset;
}


.checkout-onepage-index .fields .customer-name,
.checkout-onepage-index .fields {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width:100%;
}

.checkout-onepage-index .fields:after {
    content:unset;
}

.customer-account-create .fields .customer-name,
.customer-account-create .fields {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width:100%;
}

.customer-account-create .fields:after {
    content:unset;
}

.checkout-onepage-index .fields input[type=text],
.checkout-onepage-index .fields select,
.checkout-onepage-index .wide input[type=text],
.customer-account-create .fields input[type=text],
.customer-account-create .fields input[type=password],
.customer-account-create .wide input[type=text]    {
    width:100%;
    border-radius: unset;
}

.mini-cart .actions > a.btn {
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
}

.opc-block-progress strong > span {
    text-transform: uppercase;
    color: firebrick;
}

.contact-container {
    margin-top: 30px;
}

.contact-container #contactForm .legend b {
    color:firebrick;
}

.contact-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
    color: white;
    text-align: center;
    margin-top: 50px;
}

.contact-info i {
    font-size: 35px;
    margin-bottom:10px;
    display: block;
    background-color: unset !important;
}

.contact-info p {
    margin-bottom: unset;
}

.sidebar .current strong,
.sidebar .current a,
.sidebar li a:hover {
    color:firebrick !important;
}

.box > div {
    border-radius: unset !important;
}

@media screen and (max-width: 959px) {
    .prefooter_column {
        flex-wrap: wrap;
    }
    .prefooter_row_4 {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {

    .delivery-container  {
        flex-direction: column;
    }

    .delivery-container > div {
        width:100%;
    }

    .contact-info > div {
        width:50%;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 590px) {
    .prefooter_row_4 {
        width: 100%;
    }
    .prefooter_column {
        flex-direction: column;
    }
}


@media screen and (max-width: 450px) {
    .contact-info > div {
        width:100%;
    }
}

.fields .customer-name,
.fields {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width:100%;
}

.fields:after {
    content:unset !important;
}

.fields input[type=text],
.fields select,
.wide input[type=text],
.fields input[type=text],
.fields input[type=password],
.wide input[type=text],
.form-list input[type=text],
.form-list input[type=password] {
    width:100%;
    border-radius: unset;
    box-shadow:unset;
}

.config_button_mobile {
    position: absolute;
    z-index: 10;
    top:10px;
    left:10px;
}

.note-msg {
    margin-top:20px;
}

.breadcrumbs > div {
    padding:unset;
    text-align: center;
}

.breadcrumbs li a {
    color:#777;
}

.product_delivery {
    width:100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.product_delivery .delivery-box {
    width:100%;
    margin:10px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.product_delivery .delivery-box > div {
    width:50%;
}

.delivery-image {
    text-align: center;
}

.delivery-info {
    align-self: center;
}

.delivery-box > div > img {
    width: 80%;
    max-width: 300px;
}

@media screen and ( min-width:768px ) {
    .product_delivery .delivery-box:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .product_delivery .delivery-box:nth-child(2n) .delivery-info {
        text-align: right;
    }
}

@media screen and ( max-width:767px ) {
    .product_delivery .delivery-box > div {
        width:100%;
    }

    .product_delivery .delivery-box {
        flex-direction: column;
    }

    .delivery-info {
        text-align: center;
        margin-top: 20px;
    }

    .footer-middle.footer-middle-2 .widget-static-block .col-lg-3 {
        margin-bottom: 30px;
    }
}

.product-contact-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:20px 0;
    background-color:#f5f5f5;
    min-height: 200px;
}

.product-contact-info > div {
    width:50%;
}

.contact-info-text {
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.contact-info-text h2 {
    color:firebrick;
    font-size: 35px;
    margin-bottom: 5px;
}

.contact-info-text p {
    font-size: 18px;
}

.contact-info-img {
    position: relative;
    background-image: url(/media/iv/ki_boxen.jpg);
    background-size: cover;
    clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-info-img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);
    top: 0;
    left: 0;
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200) !important;
    /* z-index: 2; */
    opacity: 0.85;
}

.contact-overlay-text {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.contact-overlay-text > div {
    width: 50%;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: white;
    margin: 0 20px 0 20px;
}

.contact-overlay-text > div > i {
    font-size: 45px;
    border: 3px solid white;
    /* border-radius: 50%; */
    padding:10px;
    margin-bottom: 10px;
}

.contact-overlay-text > div > span {
    font-size: 20px;
    font-weight: bold;
}

.product-contact-info {
    display: none;
}

.products-grid .zaun7-default-price .price, .products-grid .regular-price .price {
    font-size: 15px;
}

.products-grid .zaun7-default-price .price:before, .products-grid .regular-price .price:before{
    font-size: 12px !important;
}

.mini-cart .clearer {
    user-select: none;
    pointer-events: none;
}


#checkout-payment-method-load  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}



#checkout-payment-method-load > dt {
    padding: 20px 0;
    width:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#checkout-payment-method-load > dt  img {
    max-width: 70px !important;
    margin-right: unset !important;
    margin-bottom: 15px;
}


#checkout-payment-method-load > dt > input[type="radio"] {
    display:none;
}

#checkout-payment-method-load > dt > input[type="radio"]:checked + label {
    opacity: 1;
    border: 3px solid #5ac1ff;
    background: #f5f5f5;
    border-radius: 3px;
}

#checkout-payment-method-load > dt label {
    display: inline-flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    position: relative;
    padding:10px;
}

/* #checkout-payment-method-load > dt > input[type="radio"]:checked + label:before {
    content: "\2713";
    color: #fff;
    width: 24px;
    height: 24px;
    font-size: 1.2em;
    background-image: linear-gradient(to left top, #eb2f00, #e12b0c, #d62814, #cc261a, #c1241e, #c1271e, #c12a1f, #c12d1f, #cc361b, #d73f16, #e1480e, #eb5200);
    right: 50%;
    top: -16px;
    transform: translateX(50%);
    border: 1px solid #3131317d;
    position: absolute;
    font-weight: bold;
    border-radius: 1em;
    line-height: 1em;
    text-align: center;
} */

.checkout-cart-index .page-title h1 {
    display:none;
}

button.button:hover span {
    opacity: 1;
}

.category-product-slider > .title h3,
.category-product-slider > .title h3 {
    margin-bottom: 15px;
    padding: 0 0 5px;
    border-bottom: 2px solid #eee;
    text-transform: none;
    font-size: 1.85em;
    line-height: 1.4;
}

@media screen and ( max-width:1199px ) {
    .checkout-cart-index #shopping-cart-table .item-options {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
    }

    .checkout-cart-index #shopping-cart-table .item-options > * {
        width:50%;
        text-align: left;
    }
}

#shopping-cart-table .checkout-types > li > a {
    display: none;
}

.checkout-types > li:first-child {
    all: unset;
    margin-right: 10px;
}

.fx-login-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
    color: firebrick;
    float:left;
    font-size: 16px;
    cursor: pointer;
    padding:5px 10px;
    border:1px solid firebrick;
}

label[for=s_method_freeshipping_freeshipping]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f48b";
    font-size: 30px;
    font-weight: bold;
    color: firebrick;
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
}

.box-konfigurieren-info {
    margin-top: 20px;
}

.box-konfigurieren-info h3 {
    font-size: 24px;
    margin: 0 0 15px;
}

.box-konfigurieren-info p span {
    color:firebrick;
}

@media screen and (max-width: 480px) {
    .category-products .products-grid li.item {
        float: left !important;
    }

}

.category-products .products-grid li.item:last-child a[href="https://www.zaun7.de/konfigurieren/muelltonnenbox-t003-32785"] img {
    transform: scale(1.3) translateY(-25px);
}

/* PRODUKTBESCHREIBUNG -> */

.modell_description_container {
    /* padding-left:20px; */
    text-align: center;
}

.modell_description_container  h3 {
    font-size: 26px;
}

/* .modell_description_container h3 {
    text-transform: uppercase;
} */

.produkt-masse-text p {
    margin-bottom: 10px;
}

.modell_description_container .produkt-form {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.modell_description_container .produkt-form  > div {
    width: 33.33%;
    text-align: center;
}

.masse-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "p-modell p-breite p-hoehe p-tiefe p-gewicht"
      "p-1er breite-1er hoehe-1er tiefe-1er gewicht-1er"
      "p-2er breite-2er hoehe-2er tiefe-2er gewicht-2er"
      "p-3er breite-3er hoehe-3er tiefe-3er gewicht-3er"
      "p-4er breite-4er hoehe-4er tiefe-4er gewicht-4er";
    width: 100%;
    justify-content: center;
    align-items: stretch;
}

.p-modell { grid-area: p-modell; }

.p-breite { grid-area: p-breite; }

.p-hoehe { grid-area: p-hoehe; }

.p-tiefe { grid-area: p-tiefe; }

.p-gewicht { grid-area: p-gewicht; }

.p-1er { grid-area: p-1er; }

.p-2er { grid-area: p-2er; }

.p-3er { grid-area: p-3er; }

.p-4er { grid-area: p-4er; }

.breite-1er { grid-area: breite-1er; }

.breite-2er { grid-area: breite-2er; }

.breite-3er { grid-area: breite-3er; }

.breite-4er { grid-area: breite-4er; }

.hoehe-1er { grid-area: hoehe-1er; }

.hoehe-2er { grid-area: hoehe-2er; }

.hoehe-3er { grid-area: hoehe-3er; }

.hoehe-4er { grid-area: hoehe-4er; }

.tiefe-1er { grid-area: tiefe-1er; }

.tiefe-2er { grid-area: tiefe-2er; }

.tiefe-3er { grid-area: tiefe-3er; }

.tiefe-4er { grid-area: tiefe-4er; }

.gewicht-1er { grid-area: gewicht-1er; }

.gewicht-2er { grid-area: gewicht-2er; }

.gewicht-3er { grid-area: gewicht-3er; }

.gewicht-4er { grid-area: gewicht-4er; }


.masse-container > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.masse-container > div > img {
    max-width: 50px;
}

/* #masse-container-2 {
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
} */

#masse-container-2 > div {
    width:100%;
}

#masse-container-2 > div:first-child {
    padding:0 20px 0 0;
    border-right: 1px solid rgba(52,52,52,0.4);
}

#masse-container-2 > div:last-child {
    padding:0 0 0 20px;
    /* direction: rtl; */
}

.p-modell {
    font-size: 16px;
    color: firebrick;
}

.description-head {
    margin-top: 50px;
}

.masse-row .bild-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.masse-row > .bild-container img {
    max-width: 40%;
}

/* .p-modell,
.p-breite,
.p-hoehe,
.p-tiefe,
.p-gewicht {
    padding-top: unset !important;
}  */

#farben-container {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
}

#farben-container > div {
    width: 25%;
    padding:15px;
}

#farben-container > div > div[class^='ral'] {
    width: 120px;
    height: 150px;
}

.p-farbe {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.p-farbe > div[class^='ral'] {
    position: relative;
    margin-bottom: 5px;
}

.p-farbe > span {
    font-size: 18px;
    text-transform: uppercase;
}

.p-farbe > .ral-edelstahl {
    background-image: url(/media/ivcustomoptions/icons/stainlessteeltexture.png);
}

.p-farbe > .ral-2003 {
    background-color: #F67828;
}

.p-farbe > .ral-6005 {
    background-color:#114232;
}

.p-farbe > .ral-7016 {
    background-color:#383E42;
}

.p-farbe > .ral-7021 {
    background-color:#2F3234;
}

.p-farbe > .ral-7037 {
    background-color:#7A7B7A;
}

.p-farbe > .ral-7047 {
    background-color:#C8C8C7;
}

.p-farbe > .ral-9016 {
    background-color:#F1F0EA;
}

#farben-container > div > div[class^='ral']:after{
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 5;
    display: block;
    content: '';
    width: 200%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(225deg);
    -webkit-transform: skewX(225deg);
    mix-blend-mode: overlay;
}

.header-img {
    margin-top: -20px;
    margin-bottom: 30px;
    width: 99.58vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-height: 500px;
    overflow: hidden;
    text-align:center;
}

.header-img img{
    max-width:100%;
}

.header-img h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 55px;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-shadow: 0 0 20px #000000d1;
}

@media screen and ( max-width: 767px ) {
    .header-img:after {
        font-size: 35px;
    }
}

.zv-container > h2 {
    text-align: center;
    font-size: 22px;
}

.zv-container > h2 > span {
    color: firebrick;
}

.zv-payment-container {
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #dbdada;
}


.zv-pay-img-container,
.zv-pay-img-container img{
    height: 100px;
}

.zv-pay-img-container span {
    line-height: 1;
}

.zv-payment-container > div {
    width:33%;
    text-align: center;
}

.zv-payment-container > div > img {
    height: 121px;
}

.zv-info,
.bank-info {
    text-align: center;
}

/* .zv-payment-container > div img {
    max-width: 100%;
}  */

.pay-images  {
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.pay-images img {
    height: 100px !important;
}

.bank-info p {
    margin-bottom: 5px;
}

.bank-info {
    margin-top: 30px;
}

.bank-info h3{
    margin-bottom: 15px;
}

@media screen and ( max-width: 1124px ) {
    .zv-payment-container {
        flex-direction: column;
        align-items: center;
    }

    .zv-payment-row {
        width: 100% !important;
        margin-bottom: 20px;
    }
}

.b2b-container {
    text-align:center;
    font-size: 16px;
}

.b2b-container > div.b2b-row {
    width:50%;
}

.b2b-container .btn {
    margin-top: 20px;
    margin-bottom: 30px;
}

.b2b-container hr {
    margin-bottom: 30px;
}

.b2b-container ul {
    list-style: none;
    margin-bottom: 30px;
}

.b2b-container ul li {
    margin-bottom: 10px;
}


@media  screen and ( max-width:767px ) {
    #masse-container-2 {
        flex-direction: column;
    }

    .masse-row {
        width:100% !important;
        border-right: unset !important;
        margin-bottom: 20px;
    }

    #farben-container > div {
        width: 50%;
    }
    #masse-container-2 > div:first-child,
    #masse-container-2 > div:last-child {
        padding:unset !important;
    }
}


.technische-daten {
    margin:20px 0;
}

.technische-daten-nav {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
}

.technische-daten-nav span img {
    width: 64px;
    cursor: pointer;
}

.technische-daten-nav span img.td-active {
    filter: brightness(1.75) invert(0.025) sepia(.35) hue-rotate(317deg) saturate(1341%);
}

.td-accordion {
    width:100%;
}

.td-accordion-item:not(.td-active) {
    display:none !important;
}

.td-accordion-item > h3  {
    font-size: 24px;
    margin-bottom: 20px;
}

.td-accordion-item > h3 > span {
    color: firebrick;
}


.td-table {
    display: flex;
    flex-direction: column;
}

.td-row {
    display: flex;
    flex-direction: row;
    font-size: 16px;
}

.td-row > div {
    padding: 10px;
    flex: 1;
    word-break: break-all;
}

.td-row > div:first-child {
    /* min-width: 250px; */
    text-align: left;
    font-weight: bold;
}

.td-row:nth-child(2n) > div:first-child {
    background-color: #f5f5f5;
}

.td-row:nth-child(2n) > div:last-child {
    background-color: #f5f5f5;
}

.td-row > div:last-child {
    text-align: left;
    line-height: 25px;
    border-left: 1px solid rgba(52,52,52,0.1);
}

.td-head {
    color: firebrick;
    border-bottom: 1px solid firebrick;
}