:root {
    --maks-tekstbredde: 800px;
    --maks-marg: 200px; 
    --min-marg: 3vw;
}
body {
    margin-left: min(max(calc((100% - var(--maks-tekstbredde))/2), var(--min-marg)), var(--maks-marg));
    margin-right: max(calc(100% - var(--maks-tekstbredde) - var(--maks-marg)), var(--min-marg));
    max-width: var(--maks-tekstbredde);
    font-family: "open sans",sans-serif;
    margin-bottom: 100px;
}
small {
    font-size: medium;
    color: black;
}
img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
  height: auto;
  border: 0;
}
video {
  max-width: 100%;
  height: auto;
  border: 0;
}
blockquote {
    border-left: 2px solid lightgrey;
    margin-left: 20px;
    padding-left: 10px;
    color: #444;
}
figure {
    text-align: center;
}
figcaption {
    font-size: smaller;
}
sup {
    float: right;
    color: black;
}
hr {
    border-top: 0;
    border-bottom: 1px solid lightgrey;
}
div.epost {
    margin: 10px 0 10px 0;
    padding: 10px;
    border: 1px solid lightgrey;
    background-color: #fbfbfb;
    border-radius: 3px;
}
div.fig03 {
    text-align: center;
}
h1 {
    border-bottom: 1px solid black;
}
a {
    /* color: #505050; */
    /* text-decoration: underline dotted; */
    color: blue;
}
a:hover {
    color: #3333cc;
}
iframe {
    width: 480px;
    height: 270px;
}
video {
    width: 480px;
    height: 270px;
    background-color: black;
}
div.fhitabell {
    font-family: serif;
    font-size: smaller;
}
div.fhitabell td {
    border-top: 1px solid lightgrey;
}
div.burka {
    text-align: center;
}
div.burka img {
    width: 50%;
}