@font-face {
    font-family: Alice;
    src: url('Alice-Regular.woff2'); /* Copyright 2011 The Alice Project Authors (https://github.com/cyrealtype/Alice)*/
}



body {
    font-family: 'Alice', serif;
    margin: 50px 25px;
    color: #111111;
    background-image: url('Moospapier.jpg');
    /*background-size: cover;*/
    background-color: #efe8ce;
}

a, footer {
    color: #e3d1ae;
}

a:hover, div.page a:hover {
    color: #6c6a5c;
}

header, footer, div.page {
    width: 66%;
    /*min-width: min-content;*/
    min-width: 330px;
    margin: 0 auto;
    background: rgb(41 62 43 / 95%); /*#293e2b*/
    padding: 20px 30px;
}

header h1 {
    color: #e3d1ae;
    margin: 0;
    font-weight: normal;
    font-size: 42px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header nav ul li {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0;
}

div.page {
    background: rgb(198 182 151 / 80%); /* #c6b697;*/
    min-height: 400px;
}

div.page a, div.page {
    color: #111111;
}

footer {
    font-family: 'Libre Baskerville', serif;
}

.qrcode {
    /*text-align: center;*/
    /*width: 15%;*/
    /*margin: 1%;*/
    text-align:center;
    padding: 20px;
}

.content-wrapper {
   display:table;
   margin:0 auto;
}
.content {
   display:table-row;
   width:30%;
   padding-left: 10%;
}
.content>div {
   display:table-cell;
   width:30%;
   padding-right: 10%;
}


#motto {
   padding-top: 5%;
   font-size:42px;
   text-align: center;
}

#timetable {
   text-align: left;
   border: solid;
}

#timetable td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}


#timetable tr:nth-child(odd){background-color: #e3d1ae;}

#timetable tr:hover {background-color: #6c6a5c;}


#timetable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: rgb(41 62 43 / 95%);
  color: white;
}