html {scroll-behavior:smooth}
body .ui-icon {height:auto}

h1 {
    font-size: 3em;
    text-align:center;
    margin:20px 0;
}

h2 {
    font-size:2em;
    text-align:center;
    margin:20px 0;
}

h3 {position:relative;font-size:1.5em}

body .ui-button.ui-button-text-only .ui-button-text {font-size:2em}

.lang-select > ul {display:block;text-align:center;margin:0;padding:0}
.lang-select > ul > li {display:inline-block;padding:20px}
.lang-select > ul > li span{display:block}

.menu-index {margin:50px 0}
.menu-index > ol {display:block;margin:0 20px}
.menu-index > ol > li {padding:20px 0 0 20px}

.menu-head {text-align:center}
.menu-logo {max-width:50%;max-height:600px}

.menu-allergen {font-style: italic}
.menu-allergen > ul {display:block;margin:30px 0 0 0;padding:0}
.menu-allergen > ul > li {display:inline-block;padding:10px}
.menu-allergen > ul > li img {vertical-align: baseline}

.article-image {padding-right:0;text-align:left}
.article-image img {max-width:100%;max-height:50px;border-radius:3px}

.link-top {position:absolute;right:0;top:0;z-index:9}

.text-c{text-align:center}
.text-r{text-align:right}

.space-h {height:30px}
.pad-10 {padding:10px !important}
.mar-v-20 {margin:20px 0}
.mar-50 {margin:50px}
.max-100 {max-width:100%}
.pad-def {padding-left:50px;padding-right:50px}

@media (max-width:900px) {
    body {font-size:2em !important}
    .pad-def {padding-left:20px;padding-right:20px}
}

@media (max-width:767px) {
    body {font-size:1.5em !important}
}

@media (max-width:575px) {
    .pad-def {padding-left:10px;padding-right:10px}
    .menu-index > ol {margin:0}
}

@media (max-width:400px) {
    h1 {font-size: 2em}
    h2 {font-size: 1.5em}
}
@media print {
    .no-print {
        visibility: hidden;
    }
    body{
        -webkit-print-color-adjust: exact;
    }
}
/*
@media print{
    .lang-select {display: none;}
    .menu-index {display: none;}
    .link-top {display: none;}

    .row {
        margin: 0;
        padding: 0;
    }
    
    .row > .col-8, .col-9 {
        display: inline-block;
        max-width: 75%;
        padding: 10px;
    }

    .col-4, .col-12, .col-sm-3  {
        display: inline-block;
        max-width: 100%;
        min-width: 55%;
        padding: 10px;
    }
}
*/