.menucard {
	padding-top:var(--space-padding);
	padding-bottom:var(--space-padding);
}

.menucard .menu-headline__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
		box-shadow: 0 0 150px rgba(0, 0, 0, 0.5);
	border-radius: var(--radius);
}

/* Textbereich */
.menucard .menu-headline__text {
  flex: 1;
  text-align: right;
  padding-left: 100px;
}

.menucard .menu-headline__text h2 {
  margin-bottom: 25px;
  transform: translateX(30px);
}

.menucard .menu-headline__text p {
  font-size: 1.1rem;
  line-height: 1.6;
}

/* Bildbereich */
.menucard .menu-headline__image-wrapper {
  flex: 1;
  position: relative;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius)

}

.menucard .menu-headline__image-clip {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  overflow: hidden;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius)
	
}

.menucard .menu-headline__image-clip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.05);
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius)
}


/* ===================== MENÜKARTE ===================== */

.menucard .menu {
  padding: 50px 0;
}

.menucard .menu__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
	padding-top:30px;
}

/* --- Einzelnes Gericht --- */
.menucard .menu__item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #4f4f4f;
  padding-bottom: 30px;
	width: 100%;
}

/* --- Überschrift + Preis nebeneinander --- */
.menucard .menu__item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.menucard .menu__item-header .headline {
  font-size: 25px;
  text-transform: uppercase;
  flex: 0 0 70%;
	line-height: 1.3em;
	
	display: flex;
    align-items: center;
    justify-content: flex-start;
	gap:20px;
	
}

.menucard .menu__item-header .price {
  font-weight: bold;
  flex: 0 0 30%;
  text-align: right;
}

/* --- Beschreibungstexte --- */
.menucard .menu__text {
  max-width: 70%;
}

.menucard .menu__text p {
  color: #4f4f4f;
  line-height: 1.5;
	font-size: 16px;
}

.menucard .menu__text p strong {
  display: inline-block;
  margin-bottom: 8px;
}

.menucard .veg {
  margin-left: 5px;
  color: #ffcc33;
}
.menucard .veg  svg {
  width: 35px;
	height: auto;
	fill:#FFF;
}

.menucard .veg  svg path {
	fill:#FFF;
}

.menu-section   {
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
}

.menucard .menu-headline__image-clip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(250,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
  mix-blend-mode: multiply;
  pointer-events: none;
	z-index: 3;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius)
}