/* input(1472,5): run-time error CSS1031: Expected selector, found '/'
input(1472,5): run-time error CSS1025: Expected comma or open brace, found '/' */

/* ==========================================================
// Box Layout
// ========================================================== */

/* ----------------------------------------------------------
// General Box Styles
// ---------------------------------------------------------- */

div.Main > div
{
    padding-left:  8px;
    padding-right: 8px;
}

@media (max-width: 399px)
{
    div.Main > div
    {
        padding-left:  4px;
        padding-right: 4px;
    }
}


/* ----------------------------------------------------------
// Box Styles for selected areas
// ---------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Status
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div#Status > div.Content > div.Left
{
    display: none;
}

div#Status > div.Content > div.Right
{
    float: left;
}

div#Status a
{
    padding-left: 0px;
    padding-right: 10px;
}

@media (max-width: 409px)
{
    div#Status a
    {
        padding-right: 4px;
    }
}

@media (max-width: 379px)
{
    div#Status
    {
        font-size: 14.5px;
    }
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Header
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div#Header,
.Artemis div#Header
{
    height: 34px;
}

div.Search,
.Artemis div.Search
{
    left: 0px;
    top: 4px;
    right: 50%;
    
    /*border: solid 1px red;*/
}

div.Search > div
{
    /*border: solid 1px blue;*/
    margin-right: 85px;
}

div.Search .SearchBox,
div.Search .SearchBox:hover,
div.Search .SearchBox:active
{
    max-width: 220px;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    padding-left: 23px;
    
    -moz-box-sizing:    border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing:         border-box; 
}

div.Search .SearchButton
{
    top: 7px;
    left: 7px;
    width: 14px;
    height: 14px;
}


div.Search
{
    top: 2px;
    /*background-color: rgba(97, 233, 221, 0.5);*/
}

div.Search .SearchBox,
div.Search .SearchBox:hover,
div.Search .SearchBox:active
{
    width: 220px; /* Responsive */
    height: 22px;
}

div.Search .ConfiguratorButton
{
    height: 26px;
    width: 26px;

    right: auto;
    left: 225px;
}

@media (max-width: 627px)
{
    div.Search .ConfiguratorButton
    {
        right: 54px;
        left: auto;
    }
}

div.AdminBar,
.Artemis div.AdminBar
{
    margin-top: 2px;
}

div.AdminBar a
{
    font-size: 15px;
    margin-left: 4px;
}

div.AdminBar a.IconLink > span
{
    line-height: 16px;
    font-size: 10px;
    height: 17px;
    width: 17px;
}

div.AdminBar a.IconLink:before
{
    font-size: 16px;
}

div.AdminBar a.IconLink.Profile
{
    margin-left: 0px;
}

@media (max-width: 419px)
{
    div.AdminBar a.IconLink.Orders
    {
         display: none;
    }
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Navigation
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.Artemis div#Navigation
{
    margin-bottom: 34px;
}

div#Navigation > div.Content:before,
div#Navigation > div.Content:after
{
    height: 34px;
}

div#Navigation > div.Content:before
{
    margin-right: 45px;
}

div#Navigation > div.Content:after
{
    margin-left: 45px;
}

div#Navigation > div.Content > a.Logo
{
    margin-left: -70px;
    margin-top: -29px;
}

    div#Navigation > div.Content > a.Logo > img
    {
        width: 140px;
        height: 85px;
    }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Instant-Search Input and Searchbox results
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#searchInput
{
    max-width: 220px;
    width: 100%;
    height: 28px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Visualization (Slider, Banner and Teaser)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/*.Artemis div.Main > div.Visualization.Below
{
    transform: translateY(-34px);
    margin-bottom: -17px;
}*/



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Slider
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div#Visualization
{
    /*top: 0px;*/
    /*margin-bottom: 0px;*/
}

div.Main > div#Visualization > div.Content > div.Slider
{
    /*height: 306px;*/
    height: 257px;
}


/* ----------------------------------------------------------
// Regular light content layout
// ---------------------------------------------------------- */

div.Main > div.Light > div.Content > *:first-child
{
    /*padding-top: 34px;*/
}

div.Main > div.Light > div.Content > *:last-child
{
    /*padding-bottom: 34px;*/
}



/* ----------------------------------------------------------
// Special content classes
// ---------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Headline (Hemp Leaf)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div.Headline > div.Content
{
    margin-top: 130px;
    /*border: solid 1px red;*/

}

div.Main > div.Headline > div.Content *
{
    margin-right: 0px;
}

div.Main > div.Headline > div.Content > h1
{
    /*padding-top: 200px;*/
}

div.Main > div.Headline > div.Content:before
{
    top: -155px;
    bottom: auto;
}

div.Main > div.Headline > div.Content:after
{
    top: -100px;
    margin-top: 0px;
    bottom: auto;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Boxes (aligned 50% content, Left or Right)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div.Light.Box > div.Content
{
    margin-top:    17px;
    margin-bottom: 17px;
    padding-top: 17px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Left and Right (aligned 50% content)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div.Light.Box:nth-of-type(2n),
div.Main > div.Light.Box:nth-of-type(2n+1)
{
    width: 100%;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Left (left-aligned 50% content)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div.Light.Box:nth-of-type(2n)
{
    float: none;
    padding-left: 0px;
}

div.Main > div.Light.Box:nth-of-type(2n) > div.Content
{
    max-width: none;
    padding-left: 7px;
    padding-right: 7px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Right (right-aligned 50% content)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div.Light.Box:nth-of-type(2n+1)
{
    float: none;
    padding-right: 0px;
}

div.Main > div.Light.Box:nth-of-type(2n+1) > div.Content
{
    max-width: none;
    padding-left: 7px;
    padding-right: 7px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Picture (as a background)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div.Light.Box.Picture
{
    /*display: none;*/
    height: 400px;

    margin-bottom:  -17px;
    padding-bottom: 0px;
}

@media (max-width: 550px)
{
    div.Main > div.Light.Box.Picture
    {
        height: 350px;
    }
}

@media (max-width: 500px)
{
    div.Main > div.Light.Box.Picture
    {
        height: 300px;
    }
}

@media (max-width: 450px)
{
    div.Main > div.Light.Box.Picture
    {
        height: 270px;
    }
}

@media (max-width: 400px)
{
    div.Main > div.Light.Box.Picture
    {
        height: 240px;
    }
}




/* ----------------------------------------------------------
// About, Extras, Footer
// ---------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Footer (Opening Hours etc.)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Main > div#Footer > div.Content > div > div
{
    margin-top: 17px;
}

div.Main > div#Footer > div.Content > div > div:nth-of-type(1),
.Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(1)
{
    width: 100%;

}

div.Main > div#Footer > div.Content > div > div:nth-of-type(2),
.Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(2)
{
    width: 50%;
}

div.Main > div#Footer > div.Content > div > div:nth-of-type(3),
.Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(3)
{
    width: 50%;
}

div.Main > div#Footer > div.Content > div > div:nth-of-type(4),
.Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(4)
{
    width: 50%;
}

/*div.Main > div#Footer > div.Content > div > div:nth-of-type(5)
{
    width: 50%;
}*/

@media (max-width: 459px)
{
    div.Main > div#Footer > div.Content > div > div,
    div.Main > div#Footer > div.Content > div > div:nth-of-type(1),
    div.Main > div#Footer > div.Content > div > div:nth-of-type(2),
    div.Main > div#Footer > div.Content > div > div:nth-of-type(3),
    div.Main > div#Footer > div.Content > div > div:nth-of-type(4),
    div.Main > div#Footer > div.Content > div > div:nth-of-type(5),
    .Artemis div.Main > div#Footer > div.Content > div > div,
    .Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(1),
    .Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(2),
    .Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(3),
    .Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(4),
    .Artemis div.Main > div#Footer > div.Content > div > div:nth-of-type(5)
    {
        width: 100%;
    }

    div.Main > div#Footer > div.Content > div > div:nth-of-type(3) h3
    {
        display: none;
    }
}

div.Main > div#Footer > div.Content a.Logo img
{
    max-width: 210px; 
}

div.Main > div#Footer > div.Content h3
{
    height: auto;
}



/* @media only screen and (max-width: 629px)
/* {
/*     div.Main > div#Footer > div.Content > div
/*     {
/*         float: none;
/*         width: 100%;
/*         /*padding-top: 0px;*/
/*         overflow: hidden;
/*         /*margin-top: 0px;
/*         margin-bottom: 0px;*/
/*     }
/* 
/*     div.Main > div#Footer > div.Content > div.Separator
/*     {
/*         display: none;
/*     }
/* 
/* }
*/


/* ----------------------------------------------------------
// Legal
// ---------------------------------------------------------- */

/* div.Main > div#Legal > div.Content div.Copyright
/* {
/*     float: none;
/*     margin-top: 10px;
/* }
*/




/* ==========================================================
// Navigation
// ========================================================== */

/* ----------------------------------------------------------
// Main Navigation (Hierarchy Level 1)
// ---------------------------------------------------------- */

div#Navigation
{
    margin-bottom: 34px;
}

div#Navigation a.MenuOpener
{
    display: inline-block;
    /*display: none;*/
    position: relative;
    z-index: 9;
}

div#Navigation div.MenuArea
{
    display: none;
    position: absolute;
    z-index: 7;

    left: 0px;
    top: 24px; /* 32-10 for overlapping */
    right: 0px;
    /*height: 120px;*/
    
    -moz-box-sizing:    border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing:         border-box; 

    background-color: #61e9dd;
    background-color: rgba(97, 233, 221, 0.95);

    padding-left:  8px;
    padding-right: 8px;
    /*padding-top: 44px;*/

    /*border: solid 1px red;*/
}

.Artemis div#Navigation div.MenuArea
{
    background-color: #54ce54;
    background-color: rgba(84, 206, 84, 0.95);
}

@media (max-width: 399px)
{
    div#Navigation div.MenuArea
    {
        padding-left:  4px;
        padding-right: 4px;
    }
}

div.MainNavigation .Level1 > a
{
    font-size: 24px;
    line-height: 51px;
    height: 51px;
}

.Artemis div.MainNavigation a,
.Artemis div.MainNavigation .Level1 > a
{
    color: #484240;
}

div.MainNavigation .Level1 > a > span
{
    height: 47px;
    line-height: 47px;
}

div.MainNavigation .Level1 > a
{
    font-size: 20px;
    line-height: 30px;
    height: 34px;
}

div.MainNavigation .Level1 > a > span
{
    border: none;
    
}

div.MainNavigation .Level1:hover a > span
{
    border: none;
}

.Artemis div.MainNavigation .Level1:hover a > span
{
    color: #ffffff;
}

div.Content div.MainNavigation.Left:before,
div.Content div.MainNavigation.Right:after
{
    content: "";
    display: block;
    background-color: transparent;
    height: 30px;
}

div.Content div.MainNavigation.Right:after
{
    height: 10px;
}

div.Content div.MainNavigation.Left,
div.Content div.MainNavigation.Right
{
    display: inline;
    float: none;
    /*margin-top: 39px;*/
    /*border: solid 1px red;*/
}

div.MainNavigation.Left .Level1 > a,
div.MainNavigation.Right .Level1 > a
{
    padding-left: 0px;
    padding-right: 17px;
}

div.MainNavigation .Level1:hover .Level2
{
    display: none;
}


/* ----------------------------------------------------------
// Sub Navigation (Hierarchy Level 2)
// ---------------------------------------------------------- */

div.Main > div.SubNavigation
{
    /*position: relative;*/

    /*border: solid 2px red;*/
}

div.Main > div.SubNavigation > div.Content > div.SubNavigation
{
    float: none;
    width: auto;
    padding-top: 85px;
}

.CategoryPicture img
{
    display: none;
}

div.Main > div.SubNavigation a
{
    text-transform: uppercase;
}

div.Main > div.SubNavigation > div.Flexbox
{
    justify-content: left;
    gap: 2px;
}

div.Main > div.SubNavigation > div.Flexbox > div
{
    width: auto;
    line-height: 0px;
}

div.Main > div.SubSubNavigation > div.Content
{
    /*padding-top: 18px;*/
}

div.Main > div.SubNavigation > div.Content > div.TextContent
{
    padding-top: 51px;
    margin-left: 0px;
}

div.Main > div.SubNavigation > div.Content > div.TextContent h1
{
    margin-bottom: -64px;
}

/* div.Main > div.SubNavigation > div.Content > div.TextContent h2
/* {
/*     top: 115px;             /* Long titles (+30px) */
/*     margin-top: 0px;
/*     margin-bottom: 0px;
/* }
*/



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// Categories Tree Filters
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.SubNavigation div.Filter .FilterOpener
{
    display: block;
}

div.SubNavigation div.Filter div.Filters.Closed
{
    display: none;
}



/* ==========================================================
// Slider
// ========================================================== */

/* ----------------------------------------------------------
// Product slider
// ---------------------------------------------------------- */

/* div.ProductListContainer > div
/* {
/*     margin-left: 24px;
/*     margin-right: 24px;
/* }
/* 
/* div.Slider.ProductList
/* {
/*     margin-left:  -7px;
/*     margin-right: -7px;
/* 
/*     /*background-color: cornsilk;*/
/* }
*/

div.Slider.ProductList .ProductSlider
{
    width: 180px;
    height: 326px;

    /*border: solid 1px red;*/
}

/* ----------------------------------------------------------
// Header slider
// ---------------------------------------------------------- */

div.Slider #HeaderSlider div.Slide
{
    /*height: 306px;*/
    height: 257px;
}

div.Slider #HeaderSlider div.Slide > div.Claim
{
    font-size: 36px;
    /*max-width: 300px;*/
}

div.Slider #HeaderSlider div.Slide > div.Claim > div
{
    width: 400px;
    top: auto;
    bottom: -255px;
    right: 8px;
}

@media (max-width: 399px)
{
    div.Slider #HeaderSlider div.Slide > div.Claim > div
    {
        right: 4px;
    }   
}

@media (max-width: 414px)
{
    div.Slider #HeaderSlider div.Slide > div.Claim > div
    {
        width: 250px;
    }
}

@media (max-width: 359px)
{
    div.Slider #HeaderSlider div.Slide > div.Claim > div
    {
        width: 200px;
    }
}

div.Slider #HeaderSlider div.Slide > div.Claim div.Title 
{
    font-size: 36px;
    /*line-height: 40px;*/
    line-height: 40px;
    margin-right: 0px;
    margin-bottom: 15px;
}

div.Slider #HeaderSlider div.Slide > div.Claim div.Subtitle 
{
    font-size: 24px;
    /*line-height: 30px;*/
    line-height: 30px;
}

@media (max-width: 399px)
{
    div.Slider #HeaderSlider div.Slide > div.Claim div.Subtitle 
    {
        font-size: 18px;
        line-height: 20px;
    }
}

div.Slider #HeaderSlider div.Slide > div.Claim a.Cta 
{
    font-size: 18px;
    /*padding: 10px 20px 10px 20px;*/
    margin-bottom: 50px;
    line-height: 20px;
}

/* div.Slider #HeaderSlider div.Slide
/* {
/*     height: 350px;
/* }
/* 
/* body.Sub div.Slider #HeaderSlider div.Slide
/* {
/*     height: 132px;
/* }
/* 
/* div.Slider #HeaderSlider div.Slide > div.Claim
/* {
/*     padding-top: 50px;
/* }
/* 
/* div.Slider #HeaderSlider div.Slide > div.Claim > div
/* {
/*     position: static;
/*     left: auto;
/*     right: auto;
/*     top: auto;
/*     width: auto;
/*     margin-left: 7px;
/*     margin-right: 7px;    
/* }
/* 
/* div.Slider #HeaderSlider div.Slide > div.Claim div.Title
/* {
/*     font-size: 32px;
/*     line-height: 34px;
/*     margin-left: -1px;
/*     margin-bottom: 10px;
/* }
/* 
/* div.Slider #HeaderSlider div.Slide > div.Claim div.Subtitle
/* {
/*     font-size: 26px;
/*     line-height: 28px;
/*     margin-left: -1px;
/* 
/*     margin-bottom: 30px;
/* }
/* 
/* div.Slider #HeaderSlider div.Slide > div.Claim div.Text
/* {
/*     font-size: 18px;
/*     line-height: 18px;
/*     margin-left: 0px;
/* }
/* 
*/


/* ==========================================================
// Fonts and Text
// ========================================================== */

/* hr,
/* div.Main > div.Light > div.Content > hr
/* {
/*     padding-top: 50px;
/*     padding-bottom: 50px;
/* }
/* 
/* @media only screen and (max-width: 469px)
/* {
/*     hr,
/*     div.Main > div.Light > div.Content > hr
/*     {
/*         margin-left: -7px;
/*         margin-right: -7px;
/*     }
/* }
*/

h1
{
    font-size: 36px;
    line-height: 56px;
}

h2
{
    font-size: 28px;
    line-height: 34px;
}

h3
{
    font-size: 22px;
    line-height: 26px;
}





/* ==========================================================
// E-Shop
// ========================================================== */

/* ----------------------------------------------------------
// Products
// ---------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// Pager
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* .Pager
/* {
/*     float: none;
/*     margin-bottom: 0px;
/* }
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// Product list
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.SortControls
{
    text-align: left;
    /*margin-bottom: 15px;*/
}
/* 
/* div.ProductList > div.Product
/* {
/*     width: 31%;
/*     margin-right: 3.5%;
/*     margin-bottom: 3.5%;
/* }
*/

@media only screen and (max-width: 639px)
{
    div.ProductList div.Product
    {
        width: 33.333%;
    }

    div.ProductList div.Product:nth-of-type(4n+1)
    {
        clear: none;
    }

    div.ProductList div.Product:nth-of-type(3n+1)
    {
        clear: both;
    }
}


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

    div.ProductList div.Product
    {
        width: 50%;
    }

    div.ProductList div.Product:nth-of-type(3n+1)
    {
        clear: none;
    }

    div.ProductList div.Product:nth-of-type(2n+1)
    {
        /*background-color: lightgray;*/
        clear: both;
    }
}



/* div.ProductList > div.Product:nth-of-type(2n)
/* {
/*     margin-right: 3.5%;
/* }
/* 
/* div.ProductList > div.Product:nth-of-type(2n+1)
/* {
/*     clear: none;
/* }
/* 
/* div.ProductList > div.Product:nth-of-type(3n)
/* {
/*     margin-right: 0%;
/* }
/* 
/* div.ProductList > div.Product:nth-of-type(3n+1)
/* {
/*     clear: both;
/* }
/* 
/* 
/* @media only screen and (max-width: 674px)
/* {
/*     div.ProductList > div.Product
/*     {
/*         width: 48%;
/*         margin-right: 4%;
/*         margin-bottom: 4%;
/*     }
/* 
/*     div.ProductList > div.Product:nth-of-type(3n)
/*     {
/*         margin-right: 4%;
/*     }
/* 
/*     div.ProductList > div.Product:nth-of-type(3n+1)
/*     {
/*         clear: none;
/*     }
/* 
/*     div.ProductList > div.Product:nth-of-type(2n)
/*     {
/*         margin-right: 0%;
/*     }
/* 
/*     div.ProductList > div.Product:nth-of-type(2n+1)
/*     {
/*         clear: both;
/*     }
/* }
/* 
/* @media only screen and (max-width: 339px)
/* {
/*     div.ProductList > div.Product,
/*     div.ProductList > div.Product:nth-of-type(3n),
/*     div.ProductList > div.Product:nth-of-type(3n+1),
/*     div.ProductList > div.Product:nth-of-type(2n),
/*     div.ProductList > div.Product:nth-of-type(2n+1)
/*     {
/*         float: none;
/*         width: 100%;
/*         margin-right: 0%;
/*         margin-bottom: 40px;
/*     }
/* }
/* 
/* 
/* /* div.ProductList.Home > div.Product
/* /* {
/* /*     width: 48%;
/* /*     margin-right: 4%;
/* /* }
/* /* 
/* /* 
/* /* div.ProductList.Home > div.Product:nth-of-type(3n)
/* /* {
/* /*     margin-right: 4%;
/* /* }
/* /* 
/* /* div.ProductList.Home > div.Product:nth-of-type(2n),
/* /* div.ProductList.Home > div.Product:nth-of-type(4n)
/* /* {
/* /*     margin-right: 0%;
/* /* }
/* /* 
/* /* div.ProductList.Home > div.Product:nth-of-type(3n+1)
/* /* {
/* /*     clear: none;
/* /* }
/* /* 
/* /* div.ProductList.Home > div.Product:nth-of-type(2n+1),
/* /* div.ProductList.Home > div.Product:nth-of-type(4n+1)
/* /* {
/* /*     clear: both;
/* /* }
/* /* 
/* /* div.ProductList.Home > div.Product:nth-of-type(4)
/* /* {
/* /*     display: block;
/* /* }
/* /* 
/* /* @media only screen and (max-width: 339px)
/* /* {
/* /*     div.ProductList.Home > div.Product
/* /*     {
/* /*         width: 100%;
/* /*         margin-right: 0%;
/* /*         margin-bottom: 50px;
/* /*         clear: both;
/* /*     }
/* /* }
/* */
/* 
/* div.ProductList.Home div.Product
/* {
/*     padding-left:  7px;
/*     padding-right: 7px;
/* }
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Instant-Search Input and Searchbox results
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#InstantSearch {
    left: 0px;
    position: fixed; /*R*/
    margin-top: 22px; /*R*/
}

    #InstantSearch div.InstantProductList {
        padding-top: 6px;
        padding-bottom: 0px;
        flex-direction: column;
        padding-left: 6px;
        padding-right: 6px;
    }


#InstantSearch div.InstantProductList > div.Product {
    width: 100%; /* R */
    margin-bottom: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#InstantSearch div.InstantProductList > div.Product {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#InstantSearch div.InstantProductList .Cover {
    /*width: 110px;*/
    margin-bottom: 12px;
    /*flex-basis: 62px;*/
    width: auto;
    margin-right: 8px;
    display: flex;
    flex-direction: row;
}

#InstantSearch div.InstantProductList .Picture {
    width: 62px;
}

#InstantSearch div.InstantProductList .Cover h3 {
    max-height: 20px;
    margin-top: 6px;
    margin-bottom: 3px;
}

#InstantSearch div.InstantProductList div.Features {
    padding-top: 0px;
    min-width: 74px;
    width: auto;
    text-align: right;
    float: right;
    
}

#InstantSearch div.InstantProductList div.Price {
    margin-top: 8px;
    margin-bottom: 6px;
    white-space: nowrap;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// Product detail
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.ProductMedia
{
    float: none;
    margin-top: 0px;
    /*max-width: 300px;*/
    width: 100%;

    /*border: solid 1px red;*/
}

div.ProductMedia div.Cover
{
    max-width: 340px;
}

/* div.ProductMedia div.Badges > div
/* {
/*     width: 60px;
/*     height: 60px;
/*     padding: 5px;
/*     font-size: 10px;
/*     line-height: 12px;
/* }
/* 
/* div.ProductMedia div.Badges > div > div
/* {
/*     width: 60px;
/* }
/* 
/* div.ProductMedia div.Badges > div.Discount
/* {
/*     font-size: 18px;
/*     line-height: 20px;
/* }
*/

div.ProductMedia div.Pictures
{
    /*margin-right: 5%;*/
    /*border: solid 1px blue;*/
}

div.ProductMedia div.Pictures > a
{
    width: 13.333%;
    margin-right: 4%;
    margin-bottom: 4%;
}

div.ProductMedia div.Pictures > a:nth-of-type(3n)
{
    margin-right: 4%;
}

div.ProductMedia div.Pictures > a:nth-of-type(3n+1)
{
    clear: none;
}

div.ProductMedia div.Pictures > a:nth-of-type(6n)
{
    margin-right: 0%;
}

div.ProductMedia div.Pictures > a:nth-of-type(6n+1)
{
    clear: both;
}

@media only screen and (max-width: 634px)
{
    div.ProductMedia div.Pictures > a
    {
        width: 17.6%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(3n)
    {
        margin-right: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(3n+1)
    {
        clear: none;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(5n)
    {
        margin-right: 0%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(5n+1)
    {
        clear: both;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(6n)
    {
        margin-right: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(6n+1)
    {
        clear: none;
    }
}

@media only screen and (max-width: 509px)
{
    div.ProductMedia div.Pictures > a
    {
        width: 22.75%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(3n)
    {
        margin-right: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(3n+1)
    {
        clear: none;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(4n)
    {
        margin-right: 0%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(4n+1)
    {
        clear: both;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(5n)
    {
        margin-right: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(5n+1)
    {
        clear: none;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(6n)
    {
        margin-right: 3%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(6n+1)
    {
        clear: none;
    }
}

@media only screen and (max-width: 409px)
{
    div.ProductMedia div.Pictures > a
    {
        width: 30%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(3n)
    {
        margin-right: 0%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(3n+1)
    {
        clear: both;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(4n)
    {
        margin-right: 5%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(4n+1)
    {
        clear: none;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(5n)
    {
        margin-right: 5%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(5n+1)
    {
        clear: none;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(6n)
    {
        margin-right: 0%;
    }

    div.ProductMedia div.Pictures > a:nth-of-type(6n+1)
    {
        clear: both;
    }
}

div.ProductDetail
{
    float: none;
    width: 100%;
    clear: both;
    margin-top: 0px;
    padding-top: 20px;
}

/* div.ProductDetail hr
/* {
/*     margin-left: 0px;
/*     margin-right: 0px;
/* }
*/



/**/* ----------------------------------------------------------
/**// Cart / Checkout
/**// ---------------------------------------------------------- */
/**
/**.Zebra > div
/**{
/**    width: auto;
/**    float: none;
/**}
/**
/**.Zebra > div:nth-of-type(1)
/**{
/**    margin-left: 0px;
/**}
/**
/**.Zebra > div:nth-of-type(2)
/**{
/**    margin-top: 51px;
/**    margin-left: 0px;
/**    margin-right: 0px;
/**    min-height: initial;
/**}
/**
/**.Zebra > div:nth-of-type(3)
/**{
/**    margin-top: 51px;
/**    min-height: initial;
/**}
/**
/**.TermsAndConditions
/**{
/**    margin-top: 0px;
/**}
/**
*/

/* ----------------------------------------------------------
// Shop Home (Home and Mini-Home)
// ---------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Info box items (promotions, discounts and bestseller)
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.Pillars
{
    margin-left:  -8px;
    margin-right: -8px;
}

div.InfoBox
{
    width: 100%;
    padding-left:  8px;
    padding-right: 8px;
}

@media (max-width: 399px)
{
    div.Pillars
    {
        margin-left:  -4px;
        margin-right: -4px;
    }

    div.InfoBox
    {
        padding-left:  4px;
        padding-right: 4px;
    }

}


/* ==========================================================
// Form Div (for Registration, ...)
// ========================================================== */

@media (max-width: 539px)
{

    div.Form > div
    {
        /*margin: 0 0 20px 0;*/

        /*border: solid 1px red;*/
    }

        div.Form > div > label,
        div.Form > div > span.Label,
        legend
        {
            width: 100%;
            float: none;
            margin: 0 0 5px 0;
            font-weight: 500;
        }

        div.Form > div > span.Label > .Description
        {
            margin-bottom: -20px;
        }

        div.Form > div > div,
        div.Form > div > fieldset > div
        {
            margin-left: 0px;
            /*width: 100%;*/
            /*float: none;*/
        }

    div.Form input[type=text],
    div.Form input[type=password],
    div.Form input[type=submit],
    div.Form input[type=button],
    div.Form input[type=file],
    div.Form input[type=number],
    div.Form input[type=date],
    div.Form select
    {
        width: 100%;
        min-width: initial;
    }

        div.Form input.Small,
        div.Form select.Small {
            width: 20%;
        }

    div.Form input.Medium,
    div.Form select.Medium
    {
        width: 78%;
    }

}



/* ==========================================================
// Configurator
// ========================================================== */

.Answers
{
    gap: 17px;
}

.Answer
{
    min-width: 155px;
}

.Answer > div
{
    width: 135px;
}


/* ==========================================================
// Profile
// ========================================================== */

div.Profile 
{
    flex-wrap: wrap;
}

    div.Profile > div 
    {
        min-width: 252px;
    }

        div.Profile > div:last-of-type 
        {
            flex-direction: row;
        }

@media (max-width: 550px) {
    div.Profile > div:last-of-type 
    {
        flex-direction: column;
    }
}

/* ==========================================================
// Instagram wall
// ========================================================== */

@media (max-width: 580px)
{

    .InstagramWall
    {
        margin-left:  -5px;
        margin-right: -5px;
        margin-bottom: 10px;
    }

    .InstagramWall .Post
    {
        width: 50%;
        padding: 10px;
    }
    .InstramWallTitel h1
    {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0;
    }
}


/* ==========================================================
// Price Filter
// ========================================================== */

@media (max-width: 550px)
{
    div.Filter .PriceFilter
    {
        box-sizing: inherit;
        width: 100%;
        justify-content: flex-start;
    }
    
    .PriceFilterModal 
    {
      width: 166px;
    }
    
    .Histogram {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      margin-bottom: 10px;
      background: #f9f9f9;
      padding: 5px;
      border-radius: 8px;
    }
    .SliderFilter
    {
        padding-bottom: 10px;
    }

    .bar 
    {
      width: 8px;
    }
    
     .PriceInput 
     {
        width: 100%;
     }

    .PriceInput span 
    {
        font-size: 13px;
    }

    .PriceInput .n-input 
    {
        font-size: 10px;
        height: 25px;
        width: 100%;
        display: inline-flex;
        align-items: center;
    }

    .PriceFilterApply
    {
        padding-bottom: 4px;
    }
    
    span.PriceFilterClose
    {
        font-size: 16px;
        margin-left: 55px;
    }
    
    div.Filter .PriceFilter {
        padding: 6px 10px;
    }
    
    .PriceFilterText 
    {
        flex-grow: 1; 
        white-space: nowrap;
        font-size: 14px;
    }
}

/*@media (max-width: 359px)
{

}*/