body {
    background-color: #e6e6e6;
    color: #272727;
}

.banner {
    color: #000000;
}

.head_logo {
    /*noinspection CssUnknownTarget*/
    background-image: url('/img/head4dark-ks.svg');
}

.jumbotron,.textback,.contenttop,.contentmiddle,.contentbottom,.contentmain,.page-title,.part-full {
    background-color: #ffffff;
}
.iconactive {
    color: green;
}
.iconinactive {
    color: red;
}
.iconfire {
    color: red;
}
.linkarea:hover {
    background-color: #e9eff2;
}
.sidebar-nav .dropdown-menu {
    background-color: #1a1a1a;
}
.sidebar-nav li:before {
    background-color: #c3d332;
}

/* The following are for the new design */

/*

#d21f1a = Lovelyn
- Alles was mit Lovelyn zu tun hat

#ececec = Hellgrau
- Alles, was ausgewählt, aber nicht offen ist (z.B. die für die Hauptreiterleiste ausgewählte Kategorie)

#c6c6c5 = Mittelgrau
- Allgemeine Info
- Alles, was auswählbar und aktivierbar ist (z.B. Hashtags in den Suchfeldern, Checkboxen)
- Darstellung informativer aktueller, aber alter Stand (z.B. Anzahl Likes, Nachrichten)

#9d9c9c = Dunkelgrau
- Unbenutzte Grundzustand einer Auswahlmöglichkeit
- Darstellung informativer aktueller, aber alter Stand (z.B. Anzahl bereits gesehene Nachrichten)

#c6f135 = Leuchtgrün (Hauptlogo-Farbe)
- Alles, was gerade aktiv und offen ist (z.B. ausgewählter und offener Hauptreiter)
- Alles, was neu ist (z.B. Nachrichten, Termine)

#472681 = Violett (zweite Hauptlogo-Farbe)
- Alles, was im Text direkt ausgewählt wurde (z.B. Hashtags in den Suchfeldern, Checkboxen)

#7a922e = Olive Hauptlogofarbe abgedunkelt(Hauptlogofarbe abgedunkelt)
- Geschlossener Reiter

 */
body {
    background-image: linear-gradient(#1a1a1a, transparent, transparent);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sidebar-nav li a:hover,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
    color: #472681;
    background-color: #c3d332;
}

.sidebar-wrapper {
    background-image: linear-gradient(transparent, #472681, #472681, #472681, #472681, #472681, transparent);
}

.menu-hi > a,.menu-hi > a:link,.menu-hi > a:visited,.menu-hi > a:hover {
    color: #c3d332;
    font-weight: bold;
}

.menu-lo {
    opacity: .7;
}

.bottom-line:after, .divider-line:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin-right: 35px;
    margin-left: 10px;
    border-bottom: 1px solid #eeeeee; /* This creates the border. Replace black with whatever color you want. */
}

.block-narrow {
    margin-left: 13px;
    margin-right: 40px;
}

.menu-title {
    color: #c3d332;
}

.btn-primary {
    background: #472681;
    color: #c3d332;
    border-color: #472681;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #c3d332;
    color: #472681;
    border-color: #472681;
}

.btn-danger {
    background: #c3d332;
    color: #472681;
    border-color: #472681;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background: #c3d332;
    color: #472681;
    border-color: #472681;
}

.highlite-new {
    color: #472681;
    border-color: #c3d332;
}

.highlite-bg {
    background-color: #c3d332;
}