/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   -----------------------------------------------------------------------------------------

   XTC5 Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Fuerst
       bluegate communications
       http://www.bluegate.at
   ---------------------------------------------------------------------------------------*/

/* THE BIG GUYS */
/** {
    margin:0;
    padding:0
} */

@import url('https://fonts.googleapis.com/css?family=Varela+Round');
html, body {
    overflow-x: hidden;
    height: 100%;
}
body {
    background: #fff;
    padding: 0;
    margin: 0;
  /*  font-family: 'Varela Round', sans-serif;*/

}

.inner {
    max-width:1260px;
    min-width:360px;
    margin: 0 auto;
}


#metanavigation  {
    padding-top: 5px;
    background-color:#eee;
    padding-bottom: 5px;
}


#wrap {
    max-width: 1260px;
    margin:0 auto;
    margin-top:10px;
}




#navigation {
    background-color:#8f0024;
    height:30px;
    top:110px;
    width:100% ;
    padding-top:7px;
}

#headersearch {
    margin-bottom:10px;
}

#hamburger {
    width:30px;
}


.left {
    width:50%;
    float:left;
}

.right {
    width:50%;
    float:right;
}

.lineclose {
    clear:both;
}

#colorheader #quicklinks {
    margin-left:60px;
    margin-top: 8px;
text-align:right;
margin-right:20px;
}

.whitenavicons {
    color:#fff;
    font-size: 1.6em;
}

#navbox{
display:none;
width:300px;
margin-top:10px;
background-color:#fff;
z-index: 91000000;
position:absolute;
}

#navklapp
{
    margin-left:10px;

}

/* Links */

a:href, a:visited {
    color:#000;
}

/* colorheader icons */


  /*

.main {
    margin: 0 auto;
    display: block;
    height: 100%;
    margin-top: 60px;

}
.mainInner{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;

}
.mainInner div{
    display:table-cell;
    vertical-align: middle;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 1.25px;

}

/*
.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);

}
.sidebarMenuInner li{
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li span{
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;

    z-index: 99;
    height: 100%;
    width: 100%;
    top: 22px;
    left: 15px;
    height: 22px;
    width: 22px;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #000;
    top:100px;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}
*/




/* 1st TIER */
ul#CatNavi li.CatLevel1 {
    list-style-type:none;
    border: solid #fff;
    border-width:1px 0px 0px 0px;
    background-color: #fff;
    color:#000;
}
ul#CatNavi li.CatLevel1 a {
    text-decoration:none;
    color:#333;
    background:#eee;
    font-weight:normal;
    padding:4px 0px 4px 6px;
    display:block
}
ul#CatNavi li.CatLevel1 a:hover {
    text-decoration:none;
    color:#333;
    background-color:#e1e1e1;
    font-weight:normal;
}

/* 2nd TIER */
ul#CatNavi li.CatLevel2 {
    list-style-type:none;
    border: solid #fff;
    border-width:1px 0px 0px 0px;

}
ul#CatNavi li.CatLevel2 a {
    text-decoration:none;
    color:#333;
    background: url(img/dotted1.gif) no-repeat 3px 5px;
    font-weight:normal;
    padding:0px 0px 0px 18px;
    display:block
}
ul#CatNavi li.CatLevel2 a:hover {
    text-decoration:none;
    color:#333;
    background-color:#c7c7c7;
    font-weight:normal;
}
/* 3rd TIER */
ul#CatNavi li.CatLevel3 {
    list-style-type:none;
    border: solid #fff;
    border-width:1px 0px 0px 0px;
}
ul#CatNavi li.CatLevel3 a {
    text-decoration:none;
    color:#333;
    background: url(img/dotted1.gif) no-repeat 16px 9px;
    font-weight:normal;
    padding:4px 0px 4px 26px;
    display:block
}
ul#CatNavi li.CatLevel3 a:hover {
    text-decoration:none;
    color:#333;
    background-color:#b3b3b3;
    font-weight:normal;
}
/* 4th TIER */
ul#CatNavi li.CatLevel4 {
    list-style-type:none;
    border: solid #fff;
    border-width:1px 0px 0px 0px;
}
ul#CatNavi li.CatLevel4 a {
    text-decoration:none;
    color:#333;
    background: url(img/dotted1.gif) no-repeat 24px 9px;
    font-weight:normal;
    padding:4px 0px 4px 34px;
    display:block
}
ul#CatNavi li.CatLevel4 a:hover {
    text-decoration:none;
    color:#333;
    background-color:#999;
    font-weight:normal;
}


/* SEARCH */
#searchbar {

    margin:0 auto;
    top:410px;

    width:80%;
    max-width:400px;
    z-index:100;
    margin-top:11px;
    padding:10px;
}

 .search {
    width: 100%;
    position: relative;
    display: flex;
}

.searchTerm {
    width: 100%;
    border: 3px solid #fff;
    border-right: none;
    padding: 5px;
    height: 20px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #000;
}

.searchTerm:focus{
    color: #000;
}

.searchButton {
    width: 40px;
    height: 36px;
    border: 1px solid #fff;
    background: #fff;
    text-align: center;
    color: #8f0024;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
}




ul#CatNavi li.CatLevel2 a.CurrentLinkDirekt, ul#CatNavi li.CatLevel1 a.CurrentLinkDirekt {
    /*background: url(img/dotted1.gif) no-repeat 3px 5px;*/
        background:none;

       background-color:#333;
       color:#fff;


}



/*
@media (max-width: 576px) {
#logo{
width:140px;

margin-top:10px;
cursor: pointer;

}


 }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
#logo{
width:280px;

margin-top:10px;
cursor: pointer;

}

 }
  */
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
#logo{
width:280px;

margin-top:10px;
cursor: pointer;

}
 }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }