.container {
    margin: 0 auto;
}

.container1 {
    width: 50.4cm;
    height: 25.4cm;
    position: relative;
}

.container1 .left {
    width: 25.2cm;
    position: absolute;
}

.container1 .right {
    width: 25.2cm;
    position: absolute;
    left: 50%;
}

.container1 .alex-menuekarte{
    width: 25.2cm;
    height: 25.4cm;
}

/* chapter */
.container1 .chapter{
    position: absolute;
    bottom: 2.8cm;
    left: -1.2cm;
    transform: rotate(-90deg);
}

.container1 .alex-legende {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1cm;
    font-size: 8pt;
    white-space: nowrap; /* Verhindert Umbrüche */
}

.container1 .alex-legende img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 0.5cm;
}

.container1 .alex-legende div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; /* Abstand zwischen den Legenden-Einträgen */
}

/* Textseite */
.container1 .alex-meal-container{
    position: relative;
    top: 7cm;
    top: 6cm;
    padding-left: 4.3cm;
    padding-right: 4.3cm;
}

.container1 .alex-meal-content {
    width: 6cm;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: var(--text-display);
}

.container1 .meal-item:nth-child(odd) {
    margin-right: 3cm;
}

.container1 .meal-item:nth-child(even) {
    margin-right: 0;
}
.container1 .meal-float{
   display: inline-block;
   vertical-align: top;
}

.container1 .alex-headlines-container{
    position: absolute;
    top: 1.9cm;
    left: 50%;
    transform: translateX(-50%);
}

.container1 .alex-mealtype-1 {
    position: absolute;
    top: 0;
    left: -0.7cm;
    width: 19px;
    height: 22px;
    object-fit: contain;
}


.container1 .alex-mealtype-2 {
    position: absolute;
    top: 0;
    left: calc(-0.7cm - 22px);
    width: 19px;
    height: 22px;
    object-fit: contain;
}

.container1 .alex-meal-headline {
    display: inline-block;
    vertical-align: middle;
}

.container1 .alex-meal-price{
    position: absolute;
    top: 0;
    right: -1cm;
}

/* Sub Headline */
.container1 .alex-sub-headline{
    margin-top: var(--header-size);
    margin-top: 0.8cm;
    margin-bottom: 1cm;
    margin-bottom: 0.7cm;
}

/* Img */
.container1 .alex-sideimg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}










.container2 {
    width: 50.4cm;
    height: 25.4cm;
    position: relative;
    background: url('/assets/img/menu2-bg.png') no-repeat;
    background-size: cover;
}
.container2 .left{
    width: 25.2cm;
    position: absolute;
}
.container2 .right {
    width: 25.2cm;
    left: 50%;
    position: relative;
    height: 100%;
    padding: 0 0;
}
.container2 .headline{
    color: var(--text-title, #2F2F2F);
    text-align: center;
    font-family: Apparat;
    font-size: 1.9cm;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    text-transform: uppercase;
}
.container2 .headline-container {
    position: absolute;
    top: 1.9cm;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0cm;
}
.container2 .items-container {
    position: relative;
    left: 0%;
    width: calc(25cm - 8.6cm);
    top: 7cm;
    padding-left: 4.3cm;
    padding-right: 4.3cm;
}
.container2 .item-bg {
    background-image: url(/assets/icons/menu-bg.svg);
    background-repeat: no-repeat;
    height: auto;
    background-size: 60% 125% !important;
}
.container2 .alex-meal-price{
    position: absolute;
    top: 0cm;
    right: -1cm;
}
.container2 .menu-item {
    margin-bottom: 12pt;
    position: relative;
    padding-left: 0cm;
    width: 15.4cm;
}
.container2 .ml-text{
    color: var(--text-title, #2F2F2F);
    font-family: Quasimoda;
    font-size: var(--text);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    position: absolute;
    right: 2cm;
}
.container2 .chapter{
    position: absolute;
    bottom: 2.8cm;
    right:  -1.4cm;
    transform: rotate(-90deg);
}
.container2 .header-part-2 {
    color: var(--text-title, #2F2F2F);
    text-align: center;
    font-family: var(--accente-font);
    font-size: 16pt;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1cm;
    margin-bottom: 0.5cm;
    width: 100%;
    }
.container2 .icon {
    position: absolute;
    left: -1.2cm;
    top: 0.05cm;
}
.container2 .alex-vegan{
    width: 13pt;
    height: 13pt;
}
.container2 .meal-headline {
    color: var(--text-title, #2F2F2F);
    font-family: var(--primary-font);
    font-size: var(--text-display);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    width: 6cm;
}
.container2 .meal-text {
    color: var(--text-title, #2F2F2F);
    font-family: var(--secondary-font);
    font-size: var(--text);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 8cm;
}
.container2 .meal-price {
    width: 1.5cm !important;
    color: var(--text-title, #2F2F2F);
    text-align: right;
    font-family: var(--primary-font);
    font-size: var(--text-display);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.container2 .chapter {
    position: absolute;
    bottom: 3.1cm;
    right: -1.5cm;
    transform: rotate(-90deg);
}