.color-red {
    fill: #5B1D1A;
}
.color-gray {
    fill: #BDB9A1;
}
nav, h1 { margin-bottom: 20px; font-family:"Montserrat",Times,serif;}
h1 { margin-top: 30px;  text-align: center; font-family:"Montserrat",Times,serif;}
h2 {  margin-bottom: 0; font-family:"Montserrat",Times,serif;}
body {
    font-family: 'Merriweather',serif;
}
header {
    text-align: center;
    padding:20px 10px;
    background-color: #FFFFFF;
    color: #5a1c18;
	position:relative;
	z-index:2;
	box-shadow: 0px 1px 5px 0px rgba(236,236,236,1);
}
header a{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
a.btn-primary {
    color: #FFF;
    background-color: transparent;
    outline: none !important;
    border: none !important;
    box-shadow: none!important;
}
a.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #FFF;
    background-color: transparent;
    outline: none;
    border: none;
    box-shadow: none!important;
}
nav.navbar {
    background-color: #FFF!important;
}
nav.navbar a.nav-link {
    color: transparent!important;
}

h1 {
    line-height: 1.3em;

    color: #43352d;
    font-weight: normal;

}
h2 {}

.row {
    /*border-bottom: 1px dashed #43352d;*/
    font-size: 16px;
}
.row img { width: 30px; height: 30px; display: inline-block; margin-right: 4px;}
.row:last-child {
    border-bottom: none;
}
.row .price {font-size: 0.8em;}
.whitespace { white-space: nowrap;}
.navbarLang { display: block; text-align: center; width: 100%; margin-top: 0;}
.navbarLang li { display: inline-block; margin: 0 10px;}

.card-header {background-color: #b9af9e; color: #43352d!important;}

.list-menue-group { display: block; text-align: center;}
.list-menue-group > * { display: inline-block; width: 130px; min-height: 130px; text-align: center; box-sizing: border-box; padding: 30px 10px; border: 2px solid #b9af9e!important; border-radius: 4px!important; margin:5px; color:#b9af9e;}
.list-menue-group i { display: block; font-size: 40px;  text-align: center; margin-bottom:20px;}
p.back-line { margin-top: 1em;}
@media screen and (max-width: 700px) {
    .row img {
        max-height: 60px;
        width: auto;
    }
    h1 { margin-top: 30px; font-size: 8vw; text-align: center;}
    h2 { font-size: 6vw; margin-bottom: 0;}
    .mobile-one-line { width: 100%!important; font-size: 20px; line-height: 20px; text-align:right;}
    .mobile-one-line img { height: 30px; width: auto; vertical-align: baseline; display: inline-block;}
}

div.outro { text-align: center; margin-top: 40px;}
.small, small { font-size:90%;}