@font-face {
   font-family: MieleFontRegular;
   src: url(MieleElements-5Regular.ttf);
}

@font-face {
   font-family: MieleFontBold;
   src: url(MieleElements-7Bold.ttf);
}

body {
    font-family: "MieleFontRegular";
    color: #ffffff;
    font-size: 14pt;
    line-height: 21pt;
    background-color: #1E1E1E;
    text-align: left;

    /* Wrap long words to prevent overflow. Fox example long links. */
    overflow-wrap: break-word;
    word-break: break-word;
}

h1 {
    font-family: "MieleFontBold";
    font-size: 18pt;
    line-height: 24px;
    margin-top: 0pt;
    margin-bottom: 32pt;
}

h2 {
    font-family: "MieleFontBold";
    font-size: 16pt;
    line-height: 24px;
    margin-top: 16pt;
    margin-bottom: 0pt;
}

h3 {
    font-family: "MieleFontBold";
    font-size: 14pt;
    line-height: 21px;
    margin-top: 16pt;
    margin-bottom: 0pt;
}

b {
    font-weight: normal;
    font-family: "MieleFontBold";
}

p {
    margin-top: 0pt;
    margin-bottom: 16pt;
}

ol {
    margin: 0pt;
}

a {
    font-family: "MieleFontBold";
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

a:visited {
    font-family: "MieleFontBold";
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.indentedArea {
  margin-left:1em;
}