:root {
    --blau: #003a73;
    --blau_rgb: 0,58,115;
    --orange: #fd4f00;
    --orange_rgb: 253,79,0;
    --specialGreyFont: #5B686F;
}

.jfpage #breadcrumb ul li a,
.jfpage .typeWrap-mask_iconlinks .title {
    color: var(--specialGreyFont);
}

.jfpage div#logoWrap:before, 
.jfpage div#logoWrap:after,
.jfpage .buttonLink:hover,
.jfpage a:hover .buttonLink,
.jfpage .searchboxOverlay, 
.jfpage .loginOverlay,
.jfpage input[type="submit"]:hover,
.jfpage button:hover,
.jfpage .detailbutton:hover,
.jfpage .buttonLink,
.jfpage .klappelemente .item .headerElem .icon,
.jfpage .klappelemente .item.highlight .item .headerElem .icon,
.jfpage #footerWrap,
.jfpage input[type="submit"], 
.jfpage button, 
.jfpage .detailbutton {
	background-color: var(--blau);
}

.jfpage #mainmenu ul li .submenu {
    background-color: rgba(var(--blau_rgb),0.85);
}

.jfpage .owl-carousel .owl-dots .owl-dot.active span,
.jfpage #copyrightWrap,
.jfpage input[type="submit"]:hover, 
.jfpage button:hover, 
.jfpage .detailbutton:hover,
.jfpage .fileExtension {
    background-color: var(--orange);
}

.jfpage h1, 
.jfpage a,
.jfpage #headBanner .typeWrap-mask_slider .headline2,
.jfpage #scrolling span,
.jfpage #mainmenu ul li.active a,
.jfpage #mainmenu ul li:hover a,
.jfpage .searchboxOverlay button[type="submit"],
.jfpage #seminarlistenform.startseite h4,
.jfpage #seminarlistenform .item:hover .header,
.jfpage #singleItemFirstBig h1,
.jfpage .directoryname .fas, 
.jfpage .fileitem_wrap .directoryname:hover,
.jfpage .buttonLink:hover {
	color: var(--orange);
}


.jfpage #breadcrumb ul li a,
.jfpage .typeWrap-mask_iconlinks .title,
.jfpage .typeWrap-mask_iconlinks span[class*="vdf-"],
.jfpage .klappelemente .item .headerElem,
.jfpage .klappelemente .item.highlight .item .headerElem,
.jfpage .klappelemente .item.highlight .headerElem, 
.jfpage .klappelemente .item.highlight .item.highlight .headerElem,
.jfpage a:hover {
    color: var(--blau);
}

.jfpage div#logoWrap:before, 
.jfpage div#logoWrap:after,
.jfpage #mainmenu ul li .submenu,
.jfpage #bugmeldung,
.jfpage #scrolling,
.jfpage .searchboxOverlay, 
.jfpage .loginOverlay {
    border-color: var(--orange);
}

.jfpage hr,
.jfpage .klappelemente .item.highlight .headerElem, 
.jfpage .klappelemente .item.highlight .item.highlight .headerElem {
    border-color: var(--blau);
}

@media (max-width: 800px) {
    .jfpage #headBanner .typeWrap-mask_slider .startslider .textAreaBox .buttonLink,
    .jfpage .typeWrap-mask_slider .buttonLink {
        color: var(--blau);
    }
}


@media (max-width: 800px) {
    .jfpage #headBanner .itemWrap {
        background-color: var(--blau);
    }
}

@media only screen and (max-width: 767px) {
    body.jfpage.sticky #headerWrap {
        background-color: var(--blau);
    }
}

@media only screen and (max-width: 767px) {
    nav#navigation {
        background-color: rgba(var(--blau_rgb),0.9);
    }
}

.jfpage .buttonLink,
.jfpage #copyrightWrap,
.jfpage #copyrightWrap a,
.jfpage #headBanner .typeWrap-mask_slider .headline2 {
    color: #fff;
}

.jfpage #mainmenu ul li:hover ul li a,
.jfpage #mainmenu ul li.active ul li a,
.jfpage #mainmenu ul li:hover ul li:hover ul li a,
.jfpage #mainmenu ul li.active ul li:hover ul li a,
.jfpage #mainmenu ul li.active ul li.active ul li a {
    color: rgba(255,255,255,0.7);
}

.openNav .jfpage a.open-panel i:before,
.jfpage #mainmenu ul li:hover ul li:hover a,
.jfpage #mainmenu ul li.active ul li:hover a,
.jfpage #mainmenu ul li.active ul li.active a,
.jfpage #mainmenu ul li:hover ul li:hover ul li:hover a,
.jfpage #mainmenu ul li.active ul li:hover ul li:hover a,
.jfpage #mainmenu ul li.active ul li.active ul li:hover a,
.jfpage #mainmenu ul li.active ul li.active ul li.active a {
    color: rgba(255,255,255,1);
}