/* Schriftarten */
@font-face {
    font-family: 'bogor';
    src: url('../Fonts/BOGOR.otf') format('opentype'),
         url('../Fonts/BOGOR.ttf') format('truetype');
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'bogor' !important;
}


body, html {
    height: 100%;
}

#cy {
    width: 70%;
    height: 100%;
    float: left;
}
#cy_code {
    width: 30%;
    height: 100%;
    float: right;
    overflow-y: scroll;
}



#code-container .code .step:nth-child(2n + 1) {
    background: #b3b3b3;
}
#code-container .code .step.active {
    background: #e0ca39;
}
#code-container .code pre {
    padding: 0 15px;
    line-height: 1.5em;
    margin-bottom: 0 !important;
}

/* Overlay für Dateneingabe */
#dataInput {
    background: rgba(0,0,0,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 1000;
}
#dataInput .container {
    background: #FFF;
    border-radius: 5px;
    padding: 10px;
}