:root {
     --maincolor: #b51f2a;
     /*Die Kundenhauptfarbe angepasst an die Webseite des Kunden.*/
     --maincolortransp: #b51f2a31;
     /*Die Hauptfarbe in einer transparenten Variante, findet z.B. in der Descriptionbox Anwendung*/
     --complimentcolor: #1fb5aa;
     /*Komplimentärfarbe für verschiedene Bezeichner und Borders*/
     --complimenttransp: #1fb5aa30;
     /*Komplimentärfarbe in einer transparenten Variante, für z.B. Infobox mit Telefonnummer*/
     --secondcolor: #74141b;
     /*2. Farbe zum Beispiel für Button*/
     --shadowcolor: #000;
     /*Schattenfarbe für Boxen und Button*/
     --darkgrey: #737373;
     /*für allgemeine Schriftfarbe Form-Felder 1. Seite, Überschriften 2. Seite*/
     --middlegrey: #bfbfbf;
     /*Schriftfarbe für Placeholder-Bezeichnungen der Formfelder*/
     --greyongrey: #666;
     /*dunklere Schriftfarbe Grau auf Grau*/
     --alertcolor: #b30000;
     /*Warnmeldungen*/
     --alertcolortransp: #b300001a;
     /*abgeschwächte Warnmeldung*/
     --contentcolor: #fff;
     /*Hintergrundfarbe des eigentlichen Formulars*/
     --summaryBackground: #dbdada;
     /*Hintergrundfarbe der Summary-Box*/
     --notesBackground: #fcebec;
}

div.category-description.ng-binding.ng-hide {
    /* wenn die Beschreibung immer aufgeklappt angezeigt werden soll, dann display: block !important */
    display:inherit;
}

body {
    background-color: var(--backgroundcolor);
    font-family: 'robotoregular', 'Open Sans', 'sans-serif';
    letter-spacing: 0.02em;
}

.activities-header {
    color: var(--darkgrey); 
    background-color: var(--complimenttransp);
}

.activities-container {
    border-color: var(--maincolor);
    border-radius: 5px;
}

.activities-element {
    padding: 0;
}

.activity-value {
    color: var(--maincolor);
    display: block;
    padding: 10px 5px;
}

.activity-value:hover {
    color: var(--complimentcolor);
}

.activities-element:hover {
    color: var(--complimentcolor);
}

.category-element {
    padding:0;
}

.category-element:hover {
    background-color: var(--complimenttransp);
    color: var(--maincolor) ;
}

.category-description {
    padding-left:30px;
    font-size:60%;
    line-height: 1.2em;
}

.category-description a {
    color:var(--complimentcolor);
}

.info-icon.category-info {
    padding: 0;
    position: relative;
    top: -34px;
    right: 0;
}

.owner .task-element .fa-bars {
    display: block !important;
}

.owner #date-preview.show {
    display: block !important;
}

.owner .footer-content:nth-child(1) {
    top: 0;
    margin-right: 0;
}

b, strong {
    font-weight: bold;
}

i {
    text-decoration: italic;
}

u {
    text-decoration: underline;
}


.oder {
    float: left;
    margin-left: 15px;
	margin-left: unset;
}

.oder input {
    width: 0px;
    border: none;
	display: none;
}

#telefon .error.error-top {
    margin-top: -2.5em;
    margin-left: -4.5em;
}