@charset "utf-8";
/* CSS Document */


	:root { --pad:16px; --fg:#ffffff; --accent:#0ea5e9; }
* { box-sizing:border-box }
html,body { height:100%; }
body { margin:0; font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif; color:var(--fg); background:#333233; }



.site-header{
position:sticky; 
	top:0; z-index:20; 
	display:flex; 
	align-items:center; 
	gap:12px;
justify-content:space-between; 
	padding:10px var(--pad);

	background: #333233
}
.site-header .current { font-size:.9rem; 
	color:#FFFFFF; }

#hamburger
{ font-size:1.25rem; 
	background:none; 
	border:1px solid #e5e7eb; 
	padding:6px 10px; 
	border-radius:8px; 
	cursor:pointer }

/* Karten-Look nur für die Deals-Sektion */
#first-deals .product.deal{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:12px;
  padding:14px;
  margin:10px 0;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  background: linear-gradient(180deg,#ffffff, #fafafa);
}

/* Titel größer */
#first-deals .product.deal .title{ font-size:1.05rem; }

/* Preis-Pill rechts */
#first-deals .product.deal .meta{
  align-self:start;
  font-weight:700;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
}

/* Zutaten als Chips */
#first-deals .product.deal .ingredients{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#first-deals .product.deal .ingredients .chip{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  font-size:.85rem;
  color:#374151;
  background:#fff;
}

/* Hinweis/Desc dezenter */
#first-deals .product.deal .desc{
  margin-top:6px;
  font-size:.85rem;
  color:#6b7280;
}

/* Abschnitt-Headline etwas auffälliger */
#first-deals h2{
  color:#0ea5e9;
  border-bottom-color:#dbeafe;
}



#overlayNav[hidden]{ display:none }
#overlayNav{ position:fixed; inset:0; background:rgba(0,0,0,.5) }
#overlayNav .overlay-inner{
position:absolute; right:0; top:0; bottom:0; width:min(82vw,380px); background:#fff; padding:20px; overflow:auto;
}
#overlayNav .close{ position:sticky; top:0; font-size:1.5rem; background:none; border:none; cursor:pointer; margin-left:auto; }
#overlayNav ul{ list-style:none; padding:0; margin:0 }
#overlayNav li{ border-bottom:1px solid #eee }
#overlayNav a{ display:block; padding:14px 6px; text-decoration:none; color:var(--fg) }
#overlayNav a.active{ color:#000; font-weight:600 }


.wrap{ padding:10px var(--pad) 60px }
.section{ padding:24px 0 }
.section h2{
color: #ceb47f;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.product{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:12px 0; }
.product .left{ min-width:0 }
.product .title{ font-weight:600; }
.product .ingredients{ color:var(--muted); font-size:.9rem; margin-top:2px; line-height:1.3; }
.product .meta{ min-width:100px; text-align:right; font-weight:600; white-space:nowrap; }

.brand img{
	width: 200px;
}


@media (min-width:900px){
}