/* mobile anpassungen für onepress intro ---- */
.hero__content { 
margin-top: 230px !important;
margin-left: 30px !important;
margin-right: 30px !important; 
}
#masthead .header-right-wrapper { 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; }

#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;
}

#ramimenu-matrix { position: fixed; top: 0px; left: 0px; width: 100%; min-height: 60px; background: transparent; z-index: 999;
font-family: "Inter",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: #333; }
#ramimenu-toggle:checked ~ .ramimenu-button .ramimenu-icon:after {
transform: rotate(45deg); top: 0; background: #333; }

.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: url(https://lanache.rami.de/wp-content/uploads/cookies-kaufen-222.png) 20px 50px; */ background: #E6BE90;
}

.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: white; 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: white; }
.ramimenu-button { cursor: pointer; display: inline-block; float: right; padding: 28px 16px; border-radius: 100%; position: relative; 
user-select: none; z-index: 300; background: #fff; width: 60px; }


.ramimenu-icon { background: #333; 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: #333; 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; }


/* ==== ende =========== MOBILE MENU ---- 30.08.2022 rb ================= ende ====== */






/* ==== start =========== MOBILE MENU UNTEN FIXED ---- 30.08.2022 rb ====================== */
.footmenufix { 
position: fixed; z-index: 999999999999999999999999999999999999;
bottom: 0px;left:0px; display: grid; width: 100%; min-height: 50px; padding: 0; margin: 0;
background: #fff; 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: #000; font-size: 20px;
}
/* ==== ende =========== MOBILE MENU UNTEN FIXED ---- 30.08.2022 rb ====================== */
                                                                                              









.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: 115px;
margin-left: 6px;
/* -webkit-filter: invert(100%);
filter: invert(100%); */
margin-top: 6px;
transform: rotate(-18deg);
}
.logobig { 
position: absolute;
top: 5px;
left: 15px;
width: 220px;
height: 217px;
background: transparent;
border: 0;
z-index: 1002;
padding: 19px 0px 0px 20px;
transition: 0.25s;
transition-timing-function: ease-in-out;
}
.logobig:after { 
content: '';
position: absolute;
top: 15px;
left: 15px;
width: 175px;
height: 175px;
background: #fff;
z-index: -999;
border-radius: 90%;
/* box-shadow: 30px 30px 30px #fff; */
}
.logobig img { 
min-width: 165px;
max-width: 165px;
height: 165px;
/* -webkit-filter: invert(100%);
filter: invert(100%); */
transform: rotate(-18deg);
}



#ramimenudesktop, .menuinnen, .menuinnen img, .menusplit1, .menusplit2, .menusplit3, .menuinnen a { 
display: none !important; 
}