/*Allgemeines*/

.btn:hover {
    background: transparent;
}

.panel--title, .is--bold{
    color: #ea5060;
}

.content-main{
    box-shadow: none;
}



/*Topnavigation*/
span.badge.is--primary.is--minimal.cart--quantity {
    color: black;
    margin-left: 50px;
    margin-top: 10px;
}

/* L im Menü
.navigation--list-wrapper{
    width: 60%;
    padding-top: 22px;
}*/



/*Vergleich pop up*/
a.btn.is--primary.is--center.is--full.is--icon-right.btn--product:hover, button.btn.is--primary.address--form-submit:hover, a.btn--compare.btn--compare-start.btn.is--primary.is--full.is--small.is--icon-right:hover, a.btn--compare-delete.btn--compare.btn.is--secondary.is--small.is--full:hover {
    background-color: white;
    color: #ea5060;
    border: #ea5060 solid 1px;
}

.compare--group a.link--name, .modal--compare .entry--price .price--normal {
    color: #ea5060;
}

/*Menüleste*/
/*.navigation-main .navigation--link{
    color:#ea5060;
    background-color: white;
}*/

span.breadcrumb.product--title {
    float: left;
    padding-top: 14px;
    height: 43.64px;
    padding-left: 14px;
    font-weight: bold;
    color: #ea5060;
}

.content--breadcrumb .breadcrumb--link {
    display: block;
    color: black;
}

span.breadcrumb--title.broadcrumb-is-last {
    color: #1091bb;
}

ul.breadcrumb--list {
    color: black;
}

.navigation-main .is--active .navigation--link{
    color:white;
    background: black;
}

li.menu--list-item.item--level-0 {
    padding-left: 20px;
    padding-right: 20px;
}

.is--target-checkout .entry--search .main-search--form, .is--ctl-checkout .entry--search .main-search--form, .is--ctl-register .entry--search .main-search--form {
    display: none;
}

.navigation-main .navigation--link{
    padding: 5px 14px 5px 14px;
}

nav.content--breadcrumb.block{
    width: 69%;
}


/*Menüleiste*/
.content--wrapper.has--content.has--teaser .triangle {
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 40px 0 40px 38.6px;
    border-color: transparent transparent transparent #f5f5f5;
    position: absolute;
    left: 25%;
    top: 40%;
    z-index: 5;
}

.advanced-menu .menu--delimiter{
    background: none;
}


/*Empfehlungen*/

hr.rec-linie{
    border: 1px solid;
    float: left;
    width: 29.7%;
    border-color: #ea5060;
    margin-left: 2px;
    margin-top: 45px;
}

hr.rec-linie2{
    border: 1px solid;
    float: right;
    width: 29.7%;
    border-color: #ea5060;
    margin-right: 2px;
    margin-top: 45px
}

.recommendations-container .is--align-center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

.sidebar--navigation.categories--navigation.navigation--list.is--drop-down.is--level0.is--rounded{
    position: relative;
}

.sidebar--navigation.categories--navigation.navigation--list.is--drop-down.is--level0.is--rounded:after {
    content: " ";
    display: block;
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 40px 0 40px 38px;
    border-color: transparent transparent transparent #f5f5f5;
    position: absolute;
    right: -38px;
    top: 180px;
}

ul.sidebar--navigation.categories--navigation.navigation--list.is--level2{
    position: relative;
}

ul.sidebar--navigation.categories--navigation.navigation--list.is--level2:after {
    content: " ";
    display: block;
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 40px 0 40px 38px;
    border-color: transparent transparent transparent #EBEBEB;
    position: absolute;
    top: 157px;
    left: 349px;
}


/*Schnäppchen*/

.sales-container {
    padding-top: 2rem
}

.product--box.box--basic {
    border: transparent solid 1px;
}

hr.sales-linie {
    border: 1px solid;
    float: left;
    width: 30% !important;
    border-color: #ea5060;
    margin-left: -1px !important;
    margin-top: 2.750rem !important;
}

hr.sales-linie2 {
    border: 1px solid;
    float: right;
    width: 30% !important;
    border-color: #ea5060;
    margin-right: -2px!important;
    margin-top: 2.750rem !important;
}

h1.info-border.info-border-red {
    font-size: 2.50rem ;
    color: #ea5060;
    font-weight: normal;
}

.sales-container p.is--align-center {
    padding-top: 2.50rem;
}






/*Mehr laden*/
.load-more {
    height: 275px;
    background-image: url("../img/loadmore.png");
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: 50% 29%;
    text-align: center;
    padding-top: 135px;
    font-size: 1rem ;
    cursor:pointer;
}




/* Newsletter Index */
.newsletter-home-container{
    background: #ea5060;
    height: 430px;
}

.newsletter-home-container .container{
    background: transparent;
}

.newsletter{
    padding-top: 4.3rem;
}

.info-border{
    width: 35.938%;
    margin: 0 auto;
    text-align: center;
    height: 5.625rem;
    line-height: 5.625rem;
}

.info-border-white{
    border: 1px solid #fff;
}

.info-border-red{
    border: 1px solid #ea5060;
    width: 40%;
}

.newsletter p{
    width: 48%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    color: white;
    font-size: 16px;
    font-weight: normal;
}

hr.linie {
    border: 1px solid;
    float: left;
    width: 32%;
    border-color: white;
    margin-left:0px;
    margin-top:45px;
}

hr.linie2 {
    border: 1px solid;
    float: right;
    width: 31%;
    border-color: white;
    margin-top: 45px;
    margin-right: 12px;
}

h1.info-border.info-border-white {
    font-weight: normal;
    font-size: 40px;
    color: white;
}


.newsletter-form{
    width: 42.188%;
    margin-left: 33%;
    margin-top: 3.2rem;
}

.newsletter-form .newsletter--field{
    width: 66%;
    float: left;
    height: 60px;
    font-size: 1.125rem;
    padding-left: 26px;
}

.icon--mail2:before {
    content: url("../img/knopf.png");
}


.newsletter-form .newsletter--button{
    width: 15.743%;
    float: left;
    height: 2.5rem;
    height: 60px;
    background-image: linear-gradient(to bottom, #fdfefd, #ececec);
}

button.newsletter--button.btn {
    border: white solid 1px;
}

.newsletter-form .newsletter--button i{
    display: block;
    text-align: center;
}

/* Info SEO-Text unten */
.info-text-container.container {
    /*height: 1020px;*/
}

.info-text-container{
    position: relative;
}



.info-text {
    width: 50%;
    /* height: 54.688rem; */
    padding-top: 11.5em;
    padding-left: 20px;
    padding-bottom: 5em;
    float: left;
    display: block;
}


.info-img {
    background: url(../img/frau.jpg);
    background-repeat: no-repeat;
    height: 53.438rem;
    bottom: 0;
    float: right;
    overflow: hidden;
    width: 49%;
    right: 0;
    margin-top: 200px;
}

/* Responsiv Index */

/*SEO Text*/
article h3 {
    color: #ea5060;
    margin-bottom: 0px;
    font-size: 1.313em;
    font-weight: normal;
    margin-top: 15px;
}

article p {
    margin-bottom: 0px;
    font-size: 1em;
}



/*Media Queries*/

@media screen and (min-width: 31.01em) and (max-width: 50em) {

    .info-text-container.container {
        padding-left: 20px;
        height: auto;
        padding-top: 30px;
    }

    .info-img {
        margin-top: 36px;
    }

    .info-text{
        height: auto;
        padding-top: 30px;
    }

    .info-img {
        background: url(../img/frau.jpg);
        background-repeat: no-repeat;
        height: 53.438rem;
        bottom: 0;
        float: right;
        overflow: hidden;
        width: 100%;
        right: 0;
    }

    .info-text {
        width: 100%;
        padding-top: 11.5em;
        padding-left: 1em;
    }

    .newsletter-form{
        margin-top: 0rem;
        width: 100%;
        padding-left: 45px;
    }

    .newsletter-home-container {
        height: 335px;
    }

    .newsletter p {
        font-size: 12px;
        width: 80%;
    }

    h1.info-border.info-border-white{
        font-size: 20px;
    }

    hr.linie2 {
        margin-right: 2px;
    }

    .newsletter-form .newsletter--button {
        width: 10%;
        height: 40px;
        margin-right: 0px;
    }

    .newsletter-form .newsletter--field{
        width: 50%;
        height: 40px;
        font-size: 12px;
        padding: 2px;
        margin-left: -80px;
        margin-right: 0px;
    }

    h1.info-border.info-border-red {
        font-size: 15px;
    }


    .sales-container p {
        width: auto;
        margin: 0 20px;
    }

    .recommendations-container .is--align-center {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 40px;
    }
}

@media screen and (min-width:37.5em) and(max-width: 47em) {
    .info-text-container.container {
        padding-left: 20px;
        height: auto;
        padding-bottom: 20px;
        padding-top: 30px;
    }

    .info-text{
        height: auto;
        padding-top: 30px;
    }

    .newsletter-form{
        margin-top: 2rem;
    }

    .newsletter p {
        width: auto;
    }

    h1.info-border.info-border-white{
        font-size: 30px;
    }

    hr.linie2 {
        margin-right: 5px;
    }

    .newsletter-form .newsletter--button{
        width: 23%;
    }
    .newsletter-form .newsletter--field{
        max-width: 71%;
    }

    h1.info-border.info-border-red {
        font-size: 30px;
    }

    .sales-container p {
        width: auto;
        margin: 0 20px;
    }

    .recommendations-container .is--align-center{
        width: auto;
    }
}

@media screen and (min-width: 48em) and (max-width: 62em) {
    .newsletter-form {
        margin-top: 1rem;
        padding-left: 10px;
    }

    hr.linie2 {
        margin-right: 0px;
        width: 32%;
    }

    .newsletter p {
        width: 65%;
    }

    .newsletter-home-container {
        height: 380px;
    }

    h1.info-border.info-border-white {
        font-size: 40px;
    }
}

@media screen and (min-width: 48em) {
    .footer-main .newsletter--button {
        width: 20%;
        height: 40px;
    }
}

@media screen and (max-width: 48em) {
    .content--emotions .emotion--wrapper {
    overflow: hidden !important;
    }

    .product-slider--item:hover {
        outline: None !important;
    }
}

@media screen and (max-width: 31em) {

    .info-text-container.container {
        padding-left: 20px;
        height: auto;
        padding-bottom: 0;
        padding-top: 30px;
    }

    /* query*/
     .info-img {
         height: 35.438rem;
         width: 100%;
         background-size: 33em 44em;
         margin-bottom: 0;
         margin-top:0;
        }

    .info-text {
        width: 100%;
        padding-bottom: 1em;
        padding-top: 0;
        padding-right: 3em;
    }

    .newsletter-form{
        margin-top: 0rem;
        width: 60%;
        padding-left: 20px;
    }

    .newsletter-home-container {
        height: 300px;
    }

    .newsletter p {
        font-size: 10px;
        width: 80%;
    }

    .newsletter {
        padding-top: 2rem;
    }

    .newsletter-form .newsletter--field {
        font-size: 10px;
    }

    h1.info-border.info-border-white{
        font-size: 20px;
    }

    hr.rec-linie{
        width: 31.2%;
        margin-top: 38px;
    }
    hr.rec-linie2{
        width: 31.2%;
        margin-top: 38px;
        margin-right: 2px;
    }

    hr.linie {
        width: 31.6%;
        margin-top: 38px;
    }
    hr.linie2 {
        width: 31.6%;
        margin-top: 38px;
        margin-right: 1px;
    }

    .newsletter-form .newsletter--button {
        width: 35%;
        height: 40px;
        margin-right: 0px;
    }

    .newsletter-form .newsletter--field{
        width: 75%;
        height: 40px;
        font-size: 12px;
        padding: 2px;
        margin-left: -60px;
        margin-right: 0px;
    }

    h1.info-border.info-border-red {
        font-size: 16px;
    }

    .sales-container p {
        width: auto;
        margin: 0 20px;
    }

    .recommendations-container .is--align-center {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 40px;
    }

    .info-border {
        width: 35.938%;
        margin: 0 auto;
        text-align: center;
        height: 4.625rem;
        line-height: 4.625rem;
    }
}