
/* #page #masthead .col-full -- oben storefront suche, menu etc */ 
#site-navigation, .site-branding, .site-search, 
.footmenufix { display: none !important; }

.storefront-breadcrumb {   margin: 110px 0 10px !important;  }


.logosmall { 
position: fixed;
z-index: 9999999999;
top: 15px;
left: 35px;
}
.logosmall::after { 
content: '';
  position: fixed;
  top: 2px;
  left: 2px;
  width: 196px;
  height: 196px;
  z-index: -999;
  opacity: 0.2;
}
.logosmall img { 
width: auto;
height: 188px;
margin-left: 4px;
margin-top: 7px;
/* -webkit-filter: invert(100%);
filter: invert(100%);    */
}
.logobig { 
position: fixed;
  top: 0px;
  left: 0px;
width: 264px;
  height: 170px;
  background: transparent;
  border: 0;
  z-index: 9999999999;
  padding: 15px 0px 0px 20px;
transition: 0.25s;
transition-timing-function: ease-in-out;
}
.logobig:after { 
content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 287px;
  height: 175px;
  background: #000;
  z-index: -999;
  box-shadow: 3px 7px 52px #fff;
  opacity: 0.8;
  border-bottom-right-radius: 3%;
}
.logobig img { 
min-width: 160px;
  max-width: 210px;
  height: auto;
  margin: 10px 10px 10px 12px;
}




 #masthead { right: 0px;
width: 50%;
position: absolute;
top: 0px;
margin-bottom: 100px; }  

.storefront-breadcrumb {
padding: 100px 0px 15px 0px !important;
}  


#ramimenu-toggle, .ramimenu, 
.footmenufix { display: none !important; }



#ramimenudesktopzweitesdrueber { 
  position: fixed;
  z-index: 999999995;
  top: 0px;
  left: 0;
  width: 100%;
  height: 30px;
  font-family: "Montserrat",verdana,sans-serif;
  line-height: 1.618;
  font-weight: 400;
  background: #000;
  text-align: right;
  line-height: 30px;
  font-size: 13px;
  padding-right: 20px;
}

#ramimenudesktopzweitesdrueber a:link, #ramimenudesktopzweitesdrueber a:active, 
#ramimenudesktopzweitesdrueber a:visited, #ramimenudesktopzweitesdrueber a:hover {
color: #fff;
text-decoration: none;
}
#ramimenudesktopzweitesdrueber a:hover {
text-decoration:underline; 
}




#ramimenudesktop { 
position: fixed;
  z-index: 999999999;
  width: 100%;
  padding: 0px;
  background: #000;
  border-top: 0;
/*  border-bottom: 2px solid #feb425; */
  top: 23px;
  left: 0;
  height: 50px;
  box-shadow: 6px 6px 10px hsla(300,15%,55%,0.1);
  font-family: Verdana,Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 400;
}

.menuinnen { 
margin: 0 auto 0 auto;
padding: 0px;
width: 100%;
height: auto;
background: transparent;
text-align: center;
letter-spacing: 0px;
font-size: 21px;
font-weight: 600;
}
.menuinnen img { 
height: 100px;
width: auto;
padding: 0px;
margin: 3px;
}


.menusplit1, .menusplit2, .menusplit3 {
background: transparent;
height: 64px;
padding: 0px;
margin: 0px;
line-height: 50px;
}

.menusplit1 { 
width: calc(100% - 400px);
float: left;
text-align: center;
margin-right: 200px;
margin-left: 270px;
}

.menusplit2 { DISPLAY: NONE !important; } 
.menusplit3 { DISPLAY: NONE !important; } 

.menuinnen a { 
color: #fff; text-decoration: none;
display: inline-block; 
margin: 0 5px 0 5px;
padding-bottom: 0px;
border-bottom: 10px solid transparent;
}
.menuinnen a:hover { 
color: #ffc517;
padding-bottom: 0px;
border-bottom: 10px solid #ffc517;
border-radius: 10px;
}


#site-header-cart {
position: fixed;
top: 0px;
right: 0px;
z-index: 998;
background: #fff;
width: 15%;
min-width: 150px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 0;
border: 1px solid #eaeaeb;
border-top: 0px;
border-right: 0px;
}
.site-header-cart .cart-contents {
  padding: 35px !important;
}
