@font-face {
    font-family: Fanwood;
    src: url(Fanwood.otf);
}

@font-face {
    font-family: HattoriHanzo;
    src: url(HattoriHanzo.ttf);
}

@font-face {
    font-family: GoudyStM;
    src: url(GoudyStM.otf);
}

@font-face {
    font-family: GoudyBookletter1911;
    src: url(GoudyBookletter1911.otf);
}

body {
    font-size: larger;
    font-family: Fanwood;/*GoudyBookletter1911;*/
}

h1, h2, h3, h4, h5, h6 header {
    font-family: GoudyStM;
}

body>aside {
    float: left;
    height: 100%;
}

#logo {
}

article {
    margin-left: 200px; /* for the sidebar */
    max-width: 60em;
    padding-left: 0.3em;
    text-align: justify;
}

section>header>h1:before {
    content: url(würfel-20x25.png) " ";
}

nav, article aside {
    border-style: ridge;
    border-color: Maroon;
    padding: 0.3em;
    float: right;
    background-color: Wheat;
    max-width: 20em;
    font-family: GoudyBookletter1911;
    margin-left: 0.5em;
}

body {
    columns: 20em;
}

section>aside {
    text-align: center;
}


body>header {
    font-size: xx-large;
    text-align: center;
    float: left;
}

article>header, section>header, nav>header {
    font-size: x-large;
}

section>header>h1 {
}

section>h2, section>header>h2 {
    font-size: large;
}

section>header>h1>subtitle {
    font-size: medium;
    font-style: oblique;
    display: inline;
}

section>header>h1>subtitle:before {
    content: "»"
}

section>header>h1>subtitle:after {
    content: "«"
}