/* Obere Leiste */

/*
    .top-bar .container.block-group {
    width: auto;
    float: left;
}*/

/* Logo im Menü
nav.shop--navigation.block-group {
    float: right;
}*/

.navigation--list-wrapper {
    width: 100%;
    margin-left: 23px;
}

li.navigation--entry.entry--search.js--menu-scroller--item {
    width: auto;
}

.navigation--list-wrapper{
    overflow: inherit;
}

ul.service--list.is--rounded {
    left: 0.938rem;
}

nav.shop--navigation.block-group {
    float: right;
    position: absolute;
    right: 0;
    width: auto;
}

.advanced-menu .menu--container.menu--is-active {
    display: block;
    margin-top: -0.313rem;
}
.navigation--entry.entry--service.has--drop-down.js--is--dropdown-active {
    color: black;
}

.header-main .top-bar--navigation .navigation--entry:hover, .header-main .top-bar--navigation .navigation--link:hover{
    color: black;
}

.header-main .top-bar--navigation .service--list .service--link:hover {
    color: black;
}

.top-bar .user-infos{
    width: auto;
    float: right;
}

.user-infos{
    float: right;
}

.header-main .top-bar--navigation{
    float: left;
    position: absolute;
    z-index: 50;
    margin-top: 0.938rem;
}

.navigation--list .entry--cart .cart--link .cart--amount{
    color: #ea5060;
}

span.badge.is--primary.is--minimal.cart--quantity {
    display: none;
}



/* Logo */

.header-main .logo-main, .header-main .logo-main .logo--shop {
    width: 100%;
}

/* Logo neben Menü
.header-main .logo-main .logo--link{
    display: block;
    width: 26.875rem;
    height: 12.5rem;
    margin: -3.75rem auto 0;
}*/

.header-main .logo-main .logo--link {
    width: 100%;
    max-width: 20.875rem;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    max-height: 100%;
}


.header-main .header--navigation{
    height: 9.375rem;
    padding: 0;
}

header.header-main.not--index {
    height: 6rem;
}


.not--index .entry--search {
    left: 55%;
    bottom: -45px;
}

.not--index ul.navigation--list.container.js--menu-scroller--list {
    padding-top: 6px;
    margin-right: -6px;
    bottom: -6px;
    margin-top: -6px;
}

.not--index .navigation--list-wrapper{
    margin-left: 0;
}

.not--index .entry--search .main-search--form .main-search--field{
    left: 50%
}

li.navigation--entry.js--menu-scroller--item {
    margin-right: 20px;
}

.not--index ul li.navigation--entry.js--menu-scroller--item:last-child {
    margin-right: 0;
}

a.logo--link {
    position: relative;
    top: -0.625rem;
    z-index: 5;
}

.navigation--list-wrapper a.navigation--link{
    border: #ECECEC solid 1px;
}

/* Main Nav */

.navigation-main .navigation--list{
    max-width: 44.188rem;
    margin: 0 auto;
    overflow: hidden;
}

.navigation-main .not--index .navigation--list{
    margin-right: 0;
    width: 39.1rem;
}

.navigation--list-wrapper {
    margin-top: 1rem;
}

.navigation-main ul.navigation--list.container.french {
    width: 43rem;
}

li.navigation--entry.is--home.js--menu-scroller--item:hover {
    background-color: #ea5060;
}

li.navigation--entry.is--home.js--menu-scroller--item a:hover {
    color: white;
}

.navigation-main .navigation--link{
    color: black;
    font-weight: bold;
}


/* Search */

.entry--search{
    display: block;
    background: #fff;
    width: 30%;
}

.entry--search.main-search--form{
    max-width: 40rem;
    margin: 0 auto;
    display: block;
    z-index: 30;
}

.entry--search .main-search--form .main-search--button{
    right: -48%;
    margin-top: 35px;
}

.not--index .entry--search .main-search--form .main-search--button{
    margin-top: 15px;
}

.not--index--logo {
    z-index: 10;
    position: relative;
}

input.main-search--field {
    margin-top: 35px;
}

.not--index input.main-search--field {
    margin-top: 15px;
}

.entry--search .main-search--form .main-search--field{
    padding-left: 2.625rem;
    border-radius: 0;
    margin-bottom: 50px;
}

.main-search--results{
    z-index: 3000;
}

.results--list .list--entry:hover{
    color: #252525;
}


form.main-search--form {
    height: 1.125rem;
}

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

button.main-search--button {
    height: 30px;
    width: 50px;
}

h1.search--headline {
    color: #ea5060;
}

.js--menu-scroller--arrow.left--arrow, .js--menu-scroller--arrow.right--arrow{
    display: none !important;
}

.entry--search .main-search--form .main-search--field{
    top: -0.563rem;
    height: 2.813rem;
    position: absolute;
    display: block;
    box-sizing: border-box;
    left: 48%;
    font-size: 1rem;
    background-color: white;
    transition: width 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
}

.entry--search .main-search--form .main-search--field.focus-search{
    width: 42.250rem;
    left: -37.438rem;
    transition: width 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
    border: #ea5060 solid 1px;
}

.logo--shop.block {
    margin-left: 10px;
}

.listing--container .product--box .product--title {
    font-size: 28px;
    line-height: normal;
    height: 85%;
    margin-top: 20%;
}


/*Internet Explorer Fix*/
@media screen and (min-width: 30em){
    .entry--search{
    left: 20%;
}
}


/* Responsiv Part */

ul.sidebar--navigation.categories--navigation.navigation--list.is--drop-down.is--level0.is--rounded {
    width: 100% !important;
}

li.navigation--entry.has--sub-children {
    position: relative;
}

@media screen and (max-width: 32em){
    .shop--navigation .navigation--entry {
        display: inline;
    }
}


@media screen and (min-width: 10em) and (max-width: 48em){
    nav.shop--navigation.block-group {
        position: inherit;
        float: none;
    }

    .navigation--header--right {
        width: 50%;
        right: 0;
        position: absolute;
        margin-top: 3.750rem;
    }

    .shop--navigation .entry--menu-left {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -moz-tap-highlight-color: rgba(0,0,0,0);
        -ms-tap-highlight-color: rgba(0,0,0,0);
        -o-tap-highlight-color: rgba(0,0,0,0);
        tap-highlight-color: rgba(0,0,0,0);
        top: 0;
        left: 0;
        position: absolute;
        display: block;
        font-weight: 700;
        text-align: left;
        width: 50%;
        margin-top: 3.750rem;
    }

    .navigation--entry.entry--search {
        display: none;
    }
}

@media screen and (max-width: 23.125em){
    .header-main .logo-main .logo--link{
        max-width: 18.5rem;
    }
}


@media screen and (min-width: 48em){
    .main-search--results{
        left:100%;
    }

    .header-main .logo-main .logo--link img {
            width: 430px;
            height: 200px;
        }
}


@media screen and (max-width: 767px) {
    header.header-main.not--index {
        height: 0;
    }

    img.not--index--logo {
        margin: 20px auto;
        width: 70%;
    }
}


@media screen and (min-width: 768px) and (max-width: 69em) {
    .logo--shop.block {
        width: 220px;
        margin-top: 18px;
    }

    .entry--search .main-search--form .main-search--field {
        font-size: 0.8rem;
    }
}