/* Generelle Einstellungen */

.footer.container-max.d-print-none {
    max-width: none !important;
    padding: 0;
    background-color: #E1E9F4;
    /* margin-top: -2rem; */
    padding: 5rem 0 0 0;
    margin-bottom: 0rem;
    display: flex;
    flex-direction: column;
}

.footer-contents-banner {
    border: 1px solid #000;
    /* Box um den gesamten Inhalt */
    padding: 20px;
    box-sizing: border-box;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323947;
    background: #E1E9F4;
}

.footer-banner {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323947;
    background: #E1E9F4;
    overflow: hidden;
    margin: 0px !important;
}

.footer-banner-text {
    font-family: Jost;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #fff;
}

.footer-banner-sosmed {
    padding: 0px;
    position: absolute;
    width: 72px;
    height: 32px;
    left: 81.5px;
    top: 578px;
}

.footer-linie2,
.footer-linie {
    margin-top: 40px;
    position: relative;
    height: auto;
}

.footer-linie2 {
    align-self: center;
    height: 100%;
}

.footer-linie {
    align-self: center;
    height: 80%;
}

.ul {
    list-style-image: url('chevron-right-k.svg');
}

.h4 {
    font-family: Athelas !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    text-align: left !important;
}

.widget.widget-list.footer-leftborder1.mt-4.mr-4.mb-4.ml-5,
.widget.widget-list.footer-midborder1.mt-4.mr-4.mb-4.ml-5,
.widget.widget-list.footer-rigthborder1.mt-4.mr-4.mb-4.ml-5 {
    margin: 1rem !important;
}

.footer-liste {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323947;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5rem;
    padding: 0 1rem;
    margin-left: -3rem !important;
}

.widget.widget-grid.widget-two-col.row.footer-info-container {
    margin-left: -2.5%;
}

.widget.widget-list.kundenservice-footer {
    margin-left: -20%;
}

@media (max-width: 767px) {
    .widget.widget-list.kundenservice-footer {
        margin-left: 0%;
    }
}


/* Zahlungsmethode */

.widget.widget-grid.widget-two-col.row.footer-zahlung-bilder {
    transform: translateX(-13%);
    top: -5.3%;
    position: relative;
}

@media (max-width:1065px) {
    .widget.widget-grid.widget-two-col.row.footer-zahlung-bilder {
        transform: translateX(-36%);
    }
}

@media (max-width:810px) {
    .widget.widget-grid.widget-two-col.row.footer-zahlung-bilder {
        transform: translateX(-29%);
    }
}

@media (max-width: 767px) {
    .widget.widget-grid.widget-two-col.row.footer-zahlung-bilder {
        transform: translateX(-0.6rem);
    }
}

.widget.widget-code.widget-none.footer-bezahlmethode {
    width: 277px;
    transform: translateY(-52%);
    left: 9%;
    position: relative;
}

@media (max-width:992px) {
    .widget.widget-code.widget-none.footer-bezahlmethode {
        width: 197px;
        transform: translateY(-52%);
        left: 10%;
        position: relative;
    }
}

@media (max-width:767px) {
    .widget.widget-code.widget-none.footer-bezahlmethode {
        width: 277px;
        transform: translateY(-60%);
        left: 2%;
        position: relative;
    }
}

@media (max-width:767px) {
    .widget.widget-text.widget-none.footer-zahlung strong {
        font-family: Athelas !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 40px !important;
        text-align: left !important;
    }
}

@media (max-width:767px) {
    .widget.widget-text.widget-none.footer-zahlung {
        transform: translateX(-10px);
    }
}

@media (max-width:767px) {
    .widget.widget-text.widget-none.versand-footer strong {
        font-size: 24px !important;
    }
}

@media (max-width:767px) {
    .widget.widget-text.widget-none.versand-footer {
        margin-left: -1%;
    }
}

@media (max-width:767px) {
    .widget.widget-grid.widget-two-col.row.footer-info-container {
        transform: translate(-1%, 5%);
    }
}


/*@media (max-width:850px) {
    .widget.widget-grid.widget-two-col.row.footer-zahlung-bilder {
        transform: translateX(-45%);
        top: 4%;
        position: relative;
    }
}

@media (max-width:767px) {
    .widget.widget-grid.widget-two-col.row.footer-zahlung-bilder {
        transform: translateX(4%);
    }
}

.widget.widget-code.widget-none.footer-bezahlmethode {
    transform: translateY(-43%);
}

.col.footer-icon.icon-2 {
    transform: translateX(-11%);
}

.col.footer-icon.icon-3 {
    transform: translateX(-22%);
}

.col.footer-icon.icon-4 {
    transform: translateY(15%);
}

@media(max-width:991px) {
    .col.footer-icon.icon-1 {
        position: relative;
        margin-top: -3%;
        transform: translateX(5%);
    }
}

@media(max-width:991px) {
    .col.footer-icon.icon-3 {
        transform: translateX(4%);
    }
}

@media(max-width:991px) {
    .col.footer-icon.icon-4 {
        transform: translate(-34%, 1%);
    }
}

@media(max-width:991px) {
    .col.footer-icon.icon-2 {
        transform: translate(-34%, -23%);
    }
}

@media (max-width:767px) {
    .col.footer-icon.icon-2 {
        transform: translateX(-11%);
    }
    .col.footer-icon.icon-3 {
        transform: translateX(-22%);
    }
    .col.footer-icon.icon-4 {
        transform: translateY(15%);
    }
}


/* Allgemeine Anpassungen */

.widget.widget-grid.widget-two-col.row.footer-versand-container {
    transform: translate(-1%, -6%);
}

@media(max-width:1125px) {
    .widget.widget-grid.widget-two-col.row.footer-versand-container {
        transform: translate(7%, -6%);
    }
}

@media(max-width:992px) {
    .widget.widget-grid.widget-two-col.row.footer-versand-container {
        transform: translate(-26%, -7%);
    }
}

@media (max-width: 767px) {
    .widget.widget-grid.widget-two-col.row.footer-versand-container {
        transform: translate(-1rem, -25%);
    }
}

.widget.widget-code.widget-none.footer-versandart-bilder {
    width: 345px;
    transform: translate(12%, -117%);
}


/*.widget.widget-grid.widget-two-col.row.footer-versand-container {
    margin-left: 5%;
}

@media (max-width:1125px) {
    .widget.widget-grid.widget-two-col.row.footer-versand-container {
        transform: translateX(-25%);
        position: relative;
        top: 4%;
    }
}

@media (min-width: 916px) and (max-width: 1024px) {
    .widget.widget-grid.widget-two-col.row.footer-versand-container {
        margin-left: 6%;
    }
}

@media (min-width: 767px) and (max-width:915px) {
    .widget.widget-grid.widget-two-col.row.footer-versand-container {
        margin-left: -10%;
    }
}

.widget.widget-code.widget-none.footer-versandart-bilder {
    inline-size: max-content;
    margin-top: 1rem;
}

.footer-containertest {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -3rem;
    padding: 0 1.5rem;
}

.footer-icons-container {
    display: flex;
    flex-direction: column;
}

.footer-icon-group {
    display: flex;
    justify-content: space-between;
    width: 20rem;
}

.widget.widget-code.widget-none.footer-versandart,
.footer-icons-containertest {
    margin: 1rem !important;
}

.footer-zahlung,
.versand-footer {
    font-family: Athelas !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    text-align: left !important;
    margin-top: -14px;
}

.widget.widget-background.d-flex.parallax-img-container.footer2-background.widget-fw {
    background-color: #323947;
    padding: 0px 0px 0px 3rem;
    margin-bottom: 0;
}

.widget.widget-background.d-flex.parallax-img-container.footer1-background.widget-fw.vh-100 {
    height: unset !important;
}

@media (min-width: 1100px) and (max-width: 1185px) {
    .footer-liste {
        font-family: 'Jost';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #323947;
        display: flex !important;
        flex-wrap: wrap;
        /* justify-content: space-between; */


/* margin-top: 1.5rem; */

padding: 0 4rem;
margin-left: -3rem !important;

}

}

/*  @media (min-width: 500px) and (max-width: 1100px) {
.footer-liste {
font-family: 'Jost';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #323947;
display: flex !important;
flex-wrap: wrap;
padding: 0 14rem;
margin-left: -13rem !important;
}
}
/* Responsive Anpassungen */
.footer-linie,
.footer-linie2 {
    height: 1px;
    background-color: #000;
    margin: 10px 0;
}

/* Media Queries */
@media (min-width: 320px) and (max-width: 480px) {
    /* Handy-Viewport */
    .footer-contents-banner {
        padding: 10px;
    }
    .footer-banner {
        padding: 5px;
    }
    .footer-linie,
    .footer-linie2 {
        margin: 5px 0;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    /* Tablet-Viewport */
    .footer-contents-banner {
        padding: 15px;
    }
    .footer-banner {
        padding: 8px;
    }
    .footer-linie,
    .footer-linie2 {
        margin: 8px 0;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .footer-linie,
    .footer-linie2 {
        width: 21rem;
        border-left: 2px solid #000;
        margin: 10px 20px;
        transform: rotate(90deg);
        margin-top: 9.5rem;
        margin-left: -10rem;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    /* Laptop-Viewport */
    .footer-contents-banner {
        padding: 20px;
    }
    .footer-banner {
        padding: 10px;
    }
    .footer-linie,
    .footer-linie2 {
        /* height: auto; */
        
        width: 32rem;
        border-left: 2px solid #000;
        margin: 10px 20px;
        transform: rotate(90deg);
        margin-top: 16rem;
        margin-left: -12rem;
    }
}
@media (min-width: 1025px) {
    /* Desktop-Viewport */
    .footer-contents-banner {
        padding: 20px;
    }
    .footer-banner {
        padding: 10px;
    }
    .footer-linie,
    .footer-linie2 {
        width: 21rem;
        margin: 4px -93px;
        transform: rotate(90deg);
        margin-top: 9.5rem;
        margin-left: -9rem;
    }
}
.footer2-background {
    background-color: #323947;
}
@media(min-width:992px) {
    .widget.widget-grid.widget-two-col.row.bilder-footer {
        position: relative;
        left: -27%;
    }
}
@media(max-width:992px) {
    .widget.widget-grid.widget-two-col.row.bilder-footer {
        transform: translate(10px, 10px);
    }
}
.widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.facebook-bild.mt-0.mr-0.mb-0.ml-0 {
    position: relative;
    left: -95%;
}

/* @media screen and (max-width: 991px) {
/* ICH TESTE ETWAS
.widget.widget-code.widget-none.icon-container {
    display: grid;
    place-items: center;
    height: 2vw;
    margin-top: 16px;
  }
} */

/* ICH TESTE ETWAS */

/*.widget.widget-grid.widget-two-col.row.bilder-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width:767px) {
    .widget.widget-grid.widget-two-col.row.bilder-footer {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}*/

/*.widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.facebook-bild {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    margin-left: -112%;
}
@media (max-width: 767px) {
    .widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.facebook-bild {
        width: 32px;
        height: 32px;
        margin: 0 10px;
        margin-left: -112%;
    }
}
.widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.instagram-bild {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    margin-left: -17%;
}
@media (max-width: 767px) {
    .widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.instagram-bild {
        width: 32px;
        height: 32px;
        margin: 0 10px;
        margin-left: -17%;
    }
}
.widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.facebook-bild img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.widget.widget-image-box.widget-image-box-no-caption.widget-primary.widget-proportional.widget-prop-auto.instagram-bild img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}*/

/* @media (max-width: 767px) {
    .widget.widget-text.widget-none.footer-banner-text.mt-3.mb-3 {
        font-family: 'Jost', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        max-width: 84%;
        margin: 0 auto;
        word-wrap: break-word;
        margin-top: -12% !important;
        transform: translate(10px, 33px);
    }
}
.widget.widget-text.widget-none.footer-banner-text.mt-3.mb-3 {
    font-family: 'Jost',
    sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    max-width: 90%;
    /* Maximale Breite auf 90% des Elternelements setzen 
    margin: 0 auto;
    word-wrap: break-word;
    /* Erlaubt dem Text, automatisch umzubrechen 
} */

/* .widget.widget-background.d-flex.parallax-img-container.footer2-background.widget-fw .widget.widget-grid.widget-two-col.row {
    margin-bottom: 0px !important;
} */
@media (max-width:410px) {
    .widget.widget-list.footer-list-text-position.mt-4.mr-5.mb-4.ml-5 {
        display: contents;
        white-space: nowrap;
    }
}

/* CSS CE*/
.footer {
    max-width: unset;
}
.footer .social-icon {
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    margin-right: 8px;
    margin-right: 0.5rem;
    display: inline-block;
}
.footer .widget-list .h4 {
    font-weight: bold;
}
.footer .widget-list li .d-inline-block {
    display: inline !important;
}
@media screen and (max-width: 991px) {
    .icon-container {
        justify-content: center!important;
        margin-top: 15px!important;
    }
}