body, html {margin: 0; padding: 0; background: #887b72 url('img/pappe.jpg') fixed 0 0; background-size: cover; font-size: 1.1rem;}
#main {position: relative; margin: 2rem auto; padding: 1rem 2rem; max-width: 48em; background: #ffe url('img/paper.png') repeat 0 0; box-shadow: .1rem .1rem .5rem rgba(0,0,0,.25);}

main, footer, header, nav {display: block;}

* {font-size: 1.1rem; line-height: 1.1rem; color: #333; color: rgba(0,0,0,.7); font-family: QTEurotype, Arial, sans; text-decoration: none; font-weight: normal; text-align: left; transition: all ease 0s .5s;}
strong, b {font-weight: bold;}
a, a:link, a:visited {color: #800; color: rgba(136,0,0,.7);}
a:hover {cursor: pointer; text-decoration: underline;}
.hidden {display: none;}
p {display: block; margin: 1.1rem 0;}
p:last-child {margin-bottom: 0;}

hr {display: block; border: 0; overflow: hidden; white-space: nowrap;}
hr::before {content: "----------------------------------------------------------------------------------------------------";}
br.spc, hr.spc {display: block; height: 0; overflow: hidden; margin: 1rem 0 .1rem;}

ul {list-style: none; display: block; margin: 0; padding: 0;}
#path li {display: inline; margin: 0; padding: 0; font-size: 1.1rem;}
#path li::before {content: "/ ";}
#path li:first-child::before {content: "Dokument: ";}
#menu li {display: inline-block; margin: 0; padding: 0;}
#menu li::before {content: "- ";}

@media (min-width: 40em) {
  #menu {
    column-gap: 1.1rem;
    column-count: 2;
  }
}

h1, h2, h3, h4, h5, h6 {display: block; margin: 1.1rem 0;}
h1::before {content: ": ";}
h2::before {content: ":: ";}
h3::before {content: "::: ";}

.pic {background: #fff url('img/paper.png') repeat 0 0; display: inline-block; padding: .5em; box-shadow: .05rem .05rem .1rem rgba(0,0,0,.25); position: relative; max-width: 100%;}
.pic > img {max-width: 100%;}
.pic::before, .pic::after {display: inline-block; width: 4em; height: 1em; background: rgba(255,255,255,.5); content: " "; position: absolute; box-shadow: 0 0 .1em rgba(0,0,0,.125);}
.pic::before {left: -1em; top: .5em; transform: rotate(-50deg);}
.pic::after {right: -1em; bottom: 0; transform: rotate(-30deg);}
.pic:nth-child(4n) {transform: rotate(1deg);}
.pic:nth-child(4n+2) {transform: rotate(-1deg);}
img {border: 0; padding: 0; margin: 0;}


table, th, td {vertical-align: top; text-align: left;}
.nw {white-space: nowrap;}
tr > th:first-child {padding-right: 1rem;}

@font-face {
    font-family: 'QTEurotype';
    src: url('fonts/QTEurotype.woff2') format('woff2'),
        url('fonts/QTEurotype.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'QTEurotype';
    src: url('fonts/QTEurotype-Bold.woff2') format('woff2'),
        url('fonts/QTEurotype-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}