@font-face {
    src: url("/static/fonts/jorvik-informal.regular.TTF");
    font-family: Jorvik;
}

@font-face {
    src: url("/static/fonts/Celtica-Bold.ttf");
    font-family: Celtica;
}

body {
	font-size: 13pt;
}

body, button {
    font-family: Jorvik, fantasy;
}

@page {
    size: A4;
	margin: 20mm 20mm 30mm 20mm;
    background: no-repeat center/100% url("/static/uploads/bg.jpg");
}

div.siegel {
    text-align: center;
}

p.kuralie, p.content {
    initial-letter: 2;
}

p.content {
    white-space: pre-line;
    text-align: justify;
	hyphens: auto;
	text-align-last: left;
	text-wrap: balance;
}

p.kuralie::first-letter, p.content::first-letter {
    font-size: 200%;
    padding: 4px 2px;
    margin-right: 4px;
    float: left;
    font-family: Celtica, fantasy;
}

@media screen {
    .pagedjs_page {
      width: 100%;
      height: 100%;
      max-width: var(--pagedjs-width-right);
      max-height: var(--pagedjs-height-right);
    }
}