@font-face {
  font-family: "DIN Alternate";
  src: local("DIN Alternate"),
       local("DINAlternate-Bold"),
       url("fonts/din-alternate-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body{
background: #492035;
color: Moccasin;
margin: 0;
padding: 0;
}

.header{
display:flex;
justify-content:center;
}

.nav{
display:flex;
flex-direction: column;
justify-content:center;
flex-wrap: wrap;
}

.logo {
margin: 0 auto;
width:700px;
height: 700px;
max-width:100%;

}

img {
width:50%;
height: auto;}

ul.hmenu {
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
margin: 0;
padding: 0;
margin-bottom:40px;
border-radius:10px;}

ul.hmenu li {
font-size: 24px;
margin:10px;
font-family: Avenir, "Avenir Next", "Segoe UI", Roboto, sans-serif;
padding:10px;
background-color:#D6B780;
background:linear-gradient(to bottom, #D6B780 5%, #BFA069 100%);
border-radius:10px;
box-shadow:inset 1px 1px 1px 0px wheat;
list-style-type: none;
}

ul.hmenu>li.active {
background: PaleVioletRed;
box-shadow:none;
}

ul.hmenu>li:hover{
background: moccasin;
}

ul.hmenu>li>a {
color: black;
text-decoration:none;
}

img {
display: block;
}

.ikon {
width: 64px;
height:auto;
vertical-align: middle;
margin-right: 10px;
display: inline-block;
}

.papper {
width: 80%;
border-collapse: separate;
display: block;
border-spacing: 0;
margin: 0 auto;
line-height: 0;
overflow:hidden;
}

.smal {
width: 800px;
}

.frigg {
padding: 30px;
line-height: 1.5em;
flex:1;
box-sizing: border-box;
}

.zone-alt {
  background: #2f1726;
}

.diagonal-sep {
  height: 120px;
  background: #2f1726;
  clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
}

h1, h2, h3, h4, h5, h6, p{
margin: 0;
padding: 0;
font-family: Palatino, "Palatino Linotype", Georgia, "Noto Serif", serif;
}

h1 {
  font-size: 3rem;
  color: gold;
  line-height: 1.2; 
  font-weight:normal}

h2 {
  font-size: 1.5rem;
  color: goldenrod;
  font-weight: 600;
  line-height: 1.3; }

h3 {
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.25rem; 
  margin: 2em 0 0 0; }
  

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.9rem; }

h6 {
  font-size: 0.7rem; }

p {
margin: 10px 0;
font-family: "DIN Alternate", Bahnschrift, "Roboto Condensed", "Arial Narrow", sans-serif;
font-weight: 200;
font-size: 1.2rem;
line-height: 1.65;
}

a {
  color: yellow;
text-decoration: none }


a:hover{
color: orange;
}

ul {
list-style-type: none;
}

ol {
list-style-position: inside;
}

hr {
  border: 0;
  border-bottom: dashed 1px wheat;
  margin: 2rem 0; }

.row {
display: flex;
flex-shrink: 0;
align-items: center;
}

.menyrad
{
display: flex;
flex-shrink: 0;
justify-content:space-between;
margin-top:20px;
margin-bottom:20px;
}

.menyrad p {
font-weight: bold}

.menyrad p.beskrivning {
font-weight: normal;
font-style:italic;
margin-top:0px}

.oppettider {
display: grid;
grid-template-columns: 30% 70%;}

summary {
box-sizing:border-box;
color:black;
cursor: pointer;
font-size: 24px;
line-height: 1.5;
display: inline-block;
border-radius: 10px;
font-size: 24px;
font-family: Avenir, "Avenir Next", "Segoe UI", Roboto, sans-serif;
padding: 10px;
background-color: #D6B780;
background: linear-gradient(to bottom, #D6B780 5%, #BFA069 100%);
border-radius: 10px;
box-shadow: inset 1px 1px 1px 0px wheat;
}

.tg {
line-height:150%;
table-layout: fixed; 
width: auto;
border-collapse:collapse;
border-spacing:0;
font-family: "DIN Alternate", Bahnschrift, "Roboto Condensed", "Arial Narrow", sans-serif;
background:moccasin;
border-radius:10px;
color: black;
}

.tg td {
font-size:16px;
padding:8px;
overflow:hidden;
word-break:normal;
vertical-align:top
}

.tg th {
text-align:left;
font-weight:bold;
font-size:16px;
padding:8px;
vertical-align:top;
overflow:hidden;
border-bottom: 2px solid #D6B780;
}

li {
margin: 10px 0;
font-family: "DIN Alternate", Bahnschrift, "Roboto Condensed", "Arial Narrow", sans-serif;
font-weight: 200;
font-size: 1.2rem;
line-height: 1.65;
list-style-type: square;
}


@media screen and (max-width: 750px) {

.logo {
width:100%;
 height: auto;
border-radius:0px;
padding:0px;
}


ul.hmenu li {
font-size: 20px;
margin:10px;
font-family: Avenir, "Avenir Next", "Segoe UI", Roboto, sans-serif;
padding:10px;
background-color:#D6B780;
background:linear-gradient(to bottom, #D6B780 5%, #BFA069 100%);
border-radius:10px;
box-shadow:inset 1px 1px 1px 0px wheat;
}

h1 {
  font-size: 2rem;
  color: gold;
  line-height: 1.2; 
  font-weight:normal}

h2 {
  font-size: 1.5rem;
  color: goldenrod;
  font-weight: 600;
  line-height: 1.3; }

h3 {
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.25rem; 
  margin: 2em 0 0 0; }
  

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.9rem; }

h6 {
  font-size: 0.7rem; }

p {
margin: 10px 0;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.65;
}


.papper {
width: auto !important;
margin:0;
margin-bottom:10px;
}

.frigg {
padding: 10px;
flex:1;
}


img {
width:100%}


.svidur {
padding: 5px;
}

.row{

display: flex;
flex-shrink: 0;
flex-direction: column;
}

.row:after	{
clear: both;
}

.oppettider {
display: grid;
grid-template-columns: 50% 50%;
}

.flip-mobile {
  flex-direction: column-reverse;
}

.diagonal-sep {
  height: 60px;
}

}