@font-face {
font-family: 'rollercoasterregular';
src: url('rollercoaster-webfont.woff2') format('woff2'),
url('rollercoaster-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}

body {
background-color: black;
color: #eeeeee;
font-family: ibm_plex_sansregular, sans-serif;
}

a, .nb a:hover, .tip a:hover, a.switch:hover, a.nov:hover {
background-color: black;
color: white;
border-bottom: 2px solid #c11b17;
}

nav a, .fwd a {
background-color: #c11b17;
color: white;
border-bottom: 0;
}

a:hover {
background-color: #ee0000;
color: white;
border-color: transparent;
}

article {
max-width: 700px;
padding-right: 100px;
font-size: 17px;
line-height: 27px;
}

h1, h2 {
margin: 0;
padding: 10px;
font-family: rollercoasterregular, serif;
background-color: #c11b17;
color: black;
}

h1 {
font-size: 40px;
line-height: 48px;
}

h2 {
font-size: 30px;
line-height: 36px;
}

p {margin: 10px 10px 0 10px;}

blockquote {margin: 5px 40px 0 40px;}

blockquote.topm {margin-top: 10px;}

.notenorm blockquote, .notemed blockquote, .notebig blockquote {margin: 3px 25px 0 25px;}

.spacer {margin-top: 7px;}

a.switch {
top: 160px;
left: 10px;
}

nav, .fwd {background-color: #c11b17;}

nav {margin: 10px 0 6px 0;}

.fwd {margin-top: 15px;}

nav a {
float: left;
width: 50%;
}

aside {
font-size: 16px;
line-height: 26px;
margin-top: 10px;
padding: 0 10px 10px 10px;
}

figure {
float: right;
position: relative;
margin: 12px 0 5px 20px;
}

figcaption {
text-align: center;
padding: 5px;
}

figcaption, footer, .notesml, .notenorm, .notemed, .notebig, .under {
font-size: 15px;
line-height: 24px;	
}

figure, aside, .notesml, .notenorm, .notemed, .notebig {
border: 3px solid #c11b17;
background-color: black;
color: #eeeeee;
}

@media screen and (max-width: 800px) {
article {padding-right: 0;}
}

@media screen and (max-width: 600px) {
figure {
float: none;
margin: 10px auto 10px auto;
}
}

@media screen and (max-width: 500px) {
nav {
height: 80px;
margin-bottom: 0;
}
nav a {width: 100%;}
nav a, nav a:hover {border-bottom: 10px solid black;}
h1 {font-size: 36px;}
h2 {font-size: 26px;}
}