body {
    background-color: #282a36;
    color: #dedede;
}
a {
    color: #101213;
    text-decoration: none;
}
a:hover {
    color: #ccc;
    text-decoration: none;
}
a.pathway:hover {
    color: #e6e6e6;
}
img {
    width: 100%;
    height: auto;
}
.banner-image {
    background-image: url('https://kpr.dafty.de/images/headers/header-01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vw;
}
.banner-image:first-child {
    padding-top: 12vw;
}
.breadcrumb {
    color: #282a36;
}
.breadcrumb-item.active {
    color: #DF7401;
}
.nav {
    border-bottom: 1px solid #ccc;
}
.nav li {
    float: left;
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    margin: 5px;
    padding: 3px 5px;
}
.nav li:hover,
.nav li.current {
    background: #B40404 !important;

}
.nav li.current>a {
    color: #ccc !important;
}
label:hover {
    color: #e6e6e6;
}
.label-small {
    width: 20px;
    cursor: pointer;
}
.label-big {
    width: 25px;
    cursor: pointer;
}
.custom img {
    width: 100%;
    height: auto;
}
.simple-shadow {
    text-shadow: 1px 1px 1px #282a36;
    /* B40404 */
}
.double-shadow {
    text-shadow: 2px 2px 1px #282a36, 2px 2px 1px #363636;
    /* B40404 */
}
.text-hyphens {
    text-align: justify;
    hyphens: auto;
}
.vw-4 {
    font-size: 4vw;
}
.vw-3 {
    font-size: 3vw;
}
.vw-2 {
    font-size: 2vw;
}
.vw-1 {
    font-size: 1vw;
}