*{
    margin: 0;
}

@font-face {
    font-display: swap; 
    font-family: 'fox-snow';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/fox-in-the-snow.woff2') format('woff2');
}

:root{
    --header-size: 42pt; 
    --text-display: 11pt; 
    --text: 8pt; 
    --primary-font:'Apparat';
    --secondary-font:'Quasimoda'; 
    --accente-font:'fox-snow'; 
}

.hl-1{
    color: var(--text-title, #2F2F2F);
    text-align: center;
    font-family: var(--primary-font);
    font-size: var(--header-size);
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    text-transform: uppercase;
}

.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%;
}

.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%; 
}

.meal-price{
    width: 0.5cm;
    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%;
}

.chapter-text{
    color: var(--text-title, #2F2F2F);
    font-family: var(--secondary-font);
    font-size: var(--text);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.chapter-text-bold{
    color: var(--text-title, #2F2F2F);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: var(--text, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    text-transform: uppercase;
}

.alex-recommend{
    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;
} 

.alex-special{
    background-image: url('/assets/icons/background-element.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    background-position: center;
}