#ramimenudesktopzweitesdrueber { display: none; }
#ramimenudesktopzweitesdrueber { display: none; }
#ramimenudesktop { 
position: fixed;
z-index: 5;
top: 0;
left: 0;
width: 100%;
height: 95px;
background: #000;
box-shadow: 0px 13px 26px #f4f4f4;
font-family: 'Roboto',verdana,sans-serif;
line-height: 1.618;
font-weight: 400;
}
#ramimenudesktop .menuinnen { display: none !important; }




/* =============== MOBILE MENU ---- 30.08.2022 rb ============================= */
/* #page #masthead .col-full -- oben storefront suche, menu etc */ 
#site-navigation, .site-branding, .site-search,
#site-navigation-menu-toggle.menu-toggle span { display: none !important; }

#masthead .header-right-wrapper { display: none !important; }


.storefront-breadcrumb { margin: 115px 0 1.618em !important; }

#masthead { display: none !important; }
.is-transparent .site-header.header-fixed { background: transparent !important; }
.site-header { box-shadow: none !important; }

.logosmall { 
position: fixed;
z-index: 1001;
top: 10px;
left: 10px;
}
.logosmall::after { 
content: '';
position: fixed;
top: 0;
left: 0;
width: 125px;
height: 125px;
/* background: #fff;      */
z-index: -999;
border-radius: 90%;
}
.logosmall img { 
width: auto;
height: 52px;
margin-left: 6px;
/* -webkit-filter: invert(100%);
filter: invert(100%); */
margin-top: 6px;
/* transform: rotate(-18deg);    */
}
.logobig { 
position: fixed;
top: 10px;
left: 10px;
width: 170px;
height: 167px;
background: transparent;
border: 0;
z-index: 1002;
padding: 0;
transition: 0.25s;
transition-timing-function: ease-in-out;
}
.logobig:after { 
content: '';
position: fixed;
top: 5px;
left: 5px;
width: 125px;
height: 125px;
/* background: #fff; */
z-index: -999;
border-radius: 90%;
/* box-shadow: 30px 30px 30px #fff; */
}
.logobig img { 
min-width: 115px;
max-width: 115px;
height: auto;
/* -webkit-filter: invert(100%);
filter: invert(100%); */
/* transform: rotate(-18deg); */
}




#ramimenu-matrix { position: fixed; top: 0px; left: 0px; width: 100%; min-height: 60px; background: transparent; z-index: 999;
font-family: 'Roboto',verdana,arial;font-size: 18px; line-height:20px; color:#fff }
#ramimenu-toggle { position: absolute; appearance: none; cursor: pointer; left: -100%; top: -100%; }
#ramimenu-toggle:checked ~ .ramimenu { opacity: 1; visibility: visible; }
#ramimenu-toggle:checked ~ .ramimenu nav ul .ramimenu-item { opacity: 1; transform: translateY(5px); }
#ramimenu-toggle:checked ~ .ramimenu-button .ramimenu-icon { background: transparent; }
#ramimenu-toggle:checked ~ .ramimenu-button .ramimenu-icon:before {
transform: rotate(-45deg); top: 0; background: #fff; }
#ramimenu-toggle:checked ~ .ramimenu-button .ramimenu-icon:after {
transform: rotate(45deg); top: 0; background: #fff; }

.ramimenu { display: block; color: #fff;
text-align: center; position: absolute; z-index: 10; left: 0; top: 0; width: 100vw; height: 100vh; margin: auto; padding: 20px;
transition: all 0.44s cubic-bezier(0.17, 0.04, 0.03, 0.94); overflow: hidden; box-sizing: border-box; visibility: hidden; opacity: 0;
background: #000;
}

.ramimenu .ramimenu-item { opacity: 0; transform: translateY(-5px); transition: all 0.44s cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.ramimenu .ramimenu-item:nth-child(0) { transition-delay: 0s; }
.ramimenu .ramimenu-item:nth-child(1) { transition-delay: 0.05s; }
.ramimenu .ramimenu-item:nth-child(2) { transition-delay: 0.1s; }
.ramimenu .ramimenu-item:nth-child(3) { transition-delay: 0.15s; }
.ramimenu .ramimenu-item:nth-child(4) { transition-delay: 0.2s; }
.ramimenu .ramimenu-item:nth-child(5) { transition-delay: 0.25s; }
.ramimenu nav { margin-top:200px; } 
.ramimenu nav ul { color: #fff; list-style: none; margin-left: 0px; margin-right: 0px; }
.ramimenu nav ul .ramimenu-item { margin-bottom: 1.5em; }
.ramimenu nav ul a { text-decoration: none; color: #fff; }
.ramimenu-button { 
cursor: pointer; 
display: inline-block; 
float: right;
padding: 45px 0px 20px 0px;
border-radius: 100%;
position: relative;
user-select: none;
z-index: 300;
background: transparent;
width: 70px; }


.ramimenu-icon { background: #fff; display: block; height: 3px; position: relative; transition: all 0.2s ease-out; 
-webkit-transition: all 0.15s ease-out; width: 30px; }
.ramimenu-icon:before, .ramimenu-icon:after {
background: #fff; content: ''; display: block; height: 100%; position: absolute; transition: all 0.2s ease-out; 
-webkit-transition: all 0.2s ease-out; width: 100%; }
.ramimenu-icon:before { top: 8px; }
.ramimenu-icon:after { top: -8px; }






/* =============== MOBILE MENU ---- 30.08.2022 rb ============================= */
/* #page #masthead .col-full -- oben storefront suche, menu etc */ 
#site-navigation, .site-branding, .site-search,
#site-navigation-menu-toggle.menu-toggle span { display: none !important; }

#site-navigation-menu-toggle { border: 0 !important; }
button.menu-toggle::before, button.menu-toggle::after { 
width: 30px !important; height: 3px !important; }

.storefront-primary-navigation .col-full { 
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}

#site-header-cart {
  position: fixed;
  top: 0px; left: 0;
  z-index: 999999999999999999999999999999999999999999999999999;
  background: #fff;
  width: 15%; min-width: 150px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  border: 1px solid #eaeaeb;
  border-top: 0px;
  border-left: 0px;
}


/* ==== start =========== MOBILE MENU UNTEN FIXED ---- 30.08.2022 rb ====================== */
.footmenufix {  DISPLAY: NONE !important;
position: fixed; z-index: 999999999999999999999999999999999999;
bottom: 0px;left:0px; display: grid; width: 100%; min-height: 50px; padding: 0; margin: 0;
background: #868686; box-shadow: -16px -7px 33px #000; 
}
.footmenufix-innen { 
margin: 0 auto 0 auto; padding: 0px; width: 90%;
height: auto; min-height: 50px; background: transparent;
}
.footmenufix .uspbox { width: 25%; background: transparent; 
float: left; text-align:center; padding: 15px;
} 
.footmenufix .uspblock .uspbox img { 
font-size: 40px;
width: 50%;
height: auto;
display: inline !important;
}   
.footmenufix .fa-solid, fas { 
color: #fbfbfb; font-size: 20px;
}

.uspfootcart { position: relative; }
.uspfootcartzahl {
position: absolute;
top: -7px;
right: 22px;
background: red;
border-radius: 90%;
width: 23px;
height: 23px;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 23px;
padding: 0;
text-align: center;
}
/* ==== ende =========== MOBILE MENU UNTEN FIXED ---- 30.08.2022 rb ====================== */