body {
  background-color: white !important;
}

#portal-searchbox,
#portal-anontools
{
    display: none;
}

#header-image {
    background-image: url('./header-image');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 430px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
#portal-header {
}
#portal-languageselector {
    background: #ffffff90;
    padding: 5px 10px;
}

#portal-logo {
    margin-top: 80px;
}

a {
    color: #334086;
}
a:hover, a:visited {
    color: #333f86a1;
}

h1.documentFirstHeading {
    color: #6a3f87;
    font-size: 30px;
}
h2 {
    color: #009356;
}
h3 {
    color: #b13839;
}

.fb-icon {
    width: 24px;
}



.plone-navbar {
    background-color: #334086;
}
.plone-nav li a:hover, 
.plone-nav li a:focus {
    background-color: #009356;
}
.plone-nav li ul li a {
    background-color: #00a1e5;
}
.plone-navbar-nav .current > a, 
.plone-navbar-nav .selected > a, 
.plone-navbar-nav .current > a:hover, 
.plone-navbar-nav .selected > a:hover, 
.plone-navbar-nav .current > a:focus, 
.plone-navbar-nav .selected > a:focus {
    background-color: #009356;
}
.plone-navbar-nav .has_subtree.inPath > a, 
.plone-navbar-nav .has_subtree.inPath > a:hover, 
.plone-navbar-nav .has_subtree.inPath > a:focus {
    background-color: #009356;
}
#portal-footer-wrapper {
    background-color: #6a3f87;
    color: #FFF;
}

#portal-footer-wrapper  a{
    color: #00a1e5;
}


.portlet {
    border: none;
    box-shadow: none;
}
.portlet .portletHeader {
    background: #00a1e520;
    background: #c0cf2c;
    background: #ffec00;
}
.portlet .portletHeader > a {
    color: #334086;
}
.portlet .portletContent > ul > li a {
    color: #334086;
}



/* --- logged in ----- */
body.userrole-authenticated #portal-logo {
    margin-top: 35px;
}


/* --- nav --- */
.unterstuetzen {
    background-color: #b13839 !important;
}






@media only screen and (max-width: 767px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }

    #portal-logo {
        margin-top: 30px;
    }
    #portal-logo > img {
        width: 140px;
    }
    #header-image {
        height: 260px;
    }       

    #portal-languageselector {
        float: none;
        position: absolute;
        background: #ffffff90;
        padding: 5px 10px;
        right: 0;
        top: 10px;
    }
}