@media only screen and (min-width: 200px) and (max-width:1024px) {
#maincontent {margin-left:0 !important;padding:10px;}
#swMainpart-inside {padding-left:0;}
#swTop {margin-top:0;height:1px}
#leftnavi {display:none !important}
#search {width:100% !important;margin-left:0}
#login-area, #login-area-mobile {width: 100vw;height: 100vh; top:-200vh; left:0;overflow: scroll}
.allFields {margin-left:10vw}
#account-text {margin-top: 12vh;}
#account-text h2 {font-size:2.4rem}
#user-login div, #user-passwort div {font-size: 1.5rem;}
#loginButton input {padding: 2.5% 5.5% 2.5% 5.5%;margin-top: 10%;}
#passwort-lost {padding-top: 30%;}
#user-new a {padding: 4% 10% 4% 10%;}
#swCartContentPosition-Flyout {min-width: unset !important;}
.allFields {margin-left:0}
#user-login input, #user-passwort input {width: 90%;}


#content-wrapper {margin-top: 6.5rem;}
#labelbackground  {height:4.5rem;width:100vw;}
#mobile1st a img {width:62vw;}
#mobile1st {background-color:#a72691;width:100vw !important;height:4rem;display: flex !important;align-items: center;padding-left: 1px;}
#mobile2nd {background-color:#6b185d;width:100vw;height:3rem;display: flex;align-items: center;padding-left: 10px;}
#crMainNav {top:7.2rem !important;}
.box-shadow-menu::before{background: white none repeat scroll 0 0;box-shadow: 0 1rem 0 0 white, 0 0.5rem 0 0 white;}
.cartField {width: 8rem;height: 2.8rem;background-color: black;position: absolute;top: 0.625rem;right: 0.625rem;border-radius: 5px}
.swCartNum {position: absolute;top: -130px;right: 80px;z-index: 1000;}
.swCartNum label {font-size: 1rem;color: white;font-weight: 300;}
.swWishNum {display:none !important}
#cartSymbol {position: absolute;top: 0.6rem;right: 0.6rem;}
#cartSymbol i {font-size: 1.6rem;color: white;}
.acc label{background-color:#a72691 !important}
#userSymbol {position: absolute;right: 1rem;top: 4.5rem}
#userSymbol i, #wishSymbol i, #searchSymbol i {font-size: 2rem;color: white;}
#wishSymbol {position: absolute;top: 4.5rem;right: 5rem;}
#searchSymbol {position: absolute;top: 4.5rem;left:4rem;}
#searchField {background-color:#6b185d;position: absolute;top: 7rem;left: 0;width: 100vw;padding: 10px;opacity:0;transition:opacity 1.8s;}
#crMainNav ul li a {font-size: 1.4rem;line-height:3rem;}
}

@media only screen and (min-width: 740px) and (max-width:810px) {
    #mobile1st a img {
        width: 40vw;
    }
}
@media only screen and (min-width: 811px) and (max-width:1200px) {
    #mobile1st a img {
        width: 30vw;
    }
}
@media only screen and (min-width: 200px) and (max-width: 374px){
#mobile1st a img {
    width: 56vw;}
}