@font-face {
    font-family: OrbitronBold;
    src: url(../fonts/orbitron-bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: OrbitronMedium;
    src: url(../fonts/orbitron-medium.otf);
}

@font-face {
    font-family: SourceCodePro;
    src: url(../fonts/SourceCodePro-Regular.otf);
}

@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: OpenSans;
}

.top-bar {
    padding: 0px;
}

.menu > li > a {
    color: white;
    padding: 1em;
}

pre > code {
    font-family: SourceCodePro;
}


header hr {
    margin-top: 0.5em;
}

.label > a {
    font-size: 1.0em;
    color: white;
}

.label > a:hover {
    color: #d7dee5;
}

.label > .badge {
    min-width: 1.5em;
    min-height: 1.5em;
    padding: 0.2em;
}

.wrap {
    border: solid 1px #d8d8d8;
    border-radius: 5px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background-color: #fafafa;
    color: #333333;
}

article.wrap {
    margin-bottom: 5px;
}

.topnav, .top-bar {
    background-color: #2c3840;
}

.top-bar ul {
    background-color: #2c3840;
}

.menu li:hover {
    background-color: #35444f;
}

.termin {
    background-color: #428bca;
    text-align: center;
    padding: 1px;
    border: 1px solid #5e5e5e;
    border-radius: 4px;
    margin-top: 5px;
}

.month {
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.2;
    color: snow;
    margin: 0;
    padding: 2px 0 3px 0 ;
}

.date {
    font-size: 12pt;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 2px;
    background-color: #eeeeee;
}

.year {
    font-size: 8pt;
    line-height: 1;
    background-color: #eeeeee;
}

.title-box {
    background: url(../img/curl-web-scale.jpg) center no-repeat;
    background-size: cover;
}

.title-contact {
    font-size: 3em;
}

.title-contact a {
    color: snow;
}

.title-contact a:hover {
    color: #e8e8e8;
}

.title-content {

    padding: 60px 0px;
    background: rgba(255,255,255,.2);
}

.title-content h1 {
    font-family: OrbitronBold;
    color: snow;
}

.title-content p {
    font-family: OrbitronMedium;
    color: #e8e8e8;
}

.listingblock pre:not(.highlight) {
    background-color: #2b2b2b;
    color: #bababa;
}

.conum[data-value] {
    background-color: #777777;
}